/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.table{display:table}.resize{resize:both}}:root{--night:#070910;--panel:#111522;--panel2:#181d2c;--ink:#f5f3e9;--muted:#aeb5c5;--line:#31394d;--lime:#c8ff62;--violet:#9f8cff;--danger:#ff9da2;--success:#c8ff62}*{box-sizing:border-box}html,body{background:var(--night);min-height:100%;color:var(--ink);margin:0}body{font-family:Inter,Pretendard,Noto Sans KR,PingFang SC,system-ui,sans-serif;font-size:16px;line-height:1.55}button,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit}:focus-visible{outline:3px solid var(--lime);outline-offset:3px}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.loading{min-height:100dvh;color:var(--muted);place-items:center;display:grid}.game-shell{background:radial-gradient(circle at 72% 15%,#9f8cff1c,transparent 28%),var(--night);min-height:100dvh;overflow:hidden}.game-bar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070910e0;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr minmax(260px,470px) 1fr;align-items:center;gap:32px;height:76px;padding:0 max(22px,50vw - 620px);display:grid;position:fixed;inset:0 0 auto}.channel{text-align:left;background:0 0;border:0;align-items:center;gap:11px;width:max-content;min-height:48px;padding:0;display:flex}.channel-mark{border:1px solid var(--lime);width:38px;height:38px;color:var(--lime);border-radius:50%;place-items:center;font-weight:850;display:grid}.channel strong,.channel small{line-height:1.15;display:block}.channel small{color:#81899b;letter-spacing:.16em;margin-top:4px;font-size:9px}.step-track{color:#cbd0db;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:11px;display:grid}.step-line{background:#293043;height:3px;overflow:hidden}.step-line i{background:var(--lime);height:100%;transition:width .28s ease-out;display:block}.step-count{color:#858da0;font-variant-numeric:tabular-nums}.bar-actions{justify-self:end;align-items:center;gap:10px;display:flex}.test-badge{color:#11150a;background:var(--lime);letter-spacing:.08em;white-space:nowrap;border:1px solid #a5db45;padding:6px 9px;font-size:9px;font-weight:900}.test-jump{align-items:center;gap:7px;display:flex}.test-jump span{color:#8e96a8;letter-spacing:.08em;white-space:nowrap;font-size:9px;font-weight:800}.test-jump select{color:#f2f1e9;background:#171c29;border:1px solid #59627a;width:220px;height:36px;padding:0 28px 0 9px;font-size:12px}.map-button,.profile-button{border:1px solid var(--line);background:0 0;min-height:44px;padding:8px 12px}.profile-button{color:#9da5b6;text-align:right;border-color:#0000}.profile-button strong,.profile-button small{line-height:1.15;display:block}.profile-button small{color:#717a8d;text-overflow:ellipsis;white-space:nowrap;max-width:120px;margin-top:3px;font-size:8px;font-weight:500;overflow:hidden}.xp{text-align:right;margin-left:8px}.xp small,.xp strong{line-height:1.2;display:block}.xp small{color:#7f8799;font-size:9px}.xp strong{color:var(--lime);font-variant-numeric:tabular-nums;font-size:14px}.game-screen{min-height:100dvh;padding-top:76px;overflow:auto}.enter-forward{animation:.28s ease-out both enter-forward}.enter-back{animation:.24s ease-out both enter-back}@keyframes enter-forward{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes enter-back{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}.eyebrow{color:var(--lime);letter-spacing:.17em;margin:0 0 10px;font-size:11px;font-weight:800}.intro-layout{background:linear-gradient(90deg,#070910fc 0%,#070910e0 42%,#07091033 75%,#07091094 100%),linear-gradient(#0000 40%,#070910eb),url(/orv-kim-dokja-hero-v2.png) 50%/cover no-repeat;grid-template-columns:1.15fr .68fr;align-items:center;gap:72px;max-width:1440px;min-height:calc(100dvh - 76px);margin:auto;padding:clamp(48px,7vw,100px) max(28px,50vw - 620px);display:grid}.intro-copy{z-index:1;position:relative}.intro-copy h1,.complete-copy h1{letter-spacing:-.055em;margin:0;font-size:clamp(54px,7vw,100px);line-height:.98}.intro-copy h1 span,.complete-copy h1 span{color:var(--lime)}.lead{color:#c6cad4;max-width:600px;margin:26px 0;font-size:18px}.chips{flex-wrap:wrap;gap:8px;margin-bottom:30px;display:flex}.chips span{color:#d9dce4;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:12px}.primary-action,.next-action{color:#10140a;background:var(--lime);border:1px solid #8bbd32;justify-content:center;align-items:center;gap:18px;min-height:52px;padding:12px 20px;font-weight:800;display:inline-flex}.primary-action:hover,.next-action:hover{background:#d5ff86}.primary-action svg,.next-action svg{width:18px}.intro-actions{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.restart-action{color:#d9dce4;background:#0f131eb8;border:1px solid #59627a;min-height:52px;padding:12px 20px;font-weight:800}.restart-action:hover{color:#fff;border-color:var(--violet);background:#171c29}.scenario-message{border:1px solid #394157;border-top:3px solid var(--violet);background:#0f131ed6;padding:28px;box-shadow:0 30px 90px #00000061}.scenario-message>p:first-child{color:var(--violet);letter-spacing:.2em;margin:0 0 32px;font-size:10px;font-weight:850}.message-code{color:#7e8799;font:10px ui-monospace,monospace}.scenario-message h2{margin:9px 0 12px;font-size:26px}.scenario-message>p:not(:first-child){color:var(--muted)}.cast-note{border-top:1px solid var(--line);grid-template-columns:8px 1fr;gap:2px 12px;margin-top:28px;padding-top:18px;display:grid}.cast-note i{background:var(--lime);width:7px;height:7px;box-shadow:0 0 16px var(--lime);border-radius:50%;grid-row:1/3;align-self:center}.cast-note span{color:#81899b;font-size:10px}.cast-note strong{font-size:14px}.stage-frame{flex-direction:column;width:min(1180px,100% - 40px);min-height:calc(100dvh - 76px);margin:0 auto;padding:clamp(34px,5vh,64px) 0 28px;display:flex}.stage-heading{grid-template-columns:1fr minmax(260px,430px);align-items:end;gap:4px 40px;margin-bottom:clamp(24px,4vh,42px);display:grid}.stage-heading .eyebrow{grid-column:1/-1}.stage-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(36px,4.4vw,62px);line-height:1.04}.stage-heading>p:last-child{color:var(--muted);margin:0}.profile-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.profile-grid fieldset{background:var(--panel);border:1px solid var(--line);min-width:0;margin:0;padding:18px}.profile-grid fieldset:first-child,.profile-grid fieldset:last-child{grid-column:1/-1}.profile-grid legend{color:#d7dae2;padding:0 6px;font-size:13px;font-weight:800}.choice-row,.choice-grid{gap:8px;display:grid}.choice-row{grid-template-columns:repeat(4,1fr)}.choice-grid{grid-template-columns:repeat(2,1fr)}.choice-row button,.choice-grid button{color:#aeb5c5;background:#1b2030;border:1px solid #394157;min-height:48px;padding:9px 12px}.choice-row button.selected,.choice-grid button.selected{color:#10140a;background:var(--lime);border-color:var(--lime);font-weight:800}.plan-preview{color:#15171e;border-left:3px solid var(--violet);background:#eeede5;margin-top:12px;padding:18px 22px}.plan-preview span,.plan-preview strong{display:block}.plan-preview span{color:#6a5da7;letter-spacing:.14em;font-size:10px;font-weight:850}.plan-preview strong{margin-top:4px;font-size:20px}.plan-preview p{color:#606570;margin:4px 0 0}.identity-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.identity-fields label span{color:#8f97a9;letter-spacing:.08em;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.identity-fields input{width:100%;min-height:50px;color:var(--ink);background:#1b2030;border:1px solid #465068;padding:10px 13px}.identity-fields input:focus{border-color:var(--lime);outline:0}.identity-note{color:#858da0;margin:10px 0 0;font-size:11px}.connected-user{justify-content:space-between;align-items:center;gap:18px;min-height:70px;display:flex}.connected-user span,.connected-user strong,.connected-user small{display:block}.connected-user span{color:var(--violet);letter-spacing:.12em;font-size:9px;font-weight:850}.connected-user strong{margin-top:2px;font-size:23px}.connected-user small{color:#8e96a8}.connected-user button{color:#c4cad5;background:#1b2030;border:1px solid #465068;min-height:44px;padding:8px 14px}.briefing-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.briefing-grid article{background:var(--panel);border:1px solid var(--line);min-height:210px;padding:22px}.briefing-grid article span{color:var(--violet);letter-spacing:.12em;font-size:10px;font-weight:850}.briefing-grid article h3{margin:14px 0 8px;font-size:22px}.briefing-grid article p{color:#aeb5c5;margin:0;font-size:14px}.briefing-grid article small{color:#8e96a8;border-top:1px solid var(--line);margin-top:12px;padding-top:12px;display:block}.letter-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.letter-card{text-align:left;background:var(--panel);border:1px solid var(--line);flex-direction:column;align-items:flex-start;min-height:290px;padding:20px;transition:border-color .2s,transform .2s,background .2s;display:flex;position:relative}.letter-card:hover{border-color:#6d659d;transform:translateY(-3px)}.letter-card.heard{background:#171d22;border-color:#6f932f}.card-state{color:#777f92;align-self:flex-end;font-size:10px}.letter-card.heard .card-state{color:var(--lime)}.letter-card strong{margin:20px 0 2px;font-size:62px;line-height:1}.letter-card b{color:var(--violet)}.sample{color:#7f8799;margin-top:20px;font-size:12px}.sample em{color:var(--ink);margin-left:5px;font-size:18px;font-style:normal;font-weight:800}.letter-card small{color:#b4bac8}.sound-status{color:var(--lime);align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-size:12px;display:flex}.sound-status svg{width:17px}.audio-trust{color:#858da0;margin:14px 0 0;font-size:12px}.audio-trust i{background:var(--lime);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.stage-nav{justify-content:space-between;align-items:center;gap:18px;margin-top:auto;padding-top:24px;display:flex}.stage-nav button{min-height:52px}.back-action{color:#aeb5c5;background:0 0;border:0;align-items:center;gap:10px;padding:10px 4px;display:flex}.back-action:hover{color:#fff}.next-action{min-width:200px}.word-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.word-card{color:#12141b;background:#f1f0e9;flex-direction:column;min-height:310px;padding:26px;display:flex}.word-card .roman{color:#6357a1;letter-spacing:.08em;font-size:12px;font-weight:750}.word-card>strong{margin:8px 0 4px;font-size:48px;line-height:1.1}.word-card h3{margin:0;font-size:18px}.word-card p{color:#676b76}.audio-button,.part-audio button{color:#30286e;background:#e7e3ff;border:1px solid #aaa1dd;justify-content:center;align-items:center;gap:8px;min-height:46px;margin-top:auto;padding:9px 12px;font-weight:750;display:flex}.audio-button svg,.part-audio svg{width:18px}.part-audio{gap:8px;margin-top:auto;display:flex}.part-audio button{flex:1;margin:0}.pending-audio{color:#707480;background:#dfded7;margin-top:auto;padding:12px;font-size:12px}.pattern-board{grid-template-columns:1.15fr .85fr;gap:18px 28px;display:grid}.pattern-board>p{color:#aeb5c5;grid-column:1/-1;margin:0}.answer-slots{background:var(--panel);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;min-height:150px;padding:24px;display:grid}.answer-slots span{color:#666f82;border-bottom:1px solid #4c556b;place-items:center;min-height:62px;font-size:20px;display:grid}.answer-slots .filled{color:var(--ink);border-color:var(--lime);font-size:26px;font-weight:800}.token-bank{border:1px solid var(--line);background:#121622;grid-template-columns:repeat(3,1fr);gap:9px;padding:20px;display:grid}.token-bank button{background:#242a3b;border:1px solid #47516a;min-height:54px;font-size:20px;font-weight:750}.token-bank .reset-token{color:#aeb5c5;background:0 0;grid-column:1/-1;font-size:12px}.assembly-result{padding:10px 14px;grid-column:1/-1!important}.assembly-result.right{color:#dfffb0;background:#1b2916}.assembly-result.wrong{color:#ffc3c6;background:#321b20}.sentence-note{color:#171922;border-left:3px solid var(--violet);background:#eeede5;grid-column:1/-1;grid-template-columns:auto 1fr;gap:2px 22px;padding:20px 24px;display:grid}.sentence-note strong{font-size:27px}.sentence-note span{color:#6558a3;align-self:center;font-weight:700}.sentence-note p,.sentence-note small{grid-column:1/-1;margin:4px 0 0}.sentence-note p{color:#555b68}.sentence-note small{color:#7c8088}.quiz-panel{border:0;gap:10px;width:100%;max-width:780px;margin:auto;padding:0;display:grid}.quiz-panel legend{margin-bottom:20px;font-size:22px;font-weight:750}.quiz-panel label{background:var(--panel);border:1px solid var(--line);cursor:pointer;grid-template-columns:auto 32px 1fr;align-items:center;gap:12px;min-height:62px;padding:12px 18px;display:grid}.quiz-panel label.correct{background:#182317;border-color:#769c35}.quiz-panel label.wrong{background:#2d181d;border-color:#a8535a}.quiz-panel input{width:19px;height:19px;accent-color:var(--lime)}.quiz-panel label span{color:#777f92}.quiz-panel label strong{font-size:22px}.check-button{color:#10140a;background:var(--lime);border:0;min-height:50px;margin-top:8px;font-weight:800}.quiz-panel>p{color:#bdc3d0;min-height:24px;margin:0}.speaking-panel{color:#12141b;background:#f1f0e9;grid-template-columns:.72fr 1.28fr;min-height:390px;display:grid}.character-portrait{min-height:390px;overflow:hidden}.character-portrait img{object-fit:cover;object-position:65% center;filter:saturate(.8);width:100%;height:100%;display:block}.speech-task{padding:clamp(28px,4vw,52px)}.speech-task>span{color:#6257a0;letter-spacing:.14em;font-size:11px;font-weight:800}.speech-task h3{margin:12px 0 2px;font-size:clamp(34px,4vw,56px)}.speech-task>p{color:#6257a0;margin:0;font-weight:700}.speech-task ol{color:#555b67;margin:26px 0;padding-left:22px}.speech-task li{margin:10px 0}.speech-task li button{color:#30286e;background:#e5e1ff;border:1px solid #aaa1dd;align-items:center;gap:6px;min-height:40px;padding:5px 10px;display:inline-flex}.speech-task li svg{width:16px}.self-check{cursor:pointer;background:#deddd5;align-items:center;gap:12px;min-height:52px;padding:12px;display:flex}.self-check input{accent-color:#617f26;width:20px;height:20px}.complete-layout{grid-template-columns:1fr 1fr;min-height:calc(100dvh - 76px);display:grid}.complete-art{min-height:520px;overflow:hidden}.complete-art img{object-fit:cover;object-position:center;filter:saturate(.85);width:100%;height:100%}.complete-copy{align-self:center;padding:clamp(46px,7vw,100px)}.complete-copy h1{font-size:clamp(48px,5.5vw,78px)}.reward-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:34px 0;display:grid}.reward-row div{border-right:1px solid var(--line);padding:18px 12px}.reward-row div:last-child{border:0}.reward-row small,.reward-row strong{display:block}.reward-row small{color:#7e879a;font-size:10px}.reward-row strong{color:var(--lime);margin-top:4px;font-size:23px}.complete-copy>p{color:#b8becb;max-width:580px}.complete-actions{align-items:center;gap:18px;margin-top:30px;display:flex}.text-action{color:#aeb5c5;text-underline-offset:4px;background:0 0;border:0;min-height:48px;padding:8px 12px;text-decoration:underline}.map-route{grid-template-columns:repeat(7,1fr);align-items:start;gap:8px;display:grid}.map-route article{background:var(--panel);border:1px solid var(--line);min-height:250px;padding:18px 14px;position:relative}.map-route article:after{content:"";z-index:-1;background:#3a4256;width:55%;height:1px;position:absolute;top:37px;left:70%}.map-route article:last-child:after{display:none}.map-route .node{color:#80889a;border:1px solid #4b5469;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.map-route .active{border-color:#779d36}.map-route .active .node{color:#11150b;background:var(--lime);border-color:var(--lime)}.map-route .cleared .node{font-size:20px}.map-route small{color:#737b8e;letter-spacing:.1em;margin-top:34px;font-size:9px;display:block}.map-route h3{margin:9px 0;font-size:16px;line-height:1.3}.map-route p{color:#858da0;font-size:11px}.map-route .locked{opacity:.58}.credits{color:#929aab;border-left:2px solid var(--violet);background:#10141e;grid-template-columns:auto 1fr auto;align-items:start;gap:16px;margin-top:24px;padding:16px 18px;font-size:11px;display:grid}.credits p{margin:0}.credits a{color:var(--lime)}.practice-split{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:stretch;gap:18px;display:grid}.compact-grid{grid-template-columns:repeat(2,1fr);gap:9px}.compact-grid .letter-card{min-height:210px;padding:16px}.compact-grid .letter-card strong{margin-top:4px;font-size:48px}.selected-card{box-shadow:inset 0 0 0 1px var(--violet);border-color:var(--violet)!important}.writing-pad{border:1px solid var(--line);background:#10141f;flex-direction:column;min-width:0;padding:18px;display:flex}.writing-pad>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.writing-pad>header div>span,.writing-pad>header div>strong{align-items:center;gap:8px;display:flex}.writing-pad>header div>span{color:var(--violet);letter-spacing:.12em;font-size:11px;font-weight:800}.writing-pad>header div>strong{margin-top:3px;font-size:14px}.writing-pad>header button{color:#b8becb;border:1px solid var(--line);background:0 0;min-height:44px;padding:7px 12px}.write-selector{gap:6px;margin:14px 0 10px;padding-bottom:3px;display:flex;overflow-x:auto}.write-selector button{background:#202637;border:1px solid #3d465c;flex:none;min-width:48px;min-height:48px;padding:5px 9px;font-size:17px;position:relative}.write-selector button.active{color:#11150b;background:var(--lime);border-color:var(--lime)}.write-selector button i{color:var(--lime);font-size:9px;font-style:normal;position:absolute;top:1px;right:2px}.write-selector button.active i{color:#25340a}.canvas-wrap{background-color:#090c13;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:50% 50%;border:1px solid #343c50;flex:1;min-height:300px;position:relative;overflow:hidden}.guide-char{color:#ffffff1f;pointer-events:none;-webkit-user-select:none;user-select:none;place-items:center;font-size:clamp(110px,15vw,190px);font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.canvas-wrap canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.canvas-wrap small{color:#70798c;pointer-events:none;font-size:10px;position:absolute;bottom:9px;left:12px}.word-practice{grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr)}.six-words{grid-template-columns:repeat(3,1fr);gap:8px}.word-card.interactive{text-align:left;cursor:pointer;border:1px solid #0000;min-height:166px;padding:15px}.word-card.interactive:hover{border-color:var(--violet)}.word-card.interactive>strong{margin-top:3px;font-size:30px}.word-card.interactive h3{font-size:15px}.word-card.interactive p{margin:6px 0;font-size:11px}.audio-inline{color:#51458f;align-items:center;gap:6px;margin-top:auto;font-size:11px;font-weight:750;display:flex}.audio-inline svg{width:15px}.sentence-deck{gap:8px;display:grid}.sentence-deck article{color:#15171e;background:#f1f0e9;border-left:3px solid #0000;grid-template-columns:38px 1fr auto;align-items:center;gap:14px;min-height:108px;padding:16px 18px;display:grid}.sentence-deck article:hover{border-left-color:var(--violet)}.sentence-deck article>span{color:#7165ae;align-self:start;font-size:11px;font-weight:800}.sentence-deck strong,.sentence-deck em{display:block}.sentence-deck strong{font-size:23px}.sentence-deck em{color:#6155a0;font-size:11px;font-style:normal;font-weight:700}.sentence-deck p{margin:3px 0;font-weight:700}.sentence-deck small{color:#676c77}.sentence-deck button,.lab-actions button{color:#31286f;background:#e6e2ff;border:1px solid #aaa1dd;align-items:center;gap:8px;min-height:48px;padding:9px 13px;font-weight:750;display:flex}.sentence-deck button svg,.lab-actions button svg{width:17px}.audio-source-banner{background:#171d18;border:1px solid #617c35;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px;padding:14px 18px;display:flex}.audio-source-banner strong{color:var(--lime)}.audio-source-banner p{color:#aeb5c5;margin:2px 0 0;font-size:12px}.audio-source-banner>span{color:#15190d;background:var(--lime);flex:none;padding:5px 9px;font-size:10px;font-weight:850}.sentence-audio-actions{gap:5px;display:grid}.sentence-audio-actions>small{color:#757a85;text-align:center;max-width:190px}.sentence-deck .device-listen,.lab-actions .device-listen{color:#666c78;background:0 0;border-color:#bbbcb8;min-height:36px;font-size:10px}.sentence-deck .human-listen{color:#fff;background:#2f2866;border-color:#524993}.mini-assembly{border:1px solid var(--line);background:#0e121c;grid-template-columns:1.15fr .85fr;gap:10px 14px;margin-top:12px;padding:16px;display:grid}.mini-assembly>p{color:#aeb5c5;grid-column:1/-1;margin:0}.mini-assembly .answer-slots{min-height:102px;padding:12px}.mini-assembly .token-bank{padding:12px}.mini-assembly .assembly-result{grid-column:1/-1;margin:0}.pronunciation-lab{color:#13151d;background:#f1f0e9;grid-template-columns:.72fr 1.28fr;min-height:440px;display:grid}.pronunciation-visual{min-height:440px;overflow:hidden}.pronunciation-visual img{object-fit:cover;object-position:66% center;width:100%;height:100%;display:block}.pronunciation-console{padding:clamp(24px,3.5vw,46px)}.sentence-tabs{gap:7px;display:flex}.sentence-tabs button{color:#5c6170;background:#dfded6;border:1px solid #c5c5c0;min-height:44px;padding:7px 13px}.sentence-tabs button.active{color:#fff;background:#25213d;border-color:#25213d}.sentence-tabs button b{color:var(--lime);margin-left:7px}.lab-label{color:#6b60aa;letter-spacing:.14em;margin-top:22px;font-size:10px;font-weight:800;display:block}.pronunciation-console h3{margin:7px 0 0;font-size:clamp(28px,3.6vw,48px);line-height:1.15}.target-roman{color:#665aa4;margin:2px 0 20px;font-weight:700}.lab-actions{flex-wrap:wrap;gap:8px;display:flex}.lab-actions .recording{color:#fff;background:#a63d49;border-color:#a63d49}.pronunciation-result{background:#deddd5;border-left:3px solid #8b8f99;align-items:center;gap:16px;min-height:118px;margin-top:14px;padding:15px;display:flex}.pronunciation-result>div:last-child{min-width:0}.pronunciation-result p{color:#5d626e;margin:4px 0}.pronunciation-result b{color:#20232c}.pronunciation-result.great,.pronunciation-result.pass{background:#e4edd4;border-left-color:#64832b}.pronunciation-result.retry,.pronunciation-result.error{background:#f2dddd;border-left-color:#ae565d}.score-ring{border:2px solid #677180;border-radius:50%;flex:0 0 66px;align-content:center;place-items:center;height:66px;display:grid}.score-ring strong{font-size:24px;line-height:1}.score-ring small{font-size:9px}.word-check{flex-wrap:wrap;gap:5px;display:flex}.word-check span{border-radius:999px;padding:3px 7px;font-size:10px}.word-check .hit{color:#344711;background:#c9dea4}.word-check .miss{color:#7b2e34;background:#efbfc2}.speech-fallback{background:#deddd5;margin-top:14px;padding:16px}.speech-fallback p{color:#5f6470}.speech-fallback label{align-items:center;gap:9px;min-height:44px;display:flex}.speech-fallback input,.manual-speaking-check input{accent-color:#5d7e22;width:20px;height:20px}.manual-speaking-check{color:#242831;background:#e5ecd8;border:1px solid #9bae79;align-items:center;gap:10px;min-height:50px;margin-top:12px;padding:12px 14px;font-weight:750;display:flex}.beta-note{color:#737985;margin:10px 0 0;font-size:10px}.daily-shadow-check{color:#242831;background:#e5ecd8;border:1px solid #9bae79;min-height:50px;padding:12px 14px;font-weight:750}.daily-shadow-check input{accent-color:#5d7e22;width:20px;height:20px}.speech-gate-note{color:#656b75;margin-top:8px;display:block}.clip-overlay{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030408d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.clip-modal{color:#15171e;background:#f1f0e9;border:1px solid #aaa1dd;width:min(760px,100%);max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 30px 100px #000000a6}.clip-modal>header{color:#f5f3e9;background:#171424;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 22px;display:flex}.clip-modal>header span{color:var(--lime);letter-spacing:.14em;font-size:10px;font-weight:850}.clip-modal>header h2{margin:3px 0 0;font-size:30px}.clip-modal>header button{color:#b9bdc7;background:0 0;border:1px solid #474258;width:44px;height:44px;font-size:28px;line-height:1}.clip-target{border-bottom:1px solid #d0cfc8;padding:16px 22px}.clip-target small,.clip-target strong{display:block}.clip-target small{color:#6c60aa;letter-spacing:.12em;font-size:9px;font-weight:850}.clip-target strong{margin-top:3px;font-size:20px}.clip-target p{color:#696e79;margin:5px 0 0;font-size:12px}.youglish-frame{background:#0b0d14;place-items:center;min-height:360px;padding:20px;display:grid;overflow:hidden}.youglish-frame>p{color:#a9afbc}.clip-status{color:#616672;background:#e1e0d9;margin:0;padding:9px 22px;font-size:11px}.clip-consent{text-align:center;align-content:center;place-items:center;min-height:300px;padding:48px 32px;display:grid}.clip-consent strong{font-size:20px}.clip-consent p{color:#606570;max-width:560px}.clip-consent button{color:#12150c;background:var(--lime);border:1px solid #8dbb38;min-height:48px;padding:10px 18px;font-weight:800}.clip-modal>footer{color:#6d647f;background:#e7e5dc;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 22px;font-size:10px;display:flex}.clip-modal>footer a{text-underline-offset:3px}.cycle-map{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.cycle-map article{background:var(--panel);border:1px solid var(--line);min-height:210px;padding:18px}.cycle-map article.locked{opacity:.68}.cycle-map article.active{background:#151c17;border-color:#789b3c}.cycle-top{align-items:center;gap:10px;display:flex}.cycle-top .node{color:#939bad;border:1px solid #4b5469;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-weight:850;display:grid}.cycle-map .active .node{color:#11150b;background:var(--lime);border-color:var(--lime)}.cycle-top small{color:#7d8597;letter-spacing:.1em;font-size:9px}.cycle-map h3{margin:18px 0 5px}.cycle-map p{color:#929aac;min-height:44px;margin:0;font-size:12px}.day-dots{grid-template-columns:repeat(7,1fr);gap:4px;margin-top:15px;display:grid}.day-dots button{color:#858da0;background:#1e2433;border:1px solid #0000;border-radius:2px;place-items:center;height:28px;padding:0;font-size:9px;display:grid}.day-dots button:hover:not(:disabled),.day-dots button.selected{color:#10140a;background:var(--lime);border-color:var(--lime)}.day-dots button.done{color:#10140a;background:#b9ec5d}.cycle-summary{color:#b7becb;border-left:3px solid var(--violet);background:#10141e;grid-template-columns:auto 1fr;gap:18px;margin-top:12px;padding:17px 20px;display:grid}.cycle-summary p{margin:0}.duration-control{color:#171922;border-left:3px solid var(--lime);background:#eeede5;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.duration-control span,.duration-control strong{display:block}.duration-control span{color:#696e78;font-size:11px}.duration-control strong{font-size:19px}.duration-control>div:last-child{gap:7px;display:flex}.duration-control button{color:#454a55;background:#d8d7d0;border:1px solid #bab9b2;min-height:42px;padding:7px 15px}.duration-control button.active{color:#11150a;background:var(--lime);border-color:#8eb73f;font-weight:850}.duration-compare{grid-template-columns:repeat(3,1fr);gap:9px;margin:10px 0 16px;display:grid}.duration-compare article{background:var(--panel);border:1px solid var(--line);padding:15px 17px}.duration-compare article.active{border-color:var(--lime);background:#162016}.duration-compare span,.duration-compare strong{display:block}.duration-compare span{color:var(--violet);letter-spacing:.1em;font-size:9px;font-weight:850}.duration-compare strong{margin-top:5px}.duration-compare p{color:#8f97a8;margin:4px 0 0;font-size:11px}.daily-content-grid{grid-template-columns:1.15fr .85fr;gap:14px;display:grid}.daily-material,.daily-missions{background:var(--panel);border:1px solid var(--line);padding:20px}.daily-material>header,.daily-missions>header{justify-content:space-between;gap:12px;margin-bottom:15px;display:flex}.daily-material>header span,.daily-missions>header span{color:var(--violet);letter-spacing:.12em;font-size:9px;font-weight:850}.daily-material>header strong,.daily-missions>header strong{font-size:12px}.daily-words{flex-wrap:wrap;gap:7px;display:flex}.daily-words span{color:#d8dce5;background:#1d2332;border:1px solid #394158;padding:6px 9px;font-size:12px}.daily-lines{gap:7px;margin-top:16px;display:grid}.daily-lines article{color:#171922;background:#eeede5;grid-template-columns:26px 1fr auto;align-items:center;gap:9px;min-height:50px;padding:8px 10px;display:grid}.daily-lines small{color:#6d60aa;font-size:9px}.daily-lines strong{font-size:17px}.daily-lines button{color:#30286e;background:#dfdbf8;border:1px solid #aaa1dd;align-items:center;gap:5px;min-height:34px;padding:5px 9px;font-size:10px;display:flex}.daily-lines svg{width:14px}.daily-missions{align-content:start;gap:7px;display:grid}.daily-missions>header{margin-bottom:8px}.daily-missions>button{text-align:left;color:#c5cad5;background:#181d2b;border:1px solid #343d52;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;min-height:50px;padding:8px 10px;display:grid}.daily-missions>button i{color:#8e96a8;border:1px solid #4a536a;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;font-style:normal;display:grid}.daily-missions>button span{font-size:12px}.daily-missions>button small{color:#747d90;font-size:9px}.daily-missions>button.done{color:#e9ffd0;background:#182416;border-color:#6f9138}.daily-missions>button.done i{color:#11150a;background:var(--lime);border-color:var(--lime)}.day-context{border-left:3px solid var(--violet);background:#121724;margin-top:14px;padding:16px 18px}.day-context span,.day-context strong{display:block}.day-context span{color:var(--violet);letter-spacing:.12em;font-size:9px;font-weight:850}.day-context strong{margin-top:3px}.day-context p{color:#929aab;margin:5px 0 0;font-size:12px}.lesson-phase-track{grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:18px;display:grid}.lesson-phase-track button{color:#858da0;text-align:left;background:#141927;border:1px solid #31394d;align-items:center;gap:7px;min-height:50px;padding:6px 8px;font-size:10px;display:flex}.lesson-phase-track button i{border:1px solid #4b5469;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-style:normal;display:grid}.lesson-phase-track button.active{color:#11150a;background:var(--lime);border-color:var(--lime);font-weight:850}.lesson-phase-track button.active i{border-color:#566d2b}.lesson-phase-track button.done{color:#d8ffc0;border-color:#5b7932}.lesson-instruction{border-left:3px solid var(--violet);background:#101520;margin-bottom:14px;padding:16px 18px}.lesson-instruction span,.lesson-instruction strong{display:block}.lesson-instruction span{color:var(--violet);letter-spacing:.12em;font-size:9px;font-weight:850}.lesson-instruction strong{margin-top:3px;font-size:20px}.lesson-instruction p{color:#949cad;margin:4px 0 0;font-size:12px}.listen-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;display:grid}.listen-cards button{text-align:left;color:#171922;background:#eeede5;border:2px solid #0000;flex-direction:column;align-items:flex-start;min-height:150px;padding:18px;display:flex}.listen-cards button.done{background:#e7f0d9;border-color:#85a949}.listen-cards small{color:#6659a3;font-weight:800}.listen-cards strong{margin-top:10px;font-size:22px}.listen-cards span{color:#4c427f;align-items:center;gap:7px;margin-top:auto;font-size:11px;display:flex}.listen-cards svg{width:16px}.daily-vocab-cards{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.daily-vocab-cards button{text-align:left;color:#171922;background:#eeede5;border:2px solid #0000;flex-direction:column;align-items:flex-start;min-height:115px;padding:14px;display:flex}.daily-vocab-cards button.done{border-color:#82a746}.daily-vocab-cards button.selected{background:#e4e0fb}.daily-vocab-cards strong{font-size:26px}.daily-vocab-cards span{color:#5e636e}.daily-vocab-cards small{color:#675aa5;margin-top:auto}.assembly-focus{border:1px solid var(--line);background:#111522;padding:22px}.assembly-focus>p:first-child{color:#c4cad6;margin:0 0 18px;font-size:22px}.assembly-focus .answer-slots{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.daily-token-bank{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.daily-token-bank button{background:#252b3c;border:1px solid #4d5670;min-height:48px;padding:8px 15px;font-size:18px}.daily-token-bank .reset-token{color:#aab1c1;background:0 0;font-size:11px}.assembly-ok,.assembly-no{padding:10px 12px}.assembly-ok{color:#ddffbf;background:#1a2817}.assembly-no{color:#ffc2c5;background:#311a1f}.generic-quiz fieldset{border:0;gap:8px;max-width:820px;margin:auto;padding:0;display:grid}.generic-quiz legend{margin-bottom:12px;font-size:19px}.generic-quiz label{background:#151a28;border:1px solid #343d51;grid-template-columns:auto 28px 1fr;align-items:center;gap:10px;min-height:58px;padding:10px 14px;display:grid}.generic-quiz label.correct{background:#182317;border-color:#769c35}.generic-quiz label.wrong{background:#2d181d;border-color:#a8535a}.generic-quiz label strong{font-size:19px}.generic-quiz fieldset>button{color:#11150a;background:var(--lime);border:0;min-height:48px;font-weight:850}.generic-quiz fieldset>p{color:#c1c7d2;margin:0}.daily-speech-console{color:#171922;border-left:4px solid var(--violet);background:#eeede5;max-width:840px;margin:auto;padding:clamp(24px,4vw,44px)}.daily-speech-console>span{color:#6659a3;letter-spacing:.12em;font-size:10px;font-weight:850}.daily-speech-console h2{margin:8px 0 22px;font-size:clamp(28px,4vw,48px)}.daily-speech-console>div{flex-wrap:wrap;gap:8px;display:flex}.daily-speech-console>div>button{color:#30286e;background:#e2defb;border:1px solid #aaa1dd;align-items:center;gap:7px;min-height:46px;padding:8px 13px;display:flex}.daily-speech-console svg{width:17px}.daily-shadow-check{align-items:center;gap:9px;margin-top:16px;display:flex}.daily-clear{text-align:center;background:#121824;border:1px solid #52603c;max-width:820px;margin:auto;padding:clamp(32px,5vw,64px)}.daily-clear>span{color:var(--lime);letter-spacing:.15em;font-size:10px;font-weight:850}.daily-clear h2{margin:12px 0;font-size:clamp(46px,6vw,76px);line-height:1}.daily-clear h2 strong{color:var(--lime)}.daily-clear>p{color:#aab1c0}.daily-clear>div{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:28px;display:grid}.daily-clear b{color:var(--lime);padding:14px;font-size:24px}.daily-clear b+b{border-left:1px solid var(--line)}.daily-clear small{color:#8e96a8;font-size:9px;font-weight:500;display:block}.daily-clear{background:radial-gradient(circle at 50% 10%,#9f8cff29,#0000 45%),#121824;padding:clamp(24px,4vw,46px)}.daily-clear-art{width:min(590px,100%);margin:0 auto 22px;position:relative}.daily-clear-cast{aspect-ratio:3/2;object-fit:cover;border:1px solid #514970;width:100%;display:block;box-shadow:0 22px 60px #0006}.daily-clear-art small{color:#e8e5f4;letter-spacing:.14em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07090fc2;border:1px solid #ffffff2e;padding:7px 10px;font-size:10px;position:absolute;bottom:10px;right:10px}.curriculum-sources{border:1px solid var(--line);background:#121724;flex-wrap:wrap;align-items:center;gap:9px 14px;margin-top:10px;padding:14px 18px;display:flex}.curriculum-sources strong{color:#d9deea;margin-right:4px}.curriculum-sources a{color:#d9ffc0;border:1px solid #587433;padding:6px 9px;font-size:11px;text-decoration:none}.curriculum-sources a:hover{color:#11150a;background:var(--lime);border-color:var(--lime)}.substitution-drill{background:#181e2c;border:1px solid #3b455c;grid-template-columns:1fr auto;align-items:center;gap:14px;margin-top:14px;padding:14px;display:grid}.substitution-drill span,.substitution-drill strong,.substitution-drill small{display:block}.substitution-drill span{color:var(--violet);letter-spacing:.12em;font-size:9px;font-weight:850}.substitution-drill strong{color:#f0f1ea;margin:3px 0;font-size:20px}.substitution-drill small{color:#929aab}.substitution-drill button{color:#11150a;background:var(--lime);border:1px solid #8eb73f;min-height:46px;padding:8px 14px;font-weight:850}.substitution-drill button:disabled{color:#89909e;background:#262d3d;border-color:#414b60}.word-build-focus .answer-slots{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));margin-top:14px}.build-mission span,.build-mission strong{display:block}.build-mission span{color:var(--violet);letter-spacing:.12em;font-size:9px;font-weight:850}.build-mission strong{color:#f0f1ea;margin-top:4px;font-size:22px}.word-build-focus .assembly-ok b{color:#e9ffd0;font-size:20px}.build-confirm strong{font-size:26px}.syllable-drill{flex-wrap:wrap;gap:5px;display:flex!important}.syllable-drill span{border:1px solid #0000;border-radius:4px;place-items:center;min-width:1.35em;padding:3px 5px;transition:background .16s,color .16s,transform .16s;display:inline-grid}.syllable-drill span.active{color:#11150a;background:var(--lime);border-color:#82a63e;transform:translateY(-2px)scale(1.06)}.profile-start-actions{justify-content:flex-end;align-items:stretch;gap:10px;margin:32px 0 0;display:flex}.profile-start-actions button{min-height:64px;padding:12px 22px}.profile-start-actions .guest-start{color:#cbd1dc;background:#151a27;border:1px solid #40495c;font-weight:750}.profile-start-actions .guest-start:hover{color:#11150a;background:#dce8cb;border-color:#90af5b}.profile-start-actions .next-action{color:#11150a;background:var(--lime);border:1px solid #8eb73f;justify-content:center;align-items:center;gap:12px;font-weight:850;display:flex}.profile-start-actions .next-action:disabled{cursor:wait;opacity:.65}.profile-start-actions svg{width:22px}@media (width<=900px){.game-bar{grid-template-columns:1fr auto;height:68px;padding:0 16px}.step-track{display:block;position:absolute;bottom:-3px;left:0;right:0}.step-label,.step-count{display:none}.step-line{height:3px}.bar-actions .xp,.profile-button,.test-jump span,.test-badge,.map-button{display:none}.test-jump select{max-width:145px}.channel small{display:none}.game-screen{padding-top:68px}.intro-layout{background-position:62%;grid-template-columns:1fr;gap:30px;min-height:calc(100dvh - 68px);padding:56px 20px 36px}.intro-layout:before{content:"";pointer-events:none;background:#07091038;position:absolute;inset:68px 0 0}.intro-copy,.scenario-message{z-index:1;position:relative}.scenario-message{max-width:520px}.stage-frame{width:calc(100% - 32px);min-height:calc(100dvh - 68px);padding-top:34px}.stage-heading{display:block}.stage-heading>p:last-child{margin-top:12px}.letter-grid{grid-template-columns:repeat(2,1fr)}.letter-card{min-height:240px}.word-grid{grid-template-columns:1fr}.word-card{min-height:230px}.pattern-board{grid-template-columns:1fr}.pattern-board>*{grid-column:1!important}.complete-layout{grid-template-columns:1fr;min-height:calc(100dvh - 68px)}.complete-art{min-height:300px;max-height:38dvh}.credits,.speaking-panel{grid-template-columns:1fr}.character-portrait{min-height:220px;max-height:32dvh}.stage-nav{padding:14px 0 max(14px,env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--night) 24%);position:sticky;bottom:0}.next-action{min-width:0}.briefing-grid,.cycle-map{grid-template-columns:repeat(2,1fr)}.daily-content-grid{grid-template-columns:1fr}.lesson-phase-track{grid-template-columns:repeat(3,1fr)}.practice-split,.word-practice{grid-template-columns:1fr}.writing-pad{min-height:480px}.canvas-wrap{min-height:340px}.six-words{grid-template-columns:repeat(2,1fr)}.word-card.interactive{min-height:170px}.sentence-deck article{grid-template-columns:30px 1fr}.sentence-audio-actions{grid-column:2;width:max-content}.mini-assembly{grid-template-columns:1fr}.mini-assembly>*{grid-column:1!important}.pronunciation-lab{grid-template-columns:1fr}.pronunciation-visual{min-height:230px;max-height:32dvh}}@media (width<=520px){.channel strong{font-size:14px}.channel-mark{width:34px;height:34px}.intro-copy h1{font-size:clamp(48px,15vw,68px)}.lead{font-size:16px}.intro-actions{flex-direction:column}.intro-actions button{width:100%}.scenario-message{padding:20px}.letter-grid{gap:8px}.letter-card{min-height:220px;padding:15px}.letter-card strong{font-size:48px}.word-card{padding:22px}.answer-slots{padding:12px}.answer-slots .filled{font-size:19px}.token-bank{grid-template-columns:1fr}.token-bank .reset-token{grid-column:1}.sentence-note{grid-template-columns:1fr}.reward-row strong{font-size:18px}.complete-copy{padding:38px 20px}.complete-actions{flex-direction:column;align-items:stretch}.stage-nav .back-action{font-size:0}.stage-nav .back-action svg{width:22px;height:22px}.next-action{flex:1}.map-button{font-size:12px}.compact-grid,.six-words{grid-template-columns:1fr 1fr}.compact-grid .letter-card{min-height:190px}.writing-pad{min-height:430px;padding:12px}.canvas-wrap{min-height:300px}.word-card.interactive{min-height:155px;padding:13px}.word-card.interactive>strong{font-size:25px}.sentence-deck article{padding:14px}.sentence-deck strong{font-size:19px}.sentence-deck small{font-size:10px}.pronunciation-console{padding:22px 16px}.pronunciation-console h3{font-size:29px}.sentence-tabs{overflow-x:auto}.pronunciation-result{align-items:flex-start}.score-ring{flex-basis:56px;height:56px}.profile-grid,.briefing-grid,.cycle-map,.duration-compare{grid-template-columns:1fr}.profile-grid fieldset:first-child,.profile-grid fieldset:last-child{grid-column:1}.identity-fields{grid-template-columns:1fr}.connected-user{flex-direction:column;align-items:flex-start}.choice-row{grid-template-columns:repeat(2,1fr)}.audio-source-banner{align-items:flex-start}.audio-source-banner>span{display:none}.cycle-summary{grid-template-columns:1fr}.cycle-map article{min-height:180px}.duration-control{flex-direction:column;align-items:flex-start}.duration-control>div:last-child{width:100%}.duration-control button{flex:1;padding:7px 8px}.daily-lines article{grid-template-columns:24px 1fr}.daily-lines button{grid-column:2;width:max-content}.daily-missions>button{grid-template-columns:30px 1fr}.daily-missions>button small{grid-column:2}.lesson-phase-track{grid-template-columns:repeat(2,1fr)}.lesson-phase-track button{min-height:44px}.daily-vocab-cards{grid-template-columns:1fr 1fr}.daily-clear b{padding:10px 4px;font-size:19px}.clip-overlay{padding:0}.clip-modal{width:100%;max-height:100dvh}.clip-modal>header{z-index:2;position:sticky;top:0}.youglish-frame{min-height:300px;padding:10px}.clip-consent{min-height:330px;padding:36px 20px}.substitution-drill{grid-template-columns:1fr}.substitution-drill button{width:100%}.profile-start-actions{flex-direction:column-reverse}.profile-start-actions button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.quiz-choice-panel{gap:8px;width:100%;max-width:820px;margin:auto;display:grid}.quiz-choice-panel>h3{word-break:keep-all;overflow-wrap:normal;width:100%;margin:0 0 12px;font-size:19px;line-height:1.45}.quiz-choice-panel>h3 small{color:#9d8bff;font:750 12px/1.2 var(--mono);letter-spacing:.12em;margin-bottom:6px;display:block}.quiz-choice-panel>button{color:#11150a;background:var(--lime);border:0;min-height:48px;font-weight:850}.quiz-choice-panel>p{color:#c1c7d2;margin:0}.daily-clear{max-width:980px}.daily-clear-art{width:min(900px,100%);margin-bottom:34px}.daily-clear-cast{min-height:0}