@font-face{font-family:Galmuri11;src:url(/fonts/galmuri11.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Galmuri11;src:url(/fonts/galmuri11-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/pretendard-var.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--ink:#1a1c2c;--ink-2:#333c57;--slate:#566c86;--silver:#94b0c2;--white:#f4f4f4;--paper:#fffdf5;--paper-2:#f1ecdd;--paper-3:#ddd4bd;--red:#b13e53;--orange:#ef7d57;--yellow:#ffcd75;--lime:#a7f070;--green:#38b764;--teal:#257179;--navy:#29366f;--blue:#3b5dc9;--sky:#41a6f6;--aqua:#73eff7;--plum:#5d275d;--peach:#f5c7a0;--brown:#b86f50;--good-bg:#d9f7c4;--bad-bg:#ffdcd3;--note-bg:#fff4c2;--muted:#566c86;--px:"Galmuri11", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font:"Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Noto Sans KR", system-ui, sans-serif;--ring:0 -4px 0 0 var(--ink), 0 4px 0 0 var(--ink), -4px 0 0 0 var(--ink), 4px 0 0 0 var(--ink);--ring2:0 -2px 0 0 var(--ink), 0 2px 0 0 var(--ink), -2px 0 0 0 var(--ink), 2px 0 0 0 var(--ink);--shade:#1a1c2c38;--drop:8px 8px 0 0 var(--shade);--dither:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' shape-rendering='crispEdges'%3E%3Cg fill='%231a1c2c' fill-opacity='.05'%3E%3Crect width='4' height='4'/%3E%3Crect x='16' y='16' width='4' height='4'/%3E%3C/g%3E%3C/svg%3E");--stars:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' shape-rendering='crispEdges'%3E%3Cg fill='%23f4f4f4'%3E%3Crect x='12' y='20' width='4' height='4' fill-opacity='.7'/%3E%3Crect x='70' y='8' width='2' height='2'/%3E%3Crect x='120' y='40' width='4' height='4' fill-opacity='.45'/%3E%3Crect x='40' y='90' width='2' height='2' fill-opacity='.8'/%3E%3Crect x='100' y='110' width='4' height='4' fill-opacity='.35'/%3E%3Crect x='144' y='140' width='2' height='2'/%3E%3Crect x='20' y='140' width='2' height='2' fill-opacity='.6'/%3E%3Crect x='86' y='64' width='2' height='2' fill-opacity='.5'/%3E%3C/g%3E%3C/svg%3E");--m-hills:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 16' width='256' height='64' shape-rendering='crispEdges'%3E%3Cpath d='M0 16V9h4V7h4V6h4V5h8v1h4v2h4v2h8V9h4V7h4V6h8v1h4v2h8V16z'/%3E%3C/svg%3E");--m-hills2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 16' width='256' height='64' shape-rendering='crispEdges'%3E%3Cpath d='M0 16V12h6v-1h4v-1h10v1h4v1h10v-1h4v-1h8v1h6v1h12V16z'/%3E%3C/svg%3E");--m-waves:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 16' width='256' height='64' shape-rendering='crispEdges'%3E%3Cpath d='M0 16V11h2V10h2V9h4V10h2V11h6h2V10h2V9h4V10h2V11h6h2V10h2V9h4V10h2V11h6h2V10h2V9h4V10h2V11h6V16z'/%3E%3C/svg%3E");--m-dunes:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 16' width='256' height='64' shape-rendering='crispEdges'%3E%3Cpath d='M0 16V10H6V8H14V7H22V8H28V10H40V9H48V8H56V9H60V10H64V16z'/%3E%3C/svg%3E");--m-sand:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 16' width='256' height='64' shape-rendering='crispEdges'%3E%3Cpath d='M0 16V13H12V12H24V13H40V12H50V11H58V12H64V16z'/%3E%3C/svg%3E");--m-city:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 16' width='256' height='64' shape-rendering='crispEdges'%3E%3Cpath d='M0 16V7H5V3H11V8H14V5H21V1H26V8H30V4H36V10H39V2H45V8H50V6H56V9H64V16z'/%3E%3C/svg%3E");--m-city2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 16' width='256' height='64' shape-rendering='crispEdges'%3E%3Cpath d='M0 16V10H7V8H12V11H18V9H25V12H29V7H35V11H42V9H48V12H53V10H60V11H64V16z'/%3E%3C/svg%3E");--m-moon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 16' width='256' height='64' shape-rendering='crispEdges'%3E%3Cpath d='M0 16V10H10V9H22V10H30V11H42V10H54V9H60V10H64V16z'/%3E%3C/svg%3E");--m-crater:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 16' width='256' height='64' shape-rendering='crispEdges'%3E%3Cpath d='M0 16V12H8V13H14V12H30V11H38V12H44V13H50V12H64V16z'/%3E%3C/svg%3E");--windows:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='24' shape-rendering='crispEdges'%3E%3Cg fill='%23ffcd75'%3E%3Crect x='4' y='4' width='4' height='4'/%3E%3Crect x='20' y='4' width='4' height='4' fill-opacity='.5'/%3E%3Crect x='12' y='16' width='4' height='4' fill-opacity='.7'/%3E%3Crect x='28' y='16' width='4' height='4'/%3E%3C/g%3E%3C/svg%3E");--w:#38b764;--w-hi:#a7f070;--w-lo:#257179;--w-ink:#1a1c2c;--w-soft:#e4f9d3;--w-deep:#257179;--bg:#dff3cc;--on-bg:#1a1c2c;--path:#1a1c2c52;--sky1:#41a6f6;--sky2:#56bdf8;--sky3:#73eff7;--sky4:#b9f7fa;--far:#a7f070;--near:#38b764;--m-far:var(--m-hills);--m-near:var(--m-hills2);--near-img:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cur:auto;--cur-hand:pointer;--cur-draw:crosshair}html.fx{--cur:url(/cursors/arrow.png) 1 1, auto;--cur-hand:url(/cursors/hand.png) 9 1, pointer;--cur-draw:url(/cursors/pencil.png) 1 30, crosshair}.g1{--w:#38b764;--w-hi:#a7f070;--w-lo:#257179;--w-ink:#1a1c2c;--w-soft:#e4f9d3;--w-deep:#257179;--bg:#dff3cc;--sky1:#41a6f6;--sky2:#56bdf8;--sky3:#73eff7;--sky4:#b9f7fa;--far:#a7f070;--near:#38b764;--m-far:var(--m-hills);--m-near:var(--m-hills2);--near-img:none}.g2{--w:#41a6f6;--w-hi:#73eff7;--w-lo:#3b5dc9;--w-ink:#1a1c2c;--w-soft:#dcf5fb;--w-deep:#257179;--bg:#d8f3f5;--sky1:#3b5dc9;--sky2:#41a6f6;--sky3:#73eff7;--sky4:#c4fafc;--far:#3b5dc9;--near:#ffcd75;--m-far:var(--m-waves);--m-near:var(--m-sand);--near-img:none}.g3{--w:#ef7d57;--w-hi:#ffcd75;--w-lo:#b86f50;--w-ink:#1a1c2c;--w-soft:#ffeedc;--w-deep:#9a4a2e;--bg:#fbe9cf;--sky1:#ef7d57;--sky2:#f59e66;--sky3:#ffcd75;--sky4:#ffe6ad;--far:#b86f50;--near:#6e3f2c;--m-far:var(--m-dunes);--m-near:var(--m-hills2);--near-img:none}.g4{--w:#b13e53;--w-hi:#ef7d57;--w-lo:#5d275d;--w-ink:#fff;--w-soft:#fbe2e5;--w-deep:#b13e53;--bg:#ece5ef;--sky1:#5d275d;--sky2:#8a3358;--sky3:#b13e53;--sky4:#ef7d57;--far:#333c57;--near:#1a1c2c;--m-far:var(--m-city);--m-near:var(--m-city2);--near-img:var(--windows)}.g5{--w:#3b5dc9;--w-hi:#41a6f6;--w-lo:#29366f;--w-ink:#fff;--w-soft:#e1e9ff;--w-deep:#3b5dc9;--bg:#d9e4fb;--sky1:#29366f;--sky2:#3b5dc9;--sky3:#41a6f6;--sky4:#73eff7;--far:#41a6f6;--near:#3b5dc9;--m-far:var(--m-waves);--m-near:var(--m-waves);--near-img:none}.g6{--w:#ffcd75;--w-hi:#fff0c9;--w-lo:#ef7d57;--w-ink:#1a1c2c;--w-soft:#fff4d8;--w-deep:#5d275d;--bg:#1f2140;--on-bg:#f4f4f4;--path:#94b0c28c;--sky1:#1a1c2c;--sky2:#222640;--sky3:#29366f;--sky4:#333c57;--far:#566c86;--near:#333c57;--m-far:var(--m-moon);--m-near:var(--m-crater);--near-img:none}.t-mode{--w:#3b5dc9;--w-hi:#41a6f6;--w-lo:#29366f;--w-ink:#fff;--w-soft:#e4ebfb;--w-deep:#29366f;--bg:#e8ecf2}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}body{cursor:var(--cur);background:var(--ink);color:var(--ink);font-family:var(--font);word-break:keep-all;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent;margin:0;font-size:clamp(16px,.8vw + 12px,19px);line-height:1.6}h1,h2,h3{font-family:var(--px);margin:0 0 .4em;font-weight:700;line-height:1.3}p{text-wrap:pretty}a{color:var(--blue);text-underline-offset:3px}button{font:inherit;color:inherit}a,button,summary,label,[role=button]{cursor:var(--cur-hand)}input,textarea{cursor:text}.fx-layer{z-index:90;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}svg.sprite,svg.picon{vertical-align:middle;flex:none;display:inline-block}:focus-visible{outline:4px dashed var(--blue);outline-offset:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{background-color:var(--bg);background-image:var(--dither);flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.app.g6{background-image:var(--stars)}.skip{z-index:50;background:var(--yellow);color:var(--ink);padding:8px 12px;font-weight:800;position:absolute;top:-60px;left:8px}.skip:focus{top:8px}.hud{z-index:30;background:var(--ink);color:var(--white);box-shadow:0 4px 0 0 var(--ink-2);justify-content:space-between;align-items:center;gap:12px;padding:8px clamp(12px,3vw,28px);display:flex;position:sticky;top:0}.brand{color:var(--white);align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.brand-text{flex-direction:column;gap:4px;line-height:1;display:flex}.brand-name{font-family:var(--px);white-space:nowrap;font-size:24px;font-weight:700}.brand-name em{color:var(--yellow);font-style:normal}.brand-sub{font-family:var(--px);color:var(--silver);white-space:nowrap;font-size:12px}.hud-right{align-items:center;gap:12px;display:flex}.me-chip{background:var(--w);min-height:40px;color:var(--w-ink);font-family:var(--px);white-space:nowrap;box-shadow:inset -3px -3px 0 0 var(--w-lo), inset 3px 3px 0 0 var(--w-hi);align-items:center;gap:6px;padding:4px 12px 4px 6px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.icon-btn{background:var(--ink-2);width:44px;height:44px;color:var(--white);cursor:var(--cur-hand);box-shadow:inset -3px -3px 0 0 #0e0f19, inset 3px 3px 0 0 var(--slate);border:0;place-items:center;display:grid}.icon-btn[aria-pressed=false]{color:var(--silver)}.view-menu{position:relative}.ga{font-family:var(--px);font-weight:700;line-height:1}.view-btn .ga{font-size:20px}.view-btn,.fs-btn{width:auto;min-width:44px;font-family:var(--px);align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:700;display:inline-flex}.view-btn.on,.fs-btn.on{background:var(--teal);color:var(--white);box-shadow:inset -3px -3px #134449,inset 3px 3px #3a9aa3}.view-pop{z-index:35;background:var(--paper);width:312px;color:var(--ink);box-shadow:var(--ring), var(--drop);padding:12px 14px 14px;animation:.2s steps(2,end) both rise;position:absolute;top:calc(100% + 14px);right:0}.view-h{font-family:var(--px);margin:4px 0 6px;font-size:16px;font-weight:700}.zoom-pick{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:6px;display:grid}.zoom-opt{background:var(--paper);min-height:76px;color:var(--ink);font-family:var(--px);box-shadow:var(--ring), 0 8px 0 0 var(--ink);border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;margin:4px 2px 8px;padding:6px 2px;font-size:12px;font-weight:700;display:flex}.zoom-opt.on{background:var(--yellow);box-shadow:var(--ring), inset 0 4px 0 0 var(--orange);transform:translateY(4px)}.zoom-opt:disabled{opacity:.35;cursor:not-allowed}.view-pop .note{margin:0 0 6px}.music-btn{width:auto;min-width:44px;font-family:var(--px);align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:700;display:inline-flex}.music-btn.on{background:var(--plum);color:var(--yellow);box-shadow:inset -3px -3px #3a173a,inset 3px 3px #8a3d8a}.music-btn.on .picon{animation:.9s step-end infinite bob}.now-playing{z-index:55;background:var(--ink);color:var(--yellow);font-family:var(--px);box-shadow:0 0 0 4px var(--ink-2), 6px 6px 0 4px #1a1c2c4d;pointer-events:none;align-items:center;gap:6px;padding:8px 14px 8px 10px;font-size:14px;font-weight:700;animation:.3s steps(3,end) both rise;display:inline-flex;position:fixed;bottom:16px;left:16px}.main{width:min(1120px,100% - 32px);padding:0 0 calc(64px + var(--sheet-h,0px) / var(--z,1));flex:1;margin:0 auto}.page{padding-top:clamp(16px,3vw,28px)}.page.flush{padding-top:0}.page.narrow{max-width:760px;margin:0 auto}.bleed{margin-inline:calc(50% - 50vw / var(--z,1))}.footer{background:var(--ink);color:var(--silver);box-shadow:0 -4px 0 0 var(--ink-2);flex-wrap:wrap;justify-content:center;gap:8px 16px;padding:20px 16px 24px;font-size:.9rem;display:flex}.footer a{color:var(--white)}.center{text-align:center}.note{color:var(--muted);font-size:.88rem}.lead{font-size:1.12rem;font-weight:600}.hint{color:var(--muted);margin:6px 0 12px}.warn{color:var(--red);font-weight:800}.panel,.wrap-card{background:var(--paper);color:var(--ink);box-shadow:var(--ring), var(--drop);margin:4px;padding:clamp(18px,3vw,32px);position:relative}.panel.intro{text-align:center}.panel.intro .lead{max-width:34em;margin:0 auto 12px}.loading{text-align:center;color:var(--muted);font-family:var(--px)}.plate{background:var(--ink);color:var(--yellow);font-family:var(--px);letter-spacing:.04em;padding:4px 8px;font-size:12px;font-weight:700;line-height:1.2;display:inline-block}.btn{--b:var(--w);--b-hi:var(--w-hi);--b-lo:var(--w-lo);--b-ink:var(--w-ink);background:var(--b);min-height:48px;color:var(--b-ink);font-family:var(--px);text-align:center;cursor:var(--cur-hand);box-shadow:var(--ring), inset -4px -4px 0 0 var(--b-lo), inset 4px 4px 0 0 var(--b-hi), 0 8px 0 0 var(--ink);border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;margin:4px 4px 8px;padding:10px 18px;font-size:18px;font-weight:700;line-height:1.25;text-decoration:none;transition:transform 80ms steps(2,end),filter .12s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.07)}.btn:active:not(:disabled){box-shadow:var(--ring), inset 4px 4px 0 0 var(--b-lo);transform:translateY(4px)}.btn:disabled{opacity:.45;filter:grayscale(.7);cursor:not-allowed}.btn-primary{--b:var(--w)}.btn-ghost{--b:var(--paper);--b-hi:#fff;--b-lo:var(--paper-3);--b-ink:var(--ink)}.btn-good{--b:var(--green);--b-hi:var(--lime);--b-lo:var(--teal);--b-ink:var(--ink)}.btn-bad{--b:var(--red);--b-hi:var(--orange);--b-lo:var(--plum);--b-ink:#fff}.btn-go{--b:var(--yellow);--b-hi:#fff0c9;--b-lo:var(--orange);--b-ink:var(--ink)}.btn-big{min-height:60px;padding:12px 24px;font-size:24px}.btn .picon{margin-left:-2px}.panel>.btn-big,.panel>.btn,.wrap-card>.btn-big{width:fit-content;margin:24px auto 8px;display:flex}.link-btn{color:var(--blue);text-underline-offset:3px;cursor:var(--cur-hand);background:0 0;border:0;padding:6px;font-weight:600;text-decoration:underline}.row-btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.back-link{background:var(--paper);min-height:40px;color:var(--ink);font-family:var(--px);box-shadow:var(--ring), 0 8px 0 0 var(--ink);align-items:center;gap:4px;margin:4px 4px 8px;padding:6px 14px 6px 8px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.back-link:active{box-shadow:var(--ring);transform:translateY(4px)}.crumbs{margin-bottom:12px}.chip{background:var(--paper);min-height:44px;color:var(--ink);cursor:var(--cur-hand);box-shadow:var(--ring), 0 8px 0 0 var(--ink);border:0;margin:4px 4px 8px;padding:8px 14px;font-weight:700;transition:transform 80ms steps(2,end)}.chip:hover{background:var(--w-soft)}.chip.on{background:var(--yellow);box-shadow:var(--ring), inset 0 4px 0 0 var(--orange);transform:translateY(4px)}.chips{flex-wrap:wrap;gap:8px;display:flex}.speak{background:var(--aqua);width:48px;height:48px;color:var(--ink);cursor:var(--cur-hand);box-shadow:var(--ring), inset -4px -4px 0 0 var(--sky), inset 4px 4px 0 0 #d6fcfe, 0 8px 0 0 var(--ink);border:0;flex:none;place-items:center;margin:4px 4px 8px;display:grid}.speak:active{box-shadow:var(--ring), inset 4px 4px 0 0 var(--sky);transform:translateY(4px)}.speak-sm{width:40px;height:40px}.speak.on{background:var(--yellow);box-shadow:var(--ring), inset -4px -4px 0 0 var(--orange), inset 4px 4px 0 0 #fff0c9, 0 8px 0 0 var(--ink);animation:.5s step-end infinite bob}.tag{background:var(--paper-2);color:var(--ink);font-family:var(--px);box-shadow:var(--ring2);align-items:center;gap:4px;margin:2px;padding:3px 8px;font-size:12px;font-weight:700;line-height:1.3;display:inline-flex}.tag-퀴즈{background:#bfeefe}.tag-게임{background:#ffc9da}.tag-체험{background:#c9f5a8}.tag-만들기{background:#ffe3a3}.tag-area{background:var(--paper)}.mascot{flex:none;display:inline-block;position:relative}.mascot>.sprite{width:100%;height:100%;display:block}.mascot .mascot-blink{opacity:0;animation:4.2s step-end infinite blink;position:absolute;inset:0}.mascot.bob{animation:1.1s step-end infinite bob}.bubble{--bb:var(--paper);background:var(--bb);color:var(--ink);box-shadow:var(--ring), 6px 6px 0 0 var(--shade);margin:4px 4px 4px 16px;padding:16px 20px;position:relative}.bubble:before{content:"";background:var(--ink);width:4px;height:4px;box-shadow:-4px 4px 0 0 var(--ink), 0 4px 0 0 var(--bb), 4px 4px 0 0 var(--bb), -8px 8px 0 0 var(--ink), -4px 8px 0 0 var(--bb), 0 8px 0 0 var(--bb), 4px 8px 0 0 var(--bb), -4px 12px 0 0 var(--ink), 0 12px 0 0 var(--bb), 4px 12px 0 0 var(--bb), 0 16px 0 0 var(--ink);position:absolute;top:16px;left:-8px}.bubble.up{margin:16px 4px 4px}.bubble.up:before{box-shadow:4px -4px 0 0 var(--ink), 4px 0 0 0 var(--bb), 4px 4px 0 0 var(--bb), 8px -8px 0 0 var(--ink), 8px -4px 0 0 var(--bb), 8px 0 0 0 var(--bb), 8px 4px 0 0 var(--bb), 12px -4px 0 0 var(--ink), 12px 0 0 0 var(--bb), 12px 4px 0 0 var(--bb), 16px 0 0 0 var(--ink);top:-8px;left:28px}.say-text{font-family:var(--px);min-height:1.5em;margin:0;font-size:clamp(18px,2vw,24px);font-weight:700;line-height:1.5}.typing{position:relative}.typing-ghost{visibility:hidden}.typing-now{position:absolute;inset:0}.say-caret{width:.5em;color:var(--red);margin-left:4px;animation:.8s step-end infinite caret;display:inline-block}.band{isolation:isolate;background:linear-gradient(var(--sky1) 0 22%, var(--sky2) 22% 44%, var(--sky3) 44% 70%, var(--sky4) 70%);box-shadow:0 4px 0 0 var(--ink);margin-bottom:4px;position:relative;overflow:hidden}.band>.inner{z-index:2;width:min(1120px,100% - 32px);margin:0 auto;position:relative}.land{z-index:1;pointer-events:none;height:96px;position:absolute;bottom:0;left:0;right:0}.land:before,.land:after{content:"";position:absolute;left:0;right:0;-webkit-mask-size:256px 64px;mask-size:256px 64px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.land:before{background:var(--far);height:64px;-webkit-mask-image:var(--m-far);-webkit-mask-image:var(--m-far);mask-image:var(--m-far);bottom:16px;-webkit-mask-position:0 100%;mask-position:0 100%}.land:after{background-color:var(--near);background-image:var(--near-img);height:64px;-webkit-mask-image:var(--m-near);-webkit-mask-image:var(--m-near);mask-image:var(--m-near);bottom:0;-webkit-mask-position:96px 100%;mask-position:96px 100%}.clouds{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cloud{will-change:transform;animation:90s linear infinite drift;position:absolute;left:0}.band-sun{z-index:0;position:absolute;top:14%;right:7%}.starfield{z-index:0;pointer-events:none;position:absolute;inset:0}.starfield i{background:var(--white);width:3px;height:3px;animation:2.6s steps(2,end) infinite twinkle;position:absolute}.starfield i.big{background:var(--yellow);width:5px;height:5px}.px-outline{--o:calc(1em / 12);text-shadow:var(--o) 0 0 var(--ink), calc(var(--o) * -1) 0 0 var(--ink), 0 var(--o) 0 var(--ink), 0 calc(var(--o) * -1) 0 var(--ink), var(--o) var(--o) 0 var(--ink), calc(var(--o) * -1) var(--o) 0 var(--ink), var(--o) calc(var(--o) * -1) 0 var(--ink), calc(var(--o) * -1) calc(var(--o) * -1) 0 var(--ink), 0 calc(var(--o) * 2) 0 var(--ink), var(--o) calc(var(--o) * 2) 0 var(--ink), calc(var(--o) * -1) calc(var(--o) * 2) 0 var(--ink), calc(var(--o) * 2) calc(var(--o) * 2) 0 var(--ink)}.hero{padding:clamp(20px,4vw,48px) 0 124px}.hero .band-sun{top:12px;right:4%}.hero .inner{align-items:center;gap:clamp(20px,3vw,36px);display:grid}@media (width>=960px){.hero .inner{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}.logo{color:#fff;margin:0;line-height:1.1}.logo-kicker{background:var(--ink);color:var(--yellow);margin:0 0 16px 4px;padding:6px 10px;font-size:16px;display:inline-block;box-shadow:4px 4px #1a1c2c4d}.logo-main{letter-spacing:.02em;font-size:clamp(48px,8.4vw,96px);display:block}.logo-main .hi{color:var(--yellow)}.logo-tag{color:#fff;font-family:var(--font);background:#1a1c2cb8;margin:20px 0 0 4px;padding:8px 12px;font-size:1rem;font-weight:700;line-height:1.5;display:inline-block}.talk{align-items:flex-end;gap:8px;display:flex}.talk .bubble{flex:1;min-width:0}.talk .mascot{margin-bottom:6px}.perch{flex-direction:column;flex:none;align-items:center;display:inline-flex;position:relative}.perch .mascot{z-index:1;margin-bottom:-26px;position:relative}.perch-cloud{z-index:2;position:relative}.poke-bit{z-index:1;color:inherit;cursor:var(--cur-hand);background:0 0;border:0;flex:none;padding:0;display:inline-flex;position:relative}.perch>.poke-bit{margin-bottom:-26px}.perch .poke-bit .mascot,.talk .poke-bit .mascot{margin-bottom:0}.poke-hop{animation:.45s steps(6,end) poke-hop;display:inline-block}.poke-say{z-index:6;background:var(--paper);width:max-content;max-width:min(280px,70vw);color:var(--ink);font:700 15px/1.4 var(--px);text-align:center;box-shadow:var(--ring), 4px 4px 0 0 var(--shade);pointer-events:none;padding:8px 12px;animation:.2s steps(3,end) pop;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}@keyframes poke-hop{0%,to{transform:translateY(0)}35%{transform:translateY(-20px)}65%{transform:translateY(-8px)}}.combo-chip{vertical-align:.1em;background:var(--orange);color:var(--white);font:700 .78em/1.4 var(--px);box-shadow:var(--ring2);margin-left:10px;padding:2px 10px;animation:.4s steps(4,end) combo-pop;display:inline-block}.combo-chip.hot{background:var(--red)}@keyframes combo-pop{0%{transform:scale(.3)rotate(-10deg)}60%{transform:scale(1.3)rotate(4deg)}to{transform:scale(1)rotate(0)}}.grade-pick{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;margin-top:16px;display:grid}.grade-btn,.class-btn{background:var(--w);min-height:92px;color:var(--w-ink);font-family:var(--px);cursor:var(--cur-hand);box-shadow:var(--ring), inset -4px -4px 0 0 var(--w-lo), inset 4px 4px 0 0 var(--w-hi), 0 8px 0 0 var(--ink);border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:4px 4px 8px;padding:8px 6px;font-size:18px;font-weight:700;line-height:1.1;transition:transform 80ms steps(2,end);display:flex}.grade-btn:hover,.class-btn:hover{transform:translateY(-4px)}.grade-btn:active,.class-btn:active{box-shadow:var(--ring), inset 4px 4px 0 0 var(--w-lo);transform:translateY(4px)}.grade-btn b{font-size:24px}.class-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px 16px;margin:16px 0 12px;display:grid}.class-btn{min-height:72px;font-size:24px}.who-back{margin-top:8px}.me-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:16px;display:flex}.section-head{color:var(--on-bg);flex-wrap:wrap;align-items:center;gap:8px 14px;margin:44px 0 20px;display:flex}.section-head h2{margin:0;font-size:clamp(24px,3vw,36px)}.section-head p{color:var(--muted);margin:0}.map-path{isolation:isolate;gap:28px;margin:0;padding:0;list-style:none;display:grid;position:relative}.map-node{animation:.4s steps(4,end) both rise;animation-delay:calc(var(--i,0) * 70ms);position:relative}.map-link{background:var(--paper);color:var(--ink);box-shadow:var(--ring), var(--drop);grid-template-columns:auto 1fr;align-items:center;gap:8px 16px;margin:4px;padding:14px;text-decoration:none;transition:transform .1s steps(2,end);display:grid;position:relative}.map-link:hover{transform:translateY(-4px)}.map-node.mine .map-link{box-shadow:var(--ring), 0 0 0 8px var(--w), 0 0 0 12px var(--ink), var(--drop)}.map-land{background:linear-gradient(var(--sky2) 0 40%, var(--sky3) 40% 72%, var(--near) 72%);width:112px;height:112px;box-shadow:var(--ring);place-items:end center;margin:4px;padding-bottom:6px;display:grid;position:relative;overflow:hidden}.map-land .map-me{position:absolute;bottom:4px;left:2px}.map-text{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.map-name{font-family:var(--px);font-size:24px;font-weight:700;line-height:1.2}.map-course{color:var(--w-deep);font-size:.95rem;font-weight:700}.map-focus{color:var(--muted);font-size:.86rem;line-height:1.45}.map-land .map-clear{z-index:2;border:3px solid var(--red);color:var(--red);font:700 18px/1.2 var(--px);letter-spacing:.04em;white-space:nowrap;background:#fffdf5e0;padding:2px 8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.map-flag{background:var(--red);color:#fff;font-family:var(--px);box-shadow:var(--ring2);padding:4px 8px;font-size:12px;font-weight:700;position:absolute;top:-14px;right:-6px}.segs{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;display:flex}.segs i{background:var(--paper-2);width:14px;height:14px;box-shadow:var(--ring2);margin:2px}.segs i.on{background:var(--w)}.segs b{font-family:var(--px);color:var(--muted);margin-left:6px;font-size:12px}@media (width>=900px){.map-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 36px}.map-node:first-child{grid-area:1/1}.map-node:nth-child(2){grid-area:1/2}.map-node:nth-child(3){grid-area:1/3}.map-node:nth-child(4){grid-area:2/3}.map-node:nth-child(5){grid-area:2/2}.map-node:nth-child(6){grid-area:2/1}.map-link{text-align:center;grid-template-columns:1fr;justify-items:center;padding:20px 16px 18px}.map-text{align-items:center}.segs{justify-content:center}.map-node:after{content:"";z-index:-1;background:repeating-linear-gradient(90deg, var(--path) 0 12px, transparent 12px 20px);height:8px;position:absolute;top:76px}.map-node:first-child:after,.map-node:nth-child(2):after{width:calc(100% + 36px);left:50%}.map-node:nth-child(4):after,.map-node:nth-child(5):after{width:calc(100% + 36px);right:50%}.map-node:nth-child(3):after{background:repeating-linear-gradient(180deg, var(--path) 0 12px, transparent 12px 20px);width:8px;height:calc(100% + 40px);top:50%;left:calc(50% - 4px)}.map-node:nth-child(6):after{display:none}}@media (width<=899px){.map-node:after{content:"";z-index:-1;background:repeating-linear-gradient(180deg, var(--path) 0 12px, transparent 12px 20px);width:8px;height:calc(100% + 28px);position:absolute;top:50%;left:72px}.map-node:last-child:after{display:none}}.world-head{padding:16px 0 112px}.world-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.world-score{flex-wrap:wrap;gap:8px;display:flex}.world-score .plate{padding:6px 10px;font-size:16px}.world-title{align-items:center;gap:clamp(12px,3vw,32px);margin-top:16px;display:flex}.world-land{filter:drop-shadow(6px 6px #1a1c2c59)}.world-name{color:#fff;margin:10px 0 6px;font-size:clamp(36px,5.4vw,60px);line-height:1.1}.world-course{background:var(--paper);color:var(--ink);box-shadow:var(--ring);margin:4px;padding:4px 12px;font-size:1.05rem;font-weight:800;display:inline-block}.world-talk{max-width:760px;margin-top:20px}.world-talk .say-text{font-family:var(--font);font-size:1.05rem;font-weight:600}.stage-path{isolation:isolate;gap:18px;max-width:940px;margin:40px auto 0;padding:0;list-style:none;display:grid;position:relative}.stage-path:before{content:"";z-index:-1;background:repeating-linear-gradient(180deg, var(--path) 0 12px, transparent 12px 22px);width:8px;position:absolute;top:40px;bottom:40px;left:calc(50% - 4px)}.stage-row{animation:.36s steps(4,end) both rise;animation-delay:calc(var(--i,0) * 60ms)}.stage{color:var(--ink);grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr);grid-template-areas:"card tile deco";align-items:center;gap:16px;text-decoration:none;display:grid}.stage-row.flip .stage{grid-template-areas:"deco tile card"}.stage-deco{color:var(--on-bg);grid-area:deco;align-items:center;gap:8px;display:flex}.stage-row:not(.flip) .stage-deco{justify-content:flex-start}.stage-row.flip .stage-deco{justify-content:flex-end}.stage-tile{background:var(--paper);width:88px;height:88px;color:var(--ink);box-shadow:var(--ring), inset -4px -4px 0 0 var(--paper-3), inset 4px 4px 0 0 #fff, 0 8px 0 0 var(--ink);grid-area:tile;justify-self:center;place-items:center;margin:4px 4px 8px;transition:transform .1s steps(2,end);display:grid;position:relative}.stage.clear .stage-tile{background:var(--w);color:var(--w-ink);box-shadow:var(--ring), inset -4px -4px 0 0 var(--w-lo), inset 4px 4px 0 0 var(--w-hi), 0 8px 0 0 var(--ink)}.stage.next .stage-tile{background:var(--yellow);box-shadow:var(--ring), inset -4px -4px 0 0 var(--orange), inset 4px 4px 0 0 #fff0c9, 0 8px 0 0 var(--ink), 0 0 0 10px #ffcd7573;animation:1.2s steps(2,end) infinite glow}.stage:hover .stage-tile{transform:translateY(-4px)}.stage-num{background:var(--ink);min-width:28px;color:var(--white);font-family:var(--px);text-align:center;padding:2px 6px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:-10px}.stage-check{background:var(--green);color:#fff;width:30px;height:30px;box-shadow:var(--ring2);place-items:center;display:grid;position:absolute;bottom:-10px;right:-12px}.stage-card{background:var(--paper);box-shadow:var(--ring), var(--drop);flex-direction:column;grid-area:card;gap:4px;margin:4px;padding:14px 16px;transition:transform .1s steps(2,end);display:flex}.stage:hover .stage-card{transform:translateY(-4px)}.stage-row:not(.flip) .stage-card{text-align:right;align-items:flex-end}.stage-no{font-family:var(--px);color:var(--w-deep);letter-spacing:.06em;font-size:12px;font-weight:700}.stage-title{font-family:var(--px);font-size:22px;font-weight:700;line-height:1.3}.stage-goal{color:var(--muted);font-size:.92rem;line-height:1.45}.stage-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.stage-row:not(.flip) .stage-meta{justify-content:flex-end}.star-row{gap:2px;display:inline-flex}.go-bubble{background:var(--paper);color:var(--ink);font-family:var(--px);white-space:nowrap;box-shadow:var(--ring2);padding:6px 10px;font-size:14px;font-weight:700;position:relative}.stage-row.goal .stage-tile{background:var(--ink-2);box-shadow:var(--ring), inset -4px -4px 0 0 var(--ink), inset 4px 4px 0 0 var(--slate), 0 8px 0 0 var(--ink)}.stage-row.goal .stage.open .stage-tile{background:var(--yellow);box-shadow:var(--ring), inset -4px -4px 0 0 var(--orange), inset 4px 4px 0 0 #fff0c9, 0 8px 0 0 var(--ink);animation:1.2s steps(2,end) infinite glow}.stage-row.goal .stage:not(.open) .sprite{filter:grayscale()brightness(.8);opacity:.6}.world-nav{justify-content:space-between;gap:12px;margin-top:36px;display:flex}@media (width<=719px){.stage-path:before{left:48px}.stage,.stage-row.flip .stage{grid-template-columns:104px minmax(0,1fr);grid-template-areas:"tile card";gap:12px}.stage-row:not(.flip) .stage-card{text-align:left;align-items:flex-start}.stage-row:not(.flip) .stage-meta{justify-content:flex-start}.stage-deco{display:none}.stage-title{font-size:18px}}.act-hud{color:var(--on-bg);grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:6px 16px;margin:4px 0 18px;display:grid}.act-back{align-self:center}.act-tile{background:var(--w);width:72px;height:72px;color:var(--w-ink);box-shadow:var(--ring), inset -4px -4px 0 0 var(--w-lo), inset 4px 4px 0 0 var(--w-hi), var(--drop);place-items:center;margin:4px 4px 8px;display:grid}.act-top{flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.act-title{margin:4px 0 0;font-size:clamp(24px,3vw,30px);line-height:1.2}.act-goal{color:inherit;opacity:.85;margin:2px 0 0;font-size:.95rem}.act-meta{flex-wrap:wrap;gap:6px;margin:4px 0 0;display:flex}@media (width<=760px){.act-hud{grid-template-columns:auto minmax(0,1fr)}.act-back{grid-column:1/-1;justify-self:start}}.skip-line{text-align:center;margin-top:16px}.g6 .skip-line .link-btn,.g6 .act-hud .link-btn{color:var(--aqua)}.q-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.q{font-family:var(--font);margin:6px 0 14px;font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:800;line-height:1.4}.prompt{margin:4px 0 8px;font-size:1.1rem;font-weight:700}.steps{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px;display:flex}.steps-bar{flex-wrap:wrap;gap:4px;display:flex}.steps-bar i{background:var(--paper-2);width:18px;height:18px;box-shadow:var(--ring2);margin:2px}.steps-bar i.past{background:var(--w)}.steps-bar i.now{background:var(--yellow);animation:.9s step-end infinite now}.steps-num{font-family:var(--px);color:var(--muted);font-size:16px;font-weight:700}.pic-hero{color:var(--w-deep);justify-content:center;gap:12px;margin:4px 0 12px;display:flex}.choices{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:12px 0 8px;display:grid}.choice{background:var(--paper);min-height:64px;color:var(--ink);text-align:left;font:600 1.05rem/1.45 var(--font);cursor:var(--cur-hand);box-shadow:var(--ring), inset 0 -4px 0 0 var(--paper-2), 0 8px 0 0 var(--ink);border:0;align-items:center;gap:12px;margin:4px 4px 8px;padding:14px 16px;transition:transform 80ms steps(2,end),background-color .1s;display:flex;position:relative}.choice:hover:not(:disabled):not(.right):not(.wrong){background:var(--w-soft);transform:translateY(-2px)}.choice:active:not(:disabled){box-shadow:var(--ring), inset 0 4px 0 0 var(--paper-2);transform:translateY(4px)}.choice.picked{background:var(--note-bg)}.choice.right{background:var(--good-bg)}.choice.wrong{background:var(--bad-bg)}.choice:disabled{cursor:var(--cur)}.choice:disabled:not(.right):not(.wrong):not(.picked){opacity:.5}.choice-pic{color:var(--w-deep);flex:none;align-items:center;gap:4px;display:flex}.choice-mark{background:var(--green);color:#fff;width:34px;height:34px;box-shadow:var(--ring2);place-items:center;animation:.3s steps(3,end) both pop;display:grid;position:absolute;top:-14px;right:-12px}.choice.wrong .choice-mark{background:var(--red)}.choices-ox{grid-template-columns:1fr 1fr;max-width:520px;margin-left:auto;margin-right:auto}.choices-ox .choice{justify-content:center;min-height:clamp(120px,20vw,168px)}.choices-ox .choice-o:hover:not(:disabled):not(.right):not(.wrong){background:#e4ecff}.choices-ox .choice-x:hover:not(:disabled):not(.right):not(.wrong){background:#ffe6e9}.feedback{margin:20px 0 8px;animation:.3s steps(3,end) both rise}.feedback-inner{align-items:flex-start;gap:4px;display:flex}.feedback.sheet{z-index:40;max-height:calc(55vh / var(--z,1));padding:14px 0 calc(12px + env(safe-area-inset-bottom));box-shadow:0 -4px 0 0 var(--ink), 0 -12px 0 0 #1a1c2c29;background:#e6f8d6;margin:0;animation:.16s steps(2,end) both sheet-in;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.feedback.sheet .feedback-bit,.feedback.sheet .bubble{animation:.26s steps(4,end) both sheet-pop}.feedback.sheet.no{background:#fff0de}.feedback.sheet .feedback-inner{align-items:center;gap:4px 12px;width:min(1120px,100% - 32px);margin:0 auto}.feedback.sheet .bubble{--bb:var(--paper)}.sheet-action{flex:none;align-items:center;display:flex}@media (width<=720px){.feedback.sheet .feedback-inner{flex-wrap:wrap}.feedback.sheet .bubble{flex-basis:calc(100% - 80px)}.sheet-action{justify-content:flex-end;width:100%}}@keyframes sheet-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-pop{0%{transform:translateY(14px)}to{transform:none}}.feedback-bit{flex:none;margin-top:2px}.feedback .bubble{flex:1;min-width:0}.feedback.ok .bubble{--bb:var(--good-bg)}.feedback.no .bubble{--bb:#fff0d9}.feedback-title{font-family:var(--px);margin-bottom:4px;font-size:20px;font-weight:700;line-height:1.35}.feedback.ok .feedback-title{color:#1d6b3b}.feedback.no .feedback-title{color:#9a4a2e}.feedback-body p{margin:4px 0}.wrap-card{text-align:center}.wrap-summary .lead{font-size:1.2rem}.memo{text-align:left;background:var(--note-bg);max-width:660px;box-shadow:var(--ring), 6px 6px 0 0 var(--shade);margin:24px auto 8px;padding:18px 22px 16px;position:relative}.memo-title{align-items:center;gap:8px;margin:0 0 8px;font-size:24px;display:flex}.memo-title .picon{color:var(--orange)}.wrap-list{text-align:left;margin:6px 0;padding:0;list-style:none}.wrap-list li{margin:8px 0;padding-left:22px;position:relative}.wrap-list li:before{content:"";background:var(--w);width:8px;height:8px;box-shadow:var(--ring2);position:absolute;top:.62em;left:2px}.feedback .wrap-list li:before{background:var(--green)}.chat{box-shadow:var(--ring);background:#c3d4e6;flex-direction:column;gap:12px;margin:12px 4px;padding:16px;display:flex}.chat-row{align-items:flex-start;gap:10px;display:flex}.chat-row.me{justify-content:flex-end}.chat-avatar{background:var(--paper);width:44px;height:44px;box-shadow:var(--ring2);flex:none;place-items:center;margin:2px;display:grid}.chat-col{flex-direction:column;max-width:min(80%,540px);display:flex}.chat-name{color:var(--ink-2);margin-bottom:4px;font-size:.82rem;font-weight:700}.chat-bubble{box-shadow:var(--ring2);background:#fff;margin:2px;padding:9px 14px;line-height:1.55}.chat-row.me .chat-bubble{background:#ffe27a}.info-card{background:var(--paper);box-shadow:var(--ring);margin:12px 4px;padding:14px 18px}.info-card p{margin:4px 0}.info-sms{background:#eef1f5}.info-head{color:var(--muted);align-items:center;gap:6px;margin-bottom:6px;font-size:.85rem;font-weight:800;display:flex}.info-title{margin-bottom:4px;font-weight:800}.sort-card{background:var(--paper);text-align:center;max-width:480px;box-shadow:var(--ring), 0 0 0 10px var(--w-soft), 0 0 0 14px var(--ink), 14px 14px 0 6px var(--shade);flex-direction:column;align-items:center;gap:8px;margin:24px auto 40px;padding:24px 22px;animation:.3s steps(3,end) both deal;display:flex}.sort-card.ok{background:var(--good-bg)}.sort-card.no{background:var(--bad-bg)}.sort-card-pic{color:var(--w-deep)}.sort-card-text{font-size:1.28rem;font-weight:800;line-height:1.45}.sort-bins{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.sort-bin{background:var(--t,var(--paper));min-height:104px;color:var(--ink);cursor:var(--cur-hand);box-shadow:var(--ring), inset 0 -6px 0 0 var(--t-lo,var(--paper-3)), 0 8px 0 0 var(--ink);border:0;flex-direction:column;align-items:center;gap:6px;margin:4px 4px 8px;padding:12px;font-size:1.05rem;font-weight:800;line-height:1.3;transition:transform 80ms steps(2,end);display:flex}.sort-bin:hover:not(:disabled){transform:translateY(-4px)}.sort-bin:disabled{cursor:var(--cur)}.sort-bin.answer{outline:4px dashed var(--green);outline-offset:8px}.sort-bin .picon,.sort-bin .sprite{color:var(--ink)}.tone-good{--t:#c9f5a8;--t-lo:#38b764}.tone-bad{--t:#ffc6bc;--t-lo:#b13e53}.tone-warn{--t:#ffe3a3;--t-lo:#ef7d57}.tone-info{--t:#c2eefe;--t-lo:#41a6f6}.tone-a{--t:#ddd0ff;--t-lo:#8069c2}.tone-b{--t:#bdf3dd;--t-lo:#257179}.tone-c{--t:#ffe9ad;--t-lo:#b86f50}.tone-d{--t:#ffd0e3;--t-lo:#b13e53}.sort-result{text-align:left;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:16px 0;display:grid}.sort-bin-result{background:var(--t,var(--paper));box-shadow:var(--ring);margin:4px;padding:12px 14px}.sort-bin-head{align-items:center;gap:6px;font-weight:800;display:flex}.sort-bin-result ul{margin:6px 0 0;padding-left:1.2em}.scene-title{background:var(--w);color:var(--w-ink);font-family:var(--px);box-shadow:var(--ring2);margin:2px 2px 8px;padding:4px 10px;font-size:16px;font-weight:700;display:inline-block}.scene-text{margin:8px 0;font-size:1.18rem;font-weight:700}.order-slots{flex-direction:column;gap:12px;margin:8px 0 20px;padding:0;list-style:none;display:flex}.order-slot{background:repeating-linear-gradient(90deg, var(--paper-2) 0 8px, transparent 8px 16px) top / 100% 2px no-repeat, repeating-linear-gradient(90deg, var(--paper-2) 0 8px, transparent 8px 16px) bottom / 100% 2px no-repeat, #fbf7ea;min-height:60px;box-shadow:var(--ring2);align-items:center;gap:12px;margin:2px;padding:6px 10px;display:flex}.order-slot.filled{background:var(--paper)}.order-slot.right{background:var(--good-bg)}.order-slot.wrong{background:var(--bad-bg)}.order-num{background:var(--ink);width:36px;height:36px;color:var(--yellow);font-family:var(--px);flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.order-empty{color:var(--muted);font-size:.9rem;font-family:var(--px)}.order-pool{flex-wrap:wrap;gap:12px;display:flex}.order-card{background:var(--paper);min-height:52px;color:var(--ink);cursor:var(--cur-hand);text-align:left;box-shadow:var(--ring), inset 0 -4px 0 0 var(--paper-2), 0 8px 0 0 var(--ink);border:0;align-items:center;gap:8px;margin:4px 4px 8px;padding:10px 16px;font-weight:700;transition:transform 80ms steps(2,end);display:inline-flex}.order-card:hover:not(:disabled){background:var(--w-soft);transform:translateY(-3px)}.order-card.in-slot{box-shadow:none;background:0 0;flex:1;margin:0;padding:6px 4px}.order-card.in-slot:hover{background:0 0;text-decoration:line-through;transform:none}.order-card:disabled{opacity:.35}.rb-layout{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}@media (width>=900px){.rb-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}}.rb-board-wrap{width:100%;max-width:560px;margin:0 auto}.rb-board{box-shadow:var(--ring), 0 0 0 10px #6e3f2c, 0 0 0 14px var(--ink), var(--drop);background:#3fae5c;margin:4px;display:grid;position:relative}.rb-cell{aspect-ratio:1;background-color:#5cc873;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cg fill='%23389f55'%3E%3Crect x='3' y='4' width='1' height='2'/%3E%3Crect x='4' y='3' width='1' height='2'/%3E%3Crect x='11' y='10' width='1' height='2'/%3E%3Crect x='12' y='9' width='1' height='2'/%3E%3Crect x='8' y='13' width='1' height='1'/%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%;place-items:center;display:grid;position:relative}.rb-cell.alt{background-color:#4fbd67}.rb-cell>.sprite{width:78%;height:78%}.rb-cell.wall>.sprite{width:96%;height:96%}.rb-start{background:repeating-linear-gradient(90deg,#1a1c2c73 0 6px,#0000 6px 10px) top/100% 3px no-repeat,repeating-linear-gradient(90deg,#1a1c2c73 0 6px,#0000 6px 10px) bottom/100% 3px no-repeat,repeating-linear-gradient(#1a1c2c73 0 6px,#0000 6px 10px) 0/3px 100% no-repeat,repeating-linear-gradient(#1a1c2c73 0 6px,#0000 6px 10px) 100%/3px 100% no-repeat;width:56%;height:56%}.rb-robot{pointer-events:none;place-items:center;transition:transform .3s steps(3,end);display:grid;position:absolute;top:0;left:0}.rb-bot{width:88%;height:88%;position:relative}.rb-bot>.sprite{filter:drop-shadow(0 4px #1a1c2c4d);width:100%;height:100%}.rb-dir{width:30%;height:40%;position:absolute}.rb-dir svg{width:100%;height:100%;display:block}.rb-dir.N{top:-30%;left:35%;transform:rotate(-90deg)}.rb-dir.E{top:30%;right:-22%}.rb-dir.S{bottom:-30%;left:35%;transform:rotate(90deg)}.rb-dir.W{top:30%;left:-22%;transform:rotate(180deg)}.rb-robot.bump .rb-bot{animation:.3s steps(3,end) 2 shake}.rb-robot.win .rb-bot{animation:.5s steps(4,end) 2 hop}.rb-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;margin:20px 0 0;font-size:.88rem;font-weight:600;display:flex}.rb-legend span{align-items:center;gap:4px;display:inline-flex}.palette{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.blk{min-height:48px;cursor:var(--cur-hand);font-family:var(--px);color:#fff;box-shadow:var(--ring), inset -4px -4px 0 0 #0000003d, inset 4px 4px 0 0 #ffffff47, 0 8px 0 0 var(--ink);border:0;align-items:center;gap:6px;margin:4px 4px 8px;padding:8px 14px 8px 10px;font-size:16px;font-weight:700;transition:transform 80ms steps(2,end);display:inline-flex}.blk:hover:not(:disabled){transform:translateY(-3px)}.blk:active:not(:disabled){box-shadow:var(--ring), inset 4px 4px 0 0 #0000003d;transform:translateY(4px)}.blk-move{background:#3b5dc9}.blk-turn{background:#7a3a8f}.blk-loop{color:var(--ink);background:#ef7d57}.blk-if{color:var(--ink);background:#38b764}.prog-box{box-shadow:var(--ring);background:#fbf7ea;margin:4px;padding:12px}.prog-title{font-family:var(--px);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:16px;font-weight:700;display:flex}.prog-count{color:var(--muted)}.prog-count.over{color:var(--red)}.prog-list{min-height:56px;cursor:var(--cur-hand);flex-direction:column;gap:8px;padding:6px;display:flex}.prog-list.nested{background:#fff9;margin:8px 0 2px 16px;box-shadow:inset 0 0 0 2px #1a1c2c40}.prog-list.cursor{box-shadow:inset 0 0 0 3px var(--orange);background:#fff4c2}.prog-item{color:#fff;box-shadow:var(--ring2), inset 0 -3px 0 0 #0003;margin:2px;padding:6px 8px}.prog-item.blk-loop,.prog-item.blk-if{color:var(--ink)}.prog-item.active{outline:4px solid var(--yellow);outline-offset:2px}.prog-item.bad{outline:4px solid var(--red);outline-offset:2px;animation:.3s steps(3,end) 2 shake}.prog-head{align-items:center;gap:8px;font-weight:800;display:flex}.prog-label{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:inline-flex}.prog-del{color:#fff;width:32px;height:32px;cursor:var(--cur-hand);background:#1a1c2c4d;border:0;place-items:center;display:grid}.rep-btn{background:var(--paper);width:30px;height:30px;color:var(--ink);cursor:var(--cur-hand);box-shadow:var(--ring2);border:0;place-items:center;margin:2px;display:grid}.rep-n{background:var(--ink);min-width:30px;height:30px;color:var(--yellow);font-family:var(--px);place-items:center;display:inline-grid}.prog-else{font-family:var(--px);margin:6px 0 0 16px;font-weight:700}.prog-caret{background:repeating-linear-gradient(90deg, var(--orange) 0 8px, transparent 8px 14px) top / 100% 3px no-repeat, repeating-linear-gradient(90deg, var(--orange) 0 8px, transparent 8px 14px) bottom / 100% 3px no-repeat;color:#9a4a2e;font-family:var(--px);padding:6px 10px;font-size:13px;font-weight:700;animation:1s step-end infinite now}.prog-empty{color:var(--muted);padding:6px;font-size:.85rem}.rb-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.hint-box{background:var(--note-bg);box-shadow:var(--ring2);align-items:flex-start;gap:8px;margin:12px 4px 4px;padding:10px 14px;display:flex}.spot-layout{gap:20px;display:grid}@media (width>=900px){.spot-layout.with-ref{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}}.post{width:100%;max-width:640px;box-shadow:var(--ring), var(--drop);background:#fff;margin:4px auto}.post-head{border-bottom:2px solid var(--paper-2);align-items:center;gap:10px;padding:12px 14px;display:flex}.post-avatar{background:var(--paper-2);width:40px;height:40px;box-shadow:var(--ring2);place-items:center;margin:2px;display:grid}.post-meta{color:var(--muted);font-size:.8rem}.post .spot-text{padding:14px}.post-foot{border-top:2px solid var(--paper-2);color:var(--muted);gap:16px;padding:8px 14px;font-size:.85rem;display:flex}.post-foot span{align-items:center;gap:4px;display:inline-flex}.spot-text{font-size:1.12rem;line-height:2.05}.spot-piece{cursor:var(--cur-hand);font:inherit;text-underline-offset:5px;background:0 0;border:0;padding:1px 2px;-webkit-text-decoration:underline dotted #1a1c2c40;text-decoration:underline dotted #1a1c2c40}.spot-piece:hover{background:#fff4c2}.spot-piece.found{background:var(--yellow);box-shadow:var(--ring2);font-weight:800;text-decoration:none}.spot-piece.missed{color:var(--silver);text-decoration:none}.spot-piece.sentence{text-align:left;display:inline}.frame-ai .spot-piece{margin-right:4px}.ai-box{box-shadow:var(--ring);background:#e3e8ff;flex-direction:column;gap:12px;margin:4px;padding:16px;display:flex}.ai-bubble{background:#fff}.ref-card{background:var(--note-bg);box-shadow:var(--ring), 6px 6px 0 0 var(--shade);margin:4px;padding:14px 16px}.ref-title{align-items:center;gap:6px;margin-bottom:6px;font-weight:800;display:flex}.ref-card ul{margin:0;padding-left:1.2em}.px-decode,.px-wrap{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:20px;display:flex}.px-grid{background:var(--ink-2);width:min(84vw,360px);box-shadow:var(--ring), var(--drop);gap:2px;margin:4px;padding:2px;display:grid}.px-cell{aspect-ratio:1;cursor:var(--cur-hand);background:#fff;border:0;padding:0}.px-cell:hover:not(:disabled):not(.on){background:#e7ecf2}.px-cell.on{background:var(--ink)}.px-cell.wrong{box-shadow:inset 0 0 0 4px var(--red)}.px-code,.px-nums{background:var(--ink);color:var(--lime);font-family:var(--px);box-shadow:var(--ring), inset 0 0 0 2px var(--ink-2);align-content:space-around;gap:2px;margin:4px;padding:8px 14px;font-size:clamp(14px,2.4vw,18px);display:grid}.px-nums code,.px-code code{font-family:var(--px);white-space:nowrap}.drawpad{touch-action:none;cursor:var(--cur-draw);max-width:calc(100% - 8px);box-shadow:var(--ring), var(--drop);background:#fff;margin:4px;display:block}.teach-pad{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin:12px 0;display:flex}.teach-pad-btns{flex-direction:column;align-items:stretch;gap:8px;display:flex}.teach-now{text-align:center;justify-content:center;align-items:center;gap:8px;font-size:1.25rem;display:flex}.teach-shelf{gap:12px;margin:16px 0;display:grid}.teach-row{box-shadow:var(--ring2);background:#f4f1e6;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:2px;padding:8px 12px;display:flex}.teach-label{align-items:center;gap:6px;min-width:128px;font-weight:800;display:inline-flex}.teach-thumbs{flex-wrap:wrap;gap:8px;display:flex}.teach-thumbs img{width:54px;height:54px;box-shadow:var(--ring2);background:#fff;margin:2px}.teach-thumbs img.faded{opacity:.2;filter:grayscale()}.teach-thumbs.near figure{text-align:center;margin:0;font-size:.85rem;font-weight:700}.teach-thumbs.near img{width:72px;height:72px}.guess{text-align:center;box-shadow:var(--ring);background:#e3e8ff;margin:12px 4px 4px;padding:16px}.guess .teach-thumbs{justify-content:center}.guess-label{font-family:var(--px);align-items:center;gap:6px;font-size:1.5rem;display:inline-flex}.reflect{gap:12px;margin:0 0 8px;padding:0;list-style:none;display:grid}.reflect-row{box-shadow:var(--ring2);background:#fbf7ea;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:2px;padding:8px 14px;display:flex}.reflect-q{align-items:center;gap:8px;font-weight:700;display:flex}.reflect-btns{gap:8px;display:flex}.prom-group{margin:16px 0}.prom-group h3{align-items:center;gap:8px;font-size:20px;display:flex}.cert,.prom-card,.finish-card{background:var(--paper);max-width:600px;box-shadow:0 0 0 4px var(--ink), 0 0 0 14px var(--w), 0 0 0 18px var(--ink), 18px 18px 0 10px var(--shade);-webkit-print-color-adjust:exact;print-color-adjust:exact;margin:36px auto 48px;padding:30px 30px 22px;position:relative}.prom-card-title{font-family:var(--px);text-align:center;color:var(--ink);justify-content:center;align-items:center;gap:10px;font-size:28px;font-weight:700;display:flex}.prom-card ol{font-size:1.12rem;font-weight:700}.prom-card li{margin:6px 0}.prom-card-sign{text-align:right;color:var(--muted)}.prom-stamp{opacity:.9;position:absolute;bottom:44px;right:18px;transform:rotate(-8deg)}.name-field{flex-direction:column;gap:6px;max-width:300px;margin:0 auto;font-weight:800;display:flex}.name-field input,.t-pick input,.t-pick select{min-height:48px;font:inherit;box-shadow:var(--ring);background:#fff;border:0;margin:4px;padding:8px 12px}.page .name-field+.note{text-align:center}.finish-card{text-align:center;overflow:hidden}.finish-card:before{content:"";background:linear-gradient(var(--sky2) 0 34%, var(--sky3) 34% 68%, var(--sky4) 68%);height:168px;position:absolute;inset:0 0 auto}.finish-card>*{position:relative}.finish-ribbon{background:var(--ink);color:var(--yellow);font-family:var(--px);letter-spacing:.06em;padding:6px 16px;font-size:18px;font-weight:700;display:inline-block}.finish-scene{justify-content:center;align-items:flex-end;gap:4px;margin:12px 0 18px;display:flex}.finish-card h1{font-size:28px;line-height:1.35}.finish-who{font-size:1.1rem}.finish-stars{font-family:var(--px);color:var(--ink);align-items:center;gap:6px;font-size:20px;font-weight:700;display:inline-flex}.finish-list{flex-wrap:wrap;justify-content:center;gap:8px;padding:0;font-size:.85rem;font-weight:700;list-style:none;display:flex}.finish-list li{background:var(--w-soft);box-shadow:var(--ring2);align-items:center;gap:4px;margin:2px;padding:3px 8px;display:inline-flex}.finish-date{color:var(--muted);font-family:var(--px)}.left-list{padding:0;list-style:none}.left-list li{margin:8px 0}.left-list a{align-items:center;gap:6px;font-weight:700;display:inline-flex}.lost{text-align:center;padding-top:40px}.lost h1{color:var(--on-bg);font-size:36px}.flow-layout{gap:20px;display:grid}@media (width>=900px){.flow-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}}.flow-chart{flex-direction:column;align-items:flex-start;padding:10px 76px 10px 10px;display:flex;position:relative}.flow-item{flex-direction:column;align-items:center;width:min(100%,300px);display:flex}.flow-node{text-align:center;border:4px solid var(--ink);width:100%;min-height:54px;color:var(--ink);background:#fff;place-items:center;padding:8px 14px;font-weight:700;display:grid;position:relative}.flow-node>span{position:relative}.flow-node.t-start,.flow-node.t-end{background:#c2eefe;border-radius:999px;width:72%}.flow-node.t-ask{background:0 0;border:0;padding:12px 30px}.flow-shape{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flow-shape polygon{fill:#ffe3a3;stroke:var(--ink);stroke-width:4px}.flow-node.blank{cursor:var(--cur-hand);border-style:dashed;border-color:var(--silver);color:var(--muted);font:inherit;background:#f5f6f8;font-weight:700}.flow-node.t-ask.blank .flow-shape polygon{fill:#f5f6f8;stroke:var(--silver);stroke-dasharray:8 6}.flow-node.blank.filled{border-style:solid;border-color:var(--ink);color:var(--ink);background:var(--w-soft)}.flow-node.t-ask.blank.filled{background:0 0}.flow-node.t-ask.blank.filled .flow-shape polygon{fill:var(--w-soft);stroke:var(--ink);stroke-dasharray:none}.flow-node.blank.target{outline:4px dashed var(--orange);outline-offset:4px}.flow-node.right{border-color:var(--green)!important;background:var(--good-bg)!important}.flow-node.wrong{border-color:var(--red)!important;background:var(--bad-bg)!important}.flow-node.t-ask.right,.flow-node.t-ask.wrong{background:0 0!important}.flow-node.t-ask.right .flow-shape polygon{fill:var(--good-bg);stroke:var(--green)}.flow-node.t-ask.wrong .flow-shape polygon{fill:var(--bad-bg);stroke:var(--red)}.flow-node.right:after,.flow-node.wrong:after{font-family:var(--px);font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.flow-node.right:after{content:"O";color:var(--green)}.flow-node.wrong:after{content:"X";color:var(--red)}.flow-arrow{background:var(--ink);width:4px;height:32px;position:relative}.flow-arrow:after{content:"";border:8px solid #0000;border-top:10px solid var(--ink);border-bottom:0;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.flow-yes{font-family:var(--px);color:#1d6b3b;font-size:14px;font-weight:700;position:absolute;top:2px;left:12px}.flow-loop{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.flow-loop-label{font-family:var(--px);fill:#9a4a2e;font-size:14px;font-weight:700}.flow-opts{flex-direction:column;gap:8px;display:flex}.done-panel{isolation:isolate;text-align:center;background:var(--ink);color:var(--white);box-shadow:var(--ring), 0 0 0 10px var(--w), 0 0 0 14px var(--ink), 18px 18px 0 10px var(--shade);margin:4px;margin-block:18px 32px;padding:clamp(26px,4vw,44px) 16px clamp(24px,4vw,40px);position:relative;overflow:hidden}.done-panel:before{content:"";z-index:-1;background:repeating-conic-gradient(from 0deg, #ffcd751a 0 9deg, transparent 9deg 18deg);width:1400px;height:1400px;margin:-700px 0 0 -700px;animation:24s linear infinite spin;position:absolute;top:46%;left:50%}.done-kicker{margin:0}.done-clear{font-family:var(--px);color:var(--yellow);letter-spacing:.04em;margin:14px 0 4px;font-size:clamp(44px,8vw,84px);font-weight:700;line-height:1.05;animation:.9s step-end infinite flash,.5s steps(5,end) both zoom}.done-stars{justify-content:center;align-items:flex-end;gap:clamp(6px,2vw,18px);margin:10px 0 6px;display:flex}.done-stars .sprite{animation:.4s steps(4,end) both pop}.done-stars .sprite:first-child{animation-delay:.35s}.done-stars .sprite:nth-child(2){margin-bottom:16px;animation-delay:.6s}.done-stars .sprite:nth-child(3){animation-delay:.85s}.done-hero{justify-content:center;align-items:flex-end;gap:4px;margin:4px 0 10px;display:flex}.done-medal{animation:.6s steps(6,end) 1s both drop}.done-panel h2{color:#fff;margin:4px 0 2px;font-size:clamp(28px,4vw,36px)}.done-name{color:var(--silver);margin:0;font-weight:700}.done-btns{flex-direction:column;align-items:center;gap:6px;margin-top:22px;display:flex}.done-btns .btn-ghost{font-size:16px}.confetti{z-index:-1;pointer-events:none;position:absolute;inset:0}.confetti i{animation:1.3s cubic-bezier(.15,.8,.3,1) both burst;position:absolute;top:38%;left:50%}.teacher h1,.stats h1{font-size:clamp(28px,3.4vw,36px)}.t-section{background:var(--paper);box-shadow:var(--ring), var(--drop);margin:28px 4px;padding:clamp(18px,3vw,28px)}.t-section h2{font-size:24px}.t-pick{flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0;display:flex}.t-pick label{flex-direction:column;gap:4px;font-weight:800;display:flex}.t-qr{flex-wrap:wrap;align-items:center;gap:24px;margin:16px 0;display:flex}.t-qr .qr{box-shadow:var(--ring);background:#fff;margin:4px;padding:10px}.qr svg{width:100%;height:100%}.t-qr-title{font-family:var(--px);margin:0;font-size:24px;font-weight:700}.t-url{word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-weight:700}.t-steps li,.t-tips li{margin:8px 0}.t-inline-icon{vertical-align:-6px;background:var(--aqua);width:26px;height:26px;box-shadow:var(--ring2);place-items:center;margin:0 2px;display:inline-grid}.t-course{margin:22px 0}.t-course h3{align-items:center;gap:10px;font-size:20px;display:flex}.t-table-wrap{box-shadow:var(--ring2);background:#fff;margin:4px;overflow-x:auto}.t-table{border-collapse:collapse;width:100%;font-size:.92rem}.t-table th,.t-table td{border-bottom:2px solid var(--paper-2);vertical-align:top;text-align:left;padding:8px 10px}.t-table thead th{background:var(--w-soft);white-space:nowrap;font-family:var(--px);font-size:14px}.t-table td a{align-items:center;gap:6px;font-weight:700;display:inline-flex}.t-basis{margin-bottom:4px}.t-src{white-space:nowrap;margin-right:4px}.t-sources li{margin:8px 0}.t-basis-list div{border-bottom:2px solid var(--paper-2);grid-template-columns:minmax(120px,13em) 1fr;gap:4px 14px;padding:10px 0;display:grid}.t-basis-list dt{font-weight:800}.t-basis-list dd{margin:0}.t-basis-list div:target{background:var(--note-bg)}@media (width<=640px){.t-basis-list div{grid-template-columns:1fr}}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:18px 0;display:grid}.kpi{background:var(--ink);color:var(--silver);text-align:center;box-shadow:var(--ring), var(--drop);margin:4px;padding:16px}.kpi b{font-family:var(--px);color:var(--yellow);font-size:36px;font-weight:700;line-height:1.3;display:block}.day-bars{align-items:flex-end;gap:10px;height:170px;padding-top:20px;display:flex;overflow-x:auto}.day-bar{flex-direction:column;justify-content:flex-end;align-items:center;min-width:46px;height:100%;display:flex;position:relative}.day-bar-fill{background:var(--orange);width:26px;box-shadow:var(--ring2), inset -4px 0 0 0 #b86f50;margin:2px}.day-bar b{font-family:var(--px);margin-top:4px;font-size:12px}.day-bar small{color:var(--muted)}.stats-table td,.stats-table th{text-align:center;white-space:nowrap}.th-name{font-family:var(--font);white-space:normal;max-width:7em;margin:2px auto 0;font-size:.72rem;font-weight:600;display:block}.qr-grade{margin:24px 0}.qr-grade h2{color:var(--ink);align-items:center;gap:8px;display:flex}.qr-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;display:grid}.qr-card{border:4px solid var(--ink);border-top:12px solid var(--w);break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.qr-card-head{flex-direction:column;align-items:center;line-height:1.2;display:flex}.qr-card-head b{font-family:var(--px);font-size:24px;font-weight:700}.qr-card-head span,.qr-card-url{color:var(--muted);font-size:.8rem}.footer-link{color:var(--white);font:inherit;text-underline-offset:3px;cursor:var(--cur-hand);background:0 0;border:0;padding:0;text-decoration:underline}.report-link{align-items:center;gap:4px;margin-left:12px;display:inline-flex}.g6 .skip-line .report-link{color:var(--aqua)}.fb-backdrop{z-index:60;background:#1a1c2c9e;place-items:center;padding:16px;animation:.16s steps(2,end) both fade;display:grid;position:fixed;inset:0}.fb-box{background:var(--paper);width:min(620px,100%);max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:var(--ring), 10px 10px 0 0 #1a1c2c73;margin:4px;animation:.24s steps(3,end) both rise;overflow-y:auto}.fb-head{z-index:1;background:var(--ink);color:var(--white);align-items:center;gap:10px;padding:10px 12px 10px 16px;display:flex;position:sticky;top:0}.fb-head h2{flex:1;margin:0;font-size:24px}.fb-close{background:var(--ink-2);width:44px;height:44px;color:var(--white);cursor:var(--cur-hand);box-shadow:inset -3px -3px 0 0 #0e0f19, inset 3px 3px 0 0 var(--slate);border:0;place-items:center;display:grid}.fb-body{padding:16px 20px 20px}.fb-intro{margin:0 0 8px}.fb-h{margin:16px 0 6px;font-size:18px}.fb-h small{font-family:var(--font);color:var(--muted);font-size:.8rem;font-weight:600}.fb-where{background:var(--paper-2);flex-wrap:wrap;align-items:center;gap:4px 6px;margin:16px 0 10px;padding:8px 12px;font-size:.92rem;display:flex}.fb-text-label{font-family:var(--px);margin:6px 0 4px;font-size:18px;font-weight:700;display:block}.fb-text{width:calc(100% - 8px);color:var(--ink);font:500 1rem/1.55 var(--font);resize:vertical;box-shadow:var(--ring);background:#fff;border:0;margin:4px;padding:10px 12px;display:block}.fb-count{text-align:right;color:var(--muted);font-family:var(--px);margin:4px 4px 0;font-size:12px}.fb-privacy{background:var(--note-bg);align-items:flex-start;gap:6px;margin:10px 0 0;padding:8px 12px;font-size:.88rem;font-weight:600;display:flex}.fb-privacy .picon{color:var(--orange);flex:none}.loop{gap:28px;margin:8px 0 16px;padding:0;list-style:none;display:grid}.loop-step{background:var(--paper);box-shadow:var(--ring), var(--drop);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:2px 14px;margin:4px;padding:14px 16px;display:grid;position:relative}.loop-ico{background:var(--w);width:64px;height:64px;color:var(--w-ink);box-shadow:inset -4px -4px 0 0 var(--w-lo), inset 4px 4px 0 0 var(--w-hi);grid-row:span 2;place-items:center;display:grid}.loop-step b{font-family:var(--px);font-size:20px}.loop-text{color:var(--muted);font-size:.92rem;line-height:1.45}.loop-no{background:var(--ink);min-width:28px;color:var(--yellow);font-family:var(--px);text-align:center;padding:2px 6px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:-10px}.loop-step:not(:last-child):after{content:"";border:10px solid #0000;border-top:12px solid var(--path);border-bottom:0;position:absolute;bottom:-26px;left:40px}@media (width>=900px){.loop{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.loop-step{text-align:center;grid-template-columns:1fr;justify-items:center;padding:18px 12px 16px}.loop-ico{grid-row:auto}.loop-step:not(:last-child):after{border:10px solid #0000;border-left:12px solid var(--path);border-right:0;inset:calc(50% - 10px) -30px auto auto}}.together{margin-top:8px}.gb-head{color:var(--on-bg);margin:4px 0 20px}.gb-head h1{margin:8px 0 4px;font-size:clamp(32px,4.4vw,48px)}.gb-head .lead{max-width:40em}.gb-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 4px;display:grid}.gb-board{box-shadow:var(--ring), 0 0 0 10px #6e3f2c, 0 0 0 14px var(--ink), var(--drop);background-color:#b86f50;background-image:repeating-linear-gradient(#c47d5c 0 4px,#0000 4px 52px,#8e5238 52px 56px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='56' shape-rendering='crispEdges'%3E%3Cg fill='%238e5238' fill-opacity='.45'%3E%3Crect x='10' y='20' width='24' height='2'/%3E%3Crect x='52' y='34' width='32' height='2'/%3E%3Crect x='70' y='12' width='14' height='2'/%3E%3C/g%3E%3C/svg%3E");margin:28px 4px 8px;padding:clamp(18px,3vw,32px);position:relative}.gb-empty{background:var(--paper);max-width:560px;box-shadow:var(--ring);text-align:left;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:4px auto;padding:22px;font-weight:700;display:flex}.gb-empty p{margin:0}.gb-list{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));align-items:start;gap:32px 24px;margin:0;padding:0;list-style:none;display:grid}.gb-note{background:var(--paper);box-shadow:var(--ring), 6px 6px 0 0 #1a1c2c4d;transform:rotate(var(--tilt,0deg));margin:8px 4px 4px;padding:22px 18px 16px;position:relative}.gb-note.fixed{background:#f0fbe6}.gb-note.added{background:#eaf2ff}.gb-note.thanks{background:#fff0f6}.gb-pin{background:var(--red);width:16px;height:16px;box-shadow:var(--ring2), inset -4px -4px 0 0 #7a2335, inset 4px 4px 0 0 #e06a7f;position:absolute;top:-10px;left:calc(50% - 8px)}.gb-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:.82rem;font-weight:600;display:flex}.gb-stamp{font-family:var(--px);color:#fff;box-shadow:var(--ring2);padding:2px 8px;font-size:12px;font-weight:700}.gb-stamp.fixed{background:var(--green);color:var(--ink)}.gb-stamp.added{background:var(--blue)}.gb-stamp.kept{background:var(--slate)}.gb-stamp.thanks{background:#d9467a}.gb-text{margin:10px 0 8px;font-size:1.05rem;font-weight:700}.gb-text:before{content:"“"}.gb-text:after{content:"”"}.gb-reply{box-shadow:inset 0 0 0 2px var(--paper-3);background:#ffffffbf;align-items:flex-start;gap:10px;margin-top:8px;padding:10px 12px;display:flex}.gb-reply p{margin:0;font-size:.95rem}.gb-teacher{background:var(--yellow);width:36px;height:36px;box-shadow:var(--ring2);flex:none;place-items:center;margin:2px;display:grid}.gb-done{color:var(--muted);font-size:.82rem}@media (width<=640px){.gb-stats{gap:10px}.gb-stats .kpi{padding:10px 4px;font-size:.8rem}.gb-stats .kpi b{font-size:24px}.report-link{margin-left:0}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes deal{0%{opacity:0;transform:translateY(-16px)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes zoom{0%{opacity:0;transform:scale(2.2)}to{opacity:1;transform:none}}@keyframes drop{0%{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:none}}@keyframes flash{0%{color:var(--yellow)}33%{color:var(--aqua)}66%{color:var(--lime)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes burst{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)}75%{opacity:1}to{transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y) + 90px)) rotate(270deg);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}33%{transform:translate(-8%)}66%{transform:translate(8%)}}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-22%)}}@keyframes bob{0%{transform:none}50%{transform:translateY(-4px)}to{transform:none}}@keyframes blink{0%{opacity:0}94%{opacity:1}98%{opacity:0}}@keyframes caret{0%{opacity:1}50%{opacity:0}}@keyframes now{0%{filter:none}50%{filter:brightness(1.18)}}@keyframes glow{0%{outline:0 solid #0000}50%{outline-offset:8px;outline:4px solid #ffcd75e6}}@keyframes twinkle{0%{opacity:1}50%{opacity:.25}}@keyframes drift{0%{transform:translate(-280px)}to{transform:translate(calc(100vw + 40px))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=640px){.brand-sub{display:none}.brand-name{font-size:18px}.me-chip{padding-right:8px;font-size:14px}.hud-right{gap:8px}.music-btn{justify-content:center;width:44px;padding:0}.music-btn .btn-label{display:none}.choices{grid-template-columns:1fr}.choices-ox{grid-template-columns:1fr 1fr}.flow-chart{padding-right:60px}.talk{flex-direction:column;align-items:flex-start}.talk .bubble{width:calc(100% - 8px);margin:16px 4px 4px}.talk .bubble:before{box-shadow:4px -4px 0 0 var(--ink), 4px 0 0 0 var(--bb), 4px 4px 0 0 var(--bb), 8px -8px 0 0 var(--ink), 8px -4px 0 0 var(--bb), 8px 0 0 0 var(--bb), 8px 4px 0 0 var(--bb), 12px -4px 0 0 var(--ink), 12px 0 0 0 var(--bb), 12px 4px 0 0 var(--bb), 16px 0 0 0 var(--ink);top:-8px;left:28px}.talk>.mascot,.talk>.perch{margin:0 0 -4px 12px}.grade-pick{grid-template-columns:repeat(2,minmax(0,1fr))}.world-title{flex-direction:column;align-items:flex-start}.act-tile{width:60px;height:60px}.btn-big{font-size:20px}.feedback-bit .sprite{width:48px;height:48px}}@media (width<=1180px){.hud .btn-label{display:none}.view-btn,.fs-btn,.music-btn{justify-content:center;width:44px;padding:0}}@media (width<=640px){.fs-btn{display:none}}@media (width<=440px){.brand-text{display:none}}@media print{body,.app{background:#fff!important}.hud,.footer,.crumbs,.no-print{display:none!important}body:has(.print-area) main :not(.print-area):not(:has(.print-area)):not(.print-area *){display:none!important}.print-area{margin-top:12px}.t-section{box-shadow:none!important;background:0 0!important;margin:0!important;padding:0!important}.t-qr.print-area .qr{box-shadow:none}.qr-grade{break-before:page}.qr-grade:first-of-type{break-before:auto}}