.object-art{display:block;aspect-ratio:1;background-size:200% 100%;background-repeat:no-repeat;flex-shrink:0;mix-blend-mode:multiply}.half{width:118px;height:122px;gap:0;padding:5px 9px}.half>.object-art{width:76px}.tile-label{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.1}.tile-label strong{font-size:.9rem}.tile-label small{font-size:.75rem;font-weight:400;color:var(--muted)}.domino>.half:first-child{transform:rotate(180deg)}.half+.half{border-left:0}.domino{position:relative}.domino:after{content:'';position:absolute;left:50%;top:8px;bottom:8px;border-left:2px solid var(--ink)}.home-heading{display:flex;gap:24px;align-items:center;margin:12px 0 8px}.home-heading h1{max-width:820px;letter-spacing:-.05em}.palette{display:grid;grid-template-columns:repeat(4,22px);gap:8px;margin-left:auto;flex-shrink:0;transform:rotate(-8deg)}.palette i{display:block;width:22px;height:22px;border-radius:50%}.activities{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.activity-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:26px;padding:0;background:white;text-align:left;overflow:hidden;box-shadow:0 5px 0 #e9ecf5;transition:transform .2s,box-shadow .2s}.activity-card:hover{transform:translateY(-4px);box-shadow:0 9px 0 #e9ecf5}.card-art{height:190px;position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;overflow:hidden;border-bottom:1px solid var(--line)}.connect-card .card-art{background:var(--ink);gap:5px}.connect-card .card-art .domino{transform:rotate(-9deg);border-color:#11183f;flex-shrink:0}.connect-card .card-art .domino+.domino{transform:rotate(9deg);margin-top:22px}.card-art .half{width:70px;height:92px;padding:6px}.card-art .half>.object-art{width:54px}.card-art .tile-label strong{font-size:.7rem}.card-art .tile-label small{font-size:.65rem}.listen-card .card-art{background:#ffda45}.detective-card .card-art{background:#b4e9df}.art-disc{width:140px;background:#fff;border-radius:50%;padding:12px;display:block}.art-disc>.object-art{width:100%}.listen-card .art-disc:first-child{transform:rotate(-10deg);margin-top:15px}.listen-card .art-disc:last-child{transform:rotate(10deg);margin-bottom:20px}.sound-disc{position:absolute;z-index:2;top:10px;left:calc(50% - 16px);font-size:2rem;font-weight:700}.detective-card .art-disc:first-child{margin-top:25px;transform:rotate(-12deg)}.detective-card .art-disc:last-child{margin-left:-20px;margin-bottom:20px;transform:rotate(10deg)}.card-copy{padding:24px;display:flex;flex:1;flex-direction:column;gap:14px}.card-copy .eyebrow{font-size:.8rem}.card-copy h2{font-size:1.7rem;min-height:3.8rem;max-width:270px}.card-copy p{font-size:1rem;color:var(--muted)}.card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;border-top:1px solid var(--line);padding-top:15px;margin-top:auto;gap:8px}.card-bottom b{border-radius:50%;background:var(--ink);color:white;width:34px;height:34px;display:grid;place-items:center;font-size:1.3rem;flex-shrink:0}.home-note{display:flex;align-items:center;gap:18px;margin-top:30px}.note-symbol{font-size:2.6rem;color:var(--red)}.home-note p{font-size:.95rem;color:var(--muted)}.home-note strong{color:var(--ink)}.home-note>span{margin-left:auto;padding-left:25px;border-left:1px solid var(--line);font-size:.85rem;line-height:1.5;flex-shrink:0}.board-heading{display:flex;justify-content:space-between;gap:15px;font-size:.85rem;color:var(--muted);margin-bottom:16px}.ends{display:flex;justify-content:space-between;gap:12px}.ends button{min-height:44px;padding:10px 15px;border-radius:11px;background:white;border:1px solid #b2bbd2;font-weight:700;font-size:.9rem}.ends [aria-pressed="true"]{background:var(--ink);color:white;border-color:var(--ink)}.ends button:disabled{opacity:1}.chain{padding:20px 6px;scrollbar-color:#929db8 transparent}.chain:focus-visible{outline:2px solid var(--red);outline-offset:3px}.small-title{font-size:1.25rem;margin:18px 0}.progress{font-size:.85rem;color:var(--muted);text-align:right}.progress-dots{display:flex;gap:5px;margin-bottom:7px}.progress-dots i{width:11px;height:11px;border:1px solid #a6b1cc;border-radius:50%;display:block}.progress-dots .filled{background:var(--ink);border-color:var(--ink)}.success-panel{padding:22px;border:1px solid #b4d7c5;border-left:5px solid #278153;border-radius:16px;background:#f3faf6}.success-panel .button{margin-top:18px}.success-panel p+p{color:var(--muted);margin-top:5px}.language{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:.9rem;margin:18px 0}.language>span{margin-right:10px;color:var(--muted)}.language button{padding:10px 16px;min-height:44px;border:1px solid #b2bbd2;background:white;border-radius:11px}.language [aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:white}.listen-stage{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.5fr);gap:24px}.audio-panel{border:1px solid var(--line);background:var(--wash);border-radius:24px;padding:28px 24px;display:flex;align-items:center;flex-direction:column;text-align:center}.audio-button{background:var(--ink);color:white;flex-direction:column;border-radius:22px;padding:20px;min-width:195px;margin-top:20px}.play-icon{font-size:1.7rem;line-height:1.1}.audio-button.playing{box-shadow:0 0 0 5px #b8c5e6}.audio-status{font-size:.85rem;min-height:25px;margin-top:14px;color:var(--muted)}.word-reveal{min-height:72px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:.9rem;color:var(--muted);max-width:240px;margin-top:10px}.word-reveal strong{font-size:2rem;color:var(--ink)}.quiz-area{padding:10px 0}.quiz-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.color-choice{display:flex;flex-direction:column;align-items:center;gap:12px;border:2px solid var(--line);border-radius:20px;background:#fff;padding:16px 10px;color:var(--ink);transition:border-color .15s,transform .15s}.color-choice:hover{border-color:var(--ink);transform:translateY(-3px)}.color-choice>.object-art{width:100%;max-width:145px}.color-choice>span:last-child{border-radius:50%;background:var(--wash);font-size:.9rem;width:29px;height:29px;display:grid;place-items:center;font-weight:700}.color-choice:disabled{opacity:.45}.color-choice.correct:disabled{opacity:1;border:3px solid #288156;background:#f4faf6}.foot-hint{font-size:.9rem;color:var(--muted);margin-top:25px}.color-picker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;margin:32px 0}.color-picker button{border:1px solid var(--line);border-bottom:5px solid var(--color);border-radius:18px;background:white;padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:12px}.color-picker button:hover{box-shadow:0 5px 0 #e5e9f2;transform:translateY(-2px)}.color-picker .object-art{width:100%}.color-picker button>span:last-child{font-size:1rem;font-weight:700}.color-picker small{display:block;font-size:.85rem;font-weight:400;color:var(--muted);margin-top:5px}.physical-note{padding:22px;background:var(--wash);border-radius:16px;font-size:1rem}.physical-note p{margin-top:6px;color:var(--muted)}.detective-layout{display:grid;grid-template-columns:340px 1fr;gap:32px}.mission-color{padding:22px;border:1px solid var(--line);border-radius:24px;display:flex;align-items:center;flex-direction:column}.mission-color>.object-art{width:180px}.mission-color h2{font-size:1.9rem;margin:12px 0}.mission-color h2 span{display:block;color:var(--muted);font-size:1.1rem;font-weight:400;text-align:center;margin-top:8px}.mission-color .language{justify-content:center}.mission-color .language>span{flex-basis:100%;text-align:center;margin:0 0 4px}.mission{background:#ffefb8;border-radius:24px;padding:34px}.mission h2{font-size:clamp(1.6rem,2.5vw,2.3rem);max-width:650px;margin:22px 0}.mission-help{font-size:1.1rem;max-width:570px}.mission-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:30px}.sentence{border-left:3px solid var(--ink);padding-left:18px}.sentence>span{font-size:.85rem;color:var(--muted)}.sentence p{font-size:1.2rem;margin-top:10px}.finish-art{display:flex;max-width:550px;align-items:center;gap:10px;margin:30px 0}.finish-art .object-art{width:30%}.finish-actions{display:flex;gap:12px;flex-wrap:wrap}.primary:hover{background:#111943}.secondary:hover{background:var(--wash)}
@media(max-width:1000px){.palette{display:none}.card-copy{padding:20px}.card-copy h2{font-size:1.45rem}.card-art{height:165px}.card-art .half{width:52px;height:78px}.card-art .half>.object-art{width:42px}.art-disc{width:112px}.color-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.listen-stage{grid-template-columns:280px 1fr}.detective-layout{grid-template-columns:280px 1fr;gap:22px}.mission{padding:26px}.color-choice{padding:12px 5px}.quiz-options{gap:8px}}
@media(max-width:720px){.activities{grid-template-columns:1fr}.activity-card{display:grid;grid-template-columns:126px minmax(0,1fr);border-radius:20px}.card-art{height:100%;min-height:215px;border-bottom:0;border-right:1px solid var(--line);flex-direction:column;gap:5px}.connect-card .card-art .domino{transform:rotate(-17deg);flex-shrink:0}.connect-card .card-art .domino+.domino{transform:rotate(13deg);margin-top:0}.card-art .half{width:53px;height:81px}.card-art .tile-label strong{font-size:.65rem}.card-art .tile-label small{font-size:.6rem}.card-copy{padding:20px 18px;gap:10px}.card-copy h2{font-size:1.45rem;min-height:0}.card-copy p{font-size:.95rem}.card-bottom{font-size:.8rem}.card-bottom b{width:28px;height:28px}.art-disc{width:92px;padding:7px}.listen-card .art-disc:first-child{margin-top:8px}.listen-card .art-disc:last-child{margin-bottom:8px;margin-top:-10px}.sound-disc{top:45%;left:75%;font-size:1.6rem}.detective-card .art-disc:last-child{margin-left:10px;margin-bottom:8px;margin-top:-12px}.detective-card .art-disc:first-child{margin-top:8px}.home-note>span{display:none}.home-note{align-items:flex-start}.home-heading{margin-top:12px}.home-heading h1{max-width:470px}.board-heading{flex-direction:column;gap:6px}.half{width:95px;height:109px}.half>.object-art{width:66px}.tile-label strong{font-size:.82rem}.tile-label small{font-size:.7rem}.hand{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hand .domino{flex-direction:column;width:100%;align-items:center}.hand .domino:after{left:8px;right:8px;top:50%;bottom:auto;border-left:0;border-top:2px solid var(--ink)}.hand .half{width:100%;height:auto;aspect-ratio:.88;padding:7px 4px}.hand .half>.object-art{width:80%;max-width:66px}.hand .tile-label strong{font-size:.8rem}.hand .tile-choice{padding:3px}.ends button{padding:9px 10px;font-size:.83rem}.listen-stage{grid-template-columns:1fr;gap:12px}.audio-panel{padding:20px}.audio-button{flex-direction:row;margin-top:13px;padding:16px 20px}.word-reveal{min-height:45px}.audio-panel .quiet{margin-top:5px}.quiz-options{margin-top:15px;gap:9px}.color-choice{padding:13px 8px;border-radius:16px}.quiz-area .small-title{margin-top:8px}.color-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.color-picker button{padding:12px 7px}.detective-layout{grid-template-columns:1fr;gap:20px}.mission-color>.object-art{width:130px}.mission-color .language>span{flex-basis:auto;margin:0 5px 0 0}.mission-color h2 span{display:inline;margin-left:8px}.mission-color{padding:20px}.mission{padding:24px}.mission-actions .button{width:100%}.progress-dots{gap:4px}.progress-dots i{width:9px;height:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.art-disc{overflow:hidden}.hand .tile-label small{font-size:.75rem}
header{flex-wrap:wrap}h1,h2,.button{overflow-wrap:anywhere}.activity-card{min-width:0}
.start-note{border-left:3px solid #cf253c;padding:0 0 0 16px;margin:0 0 28px;max-width:780px;color:var(--muted)}.start-note strong{color:var(--ink)}.start-note>span{display:block;font-size:.9rem;margin-top:6px;line-height:1.5}.completed-label{color:#216b47;font-weight:700}.visit-note{font-size:.9rem;line-height:1.5;color:var(--muted);margin-top:24px}.finish-summary{font-size:1.1rem;max-width:680px;margin-bottom:24px;line-height:1.55}.finish-actions .button{max-width:100%;text-align:center}.color-choice.correct>span:last-child{background:#216b47;color:white}.color-choice:disabled:hover{transform:none}.draft{display:inline-block}.chain .half{flex-shrink:0}
@media(max-width:640px){header{padding:14px 20px;column-gap:10px;row-gap:2px}.draft{font-size:.75rem;padding:6px 8px}#guide-open{flex-basis:100%;text-align:left}.start-note{margin-bottom:24px}.finish-actions{flex-direction:column;align-items:stretch}.hand .tile-label strong{font-size:.8rem}.mission-color .quiet{text-align:center}.brand span{font-size:1.3rem}.brand{gap:8px}.brand img{width:34px;height:38px}}