.cmp-page{width:min(1180px,calc(100% - var(--gutter) * 2));margin:0 auto;padding:22px 0 70px}.cmp-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.cmp-proto-tag{color:var(--muted);font-size:11px;letter-spacing:.04em}.cmp-hero{margin:18px 0 22px;max-width:780px}.cmp-hero h1{margin:6px 0 10px;font-family:var(--font-serif);font-size:clamp(22px,3vw,30px);color:var(--ink)}.cmp-hero p{margin:0;color:var(--ink-2);font-size:13.5px;line-height:1.9}.cmp-views{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}.cmp-view{padding:6px 13px;border-radius:var(--radius-pill);border:1px solid var(--line);background:#fffcf5cc;color:var(--ink-2);font-size:12px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.cmp-view:hover{border-color:var(--sage);color:var(--ink)}.cmp-view.is-active{border-color:var(--sage);background:var(--sage-soft);color:var(--sage-deep)}.cmp-count{margin-left:auto;color:var(--muted);font-size:11px}.cmp-error{margin:10px 0 0;color:var(--clay-deep);font-size:12px}.cmp-grid{display:flex;flex-direction:column;gap:18px}.cmp-row{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}.cmp-grid.is-single .cmp-row{grid-template-columns:30px minmax(0,780px)}.cmp-row-no{padding-top:20px;color:var(--muted);font-family:var(--font-serif);font-size:12px;letter-spacing:.08em}.cmp-card{padding:18px 18px 16px;border-radius:var(--radius-lg);border:1px solid var(--line);background:#fffcf5e0;box-shadow:0 1px #2f3d3a08}.cmp-card.is-ok{border-color:#617d6880}.cmp-card.is-bad{border-color:#b9765880}.cmp-card-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.cmp-card-head b{font-family:var(--font-serif);font-size:14px;color:var(--ink)}.cmp-tag{padding:2px 8px;border-radius:var(--radius-pill);background:var(--paper-3);color:var(--ink-2);font-size:10.5px;letter-spacing:.04em}.cmp-tag.is-alt{background:var(--sage-soft);color:var(--sage-deep)}.cmp-scene{margin:0 0 10px;color:var(--ink-2);font-size:12.5px;line-height:1.8}.cmp-place{margin:0 0 10px;color:var(--muted);font-size:11px;letter-spacing:.04em}.cmp-stem{margin:0 0 10px;color:var(--ink);font-size:13.5px;line-height:1.75}.cmp-quote{margin:0 0 12px;padding:12px 14px;border-left:3px solid var(--sage);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#eff4ecb3}.cmp-quote span{display:block;color:var(--muted);font-size:10.5px;letter-spacing:.04em}.cmp-quote b{display:block;margin-top:5px;font-family:var(--font-serif);font-size:15px;line-height:1.8;color:var(--ink)}.cmp-choices{display:flex;flex-direction:column;gap:8px}.cmp-choice{display:flex;align-items:flex-start;gap:9px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#faf7eeb3;color:var(--ink);font-size:12.5px;line-height:1.7;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.cmp-choice:hover:not(:disabled){border-color:var(--sage);background:#eff4ece6;transform:translate(2px)}.cmp-choice:disabled{cursor:default}.cmp-choice-no{flex-shrink:0;display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border-radius:6px;background:var(--paper-3);color:var(--ink-2);font-size:11px}.cmp-choice.is-right{border-color:#617d68a6;background:#e6f0e4e6}.cmp-choice.is-right .cmp-choice-no{background:var(--sage);color:#fff}.cmp-choice.is-wrong{border-color:#b97658a6;background:#f9eae2e6}.cmp-choice.is-wrong .cmp-choice-no{background:var(--clay);color:#fff}.cmp-choice.is-dim{opacity:.5}.cmp-reaction{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}.cmp-reaction-line{margin:0;padding:10px 12px;border-left:2px solid var(--sage);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#fffcf5e6;color:var(--ink);font-family:var(--font-serif);font-size:13.5px;line-height:1.85}.cmp-card-decision.is-bad .cmp-reaction-line{border-left-color:var(--clay)}.cmp-reaction-nums{margin:8px 0 0;color:var(--muted);font-size:11px}.cmp-reaction-nums b{color:var(--ink);font-weight:500}.cmp-delta-zero{color:var(--muted)}.cmp-reaction-nums .is-up{color:var(--clay-deep)}.cmp-reaction-nums .is-down{color:var(--sage-deep)}.cmp-why{margin:10px 0 0;color:var(--ink-2);font-size:12px;line-height:1.85}.cmp-basis{display:inline-flex;align-items:center;gap:5px;margin:10px 0 0;padding:4px 9px;border-radius:var(--radius-pill);background:var(--sage-soft);color:var(--sage-deep);font-size:10.5px}.cmp-feedback{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}.cmp-feedback b{font-size:12.5px;color:var(--ink)}.cmp-feedback p{margin:6px 0 0;color:var(--ink-2);font-size:12px;line-height:1.85}.cmp-feedback .cmp-basis{margin-top:10px}.cmp-vote{margin-top:30px;padding:18px 20px;border-radius:var(--radius-lg);border:1px dashed var(--line);background:#f5f0e599}.cmp-vote h2{display:flex;align-items:center;gap:7px;margin:0 0 12px;font-family:var(--font-serif);font-size:15px;font-weight:500;color:var(--ink)}.cmp-vote-btns{display:flex;flex-wrap:wrap;gap:9px}.cmp-vote-btns button{padding:8px 15px;border-radius:var(--radius-pill);border:1px solid var(--line);background:#fffcf5e6;color:var(--ink-2);font-size:12.5px;cursor:pointer}.cmp-vote-btns button:hover{border-color:var(--sage)}.cmp-vote-btns button.is-active{border-color:var(--sage);background:var(--sage-soft);color:var(--sage-deep)}.cmp-vote-note{display:flex;align-items:center;gap:6px;margin:10px 0 0;color:var(--muted);font-size:11px}@media(max-width:980px){.cmp-row,.cmp-grid.is-single .cmp-row{grid-template-columns:minmax(0,1fr)}.cmp-row-no{padding-top:0}.cmp-count{margin-left:0}}.companion{--companion-h: 150px;--bubble-accent: var(--sage-deep);position:relative;display:inline-block;vertical-align:bottom;line-height:0;isolation:isolate}.companion--xs{--companion-h: 64px}.companion--sm{--companion-h: 100px}.companion--md{--companion-h: 150px}.companion--lg{--companion-h: 210px}.companion--happy,.companion--cheer,.companion--proud{--bubble-accent: var(--gold-deep)}.companion--alert,.companion--worried,.companion--excited{--bubble-accent: var(--clay-deep)}.companion--sleepy,.companion--curious{--bubble-accent: var(--blue-deep)}.companion--sad{--bubble-accent: var(--muted)}.companion--shy{--bubble-accent: var(--berry-deep)}.companion:before{content:"";position:absolute;left:50%;bottom:-4%;width:138%;height:52%;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,194,71,.24),transparent 70%);filter:blur(9px);z-index:-1;pointer-events:none}.companion--alert:before{background:radial-gradient(ellipse at center,rgba(255,139,115,.24),transparent 70%)}.companion--sleepy:before,.companion--curious:before{background:radial-gradient(ellipse at center,rgba(98,192,239,.2),transparent 70%)}.companion--worried:before,.companion--excited:before{background:radial-gradient(ellipse at center,rgba(255,139,115,.28),transparent 70%)}.companion--proud:before{background:radial-gradient(ellipse at center,rgba(255,194,71,.36),transparent 70%)}.companion--shy:before{background:radial-gradient(ellipse at center,rgba(249,124,160,.2),transparent 70%)}.companion-figure{position:relative;display:inline-block;height:var(--companion-h);padding:0;border:0;background:transparent;cursor:pointer;line-height:0;transform-origin:50% 100%;animation:companionFloat 6.4s ease-in-out infinite;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.companion--sleepy .companion-figure{animation-duration:9s}.companion--cheer .companion-figure{animation-duration:4.8s}.companion--sad .companion-figure{filter:saturate(.72) brightness(.98)}.companion--proud .companion-figure{animation-duration:7.4s;filter:saturate(1.04)}.companion--curious .companion-figure{animation:companionCurious 5.2s ease-in-out infinite}.companion--worried .companion-figure{animation:companionWorried 2.6s ease-in-out infinite}.companion--excited .companion-figure{animation:companionExcited 2.6s ease-in-out infinite}.companion--shy .companion-figure{animation:companionShy 7.4s ease-in-out infinite}.companion--alert .companion-figure{animation:companionAlert 3s ease-in-out infinite}.companion-figure.is-active{animation-play-state:paused}.companion.is-holding .companion-figure,.companion.is-dragging .companion-figure{outline:2px dashed rgba(63,191,162,.55);outline-offset:6px;border-radius:26px;cursor:grabbing}.companion.is-dragging{z-index:40}.companion-figure:hover .frame-front,.companion-figure:hover .companion-static,.companion-figure:hover .companion-avatar{transform:translateY(-2px) scale(1.02)}.companion-figure:active .frame-front,.companion-figure:active .companion-static,.companion-figure:active .companion-avatar{transform:translateY(0) scale(.995)}.companion .frame-side,.companion .frame-back,.companion .frame-laugh{position:absolute;left:50%;top:0;opacity:0;transform:translate(-50%);pointer-events:none}.companion .frame-side.mirrored{transform:translate(-50%) scaleX(-1)}.companion-avatar{width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.85);object-fit:cover;filter:saturate(.96) contrast(1.02) drop-shadow(0 10px 14px rgba(116,86,38,.18));transition:transform .25s var(--ease-back)}.companion--avatar .companion-figure{width:var(--companion-h);height:var(--companion-h);border-radius:50%}.companion-static{height:100%}.companion-figure.is-action-bounce .companion-frames,.companion-figure.is-action-bounce .companion-static,.companion-figure.is-action-bounce .companion-avatar{animation:companionBounce .95s var(--ease-back) both}.companion-figure.is-action-nod .companion-frames,.companion-figure.is-action-nod .companion-static,.companion-figure.is-action-nod .companion-avatar{animation:companionNod .75s var(--ease-soft) both}.companion-figure.is-action-shake .companion-frames,.companion-figure.is-action-shake .companion-static,.companion-figure.is-action-shake .companion-avatar{animation:companionShake .8s var(--ease-soft) both}.companion-figure.is-action-stretch .companion-frames,.companion-figure.is-action-stretch .companion-static,.companion-figure.is-action-stretch .companion-avatar{animation:companionStretch .95s var(--ease-back) both}.companion-figure.is-action-spin .companion-frames{animation:companionTurnHop 1.15s var(--ease-soft) both}.companion-figure.is-action-laugh .companion-static,.companion-figure.is-action-laugh .companion-avatar{transform-origin:50% 100%;animation:mascotLaugh 1.5s var(--ease-soft) both}.companion-figure.is-action-spin .frame-front{animation:mascotTurnFront 1.15s linear both}.companion-figure.is-action-spin .frame-side{animation:mascotTurnSide 1.15s linear both}.companion-figure.is-action-spin .frame-back{animation:mascotTurnBack 1.15s linear both}.companion-figure.is-action-spin .frame-side.mirrored{animation:mascotTurnMirror 1.15s linear both}.companion-figure.is-action-spin .mascot-eyes{animation:mascotEyesHide 1.15s linear both}.companion-ring{position:absolute;left:50%;top:46%;width:96%;aspect-ratio:1 / 1.16;border:2px solid rgba(255,194,71,.62);border-radius:50%;transform:translate(-50%,-50%) scale(.72);opacity:0;pointer-events:none}.companion-figure.is-active .companion-ring{animation:companionRing .72s var(--ease-out) both}.companion-sparks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.companion-sparks .spark{position:absolute;left:50%;top:44%;width:7px;height:7px;border-radius:2px;opacity:0;transform:rotate(45deg)}.companion-figure.is-active .companion-sparks .spark{animation:mascotSpark .8s var(--ease-out) var(--delay, 0ms) both}.companion-bubble{position:absolute;z-index:20;display:flex;align-items:flex-start;gap:8px;padding:10px 12px 10px 10px;border:1px solid rgba(211,196,171,.9);border-radius:15px;background:#fffcf5fa;box-shadow:0 18px 38px -24px #5a42208c,0 1px #ffffffe6 inset;width:max-content;max-width:250px;line-height:1.5;text-align:left;pointer-events:none;animation:companionBubbleIn .26s var(--ease-back) both}.companion-bubble--top{left:50%;bottom:calc(100% + 8px);translate:-50% 0}.companion-bubble--bottom{left:50%;top:calc(100% + 8px);translate:-50% 0}.companion-bubble--left{right:calc(100% + 10px);bottom:16%}.companion-bubble--right{left:calc(100% + 10px);bottom:16%}.companion-bubble-avatar{width:30px;height:30px;flex:0 0 auto;border-radius:50%;border:1.5px solid rgba(255,194,71,.55);background:var(--gold-soft);object-fit:cover}.companion-bubble-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.companion-bubble-copy b{color:var(--bubble-accent);font-size:11px;letter-spacing:.04em}.companion-bubble-copy small{color:var(--ink-2);font-size:12px;line-height:1.55}.companion-figure:focus-visible{outline:3px solid rgba(63,191,162,.5);outline-offset:5px;border-radius:24px}@keyframes companionFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes companionAlert{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2px) rotate(1.2deg)}}@keyframes companionBounce{0%,to{transform:translateY(0) scale(1)}18%{transform:translateY(3px) scale(1.06,.92)}40%{transform:translateY(-10px) scale(.97,1.04)}66%{transform:translateY(0) scale(1.03,.97)}84%{transform:translateY(0) scale(.995,1.005)}}@keyframes companionTurnHop{0%,to{transform:translateY(0)}20%{transform:translateY(-5px) scale(1.01)}50%{transform:translateY(-12px) scale(.99)}80%{transform:translateY(-2px) scale(1.01)}}@keyframes companionRing{0%{opacity:.7;transform:translate(-50%,-50%) scale(.74)}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}@keyframes companionBubbleIn{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}@keyframes companionCurious{0%,to{transform:rotate(0)}30%{transform:rotate(3deg)}65%{transform:rotate(-2deg)}}@keyframes companionWorried{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-1px) rotate(-.7deg)}75%{transform:translate(1px) rotate(.7deg)}}@keyframes companionExcited{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-5px) scale(1.02)}55%{transform:translateY(0) scale(.99)}80%{transform:translateY(-3px) scale(1.01)}}@keyframes companionShy{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes companionNod{0%,to{transform:translateY(0) scaleY(1)}28%{transform:translateY(3px) scaleY(.97)}55%{transform:translateY(-1px) scaleY(1.01)}78%{transform:translateY(1px) scaleY(.995)}}@keyframes companionShake{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-4px) rotate(-1deg)}30%{transform:translate(4px) rotate(1deg)}45%{transform:translate(-3px) rotate(-.7deg)}60%{transform:translate(3px) rotate(.7deg)}75%{transform:translate(-2px) rotate(-.4deg)}90%{transform:translate(1px) rotate(.2deg)}}@keyframes companionStretch{0%,to{transform:scale(1)}32%{transform:scale(1.02,1.06)}64%{transform:scale(.99,.97)}}@media(max-width:760px){.page-companion{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.page-companion .companion{--companion-h: 88px}.page-companion .companion-bubble{max-width:min(200px,58vw)}.companion-bubble{max-width:min(210px,62vw);padding:8px 10px 8px 8px;gap:7px}.companion-bubble-avatar{width:26px;height:26px}.companion-bubble-copy b{font-size:10px}.companion-bubble-copy small{font-size:11px;line-height:1.5}}@media(prefers-reduced-motion:reduce){.companion-figure,.companion-figure *,.companion-ring,.companion-sparks .spark{animation:none!important}.mascot-pupil{transition:none}}.page-companion{position:fixed;right:20px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:35;pointer-events:none}.page-companion .companion{pointer-events:auto}@media(min-width:1600px){.page-companion{right:calc((100vw - 1240px)/4 - 46px)}}@media(max-width:760px){.page-companion{right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px))}.page-companion .companion{--companion-h: 96px}.page-companion .companion-bubble{max-width:min(200px,64vw)}}.state-mascot{width:78px;height:78px;border-radius:50%;border:3px solid #fff;object-fit:cover;background:var(--gold-soft);box-shadow:0 18px 32px -20px #5a42208c;animation:stateMascotFloat 4.5s ease-in-out infinite}.state-screen .state-mascot{margin-bottom:2px}.empty-mascot{width:88px;height:88px;border-radius:50%;border:3px solid #fff;object-fit:cover;background:var(--gold-soft);box-shadow:0 18px 32px -20px #5a42208c;animation:stateMascotFloat 4.5s ease-in-out infinite}@keyframes stateMascotFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.state-mascot,.empty-mascot{animation:none}}.page-companion--game{bottom:calc(110px + env(safe-area-inset-bottom,0px))}.page-companion .companion-bubble--top{left:auto;right:0;translate:none}@media(max-width:760px){.page-companion--game{bottom:calc(98px + env(safe-area-inset-bottom,0px))}.page-companion .companion-bubble--top{left:auto;right:calc(100% + 10px);top:auto;bottom:16%;translate:none}}.companion-figure:hover{animation-play-state:paused}.state-meme{margin-top:-2px;color:var(--muted);font-size:12px;line-height:1.7}:root{--font-sans: "Noto Sans SC", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-display: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-round: "Nunito", "Quicksand", "Comic Sans MS", "Noto Sans SC", sans-serif;--font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;--paper: #fff8ec;--paper-2: #fffdf6;--paper-3: #f6eedd;--surface: #ffffff;--ink: #2f3d3a;--ink-2: #536562;--muted: #7f918d;--line: #eadfc9;--line-soft: #f3ebda;--line-strong: #ddcdb1;--paper-tint: #fbf5e8;--paper-deep: #f0e6d2;--sage: #3fbfa2;--sage-deep: #127a66;--sage-soft: #ddf7ee;--clay: #ff8b73;--clay-deep: #c2523a;--clay-soft: #ffe7de;--gold: #ffc247;--gold-deep: #9c6500;--gold-soft: #fff2cd;--blue: #62c0ef;--blue-deep: #2079a6;--blue-soft: #e0f4ff;--berry: #f97ca0;--berry-soft: #ffe4ec;--berry-deep: #b23a61;--lilac: #a995f6;--lilac-deep: #6a51c6;--lilac-soft: #efe9ff;--cream: #ffeccc;--primary: #ffab5e;--primary-deep: #e26a3c;--primary-soft: #fff0da;--mint: var(--sage);--mint-soft: var(--sage-soft);--paper-raised: var(--surface);--accent: var(--sage);--accent-deep: var(--sage-deep);--accent-soft: var(--sage-soft);--tone: var(--accent);--tone-deep: var(--accent-deep);--tone-soft: var(--accent-soft);--tone-line: color-mix(in srgb, var(--accent) 30%, transparent);--radius-xs: 10px;--radius-sm: 14px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 38px;--radius-pill: 999px;--shadow-soft: 0 14px 30px -22px rgba(133, 96, 55, .35), 0 2px 0 rgba(255, 255, 255, .85) inset;--shadow-card: 0 26px 54px -34px rgba(133, 96, 55, .45), 0 2px 0 rgba(255, 255, 255, .85) inset;--shadow-pop: 0 36px 70px -32px rgba(133, 96, 55, .48), 0 2px 0 rgba(255, 255, 255, .9) inset;--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .9);--shadow-inset-deep: inset 0 -3px 0 rgba(61, 42, 20, .14), inset 0 1px 0 rgba(255,255,255,.5);--shadow-sticker: 5px 7px 0 rgba(47, 61, 58, .07);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.22, .61, .36, 1);--ease-fluid: cubic-bezier(.19, 1, .22, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--ease-elastic: cubic-bezier(.5, 1.8, .5, 1);--max: 1500px;--gutter: clamp(18px, 4.4vw, 56px);--topbar-h: 82px}.accent-sage{--accent: var(--sage);--accent-deep: var(--sage-deep);--accent-soft: var(--sage-soft);--tone: var(--sage);--tone-deep: var(--sage-deep);--tone-soft: var(--sage-soft)}.accent-clay{--accent: var(--clay);--accent-deep: var(--clay-deep);--accent-soft: var(--clay-soft);--tone: var(--clay);--tone-deep: var(--clay-deep);--tone-soft: var(--clay-soft)}.accent-gold{--accent: var(--gold);--accent-deep: var(--gold-deep);--accent-soft: var(--gold-soft);--tone: var(--gold);--tone-deep: var(--gold-deep);--tone-soft: var(--gold-soft)}.accent-blue{--accent: var(--blue);--accent-deep: var(--blue-deep);--accent-soft: var(--blue-soft);--tone: var(--blue);--tone-deep: var(--blue-deep);--tone-soft: var(--blue-soft)}.accent-berry{--accent: var(--berry);--accent-deep: var(--berry-deep);--accent-soft: var(--berry-soft);--tone: var(--berry);--tone-deep: var(--berry-deep);--tone-soft: var(--berry-soft)}.accent-lilac{--accent: var(--lilac);--accent-deep: var(--lilac-deep);--accent-soft: var(--lilac-soft);--tone: var(--lilac);--tone-deep: var(--lilac-deep);--tone-soft: var(--lilac-soft)}::selection{background:#ffd9c7;color:var(--ink)}:focus-visible{outline:3px solid rgba(63,191,162,.5);outline-offset:3px;border-radius:8px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100dvh;color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.7;background:radial-gradient(900px 620px at 12% -8%,rgba(220,230,211,.85),transparent 60%),radial-gradient(760px 540px at 96% 2%,rgba(240,220,187,.7),transparent 58%),radial-gradient(900px 700px at 50% 110%,rgba(229,219,199,.55),transparent 60%),var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(90,76,52,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(90,76,52,.045) 1px,transparent 1px);background-size:38px 38px,38px 38px;-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.7),transparent 78%);mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.7),transparent 78%)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit}img,svg{display:block;max-width:100%}p,h1,h2,h3,h4{margin:0}ul{margin:0;padding:0;list-style:none}small{font-size:12px}b,strong{font-weight:700}.app-shell{position:relative;z-index:1;min-height:100dvh;padding-bottom:6px}.app-shell.is-playing{background:linear-gradient(180deg,#f6f2e8db,#f0ebdef2)}.page-stage{animation:page-in .46s var(--ease-out)}@keyframes page-in{0%{opacity:0;transform:translate3d(0,16px,0) scale(.996)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.page-stage{animation:none}}.topbar{position:sticky;top:0;z-index:40;height:var(--topbar-h);border-bottom:1px solid rgba(200,190,170,.52);background:#f8f4ebd1;-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}.topbar-inner{width:min(var(--max),calc(100% - var(--gutter) * 2));height:100%;margin:0 auto;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;padding:4px;border-radius:14px;text-align:left;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:var(--sage-deep);background:linear-gradient(145deg,#e6eee1,#cddcc9);border:1px solid #b9cbb4;box-shadow:inset 0 1px #ffffffe6,0 8px 18px -14px #324835b3}.brand-mark svg{width:26px;height:26px}.brand-mark-small{width:36px;height:36px;border-radius:11px}.brand-mark-small svg{width:22px;height:22px}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy b{font-family:var(--font-serif);font-size:20px;letter-spacing:.04em}.topnav{display:flex;align-items:center;gap:4px;margin-left:12px}.topnav-item{position:relative;padding:8px 15px;border-radius:var(--radius-pill);color:var(--ink-2);font-size:13.5px;white-space:nowrap;transition:background .25s var(--ease-soft),color .25s var(--ease-soft)}.topnav-item:hover{background:#fffdf7b3;color:var(--ink)}.topnav-item.is-active{color:var(--sage-deep);background:#e2ebdee6;font-weight:700}.topnav-item.is-active:after{content:"";position:absolute;left:50%;bottom:2px;width:4px;height:4px;border-radius:50%;background:var(--sage);transform:translate(-50%)}.player-chip{margin-left:auto;display:flex;align-items:center;gap:10px;padding:6px 11px 6px 6px;border:1px solid rgba(195,185,165,.72);border-radius:var(--radius-pill);background:#fffdf7c2;box-shadow:var(--shadow-inset);transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}.player-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.player-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#f8f5eb;background:linear-gradient(145deg,var(--clay),#9b5e45);font-family:var(--font-serif);font-size:15px;font-weight:700}.player-info{display:flex;flex-direction:column;line-height:1.2;text-align:left}.player-info b{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.player-info small{color:var(--muted);font-size:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 22px;border-radius:var(--radius-pill);border:1px solid transparent;font-size:14px;font-weight:700;letter-spacing:.01em;transition:transform .28s var(--ease-out),box-shadow .28s var(--ease-out),background .28s var(--ease-soft)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.985)}.btn-primary{color:#fbf8ee;background:linear-gradient(135deg,#55745d,#3b5745);box-shadow:0 16px 30px -20px #2d4735f2,inset 0 1px #ffffff2e}.btn-primary:hover{background:linear-gradient(135deg,#63856c,#43624d);box-shadow:0 20px 38px -20px #2d4735e6}.btn-ghost{color:var(--ink);background:#fffdf7b3;border-color:var(--line)}.btn-ghost:hover{background:var(--surface);box-shadow:var(--shadow-soft)}.btn-small{min-height:38px;padding:0 16px;font-size:12.5px;background:var(--surface);border-color:var(--line)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.text-link,.quiet-link,.text-back{display:inline-flex;align-items:center;gap:6px;color:var(--sage-deep);font-size:13px;font-weight:600;padding:4px 0;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}.text-link:hover,.quiet-link:hover,.text-back:hover{border-color:currentColor}.text-link.tiny{font-size:11.5px}.quiet-link{color:var(--ink-2);font-weight:500}.section-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--clay-deep);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.section-kicker:before{content:"";width:18px;height:1px;background:currentColor;opacity:.6}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-heading h2{margin-top:8px;font-family:var(--font-serif);font-size:clamp(24px,3.1vw,36px);font-weight:700;letter-spacing:-.02em;line-height:1.25}.section-heading p{margin-top:9px;max-width:620px;color:var(--muted);font-size:13.5px}.section-heading.compact{align-items:flex-start;margin-bottom:18px}.section-heading.compact h2{font-size:clamp(22px,2.4vw,30px)}.stars{display:inline-flex;align-items:center;gap:2px}.star-on{color:var(--gold)}.star-off{color:#cec5b3}.hearts{display:inline-flex;align-items:center;gap:3px}.heart-on{color:var(--berry)}.heart-off{color:#d5c8bd}.page-topline{width:min(var(--max),calc(100% - var(--gutter) * 2));margin:26px auto 0;display:flex;justify-content:space-between;align-items:center}.text-back{font-size:12.5px;color:var(--ink-2)}.toast{position:fixed;left:50%;bottom:28px;z-index:90;transform:translate(-50%);display:flex;align-items:center;gap:14px;max-width:min(520px,calc(100vw - 32px));padding:12px 14px 12px 18px;border-radius:var(--radius-pill);color:#f9f6ec;background:#2d3930f0;box-shadow:0 18px 44px -18px #1e2821b3;font-size:13px;animation:toastIn .35s var(--ease-out)}.toast-error{background:#783830f5}.toast button{display:grid;place-items:center;color:inherit;opacity:.7;padding:2px}.toast button:hover{opacity:1}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px;background:#252c266b;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fadeIn .2s ease}.name-dialog{width:min(420px,100%);padding:28px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:0 40px 90px -34px #232a22a6;animation:dialogIn .36s var(--ease-out)}.dialog-kicker{color:var(--clay-deep);font-size:11px;font-weight:700;letter-spacing:.16em}.name-dialog h2{margin-top:6px;font-family:var(--font-serif);font-size:27px}.name-dialog p{margin-top:6px;color:var(--muted);font-size:13px}.name-dialog label{display:flex;flex-direction:column;gap:8px;margin-top:20px;font-size:12px;color:var(--ink-2)}.name-dialog input{width:100%;height:46px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--paper-2);font-size:15px}.name-dialog input:focus{outline:2px solid rgba(97,125,104,.35);border-color:var(--sage)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@keyframes fadeIn{0%{opacity:0}}@keyframes dialogIn{0%{opacity:0;transform:translateY(14px) scale(.98)}}.state-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px;text-align:center}.state-screen p{max-width:460px;color:var(--muted);font-size:13px}.state-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:var(--clay-deep);background:var(--clay-soft)}.loader{display:block;width:30px;height:30px;border-radius:50%;border:2px solid rgba(97,125,104,.22);border-top-color:var(--sage-deep);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.starting-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f6f2e9b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:13px;color:var(--ink-2)}.empty-panel{max-width:460px;margin:72px auto;text-align:center;display:grid;gap:16px;place-items:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media(max-width:760px){:root{--topbar-h: 66px}.topbar-inner,.brand{gap:8px}.brand-copy b{font-size:17px}.brand-mark{width:34px;height:34px}.brand-mark svg{width:22px;height:22px}.topnav{margin-left:auto;gap:0}.topnav-item{padding:6px 5px;font-size:10.5px}.player-chip{margin-left:0;padding:3px}.player-info,.player-chip>svg{display:none}.player-avatar{width:32px;height:32px}.section-heading{flex-direction:column;align-items:flex-start;gap:12px}.section-heading .quiet-link{align-self:flex-start}.page-topline{flex-wrap:wrap;gap:10px}}@media(max-width:380px){.brand-copy{display:none}.topnav-item{padding:6px 7px;font-size:11px}}.home-page,.knowledge-page,.records-page{width:min(var(--max),calc(100% - var(--gutter) * 2));margin:0 auto;padding-bottom:10px;animation:pageReveal .5s var(--ease-out)}@keyframes pageReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(26px,4vw,56px);align-items:center;padding:clamp(26px,3.6vw,48px) 0 24px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border-radius:var(--radius-pill);border:1px solid rgba(151,164,144,.5);background:#f8f6edc2;color:var(--sage-deep);font-size:11.5px;font-weight:600;letter-spacing:.08em}.hero h1{margin-top:24px;font-family:var(--font-serif);font-size:clamp(36px,5vw,62px);font-weight:700;line-height:1.16;letter-spacing:-.035em}.hero h1 em{color:var(--sage-deep);font-style:normal;position:relative;white-space:nowrap}.hero h1 em:after{content:"";position:absolute;left:0;right:2px;bottom:.04em;height:.28em;background:linear-gradient(90deg,#bf944747,#b9765814);z-index:-1;border-radius:3px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-visual{position:relative;padding:18px 12px 30px 0}.hero-art-frame{position:relative;border-radius:32px 32px 80px;overflow:hidden;border:1px solid rgba(196,184,160,.7);background:#f3eadb;box-shadow:0 36px 80px -42px #453e2d99,inset 0 1px #ffffffb3;transform:rotate(-1.1deg)}.hero-art-frame .scene-svg{width:100%;height:auto}.hero-art-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(68,55,37,.22))}.hero-art-label{position:absolute;left:22px;bottom:20px;z-index:2;display:flex;flex-direction:column;color:#fdfaf1;text-shadow:0 2px 10px rgba(45,38,25,.35)}.hero-art-label span{font-size:10px;letter-spacing:.2em;opacity:.85}.hero-art-label b{font-family:var(--font-serif);font-size:21px}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;border:1px solid rgba(205,194,174,.8);background:#fffcf5eb;box-shadow:0 18px 40px -24px #3c3627a6;animation:floatSoft 7s ease-in-out infinite}.float-card-one{left:-26px;top:52px}.float-card-two{right:-4px;bottom:72px;animation-delay:-3.2s}.float-card span:last-child{display:flex;flex-direction:column;line-height:1.3}.float-card b{font-size:12px}.float-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:var(--sage-deep);background:var(--sage-soft)}.float-card-two .float-icon{color:var(--clay-deep);background:var(--clay-soft)}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.hero-stamp{position:absolute;right:26px;bottom:0;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:var(--radius-pill);color:var(--gold-deep);background:#faf4e5f5;border:1px solid rgba(191,148,71,.35);font-size:10.5px;letter-spacing:.04em;transform:rotate(1.8deg)}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fffcf5ad;box-shadow:var(--shadow-soft);overflow:hidden}.stat{display:flex;align-items:center;gap:13px;padding:18px 22px;border-right:1px solid var(--line-soft)}.stat:last-child{border-right:0}.stat-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--sage-deep);background:var(--sage-soft)}.stat:nth-child(2) .stat-icon{color:var(--gold-deep);background:var(--gold-soft)}.stat:nth-child(3) .stat-icon{color:var(--clay-deep);background:var(--clay-soft)}.stat:nth-child(4) .stat-icon{color:var(--blue-deep);background:var(--blue-soft)}.stat div{display:flex;flex-direction:column;line-height:1.2}.stat b{font-family:var(--font-serif);font-size:24px}.stat b small{margin-left:2px;color:var(--muted);font-family:var(--font-sans);font-size:12px;font-weight:500}.stat span{color:var(--muted);font-size:11px}.resume-banner{display:flex;align-items:center;gap:14px;margin-top:20px;padding:14px 18px;border-radius:var(--radius-md);border:1px dashed rgba(185,118,88,.45);background:linear-gradient(90deg,#faf2e6e6,#faf6edb3)}.resume-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--clay-deep);background:var(--clay-soft);flex-shrink:0}.resume-banner div{flex:1}.resume-banner b{font-size:13px}.resume-banner p{margin-top:2px;color:var(--muted);font-size:11.5px}.chapter-list{display:flex;flex-direction:column;gap:34px}.chapter-block{display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px}.chapter-rail{display:flex;flex-direction:column;align-items:center;padding-top:4px}.chapter-number{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:var(--accent-deep);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);font-family:var(--font-serif);font-size:18px;font-weight:700}.chapter-line{width:1px;flex:1;margin:8px 0;background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--accent) 35%,transparent) 0 5px,transparent 5px 11px)}.chapter-progress{color:var(--muted);font-size:10px;letter-spacing:.08em}.chapter-main{min-width:0}.chapter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.chapter-head h3{font-family:var(--font-serif);font-size:22px;letter-spacing:-.01em}.chapter-head p{margin-top:4px;color:var(--muted);font-size:12px}.chapter-stars{padding:5px 10px;border-radius:var(--radius-pill);background:#fffcf5b3;border:1px solid var(--line-soft)}.level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.level-card{position:relative;display:flex;flex-direction:column;gap:14px;min-height:198px;padding:20px 22px 18px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));background:radial-gradient(340px 150px at 100% 0%,color-mix(in srgb,var(--accent-soft) 75%,transparent),transparent 70%),#fffcf5d1;box-shadow:var(--shadow-soft);text-align:left;overflow:hidden;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .35s}.level-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--accent);opacity:.65}.level-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:color-mix(in srgb,var(--accent) 48%,var(--line))}.level-card.is-locked{opacity:.72;filter:grayscale(.22);cursor:not-allowed}.level-card.is-locked:hover{transform:none;box-shadow:var(--shadow-soft)}.level-card.is-next{border-color:color-mix(in srgb,var(--accent) 62%,var(--line));box-shadow:0 24px 52px -32px color-mix(in srgb,var(--accent) 55%,transparent);background:radial-gradient(380px 180px at 100% 0%,color-mix(in srgb,var(--accent-soft) 95%,transparent),transparent 72%),#fffcf5f0}.level-card.is-next .level-go{color:#fff;background:var(--accent);box-shadow:0 8px 16px -10px color-mix(in srgb,var(--accent) 80%,transparent)}.level-card.is-next .level-number{color:var(--accent-deep)}.level-card.is-cleared{background:radial-gradient(380px 170px at 100% 0%,color-mix(in srgb,var(--accent-soft) 88%,transparent),transparent 72%),#fffcf5eb}.level-card.is-active-run{border-style:dashed;border-color:color-mix(in srgb,var(--accent) 62%,var(--line))}.level-card-top{display:flex;justify-content:space-between;align-items:center}.level-number{color:var(--accent-deep);font-size:10.5px;font-weight:700;letter-spacing:.14em}.level-card-body h3{font-family:var(--font-serif);font-size:24px;line-height:1.25}.level-card-body p{margin-top:3px;color:var(--ink-2);font-size:12px}.level-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.level-tags span{padding:3px 8px;border-radius:var(--radius-pill);background:#f4eee2d9;border:1px solid var(--line-soft);color:var(--muted);font-size:10px}.level-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid var(--line-soft)}.level-state{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10.5px}.level-go{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--accent-deep);background:var(--accent-soft)}.rules-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;margin-top:clamp(40px,5vw,64px);padding:clamp(22px,3.2vw,38px);border-radius:var(--radius-xl);background:radial-gradient(560px 340px at 100% 0%,rgba(233,223,201,.9),transparent 62%),#faf7efb8;border:1px solid var(--line)}.rules-copy h2{margin-top:8px;font-family:var(--font-serif);font-size:clamp(24px,3vw,36px);line-height:1.3}.rules-copy p{margin-top:12px;color:var(--ink-2);font-size:13.5px;line-height:1.85}.rules-copy .text-link{margin-top:16px}.rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rule-card{padding:18px 18px 16px;border-radius:var(--radius-md);background:#fffcf5d1;border:1px solid var(--line-soft)}.rule-number{display:block;font-family:var(--font-serif);font-size:28px;color:var(--clay-deep);line-height:1}.rule-card b{display:block;margin-top:4px;font-size:13px}.rule-card p{margin-top:5px;color:var(--muted);font-size:11.5px;line-height:1.65}.knowledge-hero{display:grid;grid-template-columns:292px minmax(0,1fr);gap:clamp(28px,4vw,52px);align-items:center;padding:clamp(26px,3.6vw,48px) 0 24px}.book-cover{position:relative;display:flex;flex-direction:column;min-height:402px;padding:28px 26px;border-radius:8px 22px 22px 8px;color:#f7f2e5;background:radial-gradient(300px 260px at 80% 6%,rgba(220,201,163,.24),transparent 60%),linear-gradient(150deg,#3d5947,#2e4639 55%,#263d32);box-shadow:0 34px 60px -32px #26362ba8,inset 8px 0 #ffffff0d;overflow:hidden}.book-cover:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid rgba(238,229,207,.22);border-radius:4px 16px 16px 4px;pointer-events:none}.book-cover:after{content:"";position:absolute;right:-40px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(220,201,163,.26);box-shadow:0 0 0 30px #dcc9a30d,0 0 0 60px #dcc9a309}.book-publisher{font-size:10px;letter-spacing:.16em;opacity:.75}.book-year{position:absolute;top:26px;right:26px;font-family:var(--font-serif);font-size:14px;color:#d9c59e}.book-cover h2{margin-top:38px;font-family:var(--font-serif);font-size:40px;font-weight:700;line-height:1.24;letter-spacing:.02em}.book-cover p{margin-top:16px;font-size:12px;color:#d9d2bf}.book-line{display:block;width:42px;height:2px;margin-top:26px;background:#d9c59e;opacity:.7}.book-cover small{margin-top:10px;color:#cfc8b5;font-size:10.5px;line-height:1.7}.book-isbn{margin-top:auto;padding-top:30px;color:#b9b39f;font-size:9.5px;letter-spacing:.04em}.knowledge-hero-copy h1{margin-top:12px;font-family:var(--font-serif);font-size:clamp(34px,4.6vw,58px);line-height:1.18;letter-spacing:-.03em}.knowledge-hero-copy h1 em{color:var(--sage-deep);font-style:normal}.knowledge-hero-copy>p{max-width:650px;margin-top:18px;color:var(--ink-2);font-size:14px;line-height:1.9}.knowledge-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:26px;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:var(--line-soft)}.knowledge-stats div{display:flex;flex-direction:column;padding:13px 16px;background:#fffcf5d6}.knowledge-stats b{font-family:var(--font-serif);font-size:25px;color:var(--sage-deep);line-height:1.1}.knowledge-stats span{margin-top:2px;color:var(--muted);font-size:10.5px}.knowledge-hero-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:18px;color:var(--muted);font-size:11px}.knowledge-hero-meta span,.knowledge-hero-meta a{display:inline-flex;align-items:center;gap:5px}.knowledge-hero-meta a{color:var(--blue-deep);border-bottom:1px solid rgba(63,89,99,.25)}.scope-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:var(--radius-md);border:1px solid rgba(191,148,71,.38);background:#f9f2e0ad}.scope-banner-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--gold-deep);background:var(--gold-soft);flex-shrink:0}.scope-banner b{font-size:12.5px}.scope-banner p{margin-top:2px;color:var(--ink-2);font-size:11.5px}.scope-chip{margin-left:auto;padding:4px 10px;border-radius:var(--radius-pill);background:var(--gold-soft);color:var(--gold-deep);font-size:10px;white-space:nowrap}.knowledge-explorer{margin-top:clamp(30px,4vw,52px)}.knowledge-toolbar{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.search-box{display:flex;align-items:center;gap:10px;width:min(680px,100%);height:50px;padding:0 16px;border-radius:var(--radius-pill);border:1px solid var(--line);background:#fffcf5db;box-shadow:var(--shadow-soft);color:var(--muted)}.search-box:focus-within{border-color:var(--sage);box-shadow:0 0 0 4px #617d681f}.search-box input{flex:1;border:0;outline:0;background:transparent;font-size:14px;color:var(--ink)}.search-box input::placeholder{color:#a6a294}.search-box button{color:var(--clay-deep);font-size:11px;white-space:nowrap}.task-chips{display:flex;flex-wrap:wrap;gap:7px}.task-chips button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-pill);border:1px solid var(--line);background:#fffcf59e;color:var(--ink-2);font-size:11.5px;transition:background .2s,color .2s,border-color .2s}.task-chips button span{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:var(--radius-pill);background:var(--paper-3);color:var(--muted);font-size:9.5px}.task-chips button:hover{border-color:var(--sage)}.task-chips button.is-active{color:#f8f4e9;background:var(--sage-deep);border-color:var(--sage-deep)}.task-chips button.is-active span{background:#ffffff2e;color:#f8f4e9}.result-count{color:var(--muted);font-size:11.5px}.knowledge-groups{display:flex;flex-direction:column;gap:38px}.knowledge-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.group-project{color:var(--clay-deep);font-size:10px;font-weight:700;letter-spacing:.14em}.knowledge-group-head h3{font-family:var(--font-serif);font-size:20px}.group-count{color:var(--muted);font-size:10.5px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.knowledge-card{position:relative;display:flex;flex-direction:column;gap:9px;padding:18px 18px 16px;border-radius:var(--radius-md);border:1px solid var(--line-soft);background:#fffcf5d1;box-shadow:0 18px 44px -38px #32342699;overflow:hidden}.knowledge-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kp-accent, var(--sage));opacity:.65}.knowledge-card header{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.page-badge{padding:2px 7px;border-radius:5px;background:var(--paper-3);color:var(--ink-2);font-size:9.5px;font-weight:600;letter-spacing:.02em}.kp-project{color:var(--muted);font-size:9.5px}.kp-source{margin-left:auto;color:var(--sage-deep);font-size:9px}.knowledge-card h3{font-family:var(--font-serif);font-size:18px;line-height:1.35}.knowledge-card>p{color:var(--ink-2);font-size:11.5px;line-height:1.75}.knowledge-card blockquote{margin:0;padding:8px 10px;border-left:2px solid var(--kp-accent, var(--sage));background:#f4efe3b3;color:var(--muted);font-family:var(--font-serif);font-size:11px;line-height:1.65}.kp-tags{display:flex;flex-wrap:wrap;gap:4px}.kp-tags span{padding:2px 7px;border-radius:var(--radius-pill);border:1px solid var(--line-soft);color:var(--muted);font-size:9px}.kp-levels{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:8px;border-top:1px dashed var(--line-soft)}.kp-levels>span{color:var(--muted);font-size:9px}.kp-levels button{padding:2px 7px;border-radius:var(--radius-pill);background:var(--sage-soft);color:var(--sage-deep);font-size:9px}.kp-levels button:hover{background:var(--sage);color:#fff}.knowledge-loading,.knowledge-error,.knowledge-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;border:1px dashed var(--line);border-radius:var(--radius-lg);color:var(--muted);text-align:center;font-size:12.5px}.knowledge-loading .loader{width:24px;height:24px}.knowledge-empty b{color:var(--ink);font-family:var(--font-serif);font-size:19px}.knowledge-empty p{font-size:12px}.method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.method-grid article{padding:20px 18px;border-radius:var(--radius-md);border:1px solid var(--line);background:#fffcf5b8}.method-step{display:block;font-family:var(--font-serif);font-size:12px;color:var(--clay-deep);letter-spacing:.1em}.method-grid h3{margin-top:9px;font-family:var(--font-serif);font-size:18px}.method-grid p{margin-top:7px;color:var(--muted);font-size:11.5px;line-height:1.75}.boundary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.boundary-card{padding:20px;border-radius:var(--radius-md);border:1px solid var(--line);background:#fffcf5b3}.boundary-card>span{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.08em}.boundary-card h3{margin-top:8px;font-family:var(--font-serif);font-size:18px}.boundary-card ul{display:flex;flex-direction:column;gap:5px;margin-top:9px}.boundary-card li{position:relative;padding-left:12px;color:var(--muted);font-size:11.5px;line-height:1.65}.boundary-card li:before{content:"";position:absolute;left:0;top:.65em;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.55}.boundary-card p{margin-top:9px;color:var(--muted);font-size:11.5px;line-height:1.75}.boundary-card .text-link{margin-top:12px}.boundary-card.is-used{border-color:#617d6859;background:#e9f0e78c}.boundary-card.is-used>span{color:var(--sage-deep)}.boundary-card.is-not-used{border-color:#b976584d;background:#f8ece580}.boundary-card.is-not-used>span{color:var(--clay-deep)}.boundary-card.is-next>span{color:var(--blue-deep)}.directory-section{margin-top:24px}.directory-section details{border-radius:var(--radius-md);border:1px solid var(--line);background:#fffcf599;overflow:hidden}.directory-section summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;list-style:none;font-size:12.5px;font-weight:600}.directory-section summary::-webkit-details-marker{display:none}.directory-section summary>span{display:inline-flex;align-items:center;gap:8px}.directory-section details[open] summary>svg{transform:rotate(180deg)}.directory-hint{color:var(--muted);font-size:10px;font-weight:400}.directory-list{padding:0 18px 18px;display:grid;gap:12px}.directory-project{padding-top:12px;border-top:1px solid var(--line-soft)}.directory-project-head{display:flex;justify-content:space-between;gap:10px;font-size:12px}.directory-project-head span{color:var(--muted);font-size:10px}.directory-tasks{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:7px}.directory-tasks span{color:var(--ink-2);font-size:11px}.directory-tasks small{margin-left:5px;color:var(--muted);font-size:9.5px}.records-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:40px;align-items:center;padding:clamp(26px,3.6vw,48px) 0 20px}.records-hero h1{margin-top:10px;font-family:var(--font-serif);font-size:clamp(34px,4.6vw,56px);line-height:1.2;letter-spacing:-.03em}.records-hero h1 em{color:var(--clay-deep);font-style:normal}.records-hero p{max-width:580px;margin-top:16px;color:var(--ink-2);font-size:13.5px;line-height:1.85}.records-actions{margin-top:18px}.records-actions .quiet-link{display:inline-flex;align-items:center;gap:6px;color:var(--clay-deep)}.records-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.records-summary>div{display:flex;flex-direction:column;padding:16px 18px;border-radius:var(--radius-md);border:1px solid var(--line);background:#fffcf5c7}.summary-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--sage-deep);background:var(--sage-soft)}.records-summary b{margin-top:8px;font-family:var(--font-serif);font-size:28px;line-height:1}.records-summary b i{color:var(--muted);font-family:var(--font-sans);font-size:12px;font-style:normal}.records-summary small{margin-top:3px;color:var(--muted);font-size:10px}.best-levels{margin-top:24px}.best-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.best-card{display:flex;flex-direction:column;gap:4px;padding:14px 15px;border-radius:var(--radius-md);border:1px solid var(--line-soft);background:#fffcf5b8;text-align:left;transition:transform .25s var(--ease-out),box-shadow .25s}.best-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}.best-card.is-cleared{border-color:#617d684d;background:#ecf3e999}.best-card.has-active{border-style:dashed;border-color:#b9765873}.best-no{color:var(--muted);font-size:9px;letter-spacing:.08em}.best-card>b{font-family:var(--font-serif);font-size:17px}.best-card-foot{display:flex;justify-content:space-between;gap:8px;margin-top:9px;padding-top:8px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:9px}.run-list{display:flex;flex-direction:column;gap:8px}.run-row{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:var(--radius-md);border:1px solid var(--line-soft);background:#fffcf5c2}.run-row.is-passed{border-left:3px solid var(--sage)}.run-row.is-failed{border-left:3px solid var(--clay)}.run-status{padding:3px 8px;border-radius:var(--radius-pill);font-size:9.5px;white-space:nowrap}.run-status.passed{color:var(--sage-deep);background:var(--sage-soft)}.run-status.failed{color:var(--clay-deep);background:var(--clay-soft)}.run-main{flex:1;min-width:0}.run-title{display:flex;justify-content:space-between;gap:12px}.run-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.run-title span{color:var(--muted);font-size:10px;white-space:nowrap}.run-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;color:var(--muted);font-size:10px}.run-meta span{display:inline-flex;align-items:center;gap:3px}.run-side{display:flex;align-items:center;gap:10px}.run-review{display:inline-flex;align-items:center;gap:2px;padding:5px 9px;border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--ink-2);font-size:10px;white-space:nowrap}.run-review:hover{background:var(--surface)}.records-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;border:1px dashed var(--line);border-radius:var(--radius-lg);text-align:center}.records-empty-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--sage-deep);background:var(--sage-soft)}.records-empty h3{font-family:var(--font-serif);font-size:21px}.records-empty p{max-width:430px;color:var(--muted);font-size:12px}.records-note{display:flex;align-items:flex-start;gap:10px;margin-top:22px;padding:14px 16px;border-radius:var(--radius-sm);background:#f1ece0b3;color:var(--muted);font-size:11px}.records-note svg{flex-shrink:0;color:var(--sage);margin-top:2px}@media(max-width:1080px){.hero{grid-template-columns:1fr;gap:26px}.hero-visual{max-width:660px;width:100%;margin:0 auto}.float-card-one{left:6px}.float-card-two{right:6px}.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-hero{grid-template-columns:250px minmax(0,1fr);gap:34px}.book-cover{min-height:360px;padding:24px 22px}.book-cover h2{font-size:34px}.best-grid,.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.boundary-grid,.records-hero{grid-template-columns:1fr}}@media(max-width:860px){.stats-bar{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--line-soft)}.rules-section{grid-template-columns:1fr;gap:24px}.level-grid{grid-template-columns:1fr}.chapter-block{grid-template-columns:50px minmax(0,1fr);gap:14px}.chapter-number{width:40px;height:40px;font-size:15px}.knowledge-hero{grid-template-columns:1fr}.book-cover{max-width:300px;min-height:390px}.knowledge-stats{grid-template-columns:repeat(2,1fr)}.knowledge-hero-copy h1{font-size:38px}.knowledge-grid{grid-template-columns:1fr}.scope-banner{align-items:flex-start;flex-wrap:wrap}.scope-chip{margin-left:50px}.run-row{flex-wrap:wrap}.run-side{width:100%;justify-content:space-between;padding-left:0}}@media(max-width:600px){.hero h1{font-size:37px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.float-card{display:none}.hero-stamp{right:10px;font-size:9px}.stats-bar{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line-soft)}.stat:last-child{border-bottom:0}.resume-banner{align-items:flex-start;flex-wrap:wrap}.resume-banner .text-link{margin-left:48px}.chapter-head{flex-direction:column;gap:8px}.level-card{min-height:184px;padding:18px}.level-card-body h3{font-size:22px}.rule-grid{grid-template-columns:1fr 1fr}.book-cover{min-height:370px}.knowledge-hero-copy h1{font-size:33px}.knowledge-stats{grid-template-columns:1fr 1fr}.knowledge-group-head{flex-direction:column;align-items:flex-start;gap:4px}.method-grid{grid-template-columns:1fr}.records-summary,.best-grid{grid-template-columns:1fr 1fr}.run-title{flex-direction:column;gap:2px}.run-status{align-self:flex-start}}.result-gap{margin:8px 0 0;padding:7px 10px;border-radius:var(--radius-xs);font-size:12px;line-height:1.55;text-align:left}.result-gap.is-warn{background:var(--gold-soft);color:var(--gold-deep)}.result-gap.is-fail{background:var(--clay-soft);color:var(--clay-deep)}.result-tone-summary{font-size:12.5px;color:var(--ink-2)}.result-tone-summary span{color:var(--muted)}.shift-invite{display:flex;align-items:center;gap:22px;justify-content:space-between;padding:20px 24px;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--paper-3) 70%,var(--paper-2))}.shift-invite-copy h2{display:inline-flex;align-items:center;gap:8px;margin:6px 0 0;font-size:18px;color:var(--ink)}.shift-invite-copy p{margin:8px 0 0;max-width:560px;font-size:13px;line-height:1.7;color:var(--ink-2)}.shift-invite .btn{flex:0 0 auto}@media(max-width:900px){.shift-invite{flex-direction:column;align-items:flex-start;gap:14px}}.game-page{width:min(1320px,calc(100% - var(--gutter) * 2));margin:0 auto;padding-bottom:60px;animation:pageReveal .45s var(--ease-out)}.game-topbar{position:sticky;top:0;z-index:35;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:66px;padding:10px 4px;background:linear-gradient(180deg,#f5f0e4f5 70%,#f5f0e4bd);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(214,204,185,.55)}.game-back{display:inline-flex;align-items:center;gap:6px;justify-self:start;color:var(--ink-2);font-size:12px}.game-back:hover{color:var(--sage-deep)}.game-topbar-left{display:flex;align-items:center;gap:16px;justify-self:start}.game-restart-scene{color:var(--clay-deep)}.game-restart-scene:hover{color:var(--clay)}.game-level-label{display:flex;flex-direction:column;align-items:center;line-height:1.2;text-align:center}.game-level-label span{color:var(--clay-deep);font-size:9px;font-weight:700;letter-spacing:.18em}.game-level-label b{margin-top:2px;font-family:var(--font-serif);font-size:18px}.game-level-label small{color:var(--muted);font-size:9.5px}.game-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:24px;align-items:start;margin-top:22px}.case-column{min-width:0;display:flex;flex-direction:column;gap:16px}.case-art{position:relative;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:var(--paper-3);box-shadow:var(--shadow-soft)}.case-art .scene-svg{width:100%;height:auto}.case-art img.scene-photo,.hero-art-frame img.scene-photo{width:100%;aspect-ratio:720 / 420;height:auto;object-fit:cover;object-position:center 40%;display:block}.case-art .scene-photo.scene-dusk{filter:sepia(.34) saturate(1.16) brightness(.97)}.case-art .scene-photo.scene-repeat{filter:saturate(1.06) brightness(1.02)}.case-art .scene-photo.scene-hoard{filter:saturate(1.04)}.case-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 52%,rgba(45,39,26,.38))}.case-art-tag{position:absolute;top:16px;left:16px;z-index:2;padding:6px 11px;border-radius:var(--radius-pill);background:#fffcf4e0;color:var(--ink-2);font-size:9.5px;letter-spacing:.06em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.case-art-caption{position:absolute;left:20px;right:20px;bottom:16px;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;color:#fbf7ec;text-shadow:0 2px 10px rgba(40,32,20,.35)}.case-art-caption span{font-size:10px;letter-spacing:.1em;opacity:.8}.case-art-caption b{font-family:var(--font-serif);font-size:19px;font-weight:600}.case-summary{padding:4px 4px 0}.case-summary-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.case-time{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:10px}.case-summary h1{margin-top:8px;font-family:var(--font-serif);font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-.03em}.case-summary h1 em{margin:0 7px;color:var(--clay);font-style:normal}.case-summary>p{margin-top:8px;color:var(--ink-2);font-size:12.5px;line-height:1.8}.case-record{border-radius:var(--radius-md);border:1px solid var(--line);background:#fffcf5c2;padding:16px 18px}.record-heading{display:flex;align-items:center;gap:6px;color:var(--sage-deep);font-size:10px;font-weight:700;letter-spacing:.08em}.record-person{display:flex;align-items:center;gap:10px;margin-top:12px;padding-bottom:11px;border-bottom:1px dashed var(--line-soft)}.record-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--clay-soft);color:var(--clay-deep);font-family:var(--font-serif);font-size:17px}.record-person>div{display:flex;flex-direction:column;line-height:1.3}.record-person b{font-family:var(--font-serif);font-size:17px}.record-person span{color:var(--muted);font-size:10.5px}.record-mmse{margin-left:auto;padding:3px 8px;border-radius:var(--radius-pill);background:var(--gold-soft);color:var(--gold-deep);font-size:9.5px;white-space:nowrap}.record-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:11px}.record-grid>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;align-items:baseline}.record-grid span{color:var(--muted);font-size:10px}.record-grid b{font-size:11.5px;font-weight:500;color:var(--ink-2)}.record-note-inline{line-height:1.65}.record-note{margin-top:10px;color:var(--muted);font-size:10.5px;line-height:1.7}.case-tip{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border-radius:var(--radius-sm);background:#e9f1ecb3;color:var(--ink-2);font-size:10.5px;line-height:1.7}.case-tip svg{flex-shrink:0;color:var(--gold-deep);margin-top:2px}.question-column{position:sticky;top:84px;min-width:0}.question-card{padding:22px;border-radius:26px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);scroll-margin-top:86px}.feedback-panel{scroll-margin-top:90px}.question-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.question-meta>span{padding:3px 8px;border-radius:var(--radius-pill);font-size:9.5px}.question-count{color:var(--sage-deep);background:var(--sage-soft);font-weight:700}.question-kind{color:var(--muted);background:var(--paper-3)}.question-scene{margin-top:14px;padding:10px 12px;border-left:2px solid var(--clay);background:#f7efe49e;color:var(--ink-2);font-size:11.5px;line-height:1.75;border-radius:0 8px 8px 0}.question-card h2{margin-top:13px;font-family:var(--font-serif);font-size:clamp(19px,1.75vw,24px);line-height:1.45;letter-spacing:-.01em}.option-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.option{display:flex;align-items:flex-start;gap:10px;width:100%;padding:11px 12px;border-radius:13px;border:1px solid var(--line);background:#faf7ee99;text-align:left;font-size:12.5px;line-height:1.6;transition:border-color .2s,background .2s,transform .2s,opacity .2s}.option:hover:not(:disabled){border-color:var(--sage);background:#eff4eccc;transform:translate(2px)}.option-letter{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:8px;background:var(--paper-3);color:var(--ink-2);font-family:var(--font-serif);font-size:12px;font-weight:700}.option-text{flex:1}.option-mark{flex-shrink:0;margin-top:3px}.option.is-correct{border-color:#617d68a6;background:#e6f0e4d9}.option.is-wrong{border-color:#b97658a6;background:#f9eae2d9}.option.is-dim{opacity:.48}.option:disabled{cursor:default}.option-list.is-submitting{opacity:.6;pointer-events:none}.answer-hint{display:flex;justify-content:space-between;gap:10px;margin-top:12px;color:var(--muted);font-size:9.5px}.inline-loading{display:inline-flex;align-items:center;gap:5px;color:var(--sage-deep)}.dot-loader{width:7px;height:7px;border-radius:50%;background:var(--sage);animation:dotPulse .8s ease-in-out infinite alternate}@keyframes dotPulse{to{opacity:.3;transform:scale(.75)}}.feedback-panel{margin-top:16px;padding-top:15px;border-top:1px solid var(--line-soft);animation:feedbackIn .35s var(--ease-out)}@keyframes feedbackIn{0%{opacity:0;transform:translateY(8px)}}.feedback-panel.is-correct .feedback-icon{color:var(--sage-deep);background:var(--sage-soft)}.feedback-panel.is-wrong .feedback-icon{color:var(--clay-deep);background:var(--clay-soft)}.feedback-head{display:flex;align-items:flex-start;gap:10px}.feedback-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%}.feedback-head>div{display:flex;flex-direction:column;line-height:1.35}.feedback-head b{font-size:12.5px}.feedback-head span{color:var(--muted);font-size:10px}.feedback-score{margin-left:auto;padding:3px 8px;border-radius:var(--radius-pill);background:var(--paper-3);color:var(--ink-2);font-size:9.5px;white-space:nowrap}.feedback-reaction{margin:0 0 12px;padding:10px 12px 10px 14px;border-left:2px solid var(--sage);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#fffcf5d1;color:var(--ink);font-family:var(--font-serif);font-size:13px;line-height:1.85}.feedback-panel.is-wrong .feedback-reaction{border-left-color:var(--clay)}.feedback-explanation{margin-top:10px;color:var(--ink-2);font-size:11.5px;line-height:1.8}.feedback-evidence{margin-top:12px;padding:12px;border-radius:var(--radius-sm);background:#f5f0e5b3;border:1px solid var(--line-soft)}.evidence-head{display:flex;align-items:center;gap:6px;color:var(--sage-deep);font-size:10px}.evidence-head b{font-size:10px;letter-spacing:.06em}.evidence-head .text-link{margin-left:auto}.source-list{display:flex;flex-direction:column;gap:7px;margin-top:8px}.source-item{padding:8px 10px;border-radius:8px;background:#fffcf5c7;border-left:2px solid var(--sage)}.source-item-head{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.source-item-head b{font-size:10px}.source-item-head .page-badge{margin-left:auto}.source-item p{margin-top:4px;color:var(--muted);font-size:9.5px;line-height:1.6}.source-item blockquote{margin:5px 0 0;color:var(--ink-2);font-family:var(--font-serif);font-size:9.5px;line-height:1.6}.finished-banner{display:flex;align-items:center;gap:7px;margin-top:12px;padding:9px 11px;border-radius:8px;font-size:10.5px}.finished-banner.is-passed{color:var(--sage-deep);background:var(--sage-soft)}.finished-banner.is-failed{color:var(--clay-deep);background:var(--clay-soft)}.feedback-next{width:100%;margin-top:13px;min-height:43px}.question-footnote{display:flex;justify-content:space-between;gap:10px;padding:10px 4px 0;color:var(--muted);font-size:9.5px}.question-footnote span{display:inline-flex;align-items:center;gap:4px}.result-page{width:min(var(--max),calc(100% - var(--gutter) * 2));margin:0 auto;padding-bottom:20px;animation:pageReveal .5s var(--ease-out)}.result-topline{display:flex;justify-content:space-between;align-items:center;padding-top:26px}.result-run-id{color:var(--muted);font-size:10px;letter-spacing:.06em}.result-hero{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr) 220px;gap:26px;align-items:center;margin-top:20px;padding:clamp(26px,4vw,44px);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--line);background:radial-gradient(600px 300px at 8% 0%,rgba(227,235,225,.9),transparent 60%),#fdfaf3d6;box-shadow:var(--shadow-card)}.result-hero.is-failed{background:radial-gradient(600px 300px at 8% 0%,rgba(246,228,218,.8),transparent 60%),#fdfaf3d6}.result-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.result-confetti i{position:absolute;top:-12px;left:50%;width:7px;height:12px;border-radius:2px;background:var(--sage);opacity:.55;animation:confettiFall 4.6s linear infinite}.result-confetti i:nth-child(3n){background:var(--gold);width:6px;height:6px;border-radius:50%}.result-confetti i:nth-child(1){left:12%;animation-delay:-.4s;--drift: 40px}.result-confetti i:nth-child(2){left:22%;animation-delay:-2.1s;--drift: -30px}.result-confetti i:nth-child(3){left:31%;animation-delay:-1.2s;--drift: 24px}.result-confetti i:nth-child(4){left:39%;animation-delay:-3.4s;--drift: -44px}.result-confetti i:nth-child(5){left:48%;animation-delay:-.8s;--drift: 30px}.result-confetti i:nth-child(6){left:56%;animation-delay:-2.8s;--drift: -22px}.result-confetti i:nth-child(7){left:64%;animation-delay:-1.7s;--drift: 38px}.result-confetti i:nth-child(8){left:72%;animation-delay:-3.9s;--drift: -28px}.result-confetti i:nth-child(9){left:80%;animation-delay:-2.4s;--drift: 20px}.result-confetti i:nth-child(10){left:88%;animation-delay:-1.1s;--drift: -36px}.result-confetti i:nth-child(11){left:8%;animation-delay:-3.1s;--drift: 18px}.result-confetti i:nth-child(12){left:42%;animation-delay:-4.2s;--drift: -20px}.result-confetti i:nth-child(13){left:68%;animation-delay:-2.2s;--drift: 34px}.result-confetti i:nth-child(14){left:92%;animation-delay:-.6s;--drift: -18px}@keyframes confettiFall{to{transform:translate(var(--drift, 20px),620px) rotate(520deg);opacity:0}}.result-seal{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;height:140px;border-radius:50%;color:var(--sage-deep);border:1px solid rgba(97,125,104,.45);background:#fffcf5b3;box-shadow:inset 0 0 0 7px #fffcf580,inset 0 0 0 8px #617d682e}.result-hero.is-failed .result-seal{color:var(--clay-deep);border-color:#b9765873;box-shadow:inset 0 0 0 7px #fffcf580,inset 0 0 0 8px #b976582e}.result-seal b{margin-top:2px;font-family:var(--font-serif);font-size:32px;letter-spacing:.04em}.result-seal small{margin-top:4px;max-width:110px;text-align:center;font-size:8px;color:var(--muted);line-height:1.4}.result-copy h1{margin-top:7px;font-family:var(--font-serif);font-size:clamp(26px,3.2vw,40px);line-height:1.3;letter-spacing:-.02em}.result-copy>p{margin-top:9px;max-width:630px;color:var(--ink-2);font-size:12px;line-height:1.8}.result-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;color:var(--muted);font-size:10px}.result-meta span{display:inline-flex;align-items:center;gap:4px}.result-score-card{display:flex;flex-direction:column;align-items:center;padding:20px 18px;border-radius:var(--radius-lg);background:#fffcf5db;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.result-score-label{color:var(--muted);font-size:9.5px;letter-spacing:.1em}.result-score-card>b{margin-top:4px;font-family:var(--font-serif);font-size:46px;line-height:1;color:var(--sage-deep)}.result-hero.is-failed .result-score-card>b{color:var(--clay-deep)}.result-score-max{color:var(--muted);font-size:10px}.result-score-card .stars{margin-top:7px}.result-score-card small{margin-top:5px;color:var(--muted);font-size:9.5px}.result-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.result-metrics>div{padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--line);background:#fffcf5b8}.result-metrics span{display:block;color:var(--muted);font-size:9.5px;letter-spacing:.06em}.result-metrics b{display:block;margin-top:4px;font-family:var(--font-serif);font-size:25px;line-height:1.1}.result-metrics small{display:block;margin-top:3px;color:var(--muted);font-size:9.5px}.result-review{margin-top:clamp(40px,5vw,60px)}.review-list{display:flex;flex-direction:column;gap:8px}.review-item{border-radius:var(--radius-md);border:1px solid var(--line-soft);background:#fffcf5bd;overflow:hidden}.review-item.is-right{border-left:3px solid var(--sage)}.review-item.is-wrong{border-left:3px solid var(--clay)}.review-item summary{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;cursor:pointer;list-style:none}.review-item summary::-webkit-details-marker{display:none}.review-mark{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:50%}.review-mark.right{color:var(--sage-deep);background:var(--sage-soft)}.review-mark.wrong{color:var(--clay-deep);background:var(--clay-soft)}.review-title{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.45}.review-title b{font-size:12px}.review-title small{margin-top:2px;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-chevron{color:var(--muted);transition:transform .25s;margin-top:4px}.review-item[open] .review-chevron{transform:rotate(180deg)}.review-body{padding:0 15px 15px 50px}.review-scene{color:var(--muted);font-size:10.5px;line-height:1.7}.review-answer-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px}.answer-pill{padding:4px 8px;border-radius:6px;font-size:10px}.answer-pill.right{color:var(--sage-deep);background:var(--sage-soft)}.answer-pill.wrong{color:var(--clay-deep);background:var(--clay-soft)}.answer-points{color:var(--gold-deep);font-size:10px}.review-explanation{margin-top:9px;color:var(--ink-2);font-size:11px;line-height:1.8}.review-sources{margin-top:6px}.result-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:24px}.all-clear{display:flex;align-items:center;gap:14px;margin-top:10px;padding:16px 18px;border-radius:var(--radius-md);border:1px solid rgba(191,148,71,.4);background:#f9f1dead}.all-clear-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--gold-deep);background:var(--gold-soft);flex-shrink:0}.all-clear b{font-family:var(--font-serif);font-size:17px}.all-clear p{margin-top:2px;color:var(--ink-2);font-size:11px}.all-clear>svg{margin-left:auto;color:var(--gold)}.wander-mission{padding:22px;border-radius:26px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card)}.wander-mission-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.wander-mission-head h2{margin-top:5px;font-family:var(--font-serif);font-size:clamp(22px,2vw,27px)}.wander-mission-head p{margin-top:4px;color:var(--muted);font-size:11px}.mission-kicker{display:inline-flex;align-items:center;gap:5px;color:var(--sage-deep);font-size:9px;font-weight:700;letter-spacing:.08em}.mission-close{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:7px 10px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper-2);color:var(--ink-2);font-size:10px}.mission-close:hover,.mission-skip:hover{color:var(--sage-deep);border-color:#127a664d}.mission-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 14px}.mission-step{display:flex;align-items:center;gap:7px;min-width:0;color:#9a9d90;font-size:9.5px}.mission-step>span{display:grid;place-items:center;width:23px;height:23px;flex:0 0 auto;border-radius:50%;background:#f1eee5}.mission-step.is-current{color:var(--sage-deep)}.mission-step.is-current>span,.mission-step.is-done>span{color:#fff;background:var(--sage-deep)}.mission-step.is-done{color:var(--ink-2)}.wander-board{position:relative;height:clamp(210px,29vw,280px);min-height:210px;overflow:hidden;border:1px solid #d9d6c7;border-radius:18px;background:linear-gradient(180deg,#f3f1e8 0,#f3f1e8 61%,#d9d2c3 61%,#d9d2c3);isolation:isolate}.wander-board:before{content:"";position:absolute;top:0;right:0;bottom:38%;left:0;background:repeating-linear-gradient(90deg,transparent 0 32%,rgba(152,148,132,.16) 32.2% 32.6%,transparent 32.8% 100%);opacity:.6}.wander-board-ceiling{position:absolute;inset:0 0 auto;height:12%;background:#ebe8dc;border-bottom:3px solid #cbc7b8}.wander-board-window{position:absolute;top:20%;left:8%;width:21%;height:39%;border:7px solid #d1c8b5;border-radius:5px;background:linear-gradient(145deg,#d8e2d8,#f8e8c7);box-shadow:inset 0 0 0 2px #fff9}.wander-board-window span:first-child{position:absolute;left:50%;top:0;height:100%;border-left:3px solid #d1c8b5}.wander-board-window span:last-child{position:absolute;left:0;top:50%;width:100%;border-top:3px solid #d1c8b5}.wander-board-doors{position:absolute;top:17%;right:8%;display:flex;gap:11px;height:45%}.wander-board-doors span{width:clamp(30px,6vw,54px);border:4px solid #c7bda9;border-bottom:0;border-radius:5px 5px 0 0;background:#e6dfd2}.wander-board-doors span:nth-child(2){background:#dce4dc}.wander-board-floor{position:absolute;z-index:-1;top:61%;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 12%,rgba(124,113,92,.18) 12.1% 12.3%,transparent 12.4% 100%),repeating-linear-gradient(0deg,transparent 0 27%,rgba(124,113,92,.15) 27.2% 27.5%,transparent 27.7% 100%)}.wander-board-sign{position:absolute;top:13%;left:50%;transform:translate(-50%);padding:3px 10px;border-radius:4px;background:#f9f6eb;color:#7f887d;font-size:9px;letter-spacing:.08em}.wander-hotspot{position:absolute;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px;border-radius:10px;color:var(--ink-2);transition:transform .2s,background .2s}.wander-hotspot:hover{transform:translateY(-2px);background:#ffffff7a}.wander-hotspot:disabled{cursor:default;opacity:.55}.wander-hotspot small{font-size:9px;font-weight:700}.wander-hotspot-resident{left:39%;bottom:10%}.wander-hotspot-resident.is-inspected{color:var(--sage-deep)}.wander-speech{position:absolute;left:50%;bottom:calc(100% + 7px);width:max-content;transform:translate(-50%);padding:4px 7px;border-radius:8px;background:#fffaf0;color:var(--ink-2);font-size:8px;box-shadow:0 3px 8px #3c32231a}.wander-hotspot-elevator{right:11%;bottom:18%}.wander-person{position:relative;display:block;width:32px;height:62px}.wander-person i{position:absolute;top:0;left:8px;width:18px;height:18px;border-radius:50%;background:#e5b691;box-shadow:inset 0 4px #ded9cb}.wander-person b{position:absolute;top:16px;left:3px;width:28px;height:34px;border-radius:13px 13px 5px 5px;background:#8a9b83;box-shadow:4px 29px 0 -9px #5e6a5e,-4px 29px 0 -9px #5e6a5e}.wander-elevator{display:flex;width:45px;height:67px;padding:5px 4px 0;gap:2px;border:4px solid #b6ad9c;border-bottom:0;border-radius:6px 6px 0 0;background:#eee9dd}.wander-elevator i{flex:1;border:1px solid #c6bdaa;background:linear-gradient(90deg,#d4d0c5,#f2efe8)}.wander-hotspot-elevator.is-inspected{color:var(--clay-deep)}.wander-hotspot-elevator.is-inspected .wander-elevator{border-color:var(--clay);box-shadow:0 0 0 4px #ff8b7326}.wander-pulse{position:absolute;top:-7px;right:-5px;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:var(--clay);box-shadow:0 0 0 4px #ff8b7333;animation:wanderPulse 1.6s infinite}@keyframes wanderPulse{50%{box-shadow:0 0 0 8px #ff8b7300}}.wander-board-hint{position:absolute;bottom:9px;left:11px;padding:3px 8px;border-radius:var(--radius-pill);background:#fffcf5d4;color:var(--muted);font-size:8.5px}.mission-prompt{display:flex;align-items:flex-start;gap:7px;margin-top:12px;color:var(--ink-2);font-size:10.5px}.mission-prompt svg{flex:0 0 auto;margin-top:2px;color:var(--gold-deep)}.mission-clue{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px;border:1px solid rgba(194,82,58,.2);border-radius:12px;background:var(--clay-soft)}.mission-clue>span{color:var(--clay-deep)}.mission-clue b{color:var(--clay-deep);font-size:11px}.mission-clue p{margin-top:2px;color:var(--ink-2);font-size:10px;line-height:1.65}.mission-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}.mission-actions .btn{min-height:40px;padding:0 16px;font-size:11px}.mission-actions .btn:disabled{cursor:not-allowed;opacity:.45}.mission-skip{display:inline-flex;align-items:center;gap:5px;padding:6px 4px;color:var(--muted);font-size:10px}.mission-scene-note{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-left:3px solid var(--gold);border-radius:0 10px 10px 0;background:var(--gold-soft)}.mission-scene-note span{color:var(--gold-deep);font-size:9px;font-weight:700;letter-spacing:.08em}.mission-scene-note b{color:var(--ink-2);font-size:11px;line-height:1.6}.mission-response-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}.mission-response{display:grid;grid-template-columns:25px minmax(0,1fr) 17px;align-items:center;gap:9px;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:var(--paper-2);text-align:left}.mission-response:hover{border-color:#127a6666;background:var(--sage-soft)}.mission-response>span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--paper-3);color:var(--ink-2);font-size:10px;font-weight:700}.mission-response b{font-size:10px;line-height:1.6;font-weight:500}.mission-response.is-correct{border-color:#127a6661;background:var(--sage-soft);color:var(--sage-deep)}.mission-response.is-incorrect{border-color:#c2523a4d;background:var(--clay-soft);color:var(--clay-deep)}.mission-feedback{margin-top:10px;padding:9px 11px;border-radius:9px;background:var(--clay-soft);color:var(--clay-deep);font-size:10px;line-height:1.7}.mission-feedback.is-good{background:var(--sage-soft);color:var(--sage-deep)}.handoff-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.handoff-chip{display:flex;align-items:center;gap:8px;min-height:39px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);text-align:left;font-size:10px}.handoff-chip>span:first-child{display:grid;place-items:center;width:19px;height:19px;flex:0 0 auto;border-radius:6px;color:#fff;background:var(--sage-deep)}.handoff-chip:not(.is-selected)>span:first-child{background:#f0ede4}.handoff-empty{display:block;width:7px;height:7px;border:1px solid #aeb5a9;border-radius:2px}.handoff-chip.is-selected{border-color:#127a6659;background:var(--sage-soft)}.mission-complete{display:flex;flex-direction:column;align-items:flex-start;padding:22px 4px 4px}.mission-complete-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border-radius:16px;color:var(--sage-deep);background:var(--sage-soft)}.mission-complete h3{margin-top:7px;font-family:var(--font-serif);font-size:clamp(19px,2vw,23px);line-height:1.4}.mission-complete>p{max-width:540px;margin-top:7px;color:var(--ink-2);font-size:10.5px;line-height:1.8}.mission-source{display:flex;align-items:center;gap:6px;margin-top:12px;padding:8px 10px;border-radius:8px;background:#f5f1e8;color:var(--muted);font-size:9.5px}.mission-complete-actions{margin-top:16px}.mission-note{width:100%;color:var(--muted);font-size:9px}@media(max-width:760px){.wander-mission{padding:16px;border-radius:20px}.wander-mission-head{gap:8px}.wander-mission-head p{max-width:220px;line-height:1.55}.mission-close{padding:6px 8px;font-size:9px}.mission-steps{gap:4px}.mission-step{gap:4px;font-size:8px}.mission-step>span{width:21px;height:21px}.wander-board{height:220px}.handoff-fields{gap:6px}}@media(max-width:400px){.wander-mission{padding:13px}.wander-mission-head{flex-direction:column}.mission-close{align-self:flex-end;margin-top:-4px}.handoff-fields{grid-template-columns:1fr}}@media(max-width:1080px){.game-layout{grid-template-columns:1fr}.question-column{position:static}.case-column{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.case-art,.case-summary{grid-column:1 / -1}.case-record{grid-column:1}.case-tip{grid-column:2;align-self:stretch}.result-hero{grid-template-columns:130px minmax(0,1fr)}.result-score-card{grid-column:1 / -1;flex-direction:row;justify-content:center;gap:12px}.result-score-card>b{font-size:36px}.result-score-card .stars{margin-top:0}}@media(max-width:760px){.game-page{width:calc(100% - 24px);padding-bottom:132px}.result-page{padding-bottom:128px}.game-topbar{grid-template-columns:auto 1fr;gap:8px;min-height:58px}.game-back{font-size:11px}.game-topbar-left{gap:8px;flex-wrap:wrap;max-width:62vw}.game-topbar-left .game-back{font-size:10.5px;gap:4px}.game-restart-scene{display:none}.game-level-label{align-items:flex-end}.game-level-label b{font-size:15px}.case-column{display:flex}.case-record,.case-tip{align-self:auto}.case-tip{display:none}.mobile-jump{display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:flex-start;min-height:40px;padding:0 16px;border-radius:var(--radius-pill);color:#fbf8ee;background:var(--sage-deep);font-size:12px;font-weight:600}.question-card{padding:17px;border-radius:20px}.question-card h2{font-size:19px}.option{font-size:12px;padding:10px}.feedback-head{flex-wrap:wrap}.feedback-score{margin-left:44px}.question-footnote{flex-direction:column;gap:3px}.result-page{width:calc(100% - 24px)}.result-hero{grid-template-columns:1fr;padding:24px 18px;text-align:left}.result-seal{width:112px;height:112px;margin:0 auto}.result-score-card{flex-direction:column}.result-metrics{grid-template-columns:1fr 1fr}.review-body{padding-left:15px}.result-actions{flex-direction:column-reverse}.result-actions .btn{width:100%}.all-clear{align-items:flex-start}.all-clear>svg{display:none}}@media(max-width:460px){.game-back span{display:none}.case-summary h1{font-size:26px}.option-letter{width:22px;height:22px}.result-metrics{grid-template-columns:1fr}}.qk-flip-grid{display:grid;gap:10px}.qk-card{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .18s ease,background .18s ease}.qk-card p{margin:0;font-size:14px;line-height:1.65;color:var(--ink)}.qk-card-no{font-family:var(--font-mono, monospace);font-size:11px;letter-spacing:.08em;color:var(--muted);padding-top:3px}.qk-card-actions{grid-column:2;display:flex;gap:8px;margin-top:2px}.qk-judge{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper-2);color:var(--ink-2);font-size:12.5px;cursor:pointer;transition:all .16s ease}.qk-judge:hover:not(:disabled){border-color:var(--sage);color:var(--sage-deep)}.qk-judge.is-on{border-color:var(--sage);background:var(--sage-soft);color:var(--sage-deep);font-weight:600}.qk-card.is-true,.qk-card.is-false{border-color:var(--sage)}.qk-card.is-right{border-color:var(--sage);background:var(--sage-soft)}.qk-card.is-wrong{border-color:var(--clay);background:var(--clay-soft)}.qk-card-result{grid-column:2;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2)}.qk-card.is-right .qk-card-result{color:var(--sage-deep)}.qk-card.is-wrong .qk-card-result{color:var(--clay-deep)}.qk-match-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qk-col{display:grid;gap:8px;align-content:start}.qk-col-title{font-size:11.5px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.qk-match-item{display:flex;flex-direction:column;gap:6px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);color:var(--ink);font-size:13px;line-height:1.55;text-align:left;cursor:pointer;transition:all .16s ease}.qk-match-item:hover:not(:disabled){border-color:var(--sage)}.qk-match-item.is-active{border-color:var(--sage);background:var(--sage-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--sage) 16%,transparent)}.qk-match-item.is-paired{border-color:var(--sage)}.qk-match-item.is-used{opacity:.45}.qk-match-right{flex-direction:row;align-items:center;gap:7px}.qk-match-tag{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;padding:2px 8px;border-radius:var(--radius-pill);background:var(--sage-soft);color:var(--sage-deep);font-size:11.5px}.qk-order-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.qk-order-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);font-size:13.5px;line-height:1.55;color:var(--ink)}.qk-order-no{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--gold-soft);color:var(--gold-deep);font-size:12px;font-weight:600}.qk-order-actions{display:flex;gap:4px}.qk-order-actions button{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);color:var(--ink-2);cursor:pointer}.qk-order-actions button:hover:not(:disabled){border-color:var(--sage);color:var(--sage-deep)}.qk-order-actions button:disabled{opacity:.35;cursor:not-allowed}.qk-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.qk-hint{font-size:12.5px;color:var(--muted)}.qk-submit .btn{min-width:132px}.qk-submit .btn:disabled{opacity:.5;cursor:not-allowed}.qk-detail{margin-top:14px;padding:12px 14px;border:1px dashed var(--line);border-radius:var(--radius-xs);background:var(--paper-2)}.qk-detail-title{font-size:11.5px;letter-spacing:.1em;color:var(--muted)}.qk-detail ul,.qk-detail ol{margin:8px 0 0;padding-left:20px;display:grid;gap:5px}.qk-detail li{font-size:13px;line-height:1.6;color:var(--ink-2)}.qk-detail li b{color:var(--sage-deep)}@media(max-width:640px){.qk-match-cols{grid-template-columns:1fr}.qk-submit{flex-direction:column;align-items:stretch}.qk-submit .btn{width:100%}}.game-layout.is-scene-phase,.game-layout.is-scene-phase.has-dual{grid-template-columns:minmax(0,1fr)}.game-layout.is-scene-phase>.case-column,.game-layout.is-scene-phase>.question-column,.game-layout.is-scene-phase.has-dual>.case-column,.game-layout.is-scene-phase.has-dual>.question-column{display:none}.scene-task{max-width:980px;margin:0 auto;padding:4px 0 40px}.st-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}.st-head h2{margin:4px 0;font-family:var(--font-serif);font-size:26px;color:var(--ink)}.st-head p{font-size:13.5px;line-height:1.7;color:var(--ink-2)}.st-progress{padding:8px 16px;border-radius:var(--radius-pill);background:var(--sage-soft);color:var(--sage-deep);font-size:13px;white-space:nowrap}.st-progress b{font-size:20px;font-family:var(--font-serif)}.st-goal{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;margin-bottom:12px;border-left:3px solid var(--gold);border-radius:0 var(--radius-xs) var(--radius-xs) 0;background:var(--gold-soft);font-size:13px;color:var(--ink)}.st-goal small{color:var(--ink-2);font-size:12px}.st-body{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(300px,1fr);gap:18px;align-items:start}.st-left{display:flex;flex-direction:column;gap:10px;min-width:0}.st-right{display:flex;flex-direction:column;gap:12px;align-self:stretch;min-height:0}@media(max-width:980px){.st-body{grid-template-columns:1fr}.st-right{position:static}}.st-placeholder{display:flex;flex-direction:column;gap:8px;padding:22px 20px;border:1px dashed var(--line);border-radius:var(--radius-md);background:var(--paper-2)}.st-placeholder svg{color:var(--sage)}.st-placeholder b{font-size:14px;color:var(--ink)}.st-placeholder p{font-size:12.5px;line-height:1.75;color:var(--ink-2)}.st-placeholder small{font-size:12px;color:var(--sage-deep)}.st-stage{display:flex;justify-content:center;width:100%}.st-frame{position:relative;width:100%;max-width:100%;max-height:560px;aspect-ratio:var(--ratio, 16 / 9);margin:0 auto;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);background:var(--paper-3)}.st-image{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}.st-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#2f3d3a00 55%,#2f3d3a2e);pointer-events:none;transition:background .3s ease}.scene-task.tone-dusk .st-veil{background:linear-gradient(180deg,#c4743a2e,#5e341c57);mix-blend-mode:multiply}.scene-task.tone-night .st-veil{background:linear-gradient(180deg,#262e4e6b,#141a3094);mix-blend-mode:multiply}.scene-task.tone-night .st-frame{border-color:#3d4463}.scene-task.tone-dusk .st-frame{border-color:#b98a5e}.st-spot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:none;padding:0;cursor:pointer;z-index:2}.st-dot{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--clay);color:#fff;font-size:11.5px;font-weight:700;box-shadow:0 0 #ff8b738c;animation:stPulse 2.2s ease-out infinite;transition:transform .16s ease}.st-spot.is-ok .st-dot{background:var(--blue)}.st-spot.is-done .st-dot{background:var(--sage);animation:none;box-shadow:none}.st-spot.is-active .st-dot{transform:scale(1.18)}.st-spot:hover .st-dot{transform:scale(1.15)}.st-label{padding:2px 8px;border-radius:var(--radius-pill);background:#fffdf6eb;border:1px solid var(--line);font-size:11px;color:var(--ink);white-space:nowrap;opacity:0;transition:opacity .16s ease}.st-spot:hover .st-label,.st-spot.is-active .st-label{opacity:1}.st-spot.is-done .st-label{opacity:.85}@keyframes stPulse{0%{box-shadow:0 0 #ff8b7380}70%{box-shadow:0 0 0 12px #ff8b7300}to{box-shadow:0 0 #ff8b7300}}.st-cleared{position:absolute;right:16px;bottom:16px;padding:8px 16px;border-radius:var(--radius-pill);background:#3fbfa2eb;color:#fff;font-size:13px;font-weight:600;z-index:3}.st-inventory{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding:10px 14px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--paper-2)}.st-inv-title{font-size:12px;color:var(--muted);letter-spacing:.08em}.st-tool{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);font-size:12px;color:var(--muted);opacity:.5;transition:all .18s ease}.st-tool.is-owned{opacity:1;color:var(--sage-deep);border-color:var(--sage);background:var(--sage-soft)}.st-tool-icon{font-size:13px}.st-card{margin-top:14px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft)}.st-card.is-done{border-color:var(--sage);background:var(--sage-soft)}.st-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.st-card-head b{font-size:15px;color:var(--ink)}.st-card-close{border:none;background:none;color:var(--muted);cursor:pointer;padding:2px}.st-desc{margin-top:8px;font-size:13.5px;line-height:1.8;color:var(--ink)}.st-feedback{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;color:var(--sage-deep)}.st-principle{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);font-size:12px;line-height:1.7;color:var(--ink-2)}.st-action{margin-top:12px}.st-choices{margin-top:12px;display:flex;flex-direction:column;gap:8px}.st-choices-stem{margin:0 0 2px;color:var(--muted);font-size:11px;letter-spacing:.04em}.st-choice{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fffcf5e6;color:var(--ink);font-size:13px;line-height:1.65;text-align:left;transition:border-color .15s,background .15s,transform .15s}.st-choice:hover{border-color:var(--sage);background:#eff4ecd9;transform:translate(2px)}.st-choice-no{flex-shrink:0;display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border-radius:6px;background:var(--paper-3);color:var(--ink-2);font-size:11px}.st-choice.is-wrong{border-color:#b97658b3;background:#f9eae2e6}.st-choice.is-wrong .st-choice-no{background:var(--clay);color:#fff}.st-choice-hint{margin:2px 0 0;padding:8px 10px;border-left:2px solid var(--clay);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#f9eae280;color:var(--clay-deep);font-size:12px;line-height:1.7}.st-flash{position:sticky;bottom:12px;margin:12px auto 0;width:fit-content;max-width:90%;padding:8px 16px;border-radius:var(--radius-pill);background:#2f3d3aeb;color:#fff;font-size:13px;z-index:5}.st-foot{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:auto;padding-top:10px}.st-foot-hint{font-size:12.5px;color:var(--ink-2)}.st-foot .btn{width:100%}.st-foot .btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:640px){.st-head h2{font-size:21px}.st-label{display:none}.st-spot.is-active .st-label{display:block}}.game-page.is-dual-layout{width:min(1600px,calc(100% - var(--gutter) * 2))}.game-layout.has-dual{grid-template-columns:minmax(0,340px) minmax(0,1fr)}.game-layout.has-dual>.case-column{display:flex;flex-direction:column}.dual-question{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.dual-question.is-dual{align-items:stretch}.dual-question.is-dual{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.dq-card{display:flex;flex-direction:column}.dq-card.is-ok{border-color:#617d688c}.dq-card.is-bad{border-color:#b976588c}.dq-tag{color:var(--sage-deep);background:var(--sage-soft);font-weight:700}.dq-meta-note{color:var(--muted);background:var(--paper-3)}.dq-quote{margin:14px 0 0;padding:12px 14px;border-left:2px solid var(--sage);border-radius:0 8px 8px 0;background:#eff4ecb3}.dq-quote>span{display:block;color:var(--muted);font-size:10px;letter-spacing:.04em}.dq-quote>b{display:block;margin-top:5px;font-family:var(--font-serif);font-size:15px;line-height:1.8;color:var(--ink)}.dq-stem{margin-top:14px;font-family:var(--font-serif);font-size:clamp(16px,1.4vw,19px);color:var(--ink)}.dq-choices{display:flex;flex-direction:column;gap:8px;margin-top:14px}.dq-choice{display:flex;align-items:flex-start;gap:9px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#faf7eeb3;color:var(--ink);font-size:12px;line-height:1.7;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.dq-choice:hover:not(:disabled){border-color:var(--sage);background:#eff4ece6;transform:translate(2px)}.dq-choice:disabled{cursor:default}.dq-choice-no{flex-shrink:0;display:grid;place-items:center;width:19px;height:19px;margin-top:1px;border-radius:6px;background:var(--paper-3);color:var(--ink-2);font-size:10.5px}.dq-choice.is-right{border-color:#617d68a6;background:#e6f0e4e6}.dq-choice.is-right .dq-choice-no{background:var(--sage);color:#fff}.dq-choice.is-wrong{border-color:#b97658a6;background:#f9eae2e6}.dq-choice.is-wrong .dq-choice-no{background:var(--clay);color:#fff}.dq-choice.is-dim{opacity:.5}.dq-reaction{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line-soft)}.dq-reaction-line{margin:0;padding:10px 12px;border-left:2px solid var(--sage);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#fffcf5e6;color:var(--ink);font-family:var(--font-serif);font-size:12.5px;line-height:1.85}.dq-card.is-bad .dq-reaction-line{border-left-color:var(--clay)}.dq-reaction-nums{margin:8px 0 0;color:var(--muted);font-size:10.5px}.dq-reaction-nums b{color:var(--ink);font-weight:500}.dq-delta-zero{color:var(--muted)}.dq-delta-up{color:var(--clay-deep)}.dq-delta-down{color:var(--sage-deep)}.dq-why{margin:9px 0 0;color:var(--ink-2);font-size:11.5px;line-height:1.8}.dq-basis{display:inline-flex;align-items:center;gap:5px;margin:10px 0 0;padding:4px 9px;border-radius:var(--radius-pill);background:var(--sage-soft);color:var(--sage-deep);font-size:10px}.dq-hint{margin:12px 0 0;color:var(--muted);font-size:11px}@media(max-width:1000px){.dual-question.is-dual{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.game-layout.has-dual{grid-template-columns:minmax(0,1fr)}}.tone-choice{margin:14px 0 6px;padding:14px 16px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--paper-3) 66%,transparent)}.tone-choice-head{margin-bottom:10px}.tone-choice-kicker{display:block;font-size:13px;font-weight:700;color:var(--ink)}.tone-choice-head p{margin:4px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}.tone-choice-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tone-option{display:flex;flex-direction:column;gap:6px;padding:12px 14px;text-align:left;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface);cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,opacity .18s ease}.tone-option:hover:not(:disabled){border-color:color-mix(in srgb,var(--sage) 55%,transparent);transform:translateY(-1px)}.tone-option:disabled{cursor:default}.tone-option.is-chosen{border-color:var(--sage);box-shadow:0 0 0 2px color-mix(in srgb,var(--sage) 16%,transparent)}.tone-option.is-dimmed{opacity:.42}.tone-option-label{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--sage-deep)}.tone-option-text{font-size:13.5px;line-height:1.6;color:var(--ink)}.tone-option-hint{font-size:11.5px;color:var(--muted)}.tone-choice-note{margin:10px 0 0;font-size:12.5px;line-height:1.6;color:var(--ink-2)}@media(max-width:780px){.tone-choice-list{grid-template-columns:1fr}}.carry-banner{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;padding:12px 16px;border:1px dashed color-mix(in srgb,var(--sage) 40%,var(--line));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--sage-soft) 55%,var(--paper-2))}.carry-badge{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:3px 9px;border-radius:var(--radius-pill);background:var(--surface);color:var(--sage-deep);font-size:11.5px;font-weight:700;white-space:nowrap}.carry-banner p{margin:0;font-size:12.5px;line-height:1.65;color:var(--ink-2)}@media(prefers-reduced-motion:reduce){.result-confetti i{animation:none!important;opacity:0!important}}.nav-label-short{display:none}.companion-banner{display:flex;align-items:center;gap:14px;margin-top:14px;padding:16px 20px;border-radius:var(--radius-md);border:1px solid rgba(97,125,104,.35);background:linear-gradient(100deg,#e9f1ead1,#f9f5ebb3)}.companion-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:var(--sage-deep);background:var(--sage-soft);flex-shrink:0}.companion-banner b{font-size:13px}.companion-banner p{margin-top:3px;color:var(--ink-2);font-size:11.5px;line-height:1.7}.companion-banner .btn{margin-left:auto;flex-shrink:0}.level-resources{padding:13px 15px;border-radius:var(--radius-md);border:1px solid var(--line);background:linear-gradient(120deg,#fffcf5e6,#f1ebdfbf)}.level-resources-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.level-resources-head>span{display:inline-flex;align-items:center;gap:6px;color:var(--sage-deep);font-size:10.5px;font-weight:700;letter-spacing:.05em}.level-resources-head small{color:var(--muted);font-size:9.5px}.level-resource-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.level-resource-chip{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 10px;border-radius:var(--radius-pill);border:1px solid var(--line);background:#fffdf7e0;color:var(--ink-2);font-size:10.5px;transition:background .2s,border-color .2s,color .2s}.level-resource-chip:hover{border-color:var(--sage);color:var(--sage-deep);background:var(--sage-soft)}.level-resource-chip .chip-task{color:var(--muted);font-size:9px}.level-resource-chip:hover .chip-task{color:var(--sage-deep)}.level-resource-chip.is-all{color:var(--clay-deep);border-color:#b9765859;background:var(--clay-soft)}.resource-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:22px;background:#232a237a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}.resource-modal{width:min(860px,100%);max-height:min(88vh,900px);overflow:auto;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);box-shadow:0 48px 110px -38px #1e261eb3;animation:dialogIn .32s var(--ease-out)}.resource-modal-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line-soft);background:#fffdf7f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.resource-type{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--radius-pill);font-size:10px;font-weight:600;white-space:nowrap}.type-courseware{color:var(--sage-deep);background:var(--sage-soft)}.type-lesson_plan{color:var(--blue-deep);background:var(--blue-soft)}.type-question_bank{color:var(--gold-deep);background:var(--gold-soft)}.type-exam{color:var(--clay-deep);background:var(--clay-soft)}.type-standard{color:var(--ink-2);background:var(--paper-3)}.type-task_book{color:var(--berry);background:var(--berry-soft)}.type-video{color:#fff;background:var(--clay)}.resource-close{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--muted)}.resource-close:hover{color:var(--ink);background:var(--paper-3)}.resource-modal-head{padding:18px 22px 0}.resource-modal-head h2{margin-top:2px;font-family:var(--font-serif);font-size:clamp(21px,2.4vw,28px);line-height:1.4}.resource-modal-head p{margin-top:5px;color:var(--muted);font-size:11px}.resource-meta-line{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:9px;color:var(--ink-2);font-size:10.5px}.resource-meta-line span{display:inline-flex;align-items:center;gap:4px}.resource-note{margin:12px 22px 0;padding:9px 11px;border-radius:8px;background:#f5eee0cc;color:var(--ink-2);font-size:10.5px;line-height:1.7}.resource-modal-actions{display:flex;flex-wrap:wrap;gap:9px;padding:15px 22px}.resource-modal-actions .btn{min-height:40px;padding:0 17px;font-size:12px}.resource-pdf{display:block;width:calc(100% - 44px);height:62vh;margin:0 22px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-3)}.resource-modal-body{padding:0 22px 22px}.resource-loading{display:flex;align-items:center;gap:10px;padding:24px;color:var(--muted);font-size:12px}.resource-loading .loader{width:22px;height:22px}.resource-outline-empty{padding:20px;border-radius:var(--radius-sm);border:1px dashed var(--line);color:var(--muted);font-size:12px;text-align:center}.resource-outline{margin-top:4px}.outline-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid var(--line-soft)}.outline-head span{font-family:var(--font-serif);font-size:18px;font-weight:700}.outline-head small{color:var(--muted);font-size:10px}.slide-outline{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:0;list-style:none}.slide-outline li{display:flex;gap:10px;padding:9px 10px;border-radius:9px;background:#f7f2e7b3}.slide-number{flex-shrink:0;color:var(--gold-deep);font-family:var(--font-serif);font-size:12px;font-weight:700}.slide-outline b{font-size:12px}.slide-outline p{margin-top:3px;color:var(--ink-2);font-size:10.5px;line-height:1.65;white-space:pre-line}.outline-footnote{margin-top:10px;color:var(--muted);font-size:9.5px}.lesson-outline{display:flex;flex-direction:column;gap:6px;margin-top:12px}.lesson-outline p{display:flex;gap:9px;padding:8px 10px;border-radius:8px;background:#f7f2e7b3;color:var(--ink-2);font-size:10.5px;line-height:1.65}.lesson-outline p>span{flex-shrink:0;color:var(--blue-deep);font-family:var(--font-serif);font-weight:700}.resource-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.resource-info-grid>div{padding:10px 12px;border-radius:9px;background:#f7f2e7b3}.resource-info-grid span{display:block;color:var(--muted);font-size:9.5px}.resource-info-grid b{display:block;margin-top:2px;font-size:17px;font-family:var(--font-serif)}.outline-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.outline-tags span{padding:3px 8px;border-radius:var(--radius-pill);background:var(--paper-3);color:var(--muted);font-size:9.5px}.resources-page{width:min(var(--max),calc(100% - var(--gutter) * 2));margin:0 auto;padding-bottom:10px;animation:pageReveal .5s var(--ease-out)}.resources-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:36px;align-items:center;padding:clamp(26px,3.6vw,48px) 0 22px}.resources-hero h1{margin-top:10px;font-family:var(--font-serif);font-size:clamp(32px,4.5vw,56px);line-height:1.2;letter-spacing:-.03em}.resources-hero h1 em{color:var(--sage-deep);font-style:normal}.resources-hero>div>p{max-width:640px;margin-top:15px;color:var(--ink-2);font-size:13.5px;line-height:1.85}.resources-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.resources-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.resources-stats>div{display:flex;flex-direction:column;padding:14px 15px;border-radius:var(--radius-md);border:1px solid var(--line);background:#fffcf5c7}.resources-stats b{font-family:var(--font-serif);font-size:26px;line-height:1;color:var(--sage-deep)}.resources-stats span{margin-top:3px;color:var(--muted);font-size:10px}.resources-note{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;border-radius:var(--radius-sm);border:1px solid rgba(191,148,71,.3);background:#f9f2e0a6;color:var(--ink-2);font-size:11px;line-height:1.7}.resources-note svg{flex-shrink:0;color:var(--gold-deep);margin-top:2px}.resources-note b{font-size:11px}.resources-toolbar{display:flex;flex-direction:column;gap:11px;margin-top:22px;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--line);background:#fffcf59e}.resource-type-chips{display:flex;flex-wrap:wrap;gap:6px}.resource-type-chips button{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:var(--radius-pill);border:1px solid var(--line);background:#fffdf7b3;color:var(--ink-2);font-size:11px}.resource-type-chips button span{color:var(--muted);font-size:9.5px}.resource-type-chips button.is-active{background:var(--sage-deep);color:#fbf8ee;border-color:var(--sage-deep)}.resource-type-chips button.is-active span{color:#ffffffb3}.resource-filter-row{display:flex;align-items:flex-start;gap:10px}.filter-label{flex-shrink:0;padding-top:5px;color:var(--muted);font-size:10px;letter-spacing:.08em}.resource-project-chips,.resource-level-chips{display:flex;flex-wrap:wrap;gap:5px}.resource-project-chips button,.resource-level-chips button{padding:5px 9px;border-radius:var(--radius-pill);border:1px solid var(--line-soft);background:transparent;color:var(--ink-2);font-size:10px}.resource-project-chips button.is-active,.resource-level-chips button.is-active{background:var(--paper-3);border-color:var(--sage);color:var(--sage-deep);font-weight:600}.resource-level-chips button span{margin-left:3px;color:var(--muted);font-size:9px}.resources-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0 10px;color:var(--muted);font-size:10.5px}.resources-loading,.resources-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;border:1px dashed var(--line);border-radius:var(--radius-lg);color:var(--muted);font-size:12px;text-align:center}.resources-empty b{font-family:var(--font-serif);font-size:19px;color:var(--ink)}.resource-projects{display:flex;flex-direction:column;gap:11px}.resource-project{border-radius:var(--radius-lg);border:1px solid var(--line);background:#fffcf5a8;overflow:hidden}.resource-project-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 17px;text-align:left}.resource-project-head>span{display:inline-flex;align-items:center;gap:7px}.resource-project-head svg{color:var(--sage)}.resource-project-head b{font-family:var(--font-serif);font-size:18px}.resource-project-head small{color:var(--muted);font-size:10px}.resource-project-head>svg{color:var(--muted);transition:transform .25s}.resource-project.is-open .resource-project-head>svg{transform:rotate(180deg)}.resource-project-body{padding:0 16px 16px}.resource-task{padding-top:12px;border-top:1px solid var(--line-soft)}.resource-task+.resource-task{margin-top:12px}.resource-task-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.resource-task-head b{font-size:12px}.resource-task-head span{color:var(--muted);font-size:9.5px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.resource-card{display:flex;flex-direction:column;gap:7px;padding:13px 14px;border-radius:var(--radius-md);border:1px solid var(--line-soft);background:#fffdf7e0}.resource-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}.resource-card .resource-type{font-size:9px}.resource-size{color:var(--muted);font-size:9px}.resource-card h4{font-family:var(--font-serif);font-size:15px;line-height:1.4}.resource-card>p{color:var(--ink-2);font-size:10.5px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.resource-card-meta{display:flex;flex-wrap:wrap;gap:4px 9px;color:var(--muted);font-size:9px}.resource-card-actions{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:7px;border-top:1px dashed var(--line-soft)}.resource-open,.resource-download{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--ink-2);font-size:9.5px}.resource-open:hover{color:var(--sage-deep);border-color:var(--sage);background:var(--sage-soft)}.resource-download{margin-left:auto;color:var(--clay-deep);border-color:#b976584d}.resource-download:hover{background:var(--clay-soft)}@media(max-width:1080px){.resources-hero{grid-template-columns:1fr}.resources-stats{max-width:560px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.nav-label-full{display:none}.nav-label-short{display:inline}.companion-banner{align-items:flex-start;flex-wrap:wrap}.companion-banner .btn{margin-left:52px}.level-resources{padding:11px 12px}.level-resources-head small{display:none}.resource-modal-backdrop{padding:0;align-items:end}.resource-modal{width:100%;max-height:92vh;border-radius:22px 22px 0 0}.resource-pdf{width:calc(100% - 32px);margin:0 16px 12px;height:52vh}.resource-modal-head,.resource-modal-actions,.resource-modal-body{padding-left:16px;padding-right:16px}.resource-note{margin-left:16px;margin-right:16px}.resources-page{width:calc(100% - 24px)}.resources-stats{grid-template-columns:repeat(2,1fr)}.resources-toolbar{padding:13px}.resource-filter-row{flex-direction:column;gap:4px}.resource-grid{grid-template-columns:1fr}.resource-project-head{padding:12px 14px}.resource-project-body{padding:0 12px 12px}}.training-page{width:min(var(--max),calc(100% - var(--gutter) * 2));margin:0 auto;padding-bottom:20px;animation:pageReveal .5s var(--ease-out)}.training-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 0}.training-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-pill);border:1px solid var(--line);background:#fffcf5cc;color:var(--ink-2);font-size:11px;font-weight:600}.training-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(22px,3vw,44px);align-items:center;margin-top:20px;padding:clamp(24px,3vw,36px);border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(520px 260px at 4% -10%,rgba(223,240,232,.78),transparent 62%),radial-gradient(420px 240px at 100% 110%,rgba(255,236,209,.8),transparent 60%),#fffcf5db;box-shadow:var(--shadow-soft)}.training-hero-copy h1{margin-top:14px;font-family:var(--font-serif);font-size:clamp(28px,3.4vw,42px);line-height:1.22;letter-spacing:-.03em}.training-hero-copy>p{margin-top:14px;max-width:58ch;color:var(--ink-2);font-size:13px;line-height:1.85}.training-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.training-hero-stats{display:grid;gap:10px}.training-stat{padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--line-soft);background:#ffffffb8}.training-stat span{display:block;color:var(--muted);font-size:10px;letter-spacing:.07em}.training-stat b{display:block;margin-top:4px;font-family:var(--font-serif);font-size:30px;line-height:1.05;color:var(--ink)}.training-stat b svg{color:var(--blue-deep)}.training-stat small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.training-stat.is-good b{color:var(--sage-deep)}.training-error{margin-top:12px;padding:9px 12px;border-radius:var(--radius-xs);background:var(--clay-soft);color:var(--clay-deep);font-size:12px}.training-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.filter-chip{padding:7px 13px;border-radius:var(--radius-pill);border:1px solid var(--line);background:#fffcf5cc;color:var(--ink-2);font-size:11.5px;font-weight:600;transition:all .18s var(--ease-soft)}.filter-chip:hover{border-color:var(--sage);color:var(--sage-deep)}.filter-chip.is-active{background:var(--sage);border-color:var(--sage);color:#fff;box-shadow:0 6px 14px -8px #127a66cc}.mistake-list{display:grid;gap:10px;margin-top:16px}.mistake-card{border-radius:var(--radius-md);border:1px solid var(--line);background:#fffcf5db;overflow:hidden;transition:box-shadow .2s var(--ease-soft),border-color .2s var(--ease-soft)}.mistake-card:hover{border-color:#3fbfa273}.mistake-card.is-open{box-shadow:var(--shadow-soft);border-color:#3fbfa280}.mistake-card.is-cleared{background:#f0f8f4cc;border-color:#3fbfa266}.mistake-head{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;text-align:left}.mistake-level{flex-shrink:0;padding:4px 9px;border-radius:7px;background:var(--paper-3);color:var(--ink-2);font-size:10px;font-weight:700;letter-spacing:.04em}.mistake-meta{flex:1;min-width:0;display:grid;gap:3px}.mistake-meta b{font-family:var(--font-serif);font-size:14.5px;font-weight:700;line-height:1.5;color:var(--ink)}.mistake-meta small{color:var(--muted);font-size:10.5px}.mistake-badge{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:var(--radius-pill);background:var(--clay-soft);color:var(--clay-deep);font-size:10px;font-weight:700}.mistake-badge.is-good{background:var(--sage-soft);color:var(--sage-deep)}.mistake-body{padding:4px 16px 18px;border-top:1px dashed var(--line-soft);animation:revealBody .28s var(--ease-out)}@keyframes revealBody{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.mistake-scene{margin-top:12px}.mistake-body .question-scene{margin-top:14px}.practice-feedback{margin-top:14px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffffb3}.practice-feedback.is-correct{border-color:#3fbfa280;background:#edf9f4d1}.practice-feedback.is-wrong{border-color:#ff8b7380;background:#fff2edd1}.practice-feedback-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.practice-feedback-head>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffffffe6}.practice-feedback.is-correct .practice-feedback-head>span{color:var(--sage-deep)}.practice-feedback.is-wrong .practice-feedback-head>span{color:var(--clay-deep)}.practice-feedback-head b{font-family:var(--font-serif);font-size:14.5px}.practice-feedback-head small{margin-left:auto;color:var(--muted);font-size:10.5px}.practice-feedback-text{margin-top:9px;color:var(--ink-2);font-size:12.5px;line-height:1.85}.practice-feedback-sources{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(120,110,92,.22)}.practice-source-head{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.04em}.practice-feedback-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.practice-next{margin-top:14px}.training-empty{display:grid;justify-items:center;gap:8px;margin-top:20px;padding:36px 20px;border-radius:var(--radius-lg);border:1px dashed var(--line);background:#fffcf599;text-align:center;color:var(--ink-2)}.training-empty svg{color:var(--sage)}.training-empty b{font-family:var(--font-serif);font-size:19px;color:var(--ink)}.training-empty p{max-width:46ch;font-size:12.5px;line-height:1.8;color:var(--muted)}.training-empty .btn{margin-top:8px}.training-loading{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px;color:var(--muted);font-size:12.5px}.training-loading .loader{width:22px;height:22px}.training-next{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:clamp(24px,3vw,40px);padding:22px 24px;border-radius:var(--radius-lg);border:1px solid rgba(191,148,71,.35);background:linear-gradient(120deg,#fff6e4e6,#fffcf5cc)}.training-next h2{margin-top:6px;font-family:var(--font-serif);font-size:21px}.training-next p{margin-top:6px;max-width:62ch;color:var(--ink-2);font-size:12.5px;line-height:1.8}.challenge-bar{display:flex;align-items:center;gap:14px;margin-top:22px;padding:12px 16px;border-radius:var(--radius-pill);border:1px solid var(--line);background:#fffcf5d1}.challenge-progress-text{font-size:11.5px;font-weight:700;color:var(--ink-2);white-space:nowrap}.challenge-progress-track{flex:1;height:7px;border-radius:var(--radius-pill);background:var(--paper-3);overflow:hidden}.challenge-progress-track>span{display:block;height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--sage),var(--gold));transition:width .3s var(--ease-out)}.challenge-progress-score{font-size:11.5px;color:var(--sage-deep);font-weight:700;white-space:nowrap}.challenge-card{margin-top:14px;padding:clamp(20px,3vw,32px);border-radius:var(--radius-lg);border:1px solid var(--line);background:#fffcf5e6;box-shadow:var(--shadow-card)}.challenge-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:10.5px}.challenge-kind,.challenge-difficulty{padding:3px 8px;border-radius:6px;background:var(--paper-3);color:var(--ink-2);font-size:10px;font-weight:600}.challenge-difficulty{background:var(--sage-soft);color:var(--sage-deep)}.challenge-card h2{margin-top:10px;font-family:var(--font-serif);font-size:clamp(18px,2.2vw,24px);line-height:1.5}.challenge-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.challenge-result{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,3vw,40px);align-items:center;margin-top:24px;padding:clamp(24px,3vw,36px);border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(480px 240px at 0% 0%,rgba(223,240,232,.8),transparent 60%),#fffcf5e0;box-shadow:var(--shadow-soft)}.challenge-result-score{display:grid;justify-items:center;gap:6px;padding:22px;border-radius:var(--radius-md);border:1px solid var(--line-soft);background:#fffc}.challenge-result-score>span:first-child{color:var(--muted);font-size:10.5px;letter-spacing:.08em}.challenge-result-score>b{font-family:var(--font-serif);font-size:52px;line-height:1;color:var(--sage-deep)}.challenge-result-score>b small{font-size:18px;color:var(--muted)}.challenge-result-rate{font-size:12px;font-weight:700;color:var(--ink-2)}.challenge-result-time{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}.challenge-result-copy h1{margin-top:10px;font-family:var(--font-serif);font-size:clamp(22px,2.8vw,32px);line-height:1.3;letter-spacing:-.02em}.challenge-result-copy p{margin-top:10px;color:var(--ink-2);font-size:12.5px;line-height:1.85}.challenge-review{margin-top:clamp(22px,3vw,34px)}.training-hub{margin-top:clamp(26px,3.4vw,44px)}.training-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.hub-card{display:flex;align-items:flex-start;gap:14px;padding:20px 22px;text-align:left;border-radius:var(--radius-md);border:1px solid var(--line);background:#fffcf5db;box-shadow:var(--shadow-soft);transition:transform .2s var(--ease-soft),box-shadow .2s var(--ease-soft),border-color .2s}.hub-card:hover{transform:translateY(-3px);border-color:var(--tone);box-shadow:var(--shadow-card)}.hub-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:13px;background:var(--tone-soft);color:var(--tone-deep)}.hub-copy{flex:1;min-width:0;display:grid;gap:4px}.hub-copy b{font-family:var(--font-serif);font-size:17px}.hub-copy small{color:var(--tone-deep);font-size:11px;font-weight:600}.hub-copy p{margin-top:2px;color:var(--muted);font-size:11.5px;line-height:1.7}.hub-arrow{color:var(--tone-deep);flex-shrink:0;margin-top:4px}.lighthouse-card{margin-top:clamp(24px,3vw,38px);padding:clamp(18px,2.6vw,26px);border-radius:var(--radius-lg);border:1px solid rgba(191,148,71,.35);background:radial-gradient(620px 300px at 8% -20%,rgba(255,236,199,.85),transparent 62%),radial-gradient(420px 260px at 96% 108%,rgba(224,244,255,.7),transparent 62%),#fffcf5e0;box-shadow:var(--shadow-soft)}.lighthouse-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.lighthouse-head h2{margin-top:8px;font-family:var(--font-serif);font-size:clamp(20px,2.4vw,26px)}.lighthouse-head h2 b{color:var(--gold-deep);font-size:1.22em}.lighthouse-head p{margin-top:8px;max-width:62ch;color:var(--ink-2);font-size:12.5px;line-height:1.85}.lighthouse-meter{display:grid;justify-items:center;gap:2px;padding:12px 20px;border-radius:var(--radius-md);border:1px solid rgba(191,148,71,.3);background:#ffffffc7}.lighthouse-meter b{font-family:var(--font-serif);font-size:30px;line-height:1;color:var(--gold-deep)}.lighthouse-meter b small{font-size:14px}.lighthouse-meter span{color:var(--muted);font-size:10px;letter-spacing:.06em}.lighthouse-body{display:grid;grid-template-columns:180px minmax(0,1fr);gap:clamp(16px,2.6vw,32px);align-items:center;margin-top:18px}.lighthouse-art svg{width:100%;height:auto;max-height:220px}.lighthouse-projects{display:grid;gap:9px}.lh-project{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:center}.lh-project-head{display:grid;gap:1px}.lh-project-head b{font-size:11px;color:var(--ink-2)}.lh-project-head span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.lh-lamps{display:flex;flex-wrap:wrap;gap:4px}.lh-lamp{width:11px;height:11px;padding:0;border-radius:50%;border:1px solid rgba(150,140,120,.35);background:#fff9;transition:transform .16s var(--ease-back),box-shadow .16s}.lh-lamp.is-lit{border-color:#c48a28b3;background:radial-gradient(circle at 35% 30%,#fff3cc,var(--gold) 70%);box-shadow:0 0 6px #ffc247bf;cursor:pointer}.lh-lamp.is-lit:hover{transform:scale(1.45);box-shadow:0 0 10px #ffc247f2}.lh-lamp:disabled{cursor:default}.lighthouse-next{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:14px;border-top:1px dashed rgba(150,140,120,.3)}.lighthouse-next-title{color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.06em}.lighthouse-next-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-pill);border:1px solid var(--line);background:#fffc;color:var(--ink-2);font-size:11px;transition:all .18s var(--ease-soft)}.lighthouse-next-chip:hover{border-color:var(--gold);color:var(--gold-deep)}.lighthouse-next-chip small{color:var(--muted);font-size:9.5px}.lighthouse-next-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px #ffc24738}.feedback-lamp{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:5px 11px;border-radius:var(--radius-pill);border:1px solid rgba(191,148,71,.4);background:#fff2cdb8;color:var(--gold-deep);font-size:10.5px;font-weight:600}.state-bars{display:grid;gap:6px;min-width:148px}.state-row{display:grid;grid-template-columns:34px minmax(0,1fr) 54px;align-items:center;gap:7px}.state-name{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.state-track{height:8px;border-radius:var(--radius-pill);background:var(--paper-3);overflow:hidden;box-shadow:inset 0 1px 2px #7864461f}.state-fill{display:block;height:100%;border-radius:var(--radius-pill);transition:width .45s var(--ease-out),background .3s}.state-fill.tone-good{background:linear-gradient(90deg,#8fe0c6,var(--sage))}.state-fill.tone-warn{background:linear-gradient(90deg,#ffdc94,var(--gold))}.state-fill.tone-bad{background:linear-gradient(90deg,#ffcf8f,#ff9f6b)}.state-fill.tone-danger{background:linear-gradient(90deg,#ffb49c,var(--clay))}.state-fill.tone-critical{background:linear-gradient(90deg,#ff8d7a,#cf4632);animation:state-alarm 1.7s ease-in-out infinite}@keyframes state-alarm{0%,to{box-shadow:0 0 #cf463200}50%{box-shadow:0 0 0 3px #cf463238}}.state-value{color:var(--ink);font-size:12px;font-weight:700;line-height:1.1;text-align:right;font-variant-numeric:tabular-nums}.state-value small{display:block;color:var(--muted);font-size:9px;font-weight:600}.state-bars.is-compact{min-width:0;gap:4px}.state-bars.is-compact .state-row{grid-template-columns:30px 62px 34px;gap:5px}.state-bars.is-compact .state-track{height:6px}.state-bars.is-compact .state-name{font-size:9.5px}.state-bars.is-compact .state-value{font-size:10.5px}.state-bars.is-compact .state-value small{display:none}.feedback-state{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;border-radius:var(--radius-xs);font-size:12px;line-height:1.6}.feedback-state.is-worse{border:1px solid rgba(255,139,115,.38);background:#fff2ede0;color:var(--clay-deep)}.feedback-state.is-better{border:1px solid rgba(63,191,162,.38);background:#edf9f4e0;color:var(--sage-deep)}.feedback-state-nums{margin-left:auto;font-size:10.5px;font-weight:700;white-space:nowrap;opacity:.92}.result-state{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:18px 24px;align-items:center;margin-top:16px;padding:20px 22px;border-radius:var(--radius-md);border:1px solid var(--line);background:radial-gradient(420px 200px at 0% 0%,rgba(223,240,232,.55),transparent 62%),#fffcf5d6}.result-state-copy h2{margin-top:6px;font-family:var(--font-serif);font-size:20px}.result-state-copy p{margin-top:7px;color:var(--ink-2);font-size:12px;line-height:1.8}.result-state-body{display:grid;gap:10px}.state-trend svg{display:block;width:100%;height:auto}.state-trend-legend{display:flex;gap:14px;color:var(--muted);font-size:10px}.state-trend-legend span{display:inline-flex;align-items:center;gap:5px}.state-trend-legend i{width:8px;height:8px;border-radius:50%}.state-trend-legend .dot-sage{background:var(--sage)}.state-trend-legend .dot-clay{background:var(--clay)}.state-incidents{grid-column:1 / -1;display:grid;gap:6px}.state-incident{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px;border-radius:var(--radius-xs);background:var(--clay-soft);color:var(--clay-deep);font-size:11.5px;line-height:1.6}.state-incident b{font-weight:700}.review-nonsingle{margin-top:10px}.review-nonsingle-title{display:inline-block;margin-bottom:6px;color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.05em}.review-nonsingle ul,.review-nonsingle ol{display:grid;gap:4px;padding-left:18px}.review-nonsingle li{color:var(--ink-2);font-size:12px;line-height:1.7}.review-nonsingle li b{color:var(--sage-deep)}.review-card{display:grid;grid-template-columns:26px minmax(0,1fr);gap:4px 10px;padding:9px 12px;border-radius:var(--radius-xs);border:1px solid var(--line-soft);background:#ffffffad}.review-card+.review-card{margin-top:6px}.review-card.is-right{border-color:#3fbfa26b;background:#edf9f4b3}.review-card.is-wrong{border-color:#ff8b736b;background:#fff2edb3}.review-card-no{color:var(--muted);font-family:var(--font-serif);font-size:11px;font-weight:700}.review-card p{margin:0;color:var(--ink);font-size:12.5px;line-height:1.65}.review-card small{grid-column:2;color:var(--muted);font-size:10.5px}.handover-card{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:clamp(24px,3vw,36px);padding:22px 24px;border-radius:var(--radius-lg);border:1px solid rgba(32,121,166,.3);background:linear-gradient(120deg,#e0f4ffc7,#fffcf5d9)}.handover-copy h2{display:flex;align-items:center;gap:8px;margin-top:6px;font-family:var(--font-serif);font-size:21px}.handover-copy h2 svg{color:var(--blue-deep)}.handover-copy p{margin-top:8px;max-width:68ch;color:var(--ink-2);font-size:12.5px;line-height:1.85}.handover-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.handover-notice{color:var(--sage-deep);font-size:11.5px;font-weight:600}@media(max-width:980px){.training-hero,.challenge-result{grid-template-columns:minmax(0,1fr)}.training-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.challenge-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.lighthouse-body{grid-template-columns:minmax(0,1fr)}.lighthouse-art{display:none}.result-state{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.training-hub-grid,.training-hero-stats,.challenge-rules{grid-template-columns:minmax(0,1fr)}.training-next{flex-direction:column;align-items:flex-start}.mistake-head{flex-wrap:wrap}.mistake-badge{margin-left:auto}.lh-project{grid-template-columns:minmax(0,1fr);gap:5px}.handover-card{flex-direction:column;align-items:flex-start}}.daily-record{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-size:12.5px;color:var(--ink-2)}.daily-record span{display:inline-flex;align-items:center;gap:5px}.daily-state-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.daily-ended{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--clay-deep);white-space:nowrap}.daily-tone-note{margin:8px 0 0;font-size:12.5px;color:var(--sage-deep)}.daily-handover{margin-top:14px;padding:14px 16px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--paper-3)}.daily-handover p{display:flex;gap:10px;margin:0 0 8px;font-size:13px;line-height:1.7;color:var(--ink)}.daily-handover b{flex:0 0 auto;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--surface);color:var(--sage-deep);font-size:11px}.daily-copy{margin-top:4px}.daily-copied{display:block;margin-top:6px;font-size:12px;color:var(--muted)}.shift-page{--night: #1b2422;--night-2: #22302c;--night-3: #2b3a35;--night-line: rgba(255, 246, 226, .12);--night-ink: #f4efe2;--night-muted: #a9b6b0;min-height:100vh;padding:clamp(18px,3vw,34px) var(--gutter) 40px;background:radial-gradient(120% 80% at 12% 0%,rgba(255,194,71,.14),transparent 58%),radial-gradient(90% 70% at 88% 8%,rgba(98,192,239,.12),transparent 62%),linear-gradient(180deg,#16201e 0%,var(--night) 42%,#131b1a 100%);color:var(--night-ink)}.shift-page.is-report{background:radial-gradient(120% 80% at 20% 0%,rgba(255,194,71,.18),transparent 60%),linear-gradient(180deg,#1a2422,#131b1a)}.hero-shift{flex:1 1 300px;min-width:260px;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 14px;border-radius:16px;border:1px solid rgba(255,246,226,.18);background:radial-gradient(120% 160% at 0% 0%,rgba(255,194,71,.16),transparent 62%),linear-gradient(135deg,#1f2b28,#16201e);color:#f4efe2;text-align:left;box-shadow:0 14px 30px -22px #14201de6;transition:transform .22s var(--ease-soft),border-color .22s,box-shadow .22s}.hero-shift:hover{transform:translateY(-2px);border-color:#ffc24773;box-shadow:0 18px 34px -22px #14201df2}.hero-shift-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:11px;color:#ffd77a;background:#ffc24729}.hero-shift-copy{flex:1;min-width:0;display:grid;gap:2px}.hero-shift-copy b{display:flex;align-items:center;gap:6px;color:#fff8ea;font-family:var(--font-serif);font-size:14px;white-space:nowrap}.hero-shift-copy small{overflow:hidden;color:#a9b6b0;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.hero-shift-badge{display:inline-block;padding:1px 7px;border-radius:var(--radius-pill);background:var(--gold);color:#3a2a12;font-size:10.5px;font-style:normal;vertical-align:2px}.hero-shift-arrow{flex-shrink:0;color:#fff6e299;transition:color .2s,transform .2s}.hero-shift:hover .hero-shift-arrow{color:#ffd77a;transform:translate(2px)}@media(max-width:600px){.hero-shift{width:100%;flex-basis:100%}}.shift-intro{max-width:720px;margin:clamp(14px,5vh,48px) auto 0;display:grid;gap:14px;padding:clamp(22px,3vw,34px);border-radius:var(--radius-lg);border:1px solid var(--night-line);background:linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:0 40px 80px -50px #000000e6}.shift-intro .shift-back{justify-self:start}.shift-intro h1{margin:0;font-family:var(--font-serif);font-size:clamp(26px,3.4vw,36px);font-weight:600}.shift-intro-sub{margin:0;font-size:13px;color:var(--night-muted)}.shift-intro-brief{margin:4px 0 0;font-size:14.5px;line-height:1.9;color:#ddd7c8}.shift-intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.shift-intro-elder{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:var(--radius-sm);border:1px solid var(--night-line);background:#ffffff0a}.shift-intro-elder b{display:block;font-size:13.5px}.shift-intro-elder small{font-size:10.5px;color:var(--night-muted);line-height:1.5}.shift-intro-notice{display:flex;align-items:flex-start;gap:7px;margin:0;padding:11px 13px;border-radius:var(--radius-sm);background:#ffc2471a;color:#f2d69a;font-size:12.5px;line-height:1.7}.shift-intro .btn{justify-self:start}.shift-intro-history{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--night-muted)}.shift-intro-history.is-warn{color:#f2b8a0}.report-saved{margin:10px 0 0;font-size:12px;color:#9fe1cb}.report-saved.is-warn{color:#f2b8a0}.shift-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;max-width:var(--max);margin:0 auto 16px}.shift-back{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:var(--radius-pill);border:1px solid var(--night-line);background:#ffffff0d;color:var(--night-muted);font:inherit;font-size:13px;cursor:pointer;transition:.2s var(--ease-soft)}.shift-back:hover{color:var(--night-ink);border-color:#fff6e24d}.shift-kicker{display:inline-block;font-size:12px;letter-spacing:.16em;color:var(--gold);text-transform:uppercase}.shift-head-copy h1{margin:4px 0 2px;font-family:var(--font-serif);font-size:clamp(22px,2.6vw,30px);font-weight:600;letter-spacing:.02em}.shift-head-copy p{margin:0;font-size:13px;color:var(--night-muted)}.shift-clock{text-align:right;padding-left:18px;border-left:1px solid var(--night-line)}.shift-clock b{display:block;font-family:var(--font-round);font-size:clamp(26px,3vw,34px);letter-spacing:.04em;color:var(--cream);font-variant-numeric:tabular-nums}.shift-clock span{font-size:12px;color:var(--night-muted)}.shift-track{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;max-width:var(--max);margin:0 auto 20px}.track-cell{height:5px;border-radius:3px;background:#ffffff17;transition:background .3s var(--ease-soft)}.track-cell.is-past{background:#ffc2478c}.track-cell.is-now{background:var(--gold);box-shadow:0 0 0 2px #ffc24738}.shift-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;max-width:var(--max);margin:0 auto;align-items:start}.shift-main{display:grid;gap:16px}.shift-elders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shift-elder{position:relative;display:grid;gap:9px;padding:14px;border-radius:var(--radius-md);border:1px solid var(--night-line);background:linear-gradient(180deg,var(--night-2),var(--night));transition:.25s var(--ease-soft)}.shift-elder.has-event{border-color:#ff8b7380;box-shadow:0 0 0 1px #ff8b732e,0 18px 34px -26px #ff8b73cc}.shift-elder-head{display:flex;align-items:center;gap:9px}.shift-room{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ffffff12;border:1px solid var(--night-line);font-family:var(--font-round);font-size:14px;letter-spacing:.02em;color:var(--cream)}.shift-elder-head b{display:block;font-size:15px}.shift-elder-head small{font-size:11px;color:var(--night-muted)}.shift-alarm{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-pill);background:#ff8b732e;color:#ffb3a0;font-size:11px}.mini-row{display:grid;grid-template-columns:26px 1fr 24px;align-items:center;gap:8px}.mini-row i{font-style:normal;font-size:11px;color:var(--night-muted)}.mini-track{height:6px;border-radius:4px;background:#ffffff1a;overflow:hidden}.mini-fill{display:block;height:100%;border-radius:4px;transition:width .45s var(--ease-out)}.mini-row em{font-style:normal;font-size:11px;color:var(--night-muted);text-align:right;font-variant-numeric:tabular-nums}.mini-fill.tone-good{background:linear-gradient(90deg,#4fd0b0,#3fbfa2)}.mini-fill.tone-warn{background:linear-gradient(90deg,#ffc247,#ffab5e)}.mini-fill.tone-bad{background:linear-gradient(90deg,#ffab5e,#f58a4b)}.mini-fill.tone-danger{background:linear-gradient(90deg,#ff8b73,#e2513a)}.mini-fill.tone-critical{background:linear-gradient(90deg,#ff5c4a,#d1362a);animation:mini-alarm 1.7s ease-in-out infinite}@keyframes mini-alarm{0%,to{box-shadow:0 0 #d1362a00}50%{box-shadow:0 0 0 3px #d1362a47}}.shift-elder-note{margin:0;font-size:12px;line-height:1.6;color:var(--night-muted);min-height:38px}.shift-go{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-radius:var(--radius-sm);border:1px solid var(--night-line);background:#ffffff0f;color:var(--night-ink);font:inherit;font-size:12.5px;cursor:pointer;transition:.2s var(--ease-soft)}.shift-go:hover{background:#3fbfa233;border-color:#3fbfa280}.shift-events{padding:16px;border-radius:var(--radius-md);border:1px solid var(--night-line);background:#ffffff09}.shift-events-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.shift-events-head h2{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:14px;font-weight:600}.shift-events-head span{font-size:12px;color:var(--night-muted)}.shift-empty{margin:0;padding:18px;border-radius:var(--radius-sm);border:1px dashed var(--night-line);font-size:13px;color:var(--night-muted);text-align:center}.shift-event-grid{display:grid;gap:10px}.shift-event{padding:13px 14px;border-radius:var(--radius-sm);border:1px solid var(--night-line);background:linear-gradient(180deg,#ffffff0e,#ffffff05);animation:shift-in .35s var(--ease-out)}.shift-event.is-urgent{border-color:#ff8b738c;background:linear-gradient(180deg,#ff8b7324,#ff8b730a)}@keyframes shift-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.event-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.event-tag{padding:2px 8px;border-radius:var(--radius-pill);background:#ffc24729;color:#ffd77a;font-size:11px}.event-room{font-size:11.5px;color:var(--night-muted)}.event-left{margin-left:auto;font-size:11.5px;color:#ffb3a0;font-variant-numeric:tabular-nums}.event-title{display:block;font-size:14.5px;margin-bottom:4px}.event-detail{margin:0 0 10px;font-size:12.5px;line-height:1.65;color:var(--night-muted)}.event-foot{display:flex;align-items:center;gap:10px}.event-where{font-size:11.5px;color:var(--night-muted)}.event-where.is-here{color:#7fe0c6}.event-handle{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:var(--radius-pill);border:none;background:linear-gradient(180deg,#ffc247,#ffab5e);color:#3a2a12;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:.2s var(--ease-soft)}.event-handle:hover{transform:translateY(-1px);box-shadow:0 12px 22px -14px #ffc247e6}.shift-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.shift-action{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border-radius:var(--radius-sm);border:1px solid var(--night-line);background:#ffffff0d;color:var(--night-ink);font:inherit;cursor:pointer;transition:.2s var(--ease-soft)}.shift-action b{display:block;font-size:13px;font-weight:600}.shift-action small{font-size:11px;color:var(--night-muted)}.shift-action:hover{background:#ffffff1a;border-color:#fff6e247}.shift-tip{display:inline-flex;align-items:center;gap:6px;margin:0 0 0 auto;font-size:11.5px;color:var(--night-muted)}.shift-log{position:sticky;top:18px;padding:16px;border-radius:var(--radius-md);border:1px solid var(--night-line);background:#ffffff09;max-height:62vh;overflow:auto}.shift-log h3{margin:0 0 10px;font-size:13px;letter-spacing:.08em;color:var(--night-muted)}.shift-log ol{margin:0;padding:0;list-style:none;display:grid;gap:9px}.shift-log li{font-size:12px;line-height:1.65;color:var(--night-muted);padding-left:10px;border-left:2px solid var(--night-line)}.shift-log li.log-good{border-left-color:#3fbfa2b3;color:#d8efe6}.shift-log li.log-bad{border-left-color:#ff8b73cc;color:#ffcfc2}.log-empty{margin:0;font-size:12px;color:var(--night-muted)}.shift-report{max-width:940px;margin:0 auto;display:grid;gap:20px}.report-top{display:flex;align-items:center;justify-content:space-between}.report-clock{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--night-muted)}.report-head{display:grid;gap:8px}.report-kicker{font-size:12px;letter-spacing:.16em;color:var(--gold)}.report-head h1{margin:0;font-family:var(--font-serif);font-size:clamp(26px,3.4vw,38px);font-weight:600}.report-stars{display:flex;align-items:center;gap:5px;color:#ffffff38}.report-stars .is-on{color:var(--gold);fill:var(--gold)}.report-stars small{margin-left:8px;font-size:12px;color:var(--night-muted)}.report-lead{margin:6px 0 0;font-size:14px;line-height:1.85;color:#d9d3c4;max-width:62ch}.report-lead b{color:var(--cream)}.report-elders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.report-elder{padding:14px;border-radius:var(--radius-md);border:1px solid var(--night-line);background:#ffffff0a;display:grid;gap:8px}.report-elder.is-hurt{border-color:#ff8b7366}.report-elder-head{display:flex;align-items:center;gap:8px;margin-bottom:2px}.report-elder-head b{display:block;font-size:14px}.report-elder-head small{font-size:11px;color:var(--night-muted)}.report-room{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#ffffff12;font-family:var(--font-round);font-size:12.5px;color:var(--cream)}.report-visits{margin-left:auto;font-size:11.5px;color:var(--night-muted)}.report-elder-foot{margin:2px 0 0;font-size:11.5px;color:var(--night-muted)}.report-hurt{color:#ffb3a0}.report-block{padding:16px 18px;border-radius:var(--radius-md);border:1px solid var(--night-line);background:#ffffff09}.report-block h2{display:inline-flex;align-items:center;gap:7px;margin:0 0 10px;font-size:14px;font-weight:600}.report-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}.report-list b{font-size:13px}.report-list p{margin:3px 0 4px;font-size:12.5px;line-height:1.7;color:var(--night-muted)}.report-list small{font-size:11.5px;color:#7fe0c6;line-height:1.6}.report-plain{margin:0;font-size:13px;line-height:1.8;color:var(--night-muted)}.report-kps{display:flex;flex-wrap:wrap;gap:8px}.report-kp{display:inline-flex;align-items:baseline;gap:6px;padding:5px 10px;border-radius:var(--radius-pill);border:1px solid var(--night-line);font-size:12px;color:#e6e0d2}.report-kp small{font-size:10.5px;color:var(--night-muted)}.report-actions{display:flex;flex-wrap:wrap;gap:10px}.report-actions .btn{box-shadow:none}.report-actions .btn-ghost{color:var(--night-ink);background:#ffffff0f;border-color:var(--night-line)}.report-actions .btn-ghost:hover{background:#ffffff1f}.report-note{margin:0;font-size:11.5px;color:var(--night-muted)}@media(max-width:1100px){.shift-body{grid-template-columns:1fr}.shift-log{position:static;max-height:none}.shift-log ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.shift-elders,.report-elders{grid-template-columns:1fr}.shift-head{grid-template-columns:auto 1fr;row-gap:10px}.shift-clock{grid-column:1 / -1;text-align:left;padding-left:0;border-left:none;border-top:1px solid var(--night-line);padding-top:8px}.shift-track{gap:2px}.shift-tip{margin-left:0}.shift-log ol{grid-template-columns:1fr}}.game-page.is-story-phase{min-height:100vh;padding-bottom:40px;background:radial-gradient(120% 70% at 14% 0%,rgba(255,194,71,.12),transparent 58%),radial-gradient(90% 60% at 86% 4%,rgba(98,192,239,.1),transparent 62%),linear-gradient(180deg,#16201e,#131b19 46%,#101716);color:#f2ece0}.story-levelbar{display:flex;align-items:center;gap:14px;max-width:1180px;margin:0 auto 10px;padding:6px 2px}.story-levelbar-label{display:grid;gap:1px;margin-right:auto}.story-levelbar-label span{font-size:11.5px;letter-spacing:.16em;color:#9fb0aa}.story-levelbar-label b{font-family:var(--font-serif);font-size:16px;font-weight:600;color:#f6f0e2}.story-levelbar-steps{display:flex;align-items:center;gap:8px;font-size:12px;color:#9fb0aa}.story-levelbar-steps i{font-style:normal;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,246,226,.14)}.story-levelbar-steps i.is-now{background:#ffc24729;border-color:#ffc2476b;color:#ffd77a}.story-flow{--sf-ink: #f2ece0;--sf-muted: #a7b1ad;--sf-line: rgba(255, 246, 226, .13);max-width:1180px;margin:0 auto;color:var(--sf-ink)}.story-flow h1,.story-flow h2{font-family:var(--font-serif);font-weight:600;letter-spacing:.01em}.story-back{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,246,226,.16);background:#ffffff0a;color:#cfd8d3;font-size:12.5px;cursor:pointer;transition:background .2s ease,color .2s ease}.story-back:hover{background:#ffffff1a;color:#fff8ea}.story-kicker{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#ffd77a}.story-loading{margin:18vh auto;text-align:center;color:var(--sf-muted)}.story-error{margin:10px 0 0;font-size:12.5px;color:#ff9b86}.story-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:0;border-radius:999px;background:linear-gradient(135deg,#ffcf6e,#f0a94f);color:#3a2a12;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 18px 34px -22px #ffc247e6;transition:transform .18s ease,box-shadow .18s ease}.story-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 40px -20px #ffc247f2}.story-cta:disabled{opacity:.6;cursor:default}.story-ghost{display:inline-flex;align-items:center;gap:6px;padding:11px 18px;border-radius:999px;border:1px solid rgba(255,246,226,.2);background:transparent;color:#cfd8d3;font-size:13px;cursor:pointer}.story-ghost:hover{background:#ffffff12;color:#fff8ea}.story-intro-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:22px;margin-top:6px}.story-intro-art{position:relative;margin:0;min-height:460px;border-radius:26px;overflow:hidden;background-color:#1b2422;background-size:cover;background-position:center 32%;border:1px solid var(--sf-line);box-shadow:0 40px 80px -60px #000}.story-intro-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0c12111a,#0c12111f 46%,#0c1211db)}.story-intro-art figcaption{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;font-family:var(--font-serif);font-size:clamp(17px,1.8vw,21px);line-height:1.6;color:#fdf7e9;text-shadow:0 2px 18px rgba(0,0,0,.55)}.story-time{position:absolute;z-index:2;top:16px;left:16px;display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;background:#0c12119e;border:1px solid rgba(255,246,226,.18);color:#e7e0d1;font-size:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.story-intro-copy{display:grid;align-content:start;gap:12px;padding:clamp(20px,2.4vw,30px);border-radius:26px;border:1px solid var(--sf-line);background:linear-gradient(180deg,#ffffff0e,#ffffff05)}.story-intro-copy h1{margin:0;font-size:clamp(24px,3vw,34px)}.story-intro-sub{margin:-6px 0 0;font-size:13px;color:var(--sf-muted)}.story-intro-body{margin:0;font-size:14.5px;line-height:1.95;color:#ded8c9}.story-case{display:grid;gap:6px;padding:13px 15px;border-radius:16px;border:1px dashed rgba(255,246,226,.2);background:#ffffff08}.story-case div{display:flex;align-items:baseline;gap:9px}.story-case b{font-size:15px;color:#fff8ea}.story-case small,.story-case p{margin:0;font-size:12.5px;color:var(--sf-muted)}.story-risks{display:flex;gap:6px;flex-wrap:wrap}.story-risks em{font-style:normal;padding:2px 9px;border-radius:999px;background:#ff8a7024;color:#ffb8a3;font-size:11.5px}.story-notice{display:flex;align-items:flex-start;gap:7px;margin:0;font-size:12.5px;line-height:1.75;color:#cfc7b4}.story-intro-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#8f9d97}.story-intro-meta span{display:inline-flex;align-items:center;gap:5px}.story-intro-copy .story-cta{justify-self:start;margin-top:4px}.story-top{display:flex;align-items:center;gap:14px;padding:4px 2px 12px}.story-top-title{display:grid;gap:1px;margin-right:auto}.story-top-title b{font-family:var(--font-serif);font-size:16px;color:#f7f1e3}.story-top-title small{font-size:11.5px;color:var(--sf-muted)}.story-top-state{display:flex;gap:14px}.story-bar{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--sf-muted)}.story-bar i{font-style:normal}.story-bar em{font-style:normal;font-variant-numeric:tabular-nums;color:#e7e0d1;min-width:22px;text-align:right}.story-bar-track{width:76px;height:6px;border-radius:999px;background:#fff6e224;overflow:hidden}.story-bar-fill{display:block;height:100%;border-radius:999px;transition:width .5s ease}.story-bar-fill.is-mood.tone-good{background:linear-gradient(90deg,#4fd6b0,#7fe6c6)}.story-bar-fill.is-mood.tone-warn{background:linear-gradient(90deg,#ffc247,#ffd77a)}.story-bar-fill.is-mood.tone-bad{background:linear-gradient(90deg,#ffa94d,#ffc270)}.story-bar-fill.is-mood.tone-danger{background:linear-gradient(90deg,#ff7a5c,#ffa07a)}.story-bar-fill.is-mood.tone-critical{background:linear-gradient(90deg,#ff5a4a,#ff8a6a);animation:story-alarm 1.7s ease-in-out infinite}.story-bar-fill.is-safety.tone-good{background:linear-gradient(90deg,#4fd6b0,#7fe6c6)}.story-bar-fill.is-safety.tone-warn{background:linear-gradient(90deg,#ffc247,#ffd77a)}.story-bar-fill.is-safety.tone-bad{background:linear-gradient(90deg,#ffa94d,#ffc270)}.story-bar-fill.is-safety.tone-danger{background:linear-gradient(90deg,#ff5c5c,#ff8f6b)}.story-bar-fill.is-safety.tone-critical{background:linear-gradient(90deg,#ff4a4a,#ff7a5c);animation:story-alarm 1.7s ease-in-out infinite}@keyframes story-alarm{0%,to{box-shadow:0 0 #ff5a4a00}50%{box-shadow:0 0 0 3px #ff5a4a42}}.story-stage{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);border-radius:26px;overflow:hidden;border:1px solid var(--sf-line);background:#131b19;box-shadow:0 46px 90px -66px #000}.story-art{position:relative;margin:0;min-height:560px;background-color:#1b2422;background-size:cover;background-position:center 38%}.story-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#0c12110f,#0c121157)}.story-flow.tone-dusk .story-art:after{background:linear-gradient(120deg,#40220c2e,#0c121166);mix-blend-mode:multiply}.story-flow.tone-night .story-art:after{background:linear-gradient(120deg,#0a182e6b,#060c1294);mix-blend-mode:multiply}.story-art-tag{position:absolute;z-index:2;bottom:16px;left:16px;padding:4px 11px;border-radius:999px;background:#0c121199;border:1px solid rgba(255,246,226,.16);color:#d8d2c2;font-size:11.5px}.story-script{display:flex;flex-direction:column;gap:12px;padding:clamp(20px,2.2vw,28px);max-height:640px;overflow-y:auto;border-left:1px solid var(--sf-line);background:linear-gradient(180deg,#ffffff0d,#ffffff04)}.story-scene{margin:0;font-size:13.5px;line-height:1.9;color:#b9c3bd}.story-line{margin:2px 0 0;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,246,226,.12);border-left:3px solid rgba(255,194,71,.55);background:#ffffff0a;font-family:var(--font-serif);font-size:16px;line-height:1.85;color:#fbf5e7}.story-line b{display:block;margin-bottom:3px;font-family:var(--font-sans);font-size:11.5px;font-weight:500;letter-spacing:.06em;color:#ffd77a}.story-stem{margin:4px 0 0;font-size:15px;font-weight:600;line-height:1.7;color:#f4eee0}.story-options{list-style:none;display:grid;gap:9px;margin:0;padding:0}.story-options button{display:flex;align-items:flex-start;gap:11px;width:100%;padding:12px 14px;text-align:left;border-radius:14px;border:1px solid rgba(255,246,226,.14);background:#ffffff09;color:#ece6d8;font-size:13.5px;line-height:1.7;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.story-options button:hover:not(:disabled){border-color:#ffc24780;background:#ffc24717;transform:translate(2px)}.story-options button:disabled{opacity:.6;cursor:default}.story-options button.is-locked{opacity:1;border-style:dashed;border-color:#fff6e229;background:#ffffff04;color:#8b968f;cursor:not-allowed;transform:none}.story-options button.is-locked .story-option-no{background:#fff6e20f;color:#6f7b76}.story-option-lock{display:block;margin-top:4px;font-size:12px;font-style:normal;letter-spacing:.02em;color:#7f8c87}.story-option-new{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:#ffc24729;color:#ffd77a;font-size:10.5px;font-style:normal;vertical-align:1px}.story-option-no{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:8px;background:#fff6e21a;color:#cfc7b4;font-size:11.5px;font-variant-numeric:tabular-nums}.story-option-text{flex:1}.story-beat{display:grid;gap:12px;padding:4px 0 0;animation:story-beat-in .34s ease both}@keyframes story-beat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.story-beat-kicker{font-size:11px;letter-spacing:.18em;color:#8f9d97}.story-reaction{margin:0;font-family:var(--font-serif);font-size:16.5px;line-height:2;color:#fdf7e9}.story-gains{list-style:none;display:grid;gap:6px;margin:0;padding:12px 14px;border-radius:14px;border:1px dashed rgba(98,192,239,.38);background:#62c0ef14}.story-gains li{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#bfe3f6}.story-gains b{color:#eaf7ff}.story-beat .story-cta{justify-self:start}.story-clues{margin-top:auto;padding-top:14px;border-top:1px dashed rgba(255,246,226,.12)}.story-clues-head{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;letter-spacing:.06em;color:#8f9d97}.story-clues-empty{margin:8px 0 0;font-size:12.5px;color:#7f8c87}.story-clue-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.story-clue{padding:5px 11px;border-radius:999px;border:1px solid rgba(255,246,226,.16);background:#ffffff0d;color:#ded8c9;font-size:12px;cursor:pointer}.story-clue.is-open,.story-clue:hover{border-color:#62c0ef80;background:#62c0ef24;color:#eaf7ff}.story-clue-text{margin:9px 0 0;padding:11px 13px;border-radius:12px;background:#62c0ef14;font-size:12.5px;line-height:1.8;color:#c8dbe4}.story-ending{max-width:780px;margin:0 auto;padding:clamp(24px,3vw,38px);border-radius:26px;border:1px solid var(--sf-line);background:radial-gradient(120% 90% at 50% -20%,rgba(255,194,71,.13),transparent 62%),linear-gradient(180deg,#ffffff0d,#ffffff04);display:grid;gap:14px}.story-flow.tone-incident .story-ending{background:radial-gradient(120% 90% at 50% -20%,rgba(255,108,92,.16),transparent 62%),linear-gradient(180deg,#ffffff0d,#ffffff04)}.story-flow.tone-refuse .story-ending{background:radial-gradient(120% 90% at 50% -20%,rgba(255,138,112,.14),transparent 62%),linear-gradient(180deg,#ffffff0d,#ffffff04)}.story-ending-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.story-ending-clock{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#9fb0aa}.story-ending-kicker{font-size:11.5px;letter-spacing:.2em;color:#8f9d97}.story-ending h1{margin:-4px 0 0;font-size:clamp(25px,3.2vw,34px);line-height:1.4}.story-ending-rate{display:flex;align-items:center;gap:10px}.story-ending-rate small{font-size:12px;color:var(--sf-muted)}.story-stars{display:inline-flex;gap:3px;color:#fff6e238}.story-stars .is-on{color:#ffc247;filter:drop-shadow(0 0 8px rgba(255,194,71,.45))}.story-ending-text{margin:0;font-family:var(--font-serif);font-size:16px;line-height:2.05;color:#f3ecdd}.story-ending-advice{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,194,71,.26);background:#ffc24714}.story-ending-advice b{font-size:12px;letter-spacing:.1em;color:#ffd77a}.story-ending-advice p{margin:6px 0 0;font-size:13.5px;line-height:1.85;color:#efe6d2}.story-block{display:grid;gap:9px;padding-top:12px;border-top:1px dashed rgba(255,246,226,.12)}.story-block h2{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;color:#e7e0d1}.story-path{list-style:none;display:grid;gap:6px;margin:0;padding:0;counter-reset:none}.story-path li{display:flex;gap:10px;font-size:12.5px;line-height:1.7;color:#b9c3bd}.story-path li span{flex:none;font-variant-numeric:tabular-nums;color:#7f8c87}.story-kps{display:grid;gap:9px}.story-kps article{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,246,226,.12);background:#ffffff09}.story-kps div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.story-kps b{font-size:13.5px;color:#fbf5e7}.story-kps small{font-size:11.5px;color:#8f9d97;white-space:nowrap}.story-kps p{margin:6px 0 0;font-size:12.5px;line-height:1.8;color:#b9c3bd}.story-kps q{display:block;margin-top:7px;padding-left:10px;border-left:2px solid rgba(255,194,71,.4);font-family:var(--font-serif);font-size:12.5px;line-height:1.8;color:#cfc7b4}.story-ending-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:6px}.story-ending-note{margin:0;font-size:12px;line-height:1.8;color:#8f9d97}@media(max-width:980px){.story-intro-grid,.story-stage{grid-template-columns:minmax(0,1fr)}.story-intro-art,.story-art{min-height:300px}.story-script{max-height:none;border-left:0;border-top:1px solid var(--sf-line)}.story-levelbar,.story-top{flex-wrap:wrap}.story-top-state{width:100%}}@media(max-width:760px){.story-flow{padding-bottom:132px}}@media(max-width:560px){.story-intro-art,.story-art{min-height:220px}.story-ending{padding:20px 16px}.story-bar-track{width:56px}}.story-ending-epilogue{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,246,226,.14);background:#fff6e20d}.story-ending-epilogue b{font-size:12px;letter-spacing:.1em;color:#9fd8c4}.story-ending-epilogue p{margin:6px 0 0;font-family:var(--font-serif);font-size:14px;line-height:1.95;color:#efe6d2}.story-review{display:grid;gap:12px;padding-top:14px;border-top:1px dashed rgba(255,246,226,.12)}.story-review-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.story-review-title h2{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:500;color:#f3ecdd}.story-review-title small{font-size:11px;color:#f3ecdd8c}.story-review-loading,.story-review-error{margin:0;font-size:12px;color:#f3ecdd99}.story-review-error{color:#ffb4a2}.story-review-item{display:grid;gap:8px;padding:14px 15px;border-radius:14px;border:1px solid rgba(255,246,226,.12);background:#fff6e20a}.story-review-item.is-correct{border-color:#5ec9a673}.story-review-item.is-wrong{border-color:#ff8b7373}.story-review-head{display:flex;align-items:flex-start;gap:8px}.story-review-no{flex-shrink:0;padding-top:2px;font-size:11px;color:#f3ecdd80}.story-review-head b{font-size:13.5px;font-weight:500;line-height:1.7;color:#f3ecdd}.story-review-tag{flex-shrink:0;margin-left:auto;padding:2px 8px;border-radius:var(--radius-pill);font-size:10.5px;background:#ff8b732e;color:#ffb4a2}.story-review-tag.is-correct{background:#5ec9a62e;color:#8fe0c6}.story-review-scene{margin:0;font-size:11.5px;line-height:1.7;color:#f3ecdd8c}.story-review-feedback{display:grid;gap:8px;padding-top:8px;border-top:1px dashed rgba(255,246,226,.1)}.story-review-feedback p{margin:0;font-size:12.5px;line-height:1.85;color:#efe6d2}.story-review-basis{display:inline-flex;align-items:center;gap:5px;font-size:11px!important;letter-spacing:.06em;color:#ffd77a!important}.story-review .option-list{display:grid;gap:7px}.story-review .option{background:#fff6e20f;border-color:#fff6e229;color:#f3ecdd}.story-review .option:hover:not(:disabled){background:#fff6e21f;border-color:#9fd8c499}.story-review .option.is-correct{background:#5ec9a62e;border-color:#5ec9a68c}.story-review .option.is-wrong{background:#ff8b7329;border-color:#ff8b738c}.story-review .option-letter{background:#fff6e21f;color:#efe6d2}.story-review .option.is-correct .option-letter{background:#3fae8c;color:#06231b}.story-review .option.is-wrong .option-letter{background:#d9714f;color:#2a0f07}.story-review .source-item{background:#fff6e20f}.story-review .source-item p,.story-review .source-item blockquote{color:#f3ecddb8}.story-review .source-item-head b{color:#f3ecdd}.home-page>.hero{padding-top:calc(clamp(84px,7vw,110px) + 20px)}.mascot-layer{--mascot-top-h: clamp(84px, 7vw, 110px);--mascot-bottom-h: clamp(150px, 22vh, 225px);--mascot-top-offset: calc(var(--topbar-h) + 10px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.mascot{position:absolute;display:block;height:var(--mascot-bottom-h);padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;animation:mascotEnter .72s var(--ease-back) both}.mascot--tl,.mascot--tr{height:var(--mascot-top-h);top:var(--mascot-top-offset)}.mascot--tl{left:12px}.mascot--tr{right:12px;animation-delay:.06s}.mascot--bl{left:12px;bottom:calc(18px + env(safe-area-inset-bottom,0px));animation-delay:.12s}.mascot--br{right:12px;bottom:calc(18px + env(safe-area-inset-bottom,0px));animation-delay:.18s}.mascot-body{position:relative;display:block;height:100%;transform-origin:50% 100%;animation:mascotFloat 7s ease-in-out infinite}.mascot--tr .mascot-body{animation-delay:-2.4s;animation-duration:8s}.mascot--bl .mascot-body{animation-delay:-4.1s;animation-duration:7.6s}.mascot--br .mascot-body{animation-delay:-1.3s;animation-duration:8.4s}.mascot.is-active .mascot-body{animation-play-state:paused}.mascot-frames{position:relative;display:inline-block;height:100%}.mascot-img{display:block;height:100%;width:auto;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50% 92%;filter:saturate(.96) contrast(1.02) drop-shadow(0 16px 18px rgba(116,86,38,.16));transition:transform .25s var(--ease-back),filter .25s ease,opacity .16s ease}.mascot:hover .frame-front{transform:translateY(-3px) scale(1.025);filter:saturate(1) contrast(1.02) drop-shadow(0 20px 22px rgba(116,86,38,.2))}.mascot:active .frame-front{transform:translateY(-1px) scale(.99)}.mascot .frame-side,.mascot .frame-back,.mascot .frame-laugh{position:absolute;left:50%;top:0;opacity:0;transform:translate(-50%);pointer-events:none}.mascot .frame-side.mirrored{transform:translate(-50%) scaleX(-1)}.mascot-halo{position:absolute;left:50%;bottom:-2%;width:118%;height:46%;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,#ffc2474d,#fff8ec00 70%);filter:blur(9px);z-index:0;pointer-events:none}.mascot-eyes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;transition:opacity .2s ease}.mascot-eye{position:absolute;aspect-ratio:11 / 12;transform:translate(-50%,-50%)}.mascot-pupil{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 36% 28%,#4c483c 0,#4c483c 14%,#171714 45%,#050505 78%);box-shadow:inset 0 0 0 1px #ffffff0a;transform:translate(var(--look-x, 0px),var(--look-y, 0px));transition:transform .08s linear;will-change:transform}.mascot-pupil:after{content:"";position:absolute;left:20%;top:16%;width:28%;height:28%;border-radius:50%;background:#ffffffe0;filter:blur(.3px)}.mascot-ring{position:absolute;left:50%;top:47%;width:96%;aspect-ratio:1 / 1.16;border:2px solid rgba(255,194,71,.65);border-radius:50%;transform:translate(-50%,-50%) scale(.7);opacity:0;pointer-events:none}.mascot-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.mascot-fx .spark{position:absolute;left:50%;top:44%;width:7px;height:7px;border-radius:2px;opacity:0;transform:rotate(45deg)}.spark-gold{background:var(--gold);box-shadow:0 0 8px #ffc247cc}.spark-clay{background:var(--clay);box-shadow:0 0 8px #ff8b73b3}.spark-sage{background:var(--sage);box-shadow:0 0 8px #3fbfa2b3}.spark-berry{background:var(--berry);box-shadow:0 0 8px #f97ca0b3}.mascot.is-active[data-action=wave] .mascot-img{animation:mascotWave 1.1s var(--ease-soft) both}.mascot.is-active[data-action=wiggle] .mascot-img{animation:mascotWiggle 1.05s var(--ease-soft) both}.mascot.is-active[data-action=spin] .mascot-frames{animation:mascotSpinHop 1.15s var(--ease-soft) both}.mascot.is-active[data-action=spin] .frame-front{animation:mascotTurnFront 1.15s linear both}.mascot.is-active[data-action=spin] .frame-side{animation:mascotTurnSide 1.15s linear both}.mascot.is-active[data-action=spin] .frame-back{animation:mascotTurnBack 1.15s linear both}.mascot.is-active[data-action=spin] .frame-side.mirrored{animation:mascotTurnMirror 1.15s linear both}.mascot.is-active[data-action=spin] .mascot-eyes{animation:mascotEyesHide 1.15s linear both}.mascot.is-active[data-action=bounce] .mascot-frames{animation:mascotBounce 1.05s var(--ease-back) both}.mascot.is-active .mascot-ring{animation:mascotRing .72s var(--ease-out) both}.mascot.is-active .spark{animation:mascotSpark .8s var(--ease-out) var(--delay, 0ms) both}.mascot.is-active[data-action=laugh] .mascot-frames,.laugh-host.is-action-laugh .mascot-frames{transform-origin:50% 100%;animation:mascotLaugh 1.5s var(--ease-soft) both}.mascot.is-active[data-action=laugh] .frame-front,.laugh-host.is-action-laugh .frame-front{opacity:0}.mascot.is-active[data-action=laugh] .frame-laugh,.laugh-host.is-action-laugh .frame-laugh{opacity:1}.mascot.is-active[data-action=laugh] .mascot-eyes,.laugh-host.is-action-laugh .mascot-eyes{opacity:0}.laugh-marks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;--lu: 15px}.mascot .laugh-marks{--lu: calc(var(--mascot-bottom-h) * .075)}.companion .laugh-marks{--lu: calc(var(--companion-h) * .1)}.laugh-marks i{position:absolute;left:50%;top:12%;font-style:normal;font-weight:800;font-size:var(--lu);line-height:1;color:var(--gold-deep);text-shadow:0 2px 0 rgba(255,252,245,.9);opacity:0}.mascot.is-active[data-action=laugh] .laugh-marks i,.laugh-host.is-action-laugh .laugh-marks i{animation:laughPop .95s var(--ease-out) var(--delay, 0ms) both}.laugh-marks i:nth-child(1){--lx: calc(var(--lu) * -2.4);--ly: calc(var(--lu) * -1.6);--rot: -20deg;--delay: 90ms}.laugh-marks i:nth-child(2){--lx: calc(var(--lu) * 2.2);--ly: calc(var(--lu) * -2.4);--rot: 16deg;--delay: .34s}.laugh-marks i:nth-child(3){--lx: calc(var(--lu) * -1.1);--ly: calc(var(--lu) * -3.6);--rot: -8deg;--delay: .6s;font-size:calc(var(--lu) * 1.2)}@keyframes mascotLaugh{0%{transform:translateY(0) rotate(0) scale(1)}8%{transform:translateY(5px) rotate(1.2deg) scale(1.05,.93)}18%{transform:translateY(-9px) rotate(-2.6deg) scale(.98,1.05)}30%{transform:translateY(3px) rotate(1.6deg) scale(1.06,.93)}42%{transform:translateY(-7px) rotate(-2deg) scale(.99,1.04)}54%{transform:translateY(2px) rotate(1.2deg) scale(1.05,.95)}66%{transform:translateY(-5px) rotate(-1.5deg) scale(.99,1.02)}78%{transform:translateY(1px) rotate(.8deg) scale(1.03,.97)}90%{transform:translateY(-2px) rotate(-.5deg) scale(1.005)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes laughPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(0)}22%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--lx)),calc(-50% + var(--ly))) scale(1.15) rotate(var(--rot))}}@keyframes mascotEnter{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mascotWave{0%,to{transform:rotate(0) scale(1)}16%{transform:rotate(-5deg) scale(1.03)}34%{transform:rotate(4deg) scale(1.045)}52%{transform:rotate(-3deg) scale(1.03)}70%{transform:rotate(2deg) scale(1.04)}86%{transform:rotate(-1deg) scale(1.02)}}@keyframes mascotWiggle{0%,to{transform:translate(0) rotate(0) scale(1)}15%{transform:translate(-7px) rotate(-5deg) scale(1.05)}35%{transform:translate(6px) rotate(5deg) scale(1.06)}55%{transform:translate(-5px) rotate(-3deg) scale(1.04)}75%{transform:translate(4px) rotate(2deg) scale(1.03)}90%{transform:translate(-1px) rotate(-1deg) scale(1.01)}}@keyframes mascotSpinHop{0%,to{transform:translateY(0) scale(1)}18%{transform:translateY(-8px) scale(1.02)}48%{transform:translateY(-18px) scale(.99)}78%{transform:translateY(-6px) scale(1.015)}}@keyframes mascotTurnFront{0%,10%{opacity:1}18%,84%{opacity:0}92%,to{opacity:1}}@keyframes mascotTurnSide{0%,12%{opacity:0}22%,34%{opacity:1}42%,to{opacity:0}}@keyframes mascotTurnBack{0%,40%{opacity:0}48%,56%{opacity:1}64%,to{opacity:0}}@keyframes mascotTurnMirror{0%,62%{opacity:0}70%,78%{opacity:1}86%,to{opacity:0}}@keyframes mascotEyesHide{0%,12%{opacity:1}22%,78%{opacity:0}90%,to{opacity:1}}@keyframes mascotBounce{0%,to{transform:translateY(0) scale(1)}18%{transform:translateY(4px) scale(1.08,.9)}38%{transform:translateY(-14px) scale(.96,1.05)}58%{transform:translateY(0) scale(1.05,.94)}74%{transform:translateY(-5px) scale(.99,1.01)}88%{transform:translateY(0) scale(1.01,.99)}}@keyframes mascotRing{0%{opacity:.75;transform:translate(-50%,-50%) scale(.72)}to{opacity:0;transform:translate(-50%,-50%) scale(1.36)}}@keyframes mascotSpark{0%{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.4)}22%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(130deg) scale(.7)}}.mascot-bubble{position:absolute;z-index:10;display:flex;align-items:flex-start;gap:9px;padding:10px 13px 10px 10px;border:1px solid rgba(211,196,171,.85);border-radius:16px;background:#fffcf5fa;box-shadow:0 18px 38px -24px #5a42208c,0 1px #ffffffe6 inset;width:max-content;max-width:248px;opacity:0;visibility:hidden;transform:translateY(7px) scale(.96);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out),visibility .22s;pointer-events:none}.mascot-bubble.is-visible{opacity:1;visibility:visible;transform:none}.mascot-bubble:after{content:"";position:absolute;width:10px;height:10px;background:#fffcf5fa;border-right:1px solid rgba(211,196,171,.85);border-bottom:1px solid rgba(211,196,171,.85);transform:rotate(45deg)}.mascot--tl .mascot-bubble{left:calc(100% - 8px);top:10px}.mascot--tl .mascot-bubble:after{left:-6px;top:22px;transform:rotate(135deg)}.mascot--tr .mascot-bubble{right:calc(100% - 8px);top:10px}.mascot--tr .mascot-bubble:after{right:-6px;top:22px;transform:rotate(-45deg)}.mascot--bl .mascot-bubble{left:calc(100% - 4px);bottom:30px}.mascot--bl .mascot-bubble:after{left:-6px;bottom:18px;transform:rotate(135deg)}.mascot--br .mascot-bubble{right:calc(100% - 4px);bottom:30px}.mascot--br .mascot-bubble:after{right:-6px;bottom:18px;transform:rotate(-45deg)}.mascot-bubble-avatar{width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(255,194,71,.55);background:var(--gold-soft);object-fit:cover;flex:0 0 auto}.mascot-bubble-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.mascot-bubble-copy b{color:var(--sage-deep);font-size:11px;letter-spacing:.04em}.mascot-bubble-copy small{color:var(--ink-2);font-size:12px;line-height:1.55}.mascot:focus-visible{outline:3px solid rgba(63,191,162,.5);outline-offset:6px;border-radius:26px}@media(min-width:1600px){.home-page>.hero{padding-top:clamp(46px,6.6vw,86px)}.mascot--tl,.mascot--bl{left:calc((100vw - 1240px)/4);translate:-50% 0}.mascot--tr,.mascot--br{right:calc((100vw - 1240px)/4);translate:50% 0}}@media(max-width:760px){.home-page>.hero{padding-top:86px}.mascot-layer{--mascot-top-h: 66px;--mascot-bottom-h: 152px;--mascot-top-offset: 76px}.mascot--tl,.mascot--tr{top:var(--mascot-top-offset)}.mascot--bl,.mascot--br{bottom:calc(10px + env(safe-area-inset-bottom,0px))}.mascot-bubble{max-width:min(210px,62vw);padding:8px 10px 8px 8px;gap:7px}.mascot-bubble-avatar{width:27px;height:27px}.mascot-bubble-copy b{font-size:10px}.mascot-bubble-copy small{font-size:11px;line-height:1.5}.mascot--tl .mascot-bubble{left:40px;top:6px}.mascot--tr .mascot-bubble{right:40px;top:6px}.mascot--bl .mascot-bubble{left:44px;bottom:24px}.mascot--br .mascot-bubble{right:44px;bottom:24px}}@media(max-width:380px){.mascot-layer{--mascot-top-h: 60px;--mascot-bottom-h: 136px;--mascot-top-offset: 72px}.mascot-bubble{max-width:min(190px,58vw)}}@media(max-width:760px){.mascot-layer{display:none}}@media(prefers-reduced-motion:reduce){.mascot,.mascot-body,.mascot-img,.mascot-frames,.mascot-frames .mascot-img,.mascot-eyes,.mascot-fx .spark,.laugh-marks i,.mascot-ring{animation:none!important}.mascot:hover .frame-front{transform:none}.mascot-pupil{transition:none}}.mascot{touch-action:none;-webkit-user-select:none;user-select:none}.mascot.is-holding,.mascot.is-dragging{cursor:grabbing}.mascot.is-holding .mascot-body,.mascot.is-dragging .mascot-body{outline:2px dashed rgba(63,191,162,.55);outline-offset:6px;border-radius:26px}.mascot.is-dragging{z-index:2}.mascot:hover .mascot-body{animation-play-state:paused}.intro-page{padding-bottom:48px;animation:pageReveal .45s var(--ease-out)}.intro-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:18px 2px 20px;border-bottom:1px solid var(--line);margin-bottom:18px}.intro-topbar-title{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.3}.intro-topbar-title span{font-size:9px;letter-spacing:.16em;color:var(--clay-deep);font-weight:700}.intro-topbar-title b{font-family:var(--font-serif);font-size:18px;margin-top:3px}.intro-step{justify-self:end;padding:5px 12px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper-2);color:var(--sage-deep);font-size:10.5px;letter-spacing:.08em}.intro-hero{display:grid;grid-template-columns:1.04fr .96fr;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--paper-2);box-shadow:var(--shadow-card)}.intro-art{position:relative;min-height:460px;background:#eadfcd;overflow:hidden}.intro-art .scene-svg{width:100%;height:100%;min-height:460px;object-fit:cover;display:block}.intro-art-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#23282200 42%,#1f2822a8);pointer-events:none}.intro-art-meta{position:absolute;left:26px;right:26px;bottom:24px;display:flex;flex-direction:column;gap:6px;color:#fbf7ec;text-shadow:0 1px 12px rgba(20,26,20,.35)}.intro-art-meta>span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.82}.intro-art-meta b{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600}.intro-copy{padding:38px 42px 34px;display:flex;flex-direction:column;justify-content:center}.intro-copy h1{font-family:var(--font-serif);font-size:clamp(27px,3.2vw,38px);line-height:1.3;letter-spacing:-.01em;margin:8px 0 14px}.intro-opening{font-size:14px;line-height:1.8;color:var(--sage-deep);padding-left:14px;border-left:2px solid var(--sage);margin:0 0 14px}.intro-paragraph{font-size:14px;line-height:1.9;color:var(--ink-2);margin:0 0 12px}.intro-cast{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:8px;padding-top:14px;border-top:1px dashed var(--line);color:var(--muted);font-size:10.5px;letter-spacing:.06em}.intro-cast b{padding:3px 9px;border-radius:var(--radius-pill);background:var(--sage-soft);color:var(--sage-deep);font-size:11px;font-weight:600;letter-spacing:0}.intro-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:16px;margin-top:16px}.intro-panel{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-md);padding:24px 26px;box-shadow:var(--shadow-soft)}.intro-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}.intro-panel-head small{color:var(--muted);font-size:10.5px}.intro-clue-list{display:flex;flex-direction:column}.intro-clue{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:13px 0;border-top:1px dashed var(--line)}.intro-clue:first-child{border-top:none}.intro-clue-no{font-family:var(--font-serif);font-size:17px;color:var(--clay);line-height:1.2}.intro-clue b{display:block;font-size:12.5px;margin-bottom:2px}.intro-clue p{font-size:12.5px;color:var(--muted);margin:0;line-height:1.65}.intro-goal-head{display:flex;align-items:center;gap:8px;color:var(--clay-deep);margin-bottom:8px}.intro-goal>p{font-family:var(--font-serif);font-size:17px;line-height:1.7;margin:0 0 16px}.intro-beats{border-top:1px dashed var(--line);padding-top:12px}.intro-beats-label{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}.intro-beat{display:grid;grid-template-columns:58px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--line-soft)}.intro-beat:first-of-type{border-top:none}.intro-beat-time{font-family:var(--font-serif);font-size:12.5px;color:var(--sage-deep);padding-top:1px}.intro-beat b{display:block;font-size:12px;font-weight:600}.intro-beat small{display:block;color:var(--muted);font-size:10.5px;line-height:1.55;margin-top:2px}.intro-transition{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 28px;border-radius:var(--radius-md);background:var(--sage-deep);color:#fbf6e9;box-shadow:var(--shadow-card)}.intro-transition-copy>p{font-family:var(--font-serif);font-size:17px;line-height:1.6;margin:0;max-width:560px}.intro-transition-copy{max-width:600px}.intro-story-note{display:block;margin-top:8px;color:#fbf6e9ad;font-size:11.5px;line-height:1.65}.intro-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.intro-actions .btn-ghost{color:#fbf6e9;border-color:#fbf6e959}.intro-actions small{flex-basis:100%;text-align:right;color:#fbf6e99e;font-size:10px;line-height:1.5}.intro-replay-link{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:2px 8px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper-2);color:var(--sage-deep);font-size:10.5px}.intro-replay-link:hover{border-color:var(--sage);background:var(--sage-soft)}@media(max-width:1000px){.intro-hero{grid-template-columns:1fr}.intro-art,.intro-art .scene-svg{min-height:320px}.intro-copy{padding:28px 26px}.intro-grid{grid-template-columns:1fr}.intro-transition{flex-direction:column;align-items:flex-start}.intro-actions{justify-content:flex-start}.intro-actions small{text-align:left}}@media(max-width:700px){.intro-topbar{grid-template-columns:auto 1fr;gap:8px}.intro-step{display:none}.intro-topbar-title{align-items:flex-end}.intro-topbar-title b{font-size:14px}.intro-art,.intro-art .scene-svg{min-height:240px}.intro-copy h1{font-size:25px}.intro-copy,.intro-panel{padding:20px 18px}.intro-clue{grid-template-columns:26px 1fr}.intro-beat{grid-template-columns:52px 1fr}.intro-transition{padding:18px}.intro-transition-copy>p{font-size:15px}.intro-actions .btn{width:100%}}.question-intro-ref{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;border-radius:var(--radius-pill);background:var(--sage-soft);color:var(--sage-deep);font-size:10px;white-space:nowrap}.game-hub{display:flex;flex-direction:column;gap:16px}.question-column.is-game-hub{position:static}.game-hub-head h2{margin-top:6px;font-family:var(--font-serif);font-size:clamp(20px,1.8vw,26px);line-height:1.42;letter-spacing:-.01em}.game-hub-head p{margin-top:8px;max-width:56ch;color:var(--ink-2);font-size:11.5px;line-height:1.78}.game-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.game-hub-hint{margin:0;padding:9px 13px;border-radius:var(--radius-sm);background:var(--gold-soft);color:var(--gold-deep);font-size:11px;line-height:1.6}.game-hub-note{margin:0;color:var(--muted);font-size:10.5px;line-height:1.7}.game-entry{display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;border-radius:26px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out),border-color .22s var(--ease-out)}.game-entry.is-ready{cursor:pointer}.game-entry.is-ready:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-pop)}.game-entry.is-ready:active{transform:translateY(-1px) scale(.995)}.game-entry.is-soon{cursor:default}.game-entry-art{position:relative;display:flex;align-items:flex-end;justify-content:center;height:132px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,var(--accent-soft) 0%,rgba(255,255,255,.9) 70%),var(--paper-tint);border-bottom:1px solid var(--line-soft)}.game-entry-art img{height:122px;margin-bottom:7px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(116,86,38,.18));transition:transform .34s var(--ease-back)}.game-entry.is-ready:hover .game-entry-art img{transform:translateY(-5px) scale(1.04)}.game-entry.is-soon .game-entry-art img{filter:grayscale(.35) opacity(.9)}.game-entry-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:var(--radius-pill);background:#fffffff0;color:var(--accent-deep);font-size:9.5px;font-style:normal;font-weight:800;letter-spacing:.02em;box-shadow:0 6px 14px -10px #745626b3}.game-entry.is-soon .game-entry-badge{color:var(--muted)}.game-entry-body{display:flex;flex:1;flex-direction:column;gap:5px;padding:15px 17px 17px}.game-entry-name{font-family:var(--font-serif);font-size:19px;letter-spacing:-.01em}.game-entry-tag{color:var(--accent-deep);font-size:10.5px;font-weight:700}.game-entry.is-soon .game-entry-tag{color:var(--muted)}.game-entry-desc{margin-top:2px;color:var(--ink-2);font-size:11px;line-height:1.72}.game-entry-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.game-entry-meta i{padding:2px 8px;border-radius:var(--radius-pill);background:var(--paper-3);color:var(--muted);font-size:9.5px;font-style:normal}.game-entry-last{display:inline-flex;align-items:center;gap:5px;width:fit-content;max-width:100%;margin-top:5px;padding:5px 8px;border-radius:var(--radius-pill);border:1px solid rgba(63,191,162,.22);background:var(--sage-soft);color:var(--sage-deep);font-size:9.5px;font-weight:800;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-entry-last svg{flex:0 0 auto}.game-entry-cta{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:10px;color:var(--accent-deep);font-size:11.5px;font-weight:800}.game-entry.is-soon .game-entry-cta{color:var(--muted)}.game-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;gap:10px;padding:clamp(10px,2vw,22px);background:#1a130bd6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:gameModalIn .2s var(--ease-out)}@keyframes gameModalIn{0%{opacity:0}to{opacity:1}}.game-modal-bar{display:flex;align-items:center;gap:12px;flex:none;color:#fff}.game-modal-bar b{font-size:14px;letter-spacing:.01em}.game-modal-sub{color:#ffffff9e;font-size:11px}.game-modal-link{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:6px 11px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.22);color:#ffffffe6;font-size:11px;text-decoration:none;transition:background .18s}.game-modal-link:hover{background:#ffffff1f}.game-modal-close{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#ffffff1a;color:#fff;transition:background .18s}.game-modal-close:hover{background:#fff3}.game-modal-frame{flex:1;min-height:0;width:100%;border:0;border-radius:18px;background:var(--paper);box-shadow:0 30px 60px -30px #000c}@media(max-width:1000px){.game-hub-grid{grid-template-columns:1fr}.game-entry-art{height:112px}.game-entry-art img{height:132px;bottom:-14px}}@media(max-width:640px){.game-entry-art{height:104px}.game-entry-body{padding:13px 14px 15px}.game-entry-name{font-size:17px}.game-modal{padding:8px;gap:8px}.game-modal-sub{display:none}.game-modal-frame{border-radius:14px}}:root{--font-sans: "Noto Sans SC", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-display: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-round: "Nunito", "Quicksand", "Comic Sans MS", "Noto Sans SC", sans-serif;--font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;--paper: #fff8ec;--paper-2: #fffdf6;--paper-3: #f6eedd;--surface: #ffffff;--ink: #2f3d3a;--ink-2: #536562;--muted: #7f918d;--line: #eadfc9;--line-soft: #f3ebda;--sage: #3fbfa2;--sage-deep: #127a66;--sage-soft: #ddf7ee;--clay: #ff8b73;--clay-deep: #c2523a;--clay-soft: #ffe7de;--gold: #ffc247;--gold-deep: #9c6500;--gold-soft: #fff2cd;--blue: #62c0ef;--blue-deep: #2079a6;--blue-soft: #e0f4ff;--berry: #f97ca0;--berry-soft: #ffe4ec;--berry-deep: #b23a61;--lilac: #a995f6;--lilac-deep: #6a51c6;--lilac-soft: #efe9ff;--cream: #ffeccc;--primary: #ffab5e;--primary-deep: #e26a3c;--primary-soft: #fff0da;--mint: var(--sage);--mint-soft: var(--sage-soft);--paper-raised: var(--surface);--accent: var(--sage);--accent-deep: var(--sage-deep);--accent-soft: var(--sage-soft);--tone: var(--accent);--tone-deep: var(--accent-deep);--tone-soft: var(--accent-soft);--radius-xs: 10px;--radius-sm: 14px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 38px;--radius-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.22, .61, .36, 1);--ease-fluid: cubic-bezier(.19, 1, .22, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--ease-elastic: cubic-bezier(.5, 1.8, .5, 1);--topbar-h: 82px}.row{display:flex;align-items:center}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.page-shell{width:100%}.pressable{will-change:transform}.tone-sage{--tone: var(--sage);--tone-deep: var(--sage-deep);--tone-soft: var(--sage-soft);--tone-line: color-mix(in srgb, var(--sage) 34%, transparent)}.tone-clay{--tone: var(--clay);--tone-deep: var(--clay-deep);--tone-soft: var(--clay-soft);--tone-line: color-mix(in srgb, var(--clay) 34%, transparent)}.tone-gold{--tone: var(--gold);--tone-deep: var(--gold-deep);--tone-soft: var(--gold-soft);--tone-line: color-mix(in srgb, var(--gold) 40%, transparent)}.tone-blue{--tone: var(--blue);--tone-deep: var(--blue-deep);--tone-soft: var(--blue-soft);--tone-line: color-mix(in srgb, var(--blue) 34%, transparent)}.tone-berry{--tone: var(--berry);--tone-deep: var(--berry-deep);--tone-soft: var(--berry-soft);--tone-line: color-mix(in srgb, var(--berry) 34%, transparent)}.tone-lilac{--tone: var(--lilac);--tone-deep: var(--lilac-deep);--tone-soft: var(--lilac-soft);--tone-line: color-mix(in srgb, var(--lilac) 34%, transparent)}body{font-size:15px;line-height:1.75;background:radial-gradient(820px 620px at 6% -6%,#d9f6ec 0%,transparent 62%),radial-gradient(680px 540px at 98% 0%,#ffe7d4 0%,transparent 55%),radial-gradient(900px 700px at 92% 78%,#e9e2ff 0%,transparent 58%),radial-gradient(760px 560px at 4% 92%,#fff1c9 0%,transparent 58%),var(--paper);overflow-x:clip}body:before{opacity:.5;background-image:radial-gradient(circle at center,rgba(120,96,61,.13) 1px,transparent 1.6px),radial-gradient(circle at center,rgba(63,191,162,.1) 1px,transparent 1.6px);background-size:26px 26px,52px 52px;background-position:0 0,13px 13px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,rgba(0,0,0,.78),transparent 88%);mask-image:radial-gradient(ellipse at 50% 30%,rgba(0,0,0,.78),transparent 88%)}.app-shell{padding-bottom:18px}.app-shell.is-playing{background:linear-gradient(180deg,#fffbf2d6,#fff7eaf0)}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}h1,h2,h3,h4,.brand-copy b,.section-heading h2{font-family:var(--font-display);font-weight:900;letter-spacing:-.028em}p{line-height:1.82}::selection{background:#ffd6c4;color:var(--ink)}.topbar{height:var(--topbar-h);border-bottom:1.5px dashed rgba(186,166,132,.42);background:#fffbf2c2;backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);box-shadow:0 10px 30px -28px #7a5a32b3}.topbar-inner{gap:20px}.topbar-stitch{position:absolute;left:0;right:0;bottom:-3px;height:5px;background-image:radial-gradient(circle,rgba(255,139,115,.45) 1.5px,transparent 1.8px);background-size:18px 5px;opacity:.55;pointer-events:none}.brand{gap:12px;transition:transform .3s var(--ease-back)}.brand:hover{transform:translateY(-1px) rotate(-.6deg)}.brand-mark{position:relative;width:48px;height:48px;border-radius:16px 18px 15px 19px;color:var(--sage-deep);background:linear-gradient(145deg,#f2fff8,#d6f5e7);border:2px solid #fff;box-shadow:0 6px #c2ead9,0 14px 24px -16px #246d58b3;transform:rotate(-4deg);transition:transform .4s var(--ease-back)}.brand:hover .brand-mark{transform:rotate(4deg) scale(1.04)}.brand-mark svg{width:30px;height:30px}.brand-mark-small{width:40px;height:40px}.brand-twinkle{position:absolute;top:-5px;right:-5px;width:12px;height:12px;background:var(--gold);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);animation:twinkle 2.8s ease-in-out infinite}.brand-copy b{font-size:21px;font-weight:900;color:var(--sage-deep);letter-spacing:.01em}.topnav{gap:2px;margin-left:10px}.topnav-item{position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius-pill);color:var(--ink-2);font-size:13px;font-weight:700;isolation:isolate;transition:color .25s var(--ease-soft),transform .3s var(--ease-back)}.topnav-item:hover{color:var(--sage-deep);transform:translateY(-1px)}.topnav-item.is-active{color:var(--sage-deep);background:transparent;font-weight:900}.topnav-item.is-active:after{display:none}.nav-active-pill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,#ffffffeb,#dff8eff2);border:2px solid #fff;box-shadow:0 5px #b2e0cf8c,0 10px 18px -14px #22685480}.nav-item-icon{display:grid;place-items:center;transform:scale(.94);transition:transform .3s var(--ease-back)}.topnav-item:hover .nav-item-icon{transform:rotate(-8deg) scale(1.04)}.player-chip{padding:5px 13px 5px 5px;border:2px solid #fff;background:#ffffffe0;box-shadow:0 5px #e8dbc38c,0 12px 22px -18px #77542c99;transition:transform .3s var(--ease-back),box-shadow .3s var(--ease-soft)}.player-chip:hover{transform:translateY(-2px) rotate(.6deg);box-shadow:0 7px #e8dbc399,0 16px 26px -18px #77542ca6}.player-avatar{position:relative;width:36px;height:36px;border-radius:14px 50% 50%;background:linear-gradient(145deg,#ffc06b,#ff8b73 60%,#f97ca0);color:#fff;font-family:var(--font-display);font-weight:900;box-shadow:inset 0 2px #ffffff73}.avatar-spark{position:absolute;right:-3px;top:-3px;width:10px;height:10px;border-radius:50%;background:var(--sage);border:2px solid #fff}.player-info b{font-size:13px;font-weight:800}.player-info small{font-family:var(--font-round);color:var(--clay-deep);font-weight:700}.player-chip>svg{color:var(--muted)}.mobile-tabbar{display:none}.btn{min-height:50px;padding:0 24px;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:14px;font-weight:900;letter-spacing:.01em;border:2px solid transparent;color:#4b2d16;background:linear-gradient(135deg,#ffd76e,#ff9f5a 58%,#ff8b73);box-shadow:0 6px #d97a45,0 18px 30px -18px #c46b35cc,inset 0 2px #fff9;transition:box-shadow .25s var(--ease-soft),filter .25s}.btn:hover{filter:brightness(1.03);box-shadow:0 8px #d97a45,0 22px 34px -18px #c46b35cc,inset 0 2px #ffffffa6}.btn:active{box-shadow:inset 0 8px 18px #793f1866,0 2px #d97a45}.btn-primary{color:#4b2d16;background:linear-gradient(135deg,#ffd76e,#ff9f5a 58%,#ff8b73)}.btn-primary:hover{background:linear-gradient(135deg,#ffdf88,#ffa96a 58%,#ff9781)}.btn-ghost{color:var(--sage-deep);background:#ffffffdb;border-color:#fff;box-shadow:0 6px #d5e8ddcc,0 16px 26px -20px #30695699,inset 0 0 0 1.5px #3fbfa233}.btn-ghost:hover{background:#fff;box-shadow:0 8px #c8e8dae6,0 20px 30px -20px #30695699}.btn-small{min-height:40px;padding:0 17px;font-size:12.5px;box-shadow:0 4px #d97a45,0 12px 18px -14px #c46b35b3}.btn-tone{color:#fff;background:linear-gradient(135deg,var(--tone),var(--tone-deep));box-shadow:0 5px color-mix(in srgb,var(--tone-deep) 80%,#000),0 14px 22px -16px var(--tone-deep)}.btn:disabled{opacity:.55;filter:saturate(.65);box-shadow:0 3px #a0968780}.btn-hero{min-height:54px;font-size:15px}.icon-btn{width:40px;height:40px;border:2px solid #fff;background:var(--paper-2);box-shadow:0 3px #ded1bbb3;transition:transform .3s var(--ease-back),background .2s}.icon-btn:hover{transform:rotate(-8deg) scale(1.06);background:var(--sage-soft);color:var(--sage-deep)}.text-link,.quiet-link,.text-back{border-bottom:0;font-weight:800;color:var(--sage-deep)}.text-link:before,.quiet-link:before,.text-back:before{content:""}.text-link:hover,.quiet-link:hover,.text-back:hover{color:var(--clay-deep)}.quiet-link{color:var(--ink-2)}.pressable:active .option-text{transform:translateY(.5px)}kbd{display:inline-grid;place-items:center;min-width:19px;height:19px;margin:0 2px;padding:0 4px;border-radius:6px;border:1.5px solid var(--line);border-bottom-width:3px;background:#fff;color:var(--ink-2);font-family:var(--font-round);font-size:10px;font-weight:800}.section-kicker{gap:8px;padding:5px 11px 5px 9px;border-radius:var(--radius-pill);background:#ffffffb8;border:1.5px solid rgba(255,139,115,.26);color:var(--clay-deep);font-size:10.5px;letter-spacing:.11em}.section-kicker:before{width:7px;height:7px;border-radius:2px;background:var(--clay);transform:rotate(45deg);opacity:.9}.section-heading{margin-bottom:22px}.section-heading h2{margin-top:8px;font-size:clamp(27px,3.3vw,40px);line-height:1.22;letter-spacing:-.035em}.section-heading p{color:var(--muted);font-size:13.5px}.section-heading.compact h2{font-size:clamp(24px,2.7vw,32px)}.result-count{padding:6px 12px;border-radius:var(--radius-pill);background:#fff;border:1.5px solid var(--line);color:var(--ink-2);font-size:11px;font-weight:700}.home-page,.knowledge-page,.records-page{animation:pageRevealCute .6s var(--ease-out)}@keyframes pageRevealCute{0%{opacity:0;transform:translateY(12px)}}.game-page,.result-page{animation:pageRevealCute .5s var(--ease-out)}.hero{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(26px,4vw,56px);padding:clamp(26px,3.6vw,48px) 0 24px;align-items:center}.eyebrow{padding:7px 13px;border:2px solid #fff;background:#ffffffd1;box-shadow:0 4px #eeddbf8c,0 12px 20px -18px #7a5a3299;color:var(--ink-2);font-size:11.5px;font-weight:800;letter-spacing:.06em;transform:rotate(-.7deg)}.hero h1{margin-top:14px;font-family:var(--font-display);font-size:clamp(38px,5.2vw,66px);font-weight:900;line-height:1.12;letter-spacing:-.045em;text-wrap:balance}.hero h1 em{position:relative;display:inline-block;color:var(--sage-deep);font-style:normal;z-index:0;white-space:nowrap}.hero h1 em:after{content:"";position:absolute;left:-1.5%;right:-1.5%;bottom:4%;height:30%;z-index:-1;border-radius:10px 14px 8px 12px;background:linear-gradient(90deg,#ffe28a,#ffd5ad 58%,#ffc7cf);transform:rotate(-1.4deg)}.hero-actions{gap:13px;margin-top:18px}.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.hero-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:700;border:1.5px solid;transform:rotate(-.5deg)}.hero-chip:nth-child(2){transform:rotate(.7deg)}.hero-chip.is-sage{color:var(--sage-deep);background:var(--sage-soft);border-color:#bceadd}.hero-chip.is-clay{color:var(--clay-deep);background:var(--clay-soft);border-color:#ffd0c2}.hero-chip.is-blue{color:var(--blue-deep);background:var(--blue-soft);border-color:#c4e9fb}.hero-visual{position:relative;padding:12px 6px 38px}.hero-tilt{position:relative;z-index:2}.hero-art-frame{position:relative;z-index:2;border-radius:44px 44px 104px;border:4px solid #fff;background:linear-gradient(160deg,#f1fbf5,#fff3df 65%,#ffe6dd);box-shadow:0 12px #ffffff8c,0 40px 70px -40px #79582b99;transform:rotate(-1.6deg);transition:transform .5s var(--ease-fluid);overflow:hidden}.hero-art-frame .hero-art{width:100%;height:auto;filter:saturate(1.14) contrast(1.03)}.hero-art-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(360px 160px at 18% 0%,rgba(255,255,255,.5),transparent 70%)}.hero-tape{position:absolute;top:14px;left:50%;z-index:3;transform:translate(-50%) rotate(-2deg);padding:5px 16px;border-radius:3px;background:#fff0bed9;color:#9a6d24;font-family:var(--font-round);font-size:9px;font-weight:800;letter-spacing:.2em;box-shadow:0 2px 4px #7a5a321f}.hero-art-label{left:24px;bottom:22px;padding:10px 16px 10px 13px;border-radius:16px 16px 16px 4px;background:#fffdf6eb;color:var(--ink);text-shadow:none;box-shadow:0 10px 22px -16px #323c2db3;border:1.5px solid #fff}.hero-art-label span{color:var(--clay-deep);font-size:9px;letter-spacing:.2em}.hero-art-label b{font-family:var(--font-display);font-size:20px;font-weight:900;color:var(--sage-deep)}.hero-sun{position:absolute;z-index:1;top:-22px;right:-18px;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle at 40% 38%,#fff3c4,#ffd166 55%,#ffb35c);box-shadow:0 0 0 12px #ffd16629,0 0 0 26px #ffd16614,0 18px 32px -18px #d69330a6;animation:sunBreath 7s ease-in-out infinite}@keyframes sunBreath{50%{transform:scale(1.05) translateY(3px)}}.hero-doodle{position:absolute;z-index:3;left:-26px;bottom:42px;width:150px;opacity:.9;transform:rotate(-4deg)}.float-card{padding:10px 14px 10px 9px;border:2px solid #fff;border-radius:20px;background:#fffffff2;box-shadow:0 6px #eee0c78c,0 20px 34px -24px #5d482a99;animation:floatSoft 6.5s ease-in-out infinite;z-index:4}.float-card-one{left:-20px;top:72px;transform:rotate(-3deg)}.float-card-two{right:-10px;bottom:88px;transform:rotate(2deg);animation-delay:-3.2s}.float-card span:last-child{line-height:1.35}.float-card b{font-size:12.5px;font-weight:900;color:var(--ink)}.float-card small{color:var(--muted);font-size:10px}.float-icon{width:38px;height:38px;border-radius:13px;background:transparent;color:inherit}.hero-stamp{right:8px;bottom:8px;z-index:4;padding:8px 13px;color:var(--gold-deep);background:#fff8e5;border:1.5px dashed #e8c676;font-size:10px;font-weight:700;transform:rotate(2deg);box-shadow:0 4px #eed6a080}.hero-mascot{position:absolute;left:18px;bottom:-18px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 12px 8px;border-radius:24px 24px 24px 6px;background:#fff8e8;border:2px solid #fff;box-shadow:0 6px #f0dab28c,0 18px 30px -22px #5d482a99;transform:rotate(-3deg);animation:floatSoft 8s ease-in-out infinite;animation-delay:-1.6s}.hero-mascot b{font-size:9.5px;letter-spacing:.06em;color:var(--clay-deep)}.hero-spark{position:absolute;z-index:5;background:var(--gold);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);animation:twinkle 3s ease-in-out infinite}.hero-spark-a{width:18px;height:18px;top:16px;left:8%}.hero-spark-b{width:12px;height:12px;bottom:26%;right:-6px;background:var(--berry);animation-delay:-1.1s}.hero-spark-c{width:10px;height:10px;top:44%;right:12%;background:var(--blue);animation-delay:-2s}@keyframes twinkle{0%,to{transform:scale(.85) rotate(0);opacity:.7}50%{transform:scale(1.15) rotate(18deg);opacity:1}}@keyframes floatSoft{0%,to{translate:0 0}50%{translate:0 -8px}}.stats-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}.stat{position:relative;gap:12px;padding:16px 18px;border-radius:24px;border:2px solid #fff;background:radial-gradient(120px 80px at 100% 0%,var(--tone-soft),transparent 75%),#ffffffe0;box-shadow:0 5px color-mix(in srgb,var(--tone) 18%,#fff),0 18px 28px -24px #75562e99;overflow:hidden;border-right:2px solid #fff}.stat:after{content:"";position:absolute;top:-14px;right:-12px;width:46px;height:46px;border-radius:50%;background:var(--tone-soft);opacity:.8}.stats-bar .stat .stat-icon{position:relative;z-index:1;width:52px;height:52px;border-radius:17px;color:var(--tone-deep);background:var(--tone-soft);box-shadow:inset 0 0 0 2px #ffffffb3}.stat div{position:relative;z-index:1}.stat b{font-family:var(--font-round);font-size:29px;font-weight:800;color:var(--ink);letter-spacing:-.02em}.stat b small{color:var(--muted);font-family:var(--font-sans);font-size:11px;font-weight:600}.stat span{color:var(--muted);font-size:10.5px;font-weight:600}@media(max-width:860px){.stat{border-right:2px solid #fff}}.resume-banner{margin-top:20px;padding:15px 18px;border:2px dashed #f2c9b5;border-radius:24px;background:linear-gradient(100deg,#fff3e9,#fff9ef);box-shadow:0 4px #f2d2c073}.resume-icon{width:46px;height:46px;border-radius:16px;background:var(--clay-soft);color:var(--clay-deep)}.resume-banner b{font-size:13.5px;font-weight:900}.resume-banner p{font-size:11.5px}.map-section{margin-top:clamp(36px,4.6vw,60px)}.chapter-list{gap:26px}.chapter-block{grid-template-columns:86px minmax(0,1fr);gap:22px}.chapter-rail{padding-top:10px;gap:8px}.chapter-number{width:58px;height:58px;border-radius:20px 24px 18px;color:#fff;background:linear-gradient(145deg,var(--accent),var(--accent-deep));border:3px solid #fff;box-shadow:0 6px color-mix(in srgb,var(--accent-deep) 60%,#fff),0 14px 22px -16px var(--accent-deep);font-family:var(--font-round);font-size:20px;font-weight:800;transform:rotate(-5deg)}.chapter-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#fffdf7;border:2px solid #fff;box-shadow:0 4px color-mix(in srgb,var(--accent) 16%,#fff),0 12px 20px -18px #664e2a99;transform:rotate(4deg)}.chapter-line{width:3px;border-radius:3px;background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--accent) 48%,transparent) 0 6px,transparent 6px 14px)}.chapter-progress{padding:3px 8px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-deep);font-family:var(--font-round);font-size:10px;font-weight:800}.chapter-main{position:relative;padding:clamp(16px,2vw,22px);border-radius:34px;border:2px solid color-mix(in srgb,var(--accent) 24%,#fff);background-color:#fffdf6e6;box-shadow:0 6px color-mix(in srgb,var(--accent) 12%,#fff),0 26px 44px -34px #68502d8c;overflow:hidden}.chapter-main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.6;background-image:var(--chapter-pattern, radial-gradient(circle, rgba(63,191,162,.14) 1.4px, transparent 1.6px));background-size:var(--chapter-size, 22px 22px);-webkit-mask-image:linear-gradient(120deg,#000,transparent 62%);mask-image:linear-gradient(120deg,#000,transparent 62%)}.chapter-style-0 .chapter-main{--chapter-pattern: radial-gradient(circle, rgba(63,191,162,.18) 1.4px, transparent 1.6px);--chapter-size: 22px 22px}.chapter-style-1 .chapter-main{border-radius:22px 40px;--chapter-pattern: repeating-linear-gradient(135deg, rgba(255,139,115,.1) 0 2px, transparent 2px 14px)}.chapter-style-2 .chapter-main{border-radius:42px 22px;--chapter-pattern: radial-gradient(120px 60px at 100% 100%, rgba(98,192,239,.18), transparent 70%), radial-gradient(100px 60px at 0% 0%, rgba(255,194,71,.18), transparent 70%)}.chapter-style-3 .chapter-main{border-radius:30px;--chapter-pattern: linear-gradient(rgba(169,149,246,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(169,149,246,.08) 1px, transparent 1px);--chapter-size: 20px 20px}.chapter-head{position:relative;z-index:1;margin-bottom:18px}.chapter-ribbon{display:inline-block;padding:3px 10px;margin-bottom:6px;border-radius:4px 10px 10px;background:var(--accent-soft);color:var(--accent-deep);font-size:9.5px;font-weight:900;letter-spacing:.12em;transform:rotate(-1.4deg)}.chapter-head h3{font-size:clamp(21px,2.3vw,27px);font-weight:900;color:var(--ink)}.chapter-head p{color:var(--muted);font-size:12px}.chapter-stars{padding:5px 11px;border-radius:var(--radius-pill);background:#fff;border:1.5px solid color-mix(in srgb,var(--accent) 22%,var(--line))}.level-grid{position:relative;z-index:1;gap:16px}.level-grid-item{height:100%}.level-glow{height:100%;border-radius:26px}.level-glow:before{opacity:0;transition:opacity .45s var(--ease-soft)}.level-glow:hover:before,.level-glow.is-lit:before{opacity:1}.level-glow .halo{opacity:0}.level-glow.is-lit .halo{opacity:.9}.level-card{position:relative;display:block;width:100%;height:100%;min-height:0;padding:0;gap:0;border-radius:26px;border:2px solid color-mix(in srgb,var(--accent) 30%,#fff);background:radial-gradient(180px 120px at 100% 0%,color-mix(in srgb,var(--accent-soft) 92%,transparent),transparent 72%),linear-gradient(160deg,#fffdf7,#fffaf0);box-shadow:0 6px color-mix(in srgb,var(--accent) 16%,#f2e8d6),0 20px 34px -26px #69502d8c;text-align:left;overflow:hidden;transition:box-shadow .35s var(--ease-soft),border-color .35s,transform .35s var(--ease-out)}.level-card:before{display:none}.level-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:var(--level-texture, radial-gradient(circle, color-mix(in srgb, var(--accent) 18%, transparent) 1.3px, transparent 1.5px));background-size:var(--level-texture-size, 20px 20px);-webkit-mask-image:linear-gradient(150deg,transparent 30%,#000 100%);mask-image:linear-gradient(150deg,transparent 30%,#000 100%)}.accent-clay .level-card{--level-texture: repeating-linear-gradient(45deg, rgba(255,139,115,.12) 0 2px, transparent 2px 12px)}.accent-gold .level-card{--level-texture: repeating-linear-gradient(90deg, rgba(255,194,71,.13) 0 2px, transparent 2px 11px)}.accent-blue .level-card{--level-texture: radial-gradient(ellipse at 50% 0%, rgba(98,192,239,.2), transparent 62%);--level-texture-size: 100% 60px}.level-card:hover{transform:none;border-color:color-mix(in srgb,var(--accent) 55%,#fff);box-shadow:0 8px color-mix(in srgb,var(--accent) 24%,#f2e8d6),0 26px 44px -26px #69502d99}.level-card.is-next{border-color:color-mix(in srgb,var(--accent) 58%,#fff);background:radial-gradient(220px 140px at 100% 0%,color-mix(in srgb,var(--accent-soft) 100%,transparent),transparent 72%),linear-gradient(155deg,#fffdf7,color-mix(in srgb,var(--accent-soft) 38%,#fff));box-shadow:0 7px color-mix(in srgb,var(--accent) 32%,#f2e8d6),0 28px 48px -28px #69502d9e}.level-card.is-locked{opacity:.8;filter:grayscale(.12) saturate(.85);cursor:not-allowed}.level-card.is-locked:hover{transform:none}.level-card.is-cleared .level-go{background:var(--sage-soft);color:var(--sage-deep)}.level-tilt .tilt-card{position:relative;display:flex;flex-direction:column;gap:13px;height:100%;min-height:204px;padding:20px 21px 18px}.level-ghost{position:absolute;z-index:0;top:4px;right:52px;font-family:var(--font-round);font-size:88px;font-weight:800;line-height:1;color:color-mix(in srgb,var(--accent) 13%,transparent);pointer-events:none;transform:rotate(4deg)}.level-card-top,.level-card-body,.level-card-foot{position:relative;z-index:2}.level-number{display:inline-flex;align-items:center;padding:4px 9px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent-soft) 80%,#fff);color:var(--accent-deep);font-family:var(--font-round);font-size:10px;font-weight:800;letter-spacing:.05em}.level-sticker{position:absolute;z-index:3;top:48px;right:17px;display:grid;place-items:center;width:56px;height:56px;transform:rotate(7deg);transition:transform .4s var(--ease-back);filter:drop-shadow(0 6px 8px rgba(80,60,30,.16))}.level-card:hover .level-sticker{transform:rotate(-8deg) scale(1.08)}.level-card-body{padding-right:46px}.level-card-body h3{font-size:clamp(22px,2.1vw,26px);font-weight:900;line-height:1.22;letter-spacing:-.025em;color:var(--ink)}.level-card-body p{margin-top:4px;color:var(--ink-2);font-size:12px}.level-tags{margin-top:11px;gap:6px}.level-tags span{padding:3px 9px;border-radius:var(--radius-pill);background:#ffffffc7;border:1.5px solid color-mix(in srgb,var(--accent) 20%,var(--line));color:var(--ink-2);font-size:9.5px;font-weight:600}.level-card-foot{margin-top:auto;padding-top:12px;border-top:1.5px dashed color-mix(in srgb,var(--accent) 25%,var(--line-soft))}.level-state{color:var(--muted);font-size:10px;font-weight:600}.level-state.is-done{color:var(--sage-deep)}.level-state.is-resume{color:var(--clay-deep)}.level-go{width:36px;height:36px;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--accent),var(--accent-deep));box-shadow:0 4px color-mix(in srgb,var(--accent-deep) 65%,#fff);transition:transform .35s var(--ease-back),box-shadow .35s}.level-card:hover .level-go{transform:rotate(-8deg) scale(1.06)}.level-card.is-next .level-go{box-shadow:0 4px color-mix(in srgb,var(--accent-deep) 70%,#fff),0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent)}.rules-section{position:relative;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(24px,4vw,52px);margin-top:clamp(40px,5vw,64px);padding:clamp(22px,3.2vw,38px);border-radius:42px;border:2px dashed #e9d6b7;background:radial-gradient(420px 260px at 100% 0%,#fff3d0,transparent 68%),radial-gradient(360px 240px at 0% 100%,#e7f8f1,transparent 68%),#fffcf4d1;box-shadow:0 8px #ffffffb3,0 32px 60px -46px #69502d8c;overflow:hidden}.rules-section:before{content:"";position:absolute;top:-40px;right:12%;width:120px;height:120px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,194,71,.22) 0 12deg,transparent 12deg 24deg);opacity:.7;pointer-events:none}.rules-copy h2{font-size:clamp(25px,3vw,38px);line-height:1.26}.rules-copy p{font-size:13px}.rules-sticker{display:inline-flex;align-items:center;gap:9px;margin-top:20px;padding:8px 13px 8px 8px;border-radius:var(--radius-pill);background:#fff;border:2px solid var(--sage-soft);color:var(--sage-deep);font-size:10.5px;font-weight:800;transform:rotate(-1.4deg);box-shadow:0 4px #d2e9de99}.rule-grid{gap:13px}.rule-grid>div{position:relative;padding:19px 18px 17px;border-radius:24px;border:2px solid #fff;background:#ffffffe6;box-shadow:0 5px color-mix(in srgb,var(--tone) 20%,#fff),0 16px 26px -24px #69502d8c;overflow:hidden;transition:transform .35s var(--ease-back),box-shadow .35s}.rule-grid>div:after{content:"";position:absolute;right:-12px;bottom:-12px;width:58px;height:58px;border-radius:50%;background:var(--tone-soft);opacity:.8}.rule-grid>div:hover{transform:translateY(-3px) rotate(-.6deg);box-shadow:0 8px color-mix(in srgb,var(--tone) 24%,#fff),0 22px 32px -24px #69502d8c}.rule-icon{position:absolute;top:14px;right:14px;z-index:1;transform:rotate(5deg)}.rule-number{display:block;font-family:var(--font-round);font-size:40px;font-weight:800;line-height:1;color:var(--tone-deep);letter-spacing:-.03em}.rule-card b{display:block;margin-top:3px;font-size:13.5px;font-weight:900}.rule-card p{margin-top:5px;color:var(--muted);font-size:11.5px;line-height:1.7;position:relative;z-index:1}.tilt-wrap{height:100%}.tilt-card{display:flex;flex-direction:column;height:100%}.reflect{background:radial-gradient(320px 320px at var(--rx, 50%) var(--ry, 50%),rgba(255,255,255,.75),rgba(255,248,214,.28) 36%,transparent 64%)}.glowframe{border-radius:30px}.glowframe:before{padding:2.4px;background:conic-gradient(from var(--spin),var(--tone, var(--sage)),#ffd166,#ff8b73,#a995f6,#62c0ef,var(--tone, var(--sage)));filter:drop-shadow(0 0 10px color-mix(in srgb,var(--tone, var(--sage)) 32%,transparent))}.glowframe .halo{top:10%;right:6%;bottom:10%;left:6%;background:radial-gradient(58% 58% at 50% 64%,color-mix(in srgb,var(--tone, var(--sage)) 55%,transparent),transparent 74%);filter:blur(28px);opacity:.55}.knowledge-hero{grid-template-columns:320px minmax(0,1fr);gap:clamp(28px,4vw,52px);padding:clamp(26px,3.6vw,48px) 0 24px}.book-stage{position:relative;display:grid;place-items:center;min-height:430px}.book-stage:before{content:"";position:absolute;top:6%;right:-2%;bottom:6%;left:-2%;z-index:0;border-radius:46% 54% 58% 42%/52% 42% 58% 48%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.9),transparent 46%),linear-gradient(140deg,#d9f7ec,#ffe9d6 55%,#e9e2ff);filter:blur(.5px);animation:blobMorph 12s ease-in-out infinite}@keyframes blobMorph{0%,to{border-radius:46% 54% 58% 42%/52% 42% 58% 48%;transform:rotate(0) scale(1)}50%{border-radius:56% 44% 42% 58%/46% 56% 44% 54%;transform:rotate(4deg) scale(1.03)}}.book-tilt{position:relative;z-index:2;width:100%}.book-cover{position:relative;width:100%;min-height:404px;padding:28px 26px 26px 36px;border-radius:14px 30px 30px 14px;color:#f7f2e5;background:radial-gradient(280px 260px at 82% 8%,rgba(255,227,163,.32),transparent 60%),radial-gradient(220px 220px at 12% 96%,rgba(255,139,115,.25),transparent 65%),linear-gradient(150deg,#2f9a82,#167a67 52%,#0f5f52);border:3px solid #fff;box-shadow:0 10px #ffffff80,0 38px 60px -36px #225546cc;overflow:hidden}.book-cover:before{top:13px;right:13px;bottom:13px;left:13px;border:1.5px dashed rgba(255,244,213,.36);border-radius:8px 22px 22px 8px}.book-cover:after{right:-52px;bottom:-66px;width:250px;height:250px;border:2px dashed rgba(255,244,213,.28);box-shadow:0 0 0 30px #fff4d50f,0 0 0 60px #fff4d50a}.book-spine{position:absolute;left:0;top:0;bottom:0;width:15px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.24) 0 2px,transparent 2px 9px);opacity:.7;border-right:1.5px solid rgba(255,255,255,.2)}.book-publisher{font-size:9.5px;letter-spacing:.18em;color:#d8f4e9}.book-year{top:28px;right:26px;font-family:var(--font-round);font-size:15px;font-weight:800;color:#ffe3a3}.book-cover h2{margin-top:42px;font-family:var(--font-display);font-size:42px;font-weight:900;line-height:1.2;letter-spacing:.01em;text-shadow:0 4px 18px rgba(6,48,40,.3)}.book-cover p{margin-top:15px;font-size:12px;color:#d4efe5}.book-line{margin-top:26px;width:44px;height:3px;border-radius:3px;background:#ffd166}.book-cover small{color:#c8e8dc;font-size:10px}.book-isbn{color:#a9d4c6;font-size:9px}.book-orbit{position:absolute;z-index:3;padding:5px 11px;border-radius:var(--radius-pill);background:#fff;border:1.5px solid #fff;color:var(--ink-2);font-size:10px;font-weight:800;box-shadow:0 4px #e8dbc399,0 12px 20px -16px #64502899;animation:floatSoft 6s ease-in-out infinite}.book-orbit-a{top:10px;left:-14px;color:var(--sage-deep);transform:rotate(-5deg)}.book-orbit-b{top:34%;right:-18px;color:var(--clay-deep);transform:rotate(4deg);animation-delay:-2s}.book-orbit-c{bottom:8px;left:6%;color:var(--blue-deep);transform:rotate(-3deg);animation-delay:-3.6s}.book-sticker{position:absolute;z-index:4;right:-8px;bottom:22px;transform:rotate(6deg);filter:drop-shadow(0 8px 10px rgba(60,90,70,.2));animation:floatSoft 7s ease-in-out infinite;animation-delay:-1s}.knowledge-hero-copy h1{font-size:clamp(36px,4.6vw,58px);line-height:1.16;letter-spacing:-.04em}.knowledge-hero-copy h1 em{font-style:normal;color:var(--sage-deep);background:linear-gradient(transparent 60%,#ffe28a 60%);border-radius:4px;padding:0 2px}.knowledge-hero-copy>p{font-size:14px;color:var(--ink-2)}.knowledge-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px;border:0;background:none;overflow:visible}.knowledge-stats>div{padding:13px 14px;border-radius:18px;border:2px solid #fff;background:#ffffffe0;box-shadow:0 4px #ece1cc8c,0 14px 22px -20px #69502d80}.knowledge-stats>div:nth-child(1){background:linear-gradient(160deg,#fff,#eafbf4)}.knowledge-stats>div:nth-child(2){background:linear-gradient(160deg,#fff,#fff2e9)}.knowledge-stats>div:nth-child(3){background:linear-gradient(160deg,#fff,#fff5d8)}.knowledge-stats>div:nth-child(4){background:linear-gradient(160deg,#fff,#eaf5ff)}.knowledge-stats b{font-family:var(--font-round);font-size:27px;font-weight:800;color:var(--ink)}.knowledge-stats span{color:var(--muted);font-size:10px;font-weight:600}.knowledge-hero-meta{color:var(--muted)}.scope-banner{padding:16px 20px;border-radius:24px;border:2px dashed #eed39a;background:linear-gradient(100deg,#fff8e7,#fffcf4);box-shadow:0 4px #f0dfbc80}.scope-banner-icon{width:42px;height:42px;border-radius:14px;background:var(--gold-soft);color:var(--gold-deep)}.scope-banner b{font-weight:900}.scope-chip{background:var(--gold-soft);color:var(--gold-deep);font-weight:800}.knowledge-explorer{scroll-margin-top:104px}.search-box{width:min(660px,100%);height:56px;border-radius:var(--radius-pill);border:2px solid #fff;background:#fffffff0;box-shadow:0 5px #ebe0cb99,0 18px 26px -22px #69502d80;color:var(--muted);padding:0 8px 0 16px}.search-box:focus-within{border-color:var(--sage);box-shadow:0 0 0 5px #3fbfa221,0 5px #caece1b3}.search-box input{font-size:13.5px}.search-box button{padding:6px 10px;border-radius:var(--radius-pill);background:var(--clay-soft);color:var(--clay-deep);font-weight:800}.mobile-filter-toggle{display:none}.task-chips{gap:8px}.task-chips button{padding:7px 12px;border-radius:var(--radius-pill);border:1.5px solid var(--line);background:#ffffffb3;color:var(--ink-2);font-size:11.5px;font-weight:700;box-shadow:0 3px #ece1cc80;transition:background .25s,color .25s,border-color .25s,transform .3s var(--ease-back)}.task-chips button:hover{transform:translateY(-2px);border-color:var(--sage)}.task-chips button span{background:var(--paper-3);color:var(--muted);font-family:var(--font-round);font-weight:800}.task-chips button.is-active{color:#fff;background:linear-gradient(135deg,var(--sage),var(--sage-deep));border-color:transparent;box-shadow:0 3px #0b5c4c}.task-chips button.is-active span{background:#ffffff3d;color:#fff}.knowledge-groups{gap:30px}.knowledge-group-head{border-bottom:1.5px dashed var(--line);padding-bottom:12px}.group-project{color:var(--clay-deep);font-weight:900;letter-spacing:.14em}.knowledge-group-head h3{font-size:22px;font-weight:900}.group-count{padding:3px 9px;border-radius:var(--radius-pill);background:var(--paper-3);color:var(--ink-2);font-weight:700}.knowledge-grid{gap:16px}.knowledge-grid-item,.knowledge-tilt{height:100%}.knowledge-card{position:relative;height:100%;gap:8px;padding:20px 18px 16px;border-radius:24px;border:2px solid color-mix(in srgb,var(--kp-accent, var(--sage)) 32%,#fff);background:#fffdf7;box-shadow:0 5px color-mix(in srgb,var(--kp-accent, var(--sage)) 15%,#f4e9d6),0 20px 32px -28px #644e2a8c;overflow:hidden;transition:box-shadow .35s,border-color .35s}.knowledge-card:before{content:"";position:absolute;top:-1px;left:50%;width:76px;height:7px;transform:translate(-50%) rotate(-1.2deg);border-radius:0 0 6px 6px;background:color-mix(in srgb,var(--kp-accent, var(--sage)) 32%,#fff);opacity:.55}.knowledge-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--kp-pattern, radial-gradient(circle, rgba(63,191,162,.1) 1.2px, transparent 1.4px));background-size:19px 19px;opacity:.6;-webkit-mask-image:linear-gradient(150deg,transparent 45%,#000 100%);mask-image:linear-gradient(150deg,transparent 45%,#000 100%)}.kp-accent-0{--kp-accent: var(--sage)}.kp-accent-1{--kp-accent: var(--clay)}.kp-accent-2{--kp-accent: var(--gold)}.kp-accent-3{--kp-accent: var(--blue)}.kp-style-1{border-radius:10px 28px 12px}.kp-style-2{border-radius:26px 26px 26px 6px;background:linear-gradient(165deg,#fffdf3,#fff9e3);--kp-pattern: repeating-linear-gradient(0deg, rgba(255,194,71,.12) 0 1px, transparent 1px 24px);background-size:100% 24px}.kp-style-3{border-radius:28px 10px}.kp-style-0{--kp-pattern: radial-gradient(circle, rgba(63,191,162,.14) 1.2px, transparent 1.4px)}.kp-style-1{--kp-pattern: repeating-linear-gradient(45deg, rgba(255,139,115,.1) 0 2px, transparent 2px 14px)}.kp-style-3{--kp-pattern: radial-gradient(80px 40px at 100% 0%, rgba(98,192,239,.2), transparent 70%)}.kp-sticker{position:absolute;z-index:2;top:12px;right:12px;transform:rotate(6deg);filter:drop-shadow(0 4px 6px rgba(90,70,40,.14));transition:transform .35s var(--ease-back)}.knowledge-card:hover .kp-sticker{transform:rotate(-7deg) scale(1.06)}.knowledge-card header{position:relative;z-index:1;padding-right:44px}.page-badge{background:color-mix(in srgb,var(--kp-accent, var(--sage)) 16%,#fff);color:var(--kp-accent, var(--sage-deep));font-family:var(--font-round);font-weight:800}.kp-project{color:var(--muted)}.kp-source{color:var(--kp-accent, var(--sage-deep));font-weight:700}.knowledge-card h3{position:relative;z-index:1;font-size:18px;font-weight:900;line-height:1.38}.knowledge-card>p{position:relative;z-index:1;font-size:11.5px}.knowledge-card blockquote{position:relative;z-index:1;border-left:3px solid var(--kp-accent, var(--sage));background:color-mix(in srgb,var(--kp-accent, var(--sage)) 9%,#fff);border-radius:0 10px 10px 0;color:var(--ink-2);font-family:var(--font-serif)}.kp-tags,.kp-levels{position:relative;z-index:1}.kp-tags span{background:#fff;border:1.5px solid var(--line-soft);color:var(--muted)}.kp-levels{border-top:1.5px dashed var(--line-soft)}.kp-levels button{background:color-mix(in srgb,var(--kp-accent, var(--sage)) 14%,#fff);color:var(--kp-accent, var(--sage-deep));font-weight:800}.kp-levels button:hover{background:var(--kp-accent, var(--sage));color:#fff}.knowledge-loading,.knowledge-error,.knowledge-empty{padding:40px 20px;border:2px dashed var(--line);border-radius:28px;background:#fff9}.knowledge-empty b{font-size:20px}.method-section{margin-top:clamp(34px,4.4vw,56px)}.method-grid{position:relative;gap:14px}.method-grid:before{content:"";position:absolute;top:42px;left:6%;right:6%;height:2px;background:repeating-linear-gradient(90deg,rgba(185,160,125,.4) 0 8px,transparent 8px 16px);pointer-events:none}.method-grid>div{position:relative;padding:22px 18px 20px;border-radius:24px;border:2px solid #fff;background:#fffdf7eb;box-shadow:0 5px #efe4d099,0 18px 30px -26px #69502d80;overflow:hidden}.method-grid>div:nth-child(1){background:linear-gradient(160deg,#fff,#eefaf5)}.method-grid>div:nth-child(2){background:linear-gradient(160deg,#fff,#fff4e9)}.method-grid>div:nth-child(3){background:linear-gradient(160deg,#fff,#fff8e2)}.method-grid>div:nth-child(4){background:linear-gradient(160deg,#fff,#edf7ff)}.method-step{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#fff;color:var(--clay-deep);font-family:var(--font-round);font-size:12px;font-weight:800;box-shadow:0 3px #e6d8c299}.method-icon{position:absolute;top:16px;right:16px;transform:rotate(5deg)}.method-grid h3{margin-top:12px;font-size:17px;font-weight:900}.method-grid p{font-size:11.5px}.boundary-grid{gap:14px;margin-top:18px}.boundary-card{padding:20px;border-radius:24px;border:2px solid #fff;background:#ffffffd1;box-shadow:0 5px #ece1cd8c,0 18px 28px -26px #69502d80}.boundary-card.is-used{background:linear-gradient(160deg,#fff,#effaf5);border-color:#d3f0e5}.boundary-card.is-not-used{background:linear-gradient(160deg,#fff,#fff2ec);border-color:#ffdccf}.boundary-card.is-next{background:linear-gradient(160deg,#fff,#f2f7ff);border-color:#d9e9fb}.boundary-card>span{font-weight:900;letter-spacing:.04em}.boundary-card h3{font-size:17px;font-weight:900}.directory-section details{border:2px dashed var(--line);border-radius:22px;background:#ffffffb3}.directory-section summary{font-weight:800}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#2f3d3a6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.drawer{position:fixed;left:0;right:0;bottom:0;z-index:71;margin:0 auto;width:min(680px,100%);max-height:88vh;padding:10px 22px calc(22px + env(safe-area-inset-bottom));border-radius:32px 32px 0 0;border:2px solid #fff;border-bottom:0;background:#fffdf6;box-shadow:0 -24px 60px -28px #3c3c2d8c,inset 0 2px #fff;overflow:hidden}.drawer-grip{display:grid;place-items:center;padding:2px 0 10px}.drawer-handle{width:52px;height:6px;border-radius:6px;background:#e9dcc7}.drawer-head{display:flex;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1.5px dashed var(--line)}.drawer-head h2{font-size:19px;font-weight:900}.drawer-head p{margin-top:3px;font-size:11.5px}.drawer-body{max-height:62vh;overflow-y:auto;padding-top:14px;overscroll-behavior:contain}.drawer-task-list{display:flex;flex-direction:column;gap:8px}.drawer-task{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:16px;border:1.5px solid var(--line-soft);background:#fff;text-align:left;transition:background .2s,border-color .2s,transform .25s var(--ease-back)}.drawer-task:hover{transform:translate(2px);border-color:var(--sage)}.drawer-task.is-active{background:var(--sage-soft);border-color:var(--sage)}.drawer-task-dot{width:12px;height:12px;border-radius:50%;background:var(--tone);box-shadow:0 0 0 4px color-mix(in srgb,var(--tone) 16%,transparent)}.drawer-task b{flex:1;font-size:12.5px;font-weight:800}.drawer-task small{color:var(--muted);font-size:10.5px}.records-hero{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(28px,4vw,54px);padding:clamp(26px,3.6vw,48px) 0 20px}.records-hero h1{font-size:clamp(36px,4.7vw,58px);line-height:1.17;letter-spacing:-.04em}.records-hero h1 em{font-style:normal;color:var(--clay-deep);background:linear-gradient(transparent 62%,#ffd9c9 62%);border-radius:4px}.records-hero p{font-size:13.5px;color:var(--ink-2)}.records-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.records-chips span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);background:#fff;border:1.5px solid var(--line);color:var(--ink-2);font-size:10.5px;font-weight:700;box-shadow:0 3px #ece1cc80}.records-summary{display:block}.records-summary>.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;border:0;background:none}.summary-card{position:relative;display:flex;flex-direction:column;padding:16px 16px 14px;border-radius:24px;border:2px solid #fff;background:radial-gradient(120px 90px at 100% 0%,var(--tone-soft),transparent 72%),#ffffffe6;box-shadow:0 5px color-mix(in srgb,var(--tone) 18%,#fff),0 18px 28px -24px #69502d8c;overflow:hidden}.summary-card:after{content:"";position:absolute;right:-14px;top:-14px;width:52px;height:52px;border-radius:50%;background:var(--tone-soft);opacity:.85}.summary-icon{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--tone-soft)}.summary-card b{position:relative;z-index:1;margin-top:8px;font-family:var(--font-round);font-size:30px;font-weight:800;line-height:1.05;color:var(--ink)}.summary-card b i{margin-left:2px;color:var(--muted);font-family:var(--font-sans);font-size:11px;font-style:normal;font-weight:600}.summary-card small{position:relative;z-index:1;color:var(--muted);font-size:10px;font-weight:600}.records-insights{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,.68fr);gap:16px;margin-top:22px;align-items:stretch}.chart-glow{height:100%;border-radius:28px;--tone: var(--sage)}.chart-glow:before{opacity:.8}.chart-glow .halo{opacity:.5}.chart-card{position:relative;height:100%;padding:22px;border-radius:28px;border:2px solid #fff;background:linear-gradient(165deg,#fffdf8,#f1fcf7);box-shadow:0 6px #d3f0e599,0 24px 40px -30px #2f69588c;overflow:hidden}.chart-card:after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(63,191,162,.14),transparent 70%)}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:1}.chart-value{margin-top:4px;font-family:var(--font-round);font-size:38px;font-weight:800;line-height:1.1;color:var(--sage-deep);letter-spacing:-.04em}.chart-value small{margin-left:4px;color:var(--muted);font-family:var(--font-sans);font-size:10.5px;font-weight:600;letter-spacing:0}.chart-viewport{position:relative;z-index:1;margin-top:8px;height:158px;overflow:hidden;cursor:grab;touch-action:pan-y;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}.chart-viewport:active{cursor:grabbing}.chart-viewport:focus-visible{outline:3px solid rgba(63,191,162,.45);outline-offset:-3px;border-radius:16px}.chart-plot-wrap{position:relative;height:112px;margin-top:22px}.chart-svg{position:absolute;top:0;left:0;overflow:visible}.chart-track{position:absolute;top:0;left:0;display:flex;height:112px}.chart-point{position:relative;flex:0 0 92px;width:92px;height:112px;border:0;background:none;padding:0}.chart-point .plot{position:absolute;left:50%;bottom:var(--dot-bottom);transform:translate(-50%,50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;transition:background .25s}.chart-point .dot{width:11px;height:11px;border-radius:50%;background:#fff;border:2.5px solid #b9ded2;box-shadow:0 2px 4px #32645026;transition:transform .3s var(--ease-back),background .25s,border-color .25s,box-shadow .25s}.chart-point.is-active .dot{transform:scale(1.55);background:var(--sage);border-color:#fff;box-shadow:0 0 0 6px #3fbfa22e,0 4px 10px #1e6e5a40}.chart-point .tag{position:absolute;left:50%;bottom:0;transform:translate(-50%);color:var(--muted);font-size:9px;font-weight:700;white-space:nowrap;letter-spacing:.02em}.chart-point.is-active .tag{color:var(--sage-deep);font-weight:900}.chart-point:hover .dot{transform:scale(1.25);border-color:var(--sage)}.chart-point.is-active:hover .dot{transform:scale(1.6)}.chart-guide{position:absolute;top:10px;bottom:30px;width:2px;border-radius:2px;background:repeating-linear-gradient(180deg,rgba(63,191,162,.5) 0 4px,transparent 4px 9px);z-index:1}.chart-spark{animation:chartFlow 4.5s linear infinite;opacity:.9}@keyframes chartFlow{to{stroke-dashoffset:-230}}.chart-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;color:var(--muted);font-size:10px}.insight-tilt{height:100%}.insight-tilt .reflect,.result-score-tilt .reflect{border-radius:28px}.insight-card{position:relative;display:flex;flex-direction:column;height:100%;padding:22px;border-radius:28px;border:2px solid #fff;background:radial-gradient(200px 140px at 100% 0%,#fff0ce,transparent 72%),radial-gradient(160px 120px at 0% 100%,#ffe4dc,transparent 72%),#fffdf7;box-shadow:0 6px #f5e5c899,0 24px 40px -30px #69502d8c;overflow:hidden}.insight-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,194,71,.16) 1.2px,transparent 1.5px);background-size:18px 18px;opacity:.5;-webkit-mask-image:linear-gradient(150deg,transparent 40%,#000);mask-image:linear-gradient(150deg,transparent 40%,#000)}.insight-kicker{position:relative;z-index:1;color:var(--clay-deep);font-size:10px;font-weight:900;letter-spacing:.12em}.insight-ring{position:relative;z-index:1;display:grid;place-items:center;width:108px;height:108px;margin:14px 0 10px;border-radius:50%;background:conic-gradient(var(--gold) 0 var(--pct),#f2e9d8 var(--pct) 100%);box-shadow:inset 0 0 0 2px #fff9}.insight-ring>span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:#fffdf7;box-shadow:0 4px 10px #785a2d1f}.insight-ring b{font-family:var(--font-round);font-size:27px;font-weight:800;line-height:1;color:var(--ink)}.insight-ring small{margin-top:3px;color:var(--muted);font-size:9px}.insight-card h3{position:relative;z-index:1;font-size:17px;font-weight:900}.insight-card p{position:relative;z-index:1;margin-top:6px;color:var(--ink-2);font-size:11.5px;line-height:1.75}.insight-legend{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:14px;color:var(--muted);font-size:9.5px}.insight-legend span{display:inline-flex;align-items:center;gap:5px}.dot{width:8px;height:8px;border-radius:50%}.dot-mint{background:var(--sage)}.dot-coral{background:var(--clay)}.dot-honey{background:var(--gold)}.best-levels{margin-top:20px}.best-grid{gap:12px}.best-grid-item,.best-tilt{height:100%}.best-card{display:flex;flex-direction:column;gap:4px;width:100%;height:100%;padding:15px;border-radius:20px;border:2px solid #fff;background:#ffffffd6;box-shadow:0 4px #ece1cc8c,0 14px 24px -22px #69502d80;text-align:left;transition:box-shadow .3s,transform .3s var(--ease-back),border-color .3s}.best-card:hover{transform:translateY(-3px);box-shadow:0 6px #ece1cc99,0 22px 30px -22px #69502d8c}.best-card.is-cleared{background:linear-gradient(160deg,#fff,#ecfaf4);border-color:#d5f1e6}.best-card.has-active{border-style:dashed;border-color:#ffc8b5}.best-card-top{display:flex;justify-content:space-between;align-items:center}.best-no{color:var(--muted);font-family:var(--font-round);font-size:9px;font-weight:700;letter-spacing:.06em}.best-card>b{font-size:17px;font-weight:900}.best-card>small{color:var(--muted);font-size:10px}.best-card-foot{display:flex;justify-content:space-between;gap:8px;margin-top:9px;padding-top:8px;border-top:1.5px dashed var(--line-soft);color:var(--muted);font-size:9px}.recent-runs{margin-top:clamp(30px,4vw,52px)}.run-list{gap:9px}.run-row{gap:14px;padding:14px 16px;border-radius:20px;border:2px solid #fff;background:#ffffffdb;box-shadow:0 4px #ede3d180,0 14px 22px -22px #69502d73;transition:transform .3s var(--ease-back),box-shadow .3s}.run-item:nth-child(4n+1) .run-row{border-left:5px solid var(--sage)}.run-item:nth-child(4n+2) .run-row{border-left:5px solid var(--clay)}.run-item:nth-child(4n+3) .run-row{border-left:5px solid var(--gold)}.run-item:nth-child(4n+4) .run-row{border-left:5px solid var(--blue)}.run-row:hover{transform:translate(3px);box-shadow:0 6px #ece1cc8c,0 20px 28px -22px #69502d80}.run-row.is-passed,.run-row.is-failed{border-left-width:5px}.run-status{padding:4px 10px;border-radius:var(--radius-pill);font-weight:800}.run-status.passed{background:var(--sage-soft);color:var(--sage-deep)}.run-status.failed{background:var(--clay-soft);color:var(--clay-deep)}.run-title b{font-size:13px;font-weight:800}.run-meta{color:var(--muted)}.run-review{padding:6px 11px;border-radius:var(--radius-pill);border:1.5px solid var(--line);background:#fff;color:var(--ink-2);font-weight:700;box-shadow:0 3px #ece1cc80}.run-review:hover{border-color:var(--sage);color:var(--sage-deep)}.records-empty{border:2px dashed var(--line);border-radius:28px;background:#fff9;padding:40px 20px}.records-empty-icon{width:54px;height:54px;border-radius:18px;background:var(--sage-soft);color:var(--sage-deep)}.records-empty h3{font-size:21px;font-weight:900}.records-note{border-radius:18px;background:#fff8e8cc;border:1.5px dashed var(--line)}.result-hero{grid-template-columns:168px minmax(0,1fr) 250px;gap:26px;padding:clamp(24px,3.6vw,42px);border-radius:40px;border:3px solid #fff;background:radial-gradient(420px 260px at 8% 0%,#dff8ef,transparent 62%),radial-gradient(380px 240px at 100% 100%,#fff0cf,transparent 60%),linear-gradient(150deg,#f4fffa,#fffdf6);box-shadow:0 10px #fff9,0 36px 60px -42px #3c64508c;overflow:hidden}.result-hero.is-failed{background:radial-gradient(420px 260px at 8% 0%,#ffe9df,transparent 62%),radial-gradient(380px 240px at 100% 100%,#e9f3ff,transparent 60%),linear-gradient(150deg,#fffaf6,#fffdf6)}.result-rays{position:absolute;top:-150px;left:-110px;width:420px;height:420px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,194,71,.14) 0 12deg,transparent 12deg 24deg);animation:raysSpin 46s linear infinite;pointer-events:none}@keyframes raysSpin{to{transform:rotate(360deg)}}.result-seal{position:relative;z-index:1;width:156px;height:156px;border-radius:50%;border:3px dashed rgba(63,191,162,.45);color:var(--sage-deep);background:#ffffffe0;box-shadow:inset 0 0 0 8px #fff,inset 0 0 0 10px #3fbfa224,0 10px #cfeee38c,0 24px 40px -28px #1e5a4b80;transform:rotate(-4deg)}.result-hero.is-failed .result-seal{border-color:#ff8b7373;color:var(--clay-deep);box-shadow:inset 0 0 0 8px #fff,inset 0 0 0 10px #ff8b7324,0 10px #ffe2d699,0 24px 40px -28px #96503780}.result-seal-icon{display:grid;place-items:center;margin-bottom:2px}.result-seal span{font-size:9px;letter-spacing:.12em;opacity:.7}.result-seal b{margin-top:0;font-family:var(--font-display);font-size:33px;font-weight:900;letter-spacing:.02em}.result-seal small{max-width:112px;font-size:8.5px;color:var(--muted)}.result-copy{position:relative;z-index:1}.result-copy h1{font-size:clamp(27px,3.3vw,41px);line-height:1.28;font-weight:900}.result-copy>p{font-size:12.5px;color:var(--ink-2)}.result-mascot{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:5px 12px 5px 6px;border-radius:var(--radius-pill);background:#fff;border:1.5px solid var(--line-soft);color:var(--clay-deep);font-size:10px;font-weight:800;transform:rotate(-1.2deg)}.result-score-tilt{width:100%}.result-score-glow{height:100%;border-radius:28px}.result-score-glow:before{opacity:.85}.result-score-card{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;padding:22px 18px;border-radius:28px;border:3px solid #fff;background:radial-gradient(140px 110px at 100% 0%,#fff4cb,transparent 75%),linear-gradient(160deg,#fff7e2,#ffe9c2);box-shadow:0 6px #f0ce9a,0 22px 36px -26px #966e2d99;overflow:hidden}.result-score-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,194,71,.2) 1.3px,transparent 1.6px);background-size:18px 18px;opacity:.55}.result-score-label{position:relative;z-index:1;color:var(--gold-deep);font-size:9.5px;font-weight:900;letter-spacing:.12em}.result-score-card>b{position:relative;z-index:1;margin-top:4px;font-family:var(--font-round);font-size:52px;font-weight:800;line-height:1;color:#7c5210;letter-spacing:-.04em}.result-score-max{position:relative;z-index:1;color:#a9864b;font-size:10px}.result-score-card .stars{position:relative;z-index:1;margin-top:8px}.result-score-card small{position:relative;z-index:1;margin-top:5px;color:#9b7b45;font-size:9.5px}.result-metrics{grid-template-columns:repeat(4,1fr);gap:12px}.result-metrics>div{position:relative;padding:16px 18px;border-radius:22px;border:2px solid #fff;background:radial-gradient(100px 80px at 100% 0%,var(--tone-soft),transparent 75%),#ffffffe6;box-shadow:0 5px color-mix(in srgb,var(--tone) 18%,#fff),0 18px 26px -24px #69502d80;overflow:hidden}.metric-icon{position:absolute;top:12px;right:12px;transform:rotate(5deg);opacity:.95}.result-metrics span{color:var(--muted);font-size:9.5px;font-weight:700}.result-metrics b{margin-top:4px;font-family:var(--font-round);font-size:28px;font-weight:800;color:var(--ink)}.result-metrics small{color:var(--muted);font-size:9.5px}.result-review{margin-top:clamp(28px,3.6vw,46px)}.review-list{gap:9px}.review-item-wrap{width:100%}.review-item{border-radius:18px;border:2px solid #fff;background:#ffffffdb;box-shadow:0 4px #ede3d173,0 14px 22px -22px #69502d73;transition:box-shadow .3s}.review-item[open]{box-shadow:0 6px #ece1cc80,0 20px 28px -22px #69502d80}.review-item.is-right{border-left:5px solid var(--sage)}.review-item.is-wrong{border-left:5px solid var(--clay)}.review-item summary{padding:14px 16px}.review-mark{width:28px;height:28px}.review-mark.right{background:var(--sage-soft);color:var(--sage-deep)}.review-mark.wrong{background:var(--clay-soft);color:var(--clay-deep)}.review-title b{font-size:12.5px;font-weight:800}.review-body{padding:0 16px 16px 54px}.answer-pill{font-weight:700}.answer-pill.right{background:var(--sage-soft);color:var(--sage-deep)}.answer-pill.wrong{background:var(--clay-soft);color:var(--clay-deep)}.result-actions{gap:12px}.all-clear{border-radius:24px;border:2px dashed #eccd8f;background:linear-gradient(100deg,#fff8e5,#fffcef);box-shadow:0 4px #f0dfbc80}.all-clear b{font-size:18px;font-weight:900}.result-confetti i{position:absolute;top:-16px;left:calc(4% + var(--i, 0) * 5.2%);width:8px;height:13px;border-radius:3px;background:var(--sage);opacity:.8;animation:confettiFall 4.8s linear infinite;animation-delay:calc(var(--i, 0) * -.31s)}.result-confetti i:nth-child(3n){width:7px;height:7px;border-radius:50%;background:var(--gold)}.result-confetti i:nth-child(3n+1){background:var(--clay)}.result-confetti i:nth-child(4n+2){background:var(--blue)}.result-confetti i:nth-child(5n){background:var(--lilac)}@keyframes confettiFall{to{transform:translate(var(--drift, 20px),640px) rotate(520deg);opacity:0}}.game-page{position:relative;isolation:isolate;width:min(1360px,calc(100% - var(--gutter) * 2));padding-bottom:44px}.game-page:before{content:"";position:absolute;top:0;right:-10px;bottom:10px;left:-10px;z-index:-1;pointer-events:none;border-radius:44px;border:2px dashed rgba(226,204,171,.42);background:radial-gradient(520px 360px at 0% 0%,rgba(63,191,162,.15),transparent 70%),radial-gradient(520px 320px at 100% 4%,rgba(255,139,115,.13),transparent 70%),radial-gradient(640px 420px at 50% 100%,rgba(255,194,71,.12),transparent 72%),linear-gradient(180deg,#ffffff80,#fffaf02e)}.game-topbar{margin-top:8px;padding:10px 8px;min-height:68px;border:2px solid #fff;border-radius:0 0 24px 24px;background:#fffbf2e0;box-shadow:0 5px #eee1cc8c;border-bottom:2px solid #fff}.game-back{padding:7px 12px;border-radius:var(--radius-pill);background:#ffffffbf;color:var(--ink-2);font-weight:700;border:1.5px solid var(--line-soft)}.game-back:hover{color:var(--sage-deep);background:#fff}.game-level-label span{color:var(--clay-deep);font-weight:900}.game-level-label b{font-family:var(--font-display);font-size:19px;font-weight:900}.progress-river{height:7px;border-radius:var(--radius-pill);background:#f2e7d4;overflow:hidden;box-shadow:inset 0 1px 2px #785a2d1f}.progress-river span{display:block;width:var(--progress, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sage),#7ed9bd 40%,var(--gold) 72%,var(--clay));background-size:180% 100%;transition:width .55s var(--ease-fluid);animation:riverFlow 3.4s linear infinite}@keyframes riverFlow{to{background-position:-180% 0}}.game-layout{gap:26px}.case-column{gap:16px}.case-art{border-radius:30px;border:4px solid #fff;background:var(--paper-3);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,#fff),0 9px #ffffff8c,0 30px 50px -34px #5f46288c}.case-art .scene-svg{filter:saturate(1.22) contrast(1.04)}.case-art:after{background:linear-gradient(180deg,transparent 50%,rgba(45,39,26,.42))}.case-art-tag{border:2px solid #fff;background:#fffdf6f0;font-weight:800;box-shadow:0 3px #ece1cc80}.case-art-caption b{font-family:var(--font-display);font-weight:900}.case-art-badge{position:absolute;right:16px;bottom:15px;z-index:3;display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:#fffdf6e6;border:2px solid #fff;transform:rotate(6deg);box-shadow:0 4px #ece1cc8c}.case-summary{position:relative;padding:6px 4px 0}.case-curve{position:absolute;right:6px;top:-6px;width:180px;opacity:.6}.case-summary h1{font-size:clamp(28px,3vw,38px);font-weight:900}.case-summary h1 em{color:var(--accent, var(--clay))}.case-summary>p{font-size:12.5px}.case-time{padding:3px 8px;border-radius:var(--radius-pill);background:#ffffffb3;border:1.5px solid var(--line-soft);font-weight:600}.case-record{border:2px solid color-mix(in srgb,var(--accent) 18%,#fff);background:linear-gradient(160deg,#fffdf8,#fff9ee);border-radius:22px;box-shadow:0 4px #eee2cd73,0 18px 28px -28px #69502d80}.record-heading{color:var(--sage-deep);font-weight:900}.record-avatar{border-radius:14px 50% 50%;background:linear-gradient(145deg,#ffd76e,#ff8b73);color:#fff;font-family:var(--font-display);font-weight:900;box-shadow:inset 0 2px #fff6}.record-mmse{background:var(--gold-soft);color:var(--gold-deep);font-weight:800}.case-tip{background:var(--blue-soft);border:1.5px dashed #bde4f6;border-radius:16px}.mobile-jump{display:none}.question-column{top:92px}.question-card{position:relative;padding:26px;border-radius:30px;border:3px solid #fff;box-shadow:0 0 0 2.5px #3fbfa238,0 8px #efe4d08c,0 30px 50px -34px #5f462880;background:radial-gradient(220px 160px at 100% 0%,#f1fcf7,transparent 72%),#fffdf8;box-shadow:0 8px #efe4d08c,0 30px 50px -34px #5f462880;overflow:visible}.question-tape{position:absolute;top:-12px;background-image:repeating-linear-gradient(45deg,#ffffff52 0,#ffffff52 6px,#fff0 6px,#fff0 12px);left:50%;width:108px;height:24px;transform:translate(-50%) rotate(-1.4deg);background:#ffe6a8d1;border-left:2px dashed rgba(255,255,255,.6);border-right:2px dashed rgba(255,255,255,.6);box-shadow:0 2px 6px #8c69321f}.question-meta>span{font-weight:800}.question-count{color:var(--sage-deep);background:var(--sage-soft)}.question-difficulty{color:var(--gold-deep);background:var(--gold-soft)}.question-kind{color:var(--ink-2);background:var(--paper-3)}.question-scene{border-left:4px solid var(--clay);border-radius:4px 12px 12px 4px;background:#fff4ec;color:var(--ink-2);font-size:11.5px}.question-card h2{font-size:clamp(19px,1.8vw,25px);font-weight:900;line-height:1.48}.option-list{gap:9px}.option{border:2px solid #ebdfcb;background:#fff;border-radius:18px;box-shadow:0 4px #ecdfcb;color:var(--ink-2);transition:border-color .22s,background .22s,box-shadow .22s,transform .25s var(--ease-back)}.option:hover:not(:disabled){border-color:var(--sage);background:var(--sage-soft);transform:translate(3px);box-shadow:0 5px #c9ebdf}.option:active:not(:disabled){box-shadow:inset 0 6px 12px #2d5f4b2e,0 2px #e8dcc8}.option-letter{width:30px;height:30px;border-radius:11px;font-family:var(--font-round);font-weight:800;font-size:13px}.option:nth-child(4n+1) .option-letter{background:linear-gradient(145deg,#ffe08a,#ffc247);color:#6e4700;box-shadow:inset 0 1px #fff9}.option:nth-child(4n+2) .option-letter{background:linear-gradient(145deg,#9be7d2,#46c6a8);color:#085e4d;box-shadow:inset 0 1px #ffffff8c}.option:nth-child(4n+3) .option-letter{background:linear-gradient(145deg,#a9e7ff,#62c0ef);color:#0c5878;box-shadow:inset 0 1px #ffffff8c}.option:nth-child(4n+4) .option-letter{background:linear-gradient(145deg,#ffc4d7,#f97ca0);color:#861e46;box-shadow:inset 0 1px #ffffff80}.option.is-correct{border-color:var(--sage);background:#ecfaf4;box-shadow:0 4px #bfe9d9;color:var(--sage-deep)}.option.is-correct .option-letter{background:var(--sage);color:#fff}.option.is-wrong{border-color:var(--clay);background:#fff0ea;box-shadow:0 4px #ffd4c5;color:var(--clay-deep)}.option.is-wrong .option-letter{background:var(--clay);color:#fff}.option.is-dim{opacity:.42}.answer-hint{font-size:10px;color:var(--muted)}.feedback-panel{position:relative;margin-top:18px;padding:18px;border-radius:22px;border:2px solid;overflow:hidden}.feedback-panel.is-correct{background:#f0fcf6;border-color:#c6ecdd}.feedback-panel.is-wrong{background:#fff5ef;border-color:#ffd7c9}.feedback-icon{width:40px;height:40px;border-radius:14px}.feedback-panel.is-correct .feedback-icon{background:var(--sage);color:#fff}.feedback-panel.is-wrong .feedback-icon{background:var(--clay);color:#fff}.feedback-head b{font-size:13.5px;font-weight:900}.feedback-score{background:#fff;border:1.5px solid var(--line-soft);font-weight:700}.feedback-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.feedback-burst i{position:absolute;top:16px;left:20px;width:6px;height:6px;border-radius:50%;background:var(--gold);animation:burst .95s var(--ease-out) forwards;animation-delay:calc(var(--i) * 18ms);transform:rotate(calc(var(--i) * 36deg)) translateY(0)}.feedback-burst i:nth-child(3n){background:var(--sage)}.feedback-burst i:nth-child(3n+1){background:var(--clay)}.feedback-burst i:nth-child(2n){width:4px;height:9px;border-radius:2px}@keyframes burst{to{transform:rotate(calc(var(--i) * 36deg)) translateY(-72px) scale(.2);opacity:0}}.feedback-evidence{border:1.5px dashed var(--line);background:#ffffffad;border-radius:16px}.source-item{border-radius:10px;border-left:3px solid var(--sage);background:#fff}.source-item blockquote{font-family:var(--font-serif)}.finished-banner{border-radius:12px;font-weight:700}.feedback-next{min-height:46px}.question-footnote{font-weight:600}.dialog-backdrop{background:#2f3d3a61}.name-dialog{position:relative;border-radius:30px;border:3px solid #fff;background:#fffdf7;box-shadow:0 10px #e8d6b98c,0 40px 80px -30px #37372899;overflow:hidden}.name-dialog:before{content:"";position:absolute;top:-10px;left:50%;width:100px;height:22px;transform:translate(-50%) rotate(-2deg);background:#ffe6a8d1}.dialog-kicker{color:var(--clay-deep);font-weight:900}.name-dialog h2{font-size:27px;font-weight:900}.name-dialog input{border:2px solid var(--line);border-radius:14px;background:#fff}.name-dialog input:focus{border-color:var(--sage);outline:none;box-shadow:0 0 0 4px #3fbfa224}.toast{border:2px solid rgba(255,255,255,.25);background:#2f3d3af2;box-shadow:0 6px #1e282166,0 20px 38px -18px #1e2821b3;font-weight:600}.loader{width:34px;height:34px;border:3px solid rgba(63,191,162,.2);border-top-color:var(--clay);border-right-color:var(--gold)}.starting-overlay{background:#fffaf0cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700}.starting-overlay .loader{width:44px;height:44px;border-width:4px}.state-screen{background:radial-gradient(600px 400px at 50% 30%,#fff8e8,transparent 70%)}.state-icon{border-radius:18px}.state-screen h2{font-weight:900}@media(max-width:1180px){.hero-visual{padding-left:12px}.float-card-one{left:-6px}.float-card-two{right:0}.hero-mascot{display:none}.knowledge-hero{grid-template-columns:280px minmax(0,1fr)}.book-stage{min-height:420px}.book-cover{min-height:390px}.book-cover h2{font-size:37px}.records-insights{grid-template-columns:1.3fr .7fr}}@media(max-width:1080px){.hero{grid-template-columns:1fr;gap:22px}.hero-visual{width:min(620px,100%);margin:0 auto}.hero-copy{max-width:720px}.float-card-one{left:10px}.float-card-two{right:10px}.hero-mascot{display:flex}.knowledge-hero{grid-template-columns:1fr;gap:28px}.book-stage{width:min(360px,100%);margin:0 auto}.records-hero,.records-insights{grid-template-columns:1fr}.insight-card{display:grid;grid-template-columns:110px 1fr;gap:4px 16px;align-items:center}.insight-ring{grid-row:span 2;margin:0}.insight-kicker,.insight-card h3{grid-column:2}.insight-card p,.insight-legend{grid-column:1 / -1}.game-layout{grid-template-columns:1fr}.question-column{position:static}.case-column{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.case-art,.case-summary{grid-column:1 / -1}.case-record{grid-column:1}.case-tip{grid-column:2;align-self:stretch}.mobile-jump{display:inline-flex;grid-column:1 / -1;justify-self:start}.result-hero{grid-template-columns:150px minmax(0,1fr)}.result-score-tilt{grid-column:1 / -1}.result-score-card{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:8px 14px}.result-score-card>b{font-size:44px}.result-score-card .stars{margin-top:0}.method-grid:before{display:none}}@media(max-width:860px){.topnav{display:none}.player-chip{margin-left:auto}.mobile-tabbar{position:fixed;left:14px;right:14px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:45;display:flex;gap:6px;padding:8px;border-radius:26px;border:2px solid #fff;background:#fffcf5eb;box-shadow:0 8px #ebdec8a6,0 24px 42px -22px #50412380;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;border-radius:18px;color:var(--muted);font-size:9.5px;font-weight:800;transition:background .25s,color .25s,transform .25s var(--ease-back)}.mobile-tab-icon{display:grid;place-items:center;transition:transform .3s var(--ease-back)}.mobile-tab.is-active{color:var(--sage-deep);background:var(--sage-soft)}.mobile-tab.is-active .mobile-tab-icon{transform:translateY(-1px) rotate(-4deg) scale(1.06)}.mobile-tab:active{transform:scale(.96)}.app-shell{padding-bottom:96px}.stats-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(2){border-right:2px solid #fff}.rules-section{grid-template-columns:1fr}.chapter-block{grid-template-columns:60px minmax(0,1fr);gap:12px}.chapter-rail{padding-top:12px}.chapter-number{width:48px;height:48px;font-size:16px}.chapter-icon{width:48px;height:48px}.chapter-icon svg{width:32px;height:32px}.level-grid{grid-template-columns:1fr}.level-tilt .tilt-card{min-height:190px}.knowledge-grid{grid-template-columns:1fr}.knowledge-stats,.best-grid,.method-grid{grid-template-columns:repeat(2,1fr)}.boundary-grid{grid-template-columns:1fr}.result-metrics{grid-template-columns:1fr 1fr}.mobile-filter-toggle{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;padding:8px 13px;border-radius:var(--radius-pill);border:2px solid #fff;background:#fff;box-shadow:0 3px #ece1cc8c;color:var(--ink-2);font-size:11.5px;font-weight:800}.mobile-filter-toggle span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:var(--radius-pill);background:var(--sage-soft);color:var(--sage-deep);font-family:var(--font-round);font-size:10px}.task-chips{display:none}.run-row{flex-wrap:wrap}.run-side{width:100%;justify-content:space-between}.case-column{display:flex}.mobile-jump{align-self:flex-start}.result-hero{grid-template-columns:1fr}.result-seal{margin:0 auto}.review-body{padding-left:16px}}@media(max-width:600px){:root{--gutter: 16px;--topbar-h: 70px}.brand-mark{width:42px;height:42px}.brand-mark svg{width:26px;height:26px}.brand-copy b{font-size:18px}.topbar-inner{gap:8px}.player-info{display:none}.player-chip{padding:4px}.player-chip>svg{display:none}.hero{padding-top:20px}.hero h1{font-size:38px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-doodle{width:110px;left:-12px;bottom:30px}.float-card{display:none}.hero-mascot{left:auto;right:4px;bottom:-6px;transform:rotate(3deg) scale(.9)}.hero-stamp{right:6px;bottom:6px;font-size:8.5px;max-width:74%}.hero-art-frame{border-radius:34px 34px 72px}.hero-sun{width:84px;height:84px;top:-14px;right:-8px}.stats-bar{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:13px}.stat .stat-icon{width:44px;height:44px}.stat b{font-size:25px}.chapter-block{grid-template-columns:1fr;gap:10px}.chapter-rail{flex-direction:row;gap:8px;padding-top:0}.chapter-number{width:42px;height:42px;font-size:15px}.chapter-icon{width:42px;height:42px}.chapter-icon svg{width:28px;height:28px}.chapter-line{flex:1;width:auto;height:3px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--accent) 48%,transparent) 0 6px,transparent 6px 12px)}.chapter-progress{margin-left:auto}.chapter-head{flex-direction:column;gap:8px}.chapter-main{padding:16px;border-radius:26px}.rules-section{padding:22px 18px;border-radius:30px}.rule-grid{grid-template-columns:1fr 1fr}.rule-number{font-size:34px}.book-stage{min-height:380px}.book-cover{min-height:370px;padding:24px 22px 24px 30px}.book-cover h2{font-size:34px;margin-top:34px}.book-orbit-a{left:-4px}.book-orbit-b{right:-6px}.knowledge-hero-copy h1{font-size:34px}.knowledge-stats{grid-template-columns:1fr 1fr}.scope-banner{align-items:flex-start;flex-wrap:wrap}.scope-chip{margin-left:50px}.method-grid{grid-template-columns:1fr}.records-summary>.summary-grid{gap:10px}.summary-card{padding:13px}.summary-card b{font-size:26px}.best-grid{grid-template-columns:1fr 1fr}.chart-card{padding:17px}.chart-value{font-size:32px}.chart-viewport{height:152px}.insight-card{grid-template-columns:96px 1fr;padding:17px}.insight-ring{width:92px;height:92px}.insight-ring>span{width:72px;height:72px}.run-title{flex-direction:column;gap:2px}.result-hero{padding:22px 18px;border-radius:30px}.result-seal{width:128px;height:128px}.result-score-card{flex-direction:column}.result-metrics{grid-template-columns:1fr 1fr}.result-actions{flex-direction:column-reverse}.result-actions .btn{width:100%}.game-page{width:calc(100% - 22px)}.game-topbar{grid-template-columns:auto 1fr;border-radius:0 0 20px 20px}.question-card{padding:19px 16px;border-radius:24px}.question-card h2{font-size:19px}.option{font-size:12px;padding:11px}.feedback-head{flex-wrap:wrap}.feedback-score{margin-left:50px}.question-footnote{flex-direction:column;gap:4px}.knowledge-explorer,.records-insights{scroll-margin-bottom:180px}.app-shell{padding-bottom:110px}.flow-field{opacity:.7}}@media(max-width:420px){.hero h1{font-size:33px}.stat b{font-size:22px}.stat span{font-size:9.5px}.rule-grid,.best-grid,.result-metrics{grid-template-columns:1fr}.knowledge-stats{grid-template-columns:1fr 1fr}.chart-value{font-size:28px}}@media(pointer:coarse){.tilt-wrap{perspective:none}.reflect{display:none}.float-card,.hero-mascot,.book-orbit{animation:none}}@media(prefers-reduced-motion:reduce){.aurora,.flow-path,.flow-comet,.cursor-orb,.hero-sun,.hero-spark,.float-card,.hero-mascot,.book-orbit,.book-sticker,.chapter-main:before,.result-rays,.progress-river span,.chart-spark,.spark-dot,.brand-twinkle{animation:none!important}.mobile-tabbar{transition:none!important}.cursor-glow,.cursor-orb{display:none}}.chart-card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:280px;text-align:center;background:radial-gradient(220px 160px at 50% 0%,#f2fcf7,transparent 72%),#fffdf8}.chart-card-empty .chart-empty-art{position:relative;display:grid;place-items:center;width:120px;height:84px;margin-bottom:4px}.chart-card-empty .chart-empty-art:before{content:"";position:absolute;top:8px;right:0;bottom:8px;left:0;border-radius:50%;background:radial-gradient(circle,rgba(63,191,162,.14),transparent 70%)}.chart-empty-line{position:absolute;inset:auto 0 12px;width:100%;height:36px;opacity:.65}.chart-card-empty>b{font-family:var(--font-display);font-size:16px;font-weight:900;color:var(--ink)}.chart-card-empty>p{max-width:320px;color:var(--muted);font-size:11.5px}.chart-empty-hint{margin-top:4px;padding:4px 10px;border-radius:var(--radius-pill);background:var(--sage-soft);color:var(--sage-deep);font-size:9.5px;font-weight:800}.tilt-card{position:relative}.level-tilt{height:100%}.level-tilt .tilt-card{padding:0;gap:0}.level-card{padding:20px 21px 18px}.level-card>*{position:relative;z-index:1}.level-ghost{z-index:0}.level-tilt:hover .level-glow:before{opacity:1}.level-glow:before{animation-play-state:paused}.level-tilt:hover .level-glow:before{animation-play-state:running}.level-glow .halo{opacity:0;animation:none}.level-tilt:hover .level-glow .halo{opacity:.9;animation:breathe 4.4s ease-in-out infinite}.level-grid{align-items:stretch}.training-hub-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.hub-card{position:relative;overflow:hidden}.hub-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.55}.hub-card>*{position:relative;z-index:1}.hub-mistakes{border-radius:26px 26px 26px 8px;border:2px dashed color-mix(in srgb,var(--clay) 42%,#fff);background:linear-gradient(180deg,#fffdf7,#fff5ee)}.hub-mistakes:after{background-image:repeating-linear-gradient(0deg,rgba(255,139,115,.12) 0 1px,transparent 1px 22px)}.hub-challenge{border-radius:8px 26px 26px;background:radial-gradient(180px 120px at 100% 0%,var(--blue-soft),transparent 72%),linear-gradient(160deg,#fffdf7,#f3fbff)}.hub-challenge:after{background-image:radial-gradient(circle,rgba(98,192,239,.26) 1.3px,transparent 1.6px);background-size:16px 16px;-webkit-mask-image:linear-gradient(140deg,transparent 34%,#000 100%);mask-image:linear-gradient(140deg,transparent 34%,#000 100%)}.hub-daily{border-radius:26px;border:2px solid color-mix(in srgb,var(--gold) 55%,#fff);background:linear-gradient(135deg,#fffaf0,#fff2cd 62%,#ffe8c4)}.hub-daily:after{background-image:repeating-linear-gradient(45deg,rgba(255,194,71,.18) 0 3px,transparent 3px 14px);-webkit-mask-image:linear-gradient(120deg,transparent 40%,#000 100%);mask-image:linear-gradient(120deg,transparent 40%,#000 100%)}.hub-mistakes .hub-icon{border-radius:16px 16px 16px 6px}.hub-challenge .hub-icon{border-radius:6px 16px 16px}.hub-daily .hub-icon{border-radius:50%}.stats-bar .stat .stat-icon.is-cute{width:46px;height:46px;background:transparent;box-shadow:none}.stats-bar .stat .stat-icon.is-cute svg{width:100%;height:100%}.records-insights-single{grid-template-columns:minmax(0,1fr)}.records-insights .chart-glow{border-radius:28px}.summary-icon.is-cute{width:46px;height:46px;background:transparent}.summary-icon.is-cute svg{width:100%;height:100%}.records-note-trigger-wrap{display:flex;justify-content:center;margin-top:22px}.records-note-trigger{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-pill);border:1.5px dashed var(--line-strong);background:#fff8e8cc;color:var(--ink-2);font-size:12px;font-weight:700;box-shadow:0 4px #ece1cc73}.records-note-trigger:hover{border-color:var(--sage);color:var(--sage-deep)}.drawer-note{display:grid;gap:10px;font-size:12.5px;line-height:1.8;color:var(--ink-2)}.drawer-note b{color:var(--ink)}.drawer-note p{padding:10px 14px;border-radius:14px;background:var(--paper-tint)}.drawer-note .drawer-note-foot{background:transparent;color:var(--muted);font-size:11.5px}.btn,.run-review,.resource-open,.quiet-link{transition:transform .3s var(--ease-back),box-shadow .25s var(--ease-fluid),background .25s,color .25s,border-color .25s}.btn:active,.run-review:active,.resource-open:active{transform:scale(.96);box-shadow:inset 0 8px 18px -8px #3c281473,0 2px #a0968766}@media(prefers-reduced-motion:reduce){.btn:active,.run-review:active,.resource-open:active{transform:none}}.knowledge-grid{align-items:stretch}.knowledge-grid>*{height:100%}.knowledge-grid .tilt-wrap,.knowledge-grid .tilt-card,.knowledge-grid .knowledge-card{height:100%}.knowledge-empty{color:var(--muted)}.summary-card,.best-card{background-color:#fffdf8}.best-card.is-cleared{background-color:#f4faf1}.stat,.hub-card{background-color:#fffdf8}.knowledge-stats div{background-color:#fffcf5}.training-stat,.resource-card{background-color:#fffdf8}.chart-card{background-color:#fdfef9}.chart-glow .halo{opacity:.3}.training-hero,.challenge-card,.challenge-rules>*,.question-card,.choice,.daily-record,.daily-handover{background-color:#fffaf1}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-group(resource-shared){animation-duration:.46s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(resource-shared),::view-transition-new(resource-shared){animation:none;mix-blend-mode:normal;height:100%}::view-transition-image-pair(resource-shared){isolation:auto}.mobile-tabs{display:none}@media(max-width:720px){.mobile-tabs{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:50;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:7px 8px;border-radius:24px;background:#fffdf7eb;border:1.5px solid var(--line);box-shadow:0 18px 40px -22px #503c1e99,inset 0 2px #fff;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}.mobile-tab{display:grid;justify-items:center;gap:2px;padding:6px 2px 4px;border-radius:18px;color:var(--muted);font-size:10px;font-weight:700;transition:color .2s,background .25s var(--ease-fluid),transform .2s var(--ease-back)}.mobile-tab:active{transform:scale(.94)}.mobile-tab.is-active{color:var(--sage-deep);background:var(--sage-soft)}.mobile-tab-icon{display:grid;place-items:center;height:30px}.mobile-tab-icon svg{width:27px;height:27px}.mobile-tab.is-active .mobile-tab-icon{animation:tab-pop .45s var(--ease-back)}@keyframes tab-pop{0%{transform:scale(.86)}60%{transform:scale(1.08)}to{transform:scale(1)}}.app-shell{padding-bottom:96px}.page-companion{bottom:calc(86px + env(safe-area-inset-bottom,0px))}}.mission-skip{color:#ffffffe0;padding:9px 15px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.3);background:#ffffff1a;font-size:11px;transition:color .2s,background .25s var(--ease-fluid),border-color .25s}.mission-skip:hover{color:#fff;background:#fff3;border-color:#ffffff80}.knowledge-more{display:flex;justify-content:center;padding:20px 0 8px}@property --spin{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.cursor-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(480px 480px at var(--mx, 50%) var(--my, 30%),rgba(255,178,122,.5),rgba(63,191,162,.26) 42%,transparent 70%);opacity:.85;transition:opacity .5s var(--ease-fluid);mix-blend-mode:normal}.cursor-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(240px 240px at var(--mx, 50%) var(--my, 30%),rgba(255,255,255,.65),transparent 70%);opacity:.16}.aurora{position:fixed;z-index:0;pointer-events:none;border-radius:46% 54% 58% 42%/48% 42% 58% 52%;filter:blur(58px);opacity:.7;will-change:transform}.aurora-a{width:46vw;height:38vw;left:-12vw;top:-8vw;background:radial-gradient(circle at 40% 40%,rgba(127,182,138,.5),transparent 70%);animation:drift-a 26s ease-in-out infinite}.aurora-b{width:40vw;height:34vw;right:-10vw;top:12vh;background:radial-gradient(circle at 60% 40%,rgba(238,154,110,.42),transparent 70%);animation:drift-b 31s ease-in-out infinite}.aurora-c{width:52vw;height:40vw;left:24vw;bottom:-16vw;background:radial-gradient(circle at 50% 50%,rgba(107,182,216,.34),transparent 70%);animation:drift-c 36s ease-in-out infinite}@keyframes drift-a{0%,to{transform:translateZ(0) rotate(0) scale(1)}50%{transform:translate3d(5vw,4vh,0) rotate(14deg) scale(1.12)}}@keyframes drift-b{0%,to{transform:translateZ(0) rotate(0) scale(1.06)}50%{transform:translate3d(-4vw,6vh,0) rotate(-16deg) scale(.94)}}@keyframes drift-c{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-6vw,-5vh,0) scale(1.14)}}.flow-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.flow-field svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.flow-path{fill:none;stroke-linecap:round;stroke-width:1.6;opacity:.3;stroke-dasharray:14 22;animation:flow-drift 14s linear infinite}.flow-path-2{animation-duration:21s;animation-direction:reverse;opacity:.22}.flow-path-3{animation-duration:27s;opacity:.16}@keyframes flow-drift{to{stroke-dashoffset:-360}}.sheen{position:relative;overflow:hidden;isolation:isolate}.sheen:after{content:"";position:absolute;top:-40%;right:-10%;bottom:-40%;left:-10%;z-index:2;pointer-events:none;background:linear-gradient(104deg,transparent 38%,rgba(255,255,255,.58) 48%,rgba(255,255,255,.12) 56%,transparent 66%);transform:translate3d(-120%,0,0);transition:transform .9s var(--ease-fluid)}.sheen:hover:after,.sheen.is-lit:after{transform:translate3d(120%,0,0)}.reflect{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(320px 320px at var(--rx, 50%) var(--ry, 50%),rgba(255,255,255,.62),rgba(255,240,200,.22) 34%,transparent 62%);transition:opacity .35s var(--ease-fluid);mix-blend-mode:normal}.reflect.is-on{opacity:1}.glowframe{position:relative;isolation:isolate}.glowframe:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;padding:1.6px;background:conic-gradient(from var(--spin),var(--tone, var(--primary)),#f0c05a,#e0748f,#7cc0e0,var(--tone, var(--primary)));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:spin-border 6.5s linear infinite;pointer-events:none}@keyframes spin-border{to{--spin: 360deg}}.glowframe .halo{position:absolute;top:14%;right:8%;bottom:14%;left:8%;z-index:0;border-radius:inherit;background:radial-gradient(60% 60% at 50% 60%,var(--tone-glow, rgba(95, 143, 102, .45)),transparent 72%);filter:blur(24px);opacity:.7;animation:breathe 4.4s ease-in-out infinite;pointer-events:none}@keyframes breathe{0%,to{transform:scale(.92);opacity:.45;filter:blur(26px)}50%{transform:scale(1.06);opacity:.8;filter:blur(20px)}}.grain{position:relative}.grain:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E")}.spark-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--tone, var(--honey));opacity:.5;animation:bob 3.6s ease-in-out infinite}.spark-dot:nth-child(2n){animation-delay:.8s;background:var(--berry)}.spark-dot:nth-child(3n){animation-delay:1.6s;background:var(--sky)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.cursor-orb{position:fixed;top:0;left:0;z-index:0;width:260px;height:260px;margin:-130px 0 0 -130px;border-radius:50%;pointer-events:none;opacity:.6;background:radial-gradient(circle,rgba(255,206,120,.55),rgba(63,191,162,.2) 45%,transparent 70%);filter:blur(18px);mix-blend-mode:soft-light;transition:opacity .4s var(--ease-fluid);will-change:transform}.flow-comet{position:absolute;width:300px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),rgba(255,214,140,.55),transparent);filter:blur(1.2px);opacity:0;animation:cometMove 17s linear infinite;animation-delay:-4s}.flow-comet-b{bottom:20%;right:-24%;width:220px;background:linear-gradient(90deg,transparent,rgba(169,230,255,.85),rgba(169,149,246,.4),transparent);animation-duration:23s;animation-delay:-12s}@keyframes cometMove{0%{translate:0 0;opacity:0}12%{opacity:.8}to{translate:170vw 0;opacity:0}}.flow-comet-b{animation-name:cometMoveBack}@keyframes cometMoveBack{0%{translate:0 0;opacity:0}14%{opacity:.65}to{translate:-170vw 0;opacity:0}}.spark-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.aurora-d{width:36vw;height:30vw;right:18vw;bottom:-10vw;background:radial-gradient(circle at 50% 50%,rgba(169,149,246,.3),transparent 70%);animation:drift-d 33s ease-in-out infinite}@keyframes drift-d{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(5vw,-6vh,0) scale(1.08)}}@media(prefers-reduced-motion:reduce){.aurora-a,.aurora-b,.aurora-c,.aurora-d,.flow-path,.flow-path-2,.flow-path-3,.spark-dot,.flow-comet,.flow-comet-b,.sheen:after,.cursor-glow,.cursor-orb{animation:none!important}}