@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-standard-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-standard-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-standard-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0b0b0a;--panel:#141412;--panel-2:#1c1c19;--line:#ece8df1c;--line-2:#ece8df3d;--text:#ece8df;--muted:#9a958b;--faint:#5c5952;--uv:#ece8df;--uv-deep:#c9c4b8;--trace:#9fdcb4;--miss:#f0806f;--amber:#d8c59a;--age:var(--uv);--flash:var(--uv);--room:var(--uv);--good:var(--trace);--bad:var(--miss);--gold:var(--amber);--surface:var(--panel);--surface-2:var(--panel-2);--accent:var(--uv);--head:"Familjen Grotesk", "Geist", system-ui, sans-serif;--font:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", ui-monospace, monospace;--r-media:6px;--r:6px;--r-btn:4px;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}body{background:var(--bg);min-height:100vh}body:after{content:"";pointer-events:none;z-index:50;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);position:fixed;inset:0 0 auto}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--uv);outline-offset:3px;border-radius:10px}a{color:inherit}img{max-width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.shell{max-width:520px;min-height:100vh;padding-block:14px 48px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}.display{font-family:var(--head);letter-spacing:-.045em;text-wrap:balance;font-weight:700;line-height:.95}.num{font-family:var(--head);font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-weight:600;line-height:.85}.label{color:var(--muted);letter-spacing:0;font-size:13px;font-weight:500}.muted{color:var(--muted)}.tiny{color:var(--faint);font-size:12px;line-height:1.45}.h2{font-family:var(--head);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.cta{border-radius:var(--r-btn);background:var(--text);width:100%;height:58px;color:var(--bg);letter-spacing:-.01em;transition:transform .12s var(--ease), background .2s;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:650;display:inline-flex}.cta:hover{background:#fff}.cta:active{transform:scale(.98)}.cta:disabled{opacity:.4;cursor:default}.icon-btn{background:var(--panel);width:44px;height:44px;color:var(--muted);border:1px solid var(--line);border-radius:12px;place-items:center;display:grid}.icon-btn:hover{color:var(--text)}.link-btn,.ghost-link{color:var(--muted);justify-self:center;align-items:center;gap:6px;padding:10px;font-size:15px;font-weight:550;display:inline-flex}.link-btn:hover,.ghost-link:hover{color:var(--text)}.logo{font-family:var(--head);letter-spacing:-.03em;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.mark{flex:none;display:block;overflow:visible}.mark .mk-pupil{transition:cx .45s var(--ease), cy .45s var(--ease)}.mark .mk-eye{transform-box:fill-box;transform-origin:50%;animation:5s infinite mk-blink}.mark.mk-idle .mk-pupils{animation:7s ease-in-out infinite mk-look}@keyframes mk-blink{0%,95%,to{transform:scaleY(1)}97.5%{transform:scaleY(.08)}}@keyframes mk-look{0%,22%{transform:translate(0)}30%,46%{transform:translate(-3px)}54%,72%{transform:translate(3px)}80%,to{transform:translate(0)}}.coach{align-items:flex-start;gap:12px;display:flex}.coach .mark{margin-top:3px}.coach-say{color:var(--muted);text-align:left;text-wrap:pretty;min-width:0;font-size:17px;font-weight:450;line-height:1.4}.coach-say b{color:var(--text);font-weight:600}.home{gap:30px;display:grid}.home-top{justify-content:space-between;align-items:center;display:flex}.rank{align-items:center;gap:12px;display:flex}.rank-text{text-align:right;gap:2px;display:grid}.rank-text b{font-size:15px;font-weight:600}.rank-text span{color:var(--muted);font-size:12.5px}.lvl-ring{width:44px;height:44px;position:relative}.lvl-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.lvl-ring span{font-family:var(--head);place-items:center;font-size:17px;font-weight:700;display:grid;position:absolute;inset:0}.hello{gap:10px;display:grid}.hello h1{margin:0;font-size:clamp(38px,11vw,54px)}.hello p{color:var(--muted);max-width:36ch;margin:0;font-size:17px;line-height:1.45}.hello p b{color:var(--text);font-weight:600}.streak{color:var(--amber);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.case-card{text-align:left;border-radius:var(--r-media);background:var(--panel);border:1px solid var(--line);isolation:isolate;display:grid;position:relative;overflow:hidden}.case-media{aspect-ratio:16/11;background:#000;position:relative;overflow:hidden}.case-media img{object-fit:cover;object-position:center 25%;filter:grayscale()contrast(1.15)brightness(.8);width:100%;height:100%;display:block}.case-media:after{content:"";mix-blend-mode:normal;background:linear-gradient(#ece8df59,#0d0e1ae6);position:absolute;inset:0}.case-body{gap:14px;padding:18px 20px 20px;display:grid}.case-meta{color:var(--muted);justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.case-meta b{color:var(--uv);font-weight:600}.case-body .display{margin:0;font-size:clamp(32px,9.5vw,44px)}.case-card .cta{margin-top:2px}.uv-sweep{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.uv-sweep:before{content:"";filter:blur(2px);width:46%;animation:sweep 1.6s var(--ease) .25s both;background:linear-gradient(90deg,#0000,#ece8df00 20%,#ece8df8c 50%,#9fdcb440 56%,#0000 80%);position:absolute;top:0;bottom:0;left:-50%}@keyframes sweep{0%{left:-50%}to{left:110%}}.pin{z-index:3;animation:pin-in .45s var(--ease) both;align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%,-50%)}.pin i{border:2px solid var(--trace);border-radius:50%;flex:none;width:14px;height:14px;box-shadow:0 0 0 4px #9fdcb42e,0 0 18px #9fdcb499}.pin span{color:var(--trace);white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d0e1ac7;border-radius:8px;padding:4px 8px;font-size:12.5px;font-weight:600}.pin.left{flex-direction:row-reverse;transform:translate(calc(7px - 100%),-50%)}.pin:not(.left){transform:translate(-7px,-50%)}@keyframes pin-in{0%{opacity:0;transform:translate(-7px,-50%)scale(.6)}}.casebook{gap:26px;display:grid}.casebook-head{justify-content:space-between;align-items:baseline;display:flex}.chapter-block{gap:4px;display:grid}.chapter-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:0 2px 8px;display:flex}.chapter-title b{font-family:var(--head);letter-spacing:-.02em;font-size:20px;font-weight:700}.chapter-title span{color:var(--muted);white-space:nowrap;font-size:13px}.chapter-sub{color:var(--muted);margin:8px 2px 6px;font-size:14px}.case-row{text-align:left;border-radius:12px;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:12px 10px;transition:background .15s;display:grid}.case-row:hover:not(:disabled){background:var(--panel)}.case-row:disabled{cursor:default}.case-n{font-family:var(--head);color:var(--faint);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.case-name{gap:2px;min-width:0;display:grid}.case-name b{font-size:16.5px;font-weight:600}.case-name small{color:var(--muted);font-size:13px}.case-row.locked .case-name b,.case-row.locked .case-name small{color:var(--faint)}.case-row.current{background:var(--panel);border:1px solid var(--line-2)}.case-row.current .case-n{color:var(--uv)}.case-row.done .case-n{color:var(--trace)}.case-state{color:var(--faint);align-items:center;gap:4px;display:flex}.marks{gap:4px;display:flex}.marks i{background:var(--panel-2);border-radius:2px;width:8px;height:8px;transform:rotate(45deg)}.marks i.on{background:var(--trace);box-shadow:0 0 10px #9fdcb480}.boss-tag{color:var(--amber);vertical-align:2px;border:1px solid #d8c59a59;border-radius:6px;margin-left:6px;padding:2px 7px;font-size:11.5px;font-weight:600}.path-end{color:var(--muted);justify-items:center;gap:10px;padding:10px 0 0;font-size:14px;display:grid}.drills{gap:8px;display:grid}.drill-row{text-align:left;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);grid-template-columns:56px 1fr auto;align-items:center;gap:14px;padding:10px;transition:border-color .15s,background .15s;display:grid}.drill-row:hover:not(:disabled){border-color:var(--line-2);background:var(--panel-2)}.drill-row:disabled{opacity:.5;cursor:default}.drill-art{background:var(--panel-2);width:56px;height:56px;color:var(--uv);border-radius:12px;place-items:center;display:grid;overflow:hidden}.drill-art img{object-fit:cover;filter:grayscale()contrast(1.1);width:100%;height:100%}.drill-row b{font-size:16.5px;font-weight:600;display:block}.drill-row small{color:var(--muted);font-size:13.5px}.drill-row .chev{color:var(--faint);padding-right:6px;font-size:13px}.tile-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mini{border:1px solid var(--line);border-radius:var(--r);text-align:left;background:0 0;align-items:center;gap:10px;padding:14px 16px;transition:background .15s;display:flex}.mini:hover{background:var(--panel)}.mini b{font-size:15px;font-weight:600}.mini svg{color:var(--muted)}.drill{gap:16px;display:grid}.drill-top{align-items:center;gap:14px;display:flex}.segs{flex:1;gap:4px;display:flex}.segs i{background:var(--panel-2);border-radius:2px;flex:1;height:4px;transition:background .3s}.segs i.done{background:var(--uv)}.segs i.hit{background:var(--trace)}.segs i.miss{background:var(--miss)}.segs i.ok{background:var(--amber)}.segs i.now{background:var(--text)}.xp-pill{color:var(--amber);font-variant-numeric:tabular-nums;text-align:right;min-width:52px;font-size:14px;font-weight:600}.photo{border-radius:var(--r-media);background:var(--panel);aspect-ratio:4/5;border:1px solid var(--line);width:100%;max-width:100%;max-height:52vh;margin:0;position:relative;overflow:hidden}.photo img{object-fit:cover;object-position:center 22%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .35s,filter .4s,transform .6s;display:block}.photo.gone img{opacity:0}.photo.compact{max-height:40vh}.photo.blur img{filter:blur(30px)brightness(.5);transform:scale(1.1)}.photo .over{place-items:center;display:grid;position:absolute;inset:0}.age-reveal{animation:rise .45s var(--ease) both;background:linear-gradient(#0000,#0d0e1aeb);justify-content:space-between;align-items:flex-end;padding:70px 20px 16px;display:flex;position:absolute;inset:auto 0 0}.age-reveal .num{color:var(--text);font-size:clamp(96px,30vw,132px)}.age-reveal .label{color:var(--muted);margin-bottom:14px}.dial{justify-items:center;gap:4px;display:grid}.dial-row{align-items:center;gap:22px;display:flex}.dial .num{font-size:92px}.dial .pm{color:var(--uv);align-self:flex-end;margin-bottom:10px;font-size:20px;font-weight:600}.step{background:var(--panel);border:1px solid var(--line);width:50px;height:50px;color:var(--muted);border-radius:14px;place-items:center;display:grid}.step:hover{color:var(--text)}.step:active{background:var(--panel-2)}.ruler{position:relative}.ruler svg{width:100%;height:auto;display:block;overflow:visible}.ruler input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.ruler .tick{stroke:var(--faint)}.ruler .tick.major{stroke:var(--muted)}.ruler text{fill:var(--muted);font:500 20px var(--font)}.ruler text.mark{font:650 17px var(--font);letter-spacing:.02em}.ruler .band{fill:var(--uv);opacity:.22;transition:x .15s,width .15s}.ruler .guess{stroke:var(--uv);stroke-width:4px;stroke-linecap:round}.ruler .truth{stroke:var(--trace);stroke-width:4px;stroke-linecap:round;animation:drop .5s var(--ease) both .15s}.ruler .truth-dot{animation:drop .5s var(--ease) both .15s}@keyframes drop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}.conf{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.conf button{background:var(--panel);border:1px solid var(--line);border-radius:12px;place-content:center;gap:1px;height:56px;transition:background .15s,color .15s,border-color .15s;display:grid}.conf button b{font-family:var(--head);font-size:19px;font-weight:700}.conf button span{color:var(--muted);font-size:12px;font-weight:500}.conf button.on{border-color:var(--uv);color:var(--text);background:#ece8df29}.conf button.on span{color:var(--uv)}.result{animation:rise .4s var(--ease) both;gap:14px;display:grid}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.verdict{text-align:center;justify-items:center;gap:6px;display:grid}.verdict .display{font-size:clamp(46px,14vw,72px)}.verdict.good .display,.verdict.good .num{color:var(--trace)}.verdict.bad .display,.verdict.bad .num{color:var(--miss)}.verdict.ok .display,.verdict.ok .num{color:var(--amber)}.truth-line{justify-content:center;align-items:baseline;gap:10px;display:flex}.truth-line .num{font-size:40px}.xp-burst{color:var(--amber);animation:pop .5s var(--ease) both .25s;align-items:center;gap:6px;font-size:17px;font-weight:650;display:inline-flex}.result .tip,p.tip{text-align:center;color:var(--muted);max-width:34ch;margin:0 auto;font-size:16px;font-weight:450;line-height:1.45}.count{width:120px;height:120px;position:relative}.count svg{position:absolute;inset:0;transform:rotate(-90deg)}.count span{place-items:center;font-size:56px;display:grid;position:absolute;inset:0}.count .ring{animation:linear forwards drain-ring}@keyframes drain-ring{0%{stroke-dashoffset:0}to{stroke-dashoffset:339.3px}}.count-chip{width:64px;height:64px;position:absolute;top:14px;right:14px}.count-chip span{font-size:28px}.quiz{animation:rise .3s var(--ease) both;gap:12px;display:grid}.q-card{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-media);flex-direction:column;justify-content:space-between;gap:16px;min-height:38vh;padding:22px;display:flex}.q-card .q-dots{justify-content:flex-start}.q-card .big-q{min-height:0;margin:0;font-size:clamp(34px,10vw,46px)}.quiz .grid-opts button{min-height:100px}.big-q{font-family:var(--head);letter-spacing:-.03em;text-wrap:balance;align-items:flex-end;min-height:2.1em;font-size:clamp(30px,8.5vw,40px);font-weight:700;line-height:1.02;display:flex}.grid-opts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.grid-opts button{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:14px;align-items:flex-end;min-height:84px;padding:14px;font-size:17px;font-weight:550;line-height:1.2;transition:background .15s,transform .12s,opacity .2s,border-color .15s;display:flex}.grid-opts button:hover{border-color:var(--line-2);background:var(--panel-2)}.grid-opts button:active{transform:scale(.98)}.grid-opts.two button{min-height:110px;font-family:var(--head);justify-content:center;align-items:center;font-size:26px;font-weight:700}.grid-opts button.right{border-color:var(--trace);color:var(--trace);background:#9fdcb424}.grid-opts button.wrong{border-color:var(--miss);color:var(--miss);background:#f0806f24}.grid-opts button.dim{opacity:.3}.grid-opts button:disabled{cursor:default}.q-dots{justify-content:center;gap:6px;display:flex}.q-dots i{background:var(--panel-2);border-radius:2px;width:18px;height:4px}.q-dots i.on{background:var(--uv)}.q-dots i.hit{background:var(--trace)}.q-dots i.miss{background:var(--miss)}.answers{gap:6px;display:grid}.answers div{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:15.5px;font-weight:550;display:flex}.answers div svg{flex:none}.answers .hit svg{color:var(--trace)}.answers .miss svg{color:var(--miss)}.answers small{color:var(--muted);text-align:right;margin-left:auto;font-size:13px;font-weight:450}.end{text-align:center;min-height:78vh;animation:rise .45s var(--ease) both;align-content:center;justify-items:center;gap:20px;display:grid}.end .num{color:var(--text);font-size:clamp(96px,30vw,150px)}.end .rounds{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.end .rounds i{width:22px;height:5px;animation:pop .4s var(--ease) both;border-radius:3px}.end .rounds i.hit{background:var(--trace)}.end .rounds i.miss{background:var(--miss)}.end .rounds i.ok{background:var(--amber)}.end .headline{font-size:clamp(34px,10vw,48px)}.end .cta{max-width:360px}.level-up{color:var(--amber);animation:pop .6s var(--ease) both .9s;border:1px solid #d8c59a66;border-radius:14px;justify-items:center;gap:4px;padding:12px 24px;display:grid}.level-up .display{font-size:26px}.level-up b{color:var(--text);font-size:14px;font-weight:550}.lvl-bar{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);text-align:left;gap:10px;width:100%;max-width:360px;padding:16px;display:grid}.lvl-bar-top{justify-content:space-between;gap:8px;font-size:14px;display:flex}.lvl-bar-top b{font-weight:600}.lvl-bar-top span{color:var(--muted)}.lvl-bar .track{background:var(--panel-2);border-radius:3px;height:6px;overflow:hidden}.lvl-bar .track span{background:var(--uv);height:100%;animation:grow 1s var(--ease) both .3s;transform-origin:0;border-radius:3px;display:block}@keyframes grow{0%{transform:scaleX(0)}to{transform:none}}.page-title{margin:6px 0 0;font-size:clamp(40px,12vw,56px)}.chapters{gap:10px;display:grid}.chapter{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.chapter>button{text-align:left;align-items:center;gap:14px;width:100%;padding:18px;display:flex}.chapter .c-icon{width:42px;height:42px;color:var(--uv);border-radius:12px;flex:none;place-items:center;display:grid;background:#ece8df1f!important}.chapter .c-title{font-family:var(--head);letter-spacing:-.02em;flex:1;font-size:20px;font-weight:700}.chapter.locked{opacity:.45}.cues{background:var(--line);border-top:1px solid var(--line);gap:1px;display:grid}.cue{background:var(--panel);gap:6px;padding:16px 18px;display:grid}.cue-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.cue-head b{font-size:17px;font-weight:600}.cue p{color:var(--muted);margin:0;font-size:15px;line-height:1.45}.pill{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.pill.strong{color:var(--trace);background:#9fdcb41f}.pill.moderate{color:var(--amber);background:#d8c59a1f}.pill.myth{color:var(--miss);background:#f0806f24}.cue-src{background:var(--panel);padding:12px 18px 16px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);gap:8px;padding:18px;display:grid}.stat .num{font-size:48px}.stat.wide{grid-column:1/-1}.calib{gap:12px;display:grid}.calib-row{grid-template-columns:44px 1fr 48px;align-items:center;gap:12px;font-weight:600;display:grid}.calib-row .track{background:var(--panel-2);border-radius:3px;height:6px;overflow:hidden}.calib-row .track span{border-radius:3px;height:100%;transition:width .6s;display:block;background:var(--uv)!important}.calib-row em{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-style:normal}.calib-row.cue-rate{grid-template-columns:minmax(0,1.3fr) 1fr 44px;font-size:14px;font-weight:500}.empty-stat{color:var(--faint);padding:10px 0;font-size:16px;font-weight:500}.stage-wrap{border-radius:var(--r-media);border:1px solid var(--line);background:#07070f;position:relative;overflow:hidden}.stage{width:100%;height:calc(1.1*min(100vw - 32px,488px));transition:height .5s var(--ease);touch-action:manipulation;cursor:crosshair;-webkit-user-select:none;user-select:none;display:block}.stage .scene-world{filter:saturate(.55)contrast(1.08)brightness(.92)}.stage.frozen{cursor:default}.stage-wrap.compact .stage{height:calc(min(100vw - 32px,488px)/1.28205)}.stage-wrap:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 3px),radial-gradient(120% 90% at 50% 45%,#0000 55%,#05050ea6);position:absolute;inset:0}.cctv{pointer-events:none;z-index:2;font:500 11.5px/1 var(--font);color:#ebe8f4bf;font-variant-numeric:tabular-nums;letter-spacing:.04em;justify-content:space-between;display:flex;position:absolute;inset:12px 14px auto}.cctv .rec{align-items:center;gap:6px;display:inline-flex}.cctv .rec i{background:var(--miss);border-radius:50%;width:7px;height:7px;animation:1.2s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.stage-tag{font:600 10px var(--font);letter-spacing:.14em;fill:#ffffff59}.stage-hud{justify-content:space-between;align-items:center;display:flex}.hud-pill{align-items:center;gap:8px;font-size:16px;font-weight:600;display:inline-flex}.hud-pill svg{color:var(--uv)}.hud-count{font-family:var(--head);color:var(--trace);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:26px;font-weight:700}.hud-count small{color:var(--faint);font-size:16px}.stage-clock{z-index:2;background:#ffffff0f;height:3px;position:absolute;bottom:0;left:0;right:0}.stage-clock span{background:var(--uv);height:100%;box-shadow:0 0 10px var(--uv);display:block}.stage-verdict{text-align:center;pointer-events:none;animation:pop .45s var(--ease) both;z-index:3;position:absolute;bottom:14px;left:0;right:0}.stage-verdict .display{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0e1ad9;border-radius:12px;padding:6px 16px;font-size:clamp(30px,9vw,42px)}.stage-verdict.good .display{color:var(--trace);box-shadow:inset 0 0 0 1px var(--trace)}.stage-verdict.bad .display{color:var(--miss);box-shadow:inset 0 0 0 1px var(--miss)}.scene-meta{justify-content:space-between;display:flex}.p-nod{transform-origin:0 14px;animation:.32s ease-in-out infinite nod}@keyframes nod{50%{transform:rotate(14deg)}}.p-shiver{animation:.11s linear infinite shiver}@keyframes shiver{25%{transform:translate(-1.5px)}75%{transform:translate(1.5px)}}.p-pop{animation:pop .4s var(--ease) both;transform-box:fill-box;transform-origin:50%}.twinkle{animation:1.6s ease-in-out infinite alternate twinkle}@keyframes twinkle{0%{opacity:.35}to{opacity:1}}.bubble-pop{animation:bubble .3s var(--ease) both}@keyframes bubble{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}.fx circle{transform-box:fill-box;transform-origin:50%;animation:.6s ease-out forwards ring}.fx-hit circle{stroke:var(--trace)}.fx-miss circle{stroke:#fff6}@keyframes ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.7)}}.fx-label{font:650 15px var(--font);fill:var(--trace);paint-order:stroke;stroke:#07070f;stroke-width:4px;animation:1.1s ease-out forwards float}@keyframes float{0%{opacity:0;transform:translateY(6px)}15%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.marker{animation:pop .45s var(--ease) both;transform-box:fill-box;transform-origin:50%}.marker .m-ring{fill:none;stroke-width:2.5px}.marker .m-num{font:700 12px var(--font);fill:#07070f}.m-found .m-ring{stroke:var(--trace)}.m-found .m-dot{fill:var(--trace)}.m-missed .m-ring{stroke:var(--miss);transform-box:fill-box;transform-origin:50%;animation:1s ease-in-out infinite pulse}.m-missed .m-dot{fill:var(--miss)}.m-myth .m-ring{stroke:var(--amber);stroke-dasharray:5 4}.m-myth .m-dot{fill:var(--amber)}@keyframes pulse{50%{transform:scale(1.18)}}.room-intro{align-content:center;gap:26px;min-height:56vh;display:grid}.steps{counter-reset:s;gap:4px;display:grid}.steps div{border-bottom:1px solid var(--line);animation:rise .45s var(--ease) both;align-items:center;gap:16px;padding:14px 0;display:flex}.steps span{width:48px;height:48px;color:var(--uv);background:#ece8df1f;border-radius:12px;flex:none;place-items:center;display:grid}.steps b{font-family:var(--head);letter-spacing:-.03em;font-size:clamp(26px,8vw,34px);font-weight:700}.intro-sub{color:var(--muted);margin:0;font-size:17px}.call-q{min-height:0;margin:4px 0}.verdicts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.verdicts button{background:var(--panel);border:1px solid var(--line);text-align:center;min-height:108px;animation:rise .35s var(--ease) both;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px 8px;font-size:15.5px;font-weight:600;line-height:1.15;transition:transform .12s,background .15s,opacity .2s,border-color .15s;display:flex}.verdicts button:nth-child(2){animation-delay:50ms}.verdicts button:nth-child(3){animation-delay:.1s}.verdicts button svg{color:var(--uv)}.verdicts button:hover{border-color:var(--line-2);background:var(--panel-2)}.verdicts button:active{transform:scale(.97)}.verdicts button.right{border-color:var(--trace);color:var(--trace);background:#9fdcb41f}.verdicts button.right svg{color:var(--trace)}.verdicts button.wrong{border-color:var(--miss);color:var(--miss);background:#f0806f1f}.verdicts button.wrong svg{color:var(--miss)}.verdicts button.dim{opacity:.3}.pattern-card{border-radius:var(--r);animation:rise .4s var(--ease) both .1s;border:1px solid var(--line-2);gap:8px;padding:18px 20px;display:grid;background:var(--panel)!important;color:var(--text)!important}.pattern-card .display{color:var(--uv);font-size:clamp(28px,8.5vw,38px)}.pc-top{justify-content:space-between;align-items:center;display:flex}.pattern-card .xp-burst{color:var(--amber);font-size:15px}.pc-rule{color:var(--text);font-size:17px;font-weight:500;line-height:1.4}.pc-answer{color:var(--miss);font-size:14px;font-weight:500}.cue-list{gap:6px;display:grid}.cue-row{background:var(--panel);border:1px solid var(--line);animation:rise .35s var(--ease) both;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.cue-n{color:#07070f;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.cue-row.got .cue-n{background:var(--trace)}.cue-row.got>svg{color:var(--trace)}.cue-row.missed .cue-n{background:var(--miss)}.cue-row.missed>svg{color:var(--miss)}.cue-row.myth .cue-n{background:var(--amber)}.cue-txt{flex:1;gap:2px;min-width:0;display:grid}.cue-txt b{font-size:15.5px;font-weight:600}.cue-txt em{color:var(--muted);font-style:normal;font-weight:450}.cue-txt small{color:var(--muted);font-size:13.5px}.cue-row>svg{flex:none}.tip{text-align:left;flex-direction:column;gap:18px;min-height:calc(100vh - 62px);display:flex}.tip-top{align-items:center;gap:16px;display:flex}.tip-dots{flex:1;gap:4px;display:flex}.tip-dots i{background:var(--panel-2);border-radius:2px;flex:1;height:4px;transition:background .3s}.tip-dots i.on{background:var(--uv)}.tip-unit{color:var(--muted)}.tip-unit b{color:var(--uv);font-weight:600}.tip-body{animation:rise .45s var(--ease) both;flex:1;align-content:center;gap:26px;display:grid}.tip-big{font-family:var(--head);letter-spacing:-.06em;color:var(--text);font-size:clamp(76px,25vw,132px);font-weight:750;line-height:.85}.tip-big em{color:var(--uv);font-style:normal}.tip-say{font-family:var(--head);letter-spacing:-.025em;color:var(--muted);text-wrap:balance;margin:0;font-size:clamp(25px,7vw,32px);font-weight:600;line-height:1.12}.tip-say b{color:var(--text);font-weight:700}.tip-why{color:var(--muted);border-left:2px solid var(--uv);max-width:46ch;margin:0;padding-left:14px;font-size:14.5px;line-height:1.5}.tip-demo{width:min(100%,41.814vh);position:relative}.tip-demo .stage{aspect-ratio:400/440;height:auto}.tip-tag{z-index:3;color:var(--trace);animation:pop .35s var(--ease);background:#07070fd1;border-radius:9px;padding:7px 11px;font-size:14px;font-weight:600;position:absolute;bottom:14px;left:14px;box-shadow:inset 0 0 0 1px #9fdcb480}.level-end{min-height:82vh;animation:rise .45s var(--ease) both;align-content:center;justify-items:start;gap:18px;display:grid}.level-end .le-label{color:var(--muted);font-size:14px}.level-end .le-label b{color:var(--uv);font-weight:600}.level-end .headline{margin:0;font-size:clamp(46px,14vw,72px)}.le-score{align-items:baseline;gap:14px;display:flex}.le-score .num{font-size:clamp(88px,28vw,140px)}.le-score .num.good{color:var(--trace)}.le-score .num.bad{color:var(--miss)}.le-score span{color:var(--muted);font-size:15px}.big-marks{gap:10px;display:flex}.big-marks i{background:var(--panel-2);border-radius:4px;width:18px;height:18px;transform:rotate(45deg)}.big-marks i.on{background:var(--trace);animation:mark-in .5s var(--ease) both;box-shadow:0 0 18px #9fdcb499}@keyframes mark-in{0%{transform:rotate(45deg)scale(0)}to{transform:rotate(45deg)scale(1)}}.level-end p{color:var(--muted);max-width:36ch;margin:0;font-size:17px;line-height:1.45}.le-actions{gap:4px;width:100%;margin-top:8px;display:grid}.evidence{position:relative}.evidence .photo img{transition:filter .8s var(--ease)}.evidence.revealed .photo img{filter:grayscale(.85)contrast(1.12)brightness(.75)}.evidence.revealed .photo:after{content:"";pointer-events:none;background:linear-gradient(#ece8df47,#0000 60%);position:absolute;inset:0}.deduction{font-family:var(--head);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(21px,6vw,26px);font-weight:600;line-height:1.2}.profile-q{font-family:var(--head);letter-spacing:-.035em;margin:2px 0;font-size:clamp(30px,9vw,40px);font-weight:700;line-height:1}.opts-col{gap:8px;display:grid}.opts-col button{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;height:58px;padding:0 18px;font-size:17px;font-weight:550;transition:border-color .15s,background .15s,opacity .2s;display:flex}.opts-col button:hover:not(:disabled){border-color:var(--line-2);background:var(--panel-2)}.opts-col button.right{border-color:var(--trace);color:var(--trace);background:#9fdcb41f}.opts-col button.wrong{border-color:var(--miss);color:var(--miss);background:#f0806f1f}.opts-col button.dim{opacity:.35}.opts-col button:disabled{cursor:default}.chapter-block{gap:0}.chapter-title{text-align:left;border-bottom:1px solid var(--line);width:100%;padding:14px 4px}.chapter-title span{align-items:center;gap:6px;display:inline-flex}.chapter-block.locked .chapter-title b{color:var(--faint)}.chapter-block.open .chapter-title{border-bottom-color:var(--line-2)}.chapter-block.open{padding-bottom:6px}.casebook{gap:0}.case-media img{filter:grayscale()contrast(1.25)brightness(.85)}.case-media:after{background:linear-gradient(#ece8df2e 0%,#ece8df52 55%,#151730f2 100%)}.pc-verdict{font-family:var(--head);letter-spacing:-.02em;font-size:19px;font-weight:700}.pc-verdict.good{color:var(--trace)}.pc-verdict.bad{color:var(--miss)}.shell.wide{max-width:1240px}.landing{gap:clamp(64px,9vw,128px);padding-bottom:24px;display:grid}.l-nav{justify-content:space-between;align-items:center;gap:16px;padding-top:6px;display:flex}.l-links{align-items:center;gap:28px;font-size:14.5px;display:flex}.l-links a{color:var(--muted);text-decoration:none}.l-links a:hover{color:var(--text)}.l-btn{border:1px solid var(--line-2);border-radius:var(--r-btn);padding:10px 16px;font-size:14px;font-weight:600}.l-btn:hover{background:var(--text);color:var(--bg)}.l-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,64px);min-height:min(78vh,760px);display:grid}.l-copy{align-content:center;gap:28px;min-width:0;display:grid}.l-title{font-family:var(--head);letter-spacing:-.065em;margin:0;font-size:clamp(76px,11.5vw,176px);font-weight:700;line-height:.84}.l-title.small{font-size:clamp(56px,8vw,112px)}.l-sub{color:var(--muted);max-width:40ch;margin:0;font-size:clamp(17px,1.5vw,20px);line-height:1.5}.l-ctas{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.l-cta{width:auto;height:56px;padding:0 26px}.l-note{color:var(--faint);font-size:14px}.iris{aspect-ratio:1;width:100%;max-width:640px;color:var(--text);justify-self:center;position:relative}.iris-canvas{width:100%;height:100%;color:var(--text);background:var(--bg);touch-action:none;display:block}.iris-read{font-family:var(--mono);gap:6px;margin:0;font-size:12px;display:grid;position:absolute;bottom:4%;left:0}.iris-read div{gap:10px;display:flex}.iris-read dt{color:var(--faint);width:44px}.iris-read dd{color:var(--text);font-variant-numeric:tabular-nums;margin:0}.l-fact{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:end;gap:clamp(20px,4vw,56px);padding-top:28px;display:grid}.l-num{font-family:var(--head);letter-spacing:-.07em;font-size:clamp(88px,14vw,200px);font-weight:700;line-height:.8}.l-fact p{color:var(--muted);max-width:46ch;margin:0 0 8px;font-size:clamp(17px,1.6vw,22px);line-height:1.45}.l-h2{font-family:var(--head);letter-spacing:-.035em;margin:0 0 28px;font-size:clamp(28px,3vw,40px);font-weight:600}.l-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.l-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-content:start;gap:10px;min-width:0;padding:26px 24px 30px;transition:background .25s;display:grid}.l-card:hover{background:var(--panel)}.l-card h3{font-family:var(--head);letter-spacing:-.025em;margin:10px 0 0;font-size:22px;font-weight:600}.l-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.glyph{aspect-ratio:1;fill:none;width:100%;max-width:168px;stroke:var(--text);stroke-width:.9px;overflow:visible}.glyph path,.glyph circle,.glyph rect,.glyph line{vector-effect:non-scaling-stroke}.g-rings path{opacity:.75}.g-rings .g-crack{stroke-dasharray:2 3;opacity:.5}.l-card:hover .g-rings path{animation:ring-in 1.2s var(--ease) both}@keyframes ring-in{0%{opacity:0;transform-origin:60px 60px;transform:scale(.92)}}.g-print path{opacity:.8;stroke-linecap:round}.l-card:hover .g-print path{animation:draw 1.4s var(--ease) both;stroke-dasharray:300}@keyframes draw{0%{stroke-dashoffset:300px}to{stroke-dashoffset:0}}.g-feet .g-door{opacity:.6}.g-feet .g-step path{fill:var(--text);fill-opacity:.08}.g-feet .g-vector{stroke-dasharray:3 3}.l-card:hover .g-step{animation:step 1.6s var(--ease) infinite}@keyframes step{0%{opacity:.4;transform:translate(-6px)}60%,to{opacity:1;transform:translate(6px)}}.g-shutter .g-faint{opacity:.25}.g-blades{transform-origin:60px 60px;transition:transform 1s var(--ease)}.g-blades path{fill:var(--text);fill-opacity:.05}.l-card:hover .g-blades{transform:rotate(60deg)scale(.82)}.l-method ol{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.l-method li{align-content:start;gap:10px;min-width:0;padding:22px 22px 0 0;display:grid}.l-method li span{font-family:var(--mono);color:var(--faint);font-size:12px}.l-method li b{font-family:var(--head);letter-spacing:-.03em;font-size:26px;font-weight:600}.l-method li p{color:var(--muted);max-width:30ch;margin:0;font-size:15.5px;line-height:1.5}.l-end{border-top:1px solid var(--line);justify-items:start;gap:26px;padding-top:40px;display:grid}@media (width<=860px){.l-hero{grid-template-columns:1fr;min-height:0}.l-iris{order:-1;max-width:420px}.l-links a{display:none}.l-grid{grid-template-columns:1fr 1fr}.l-method ol{grid-template-columns:1fr 1fr;row-gap:26px}.l-fact{grid-template-columns:1fr}}@media (width<=480px){.l-grid,.l-method ol{grid-template-columns:1fr}.glyph{max-width:120px}}.home-wide{gap:40px;display:grid}@media (width>=960px){.home-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:56px;display:grid}.home-cols>*{min-width:0}.home .hello h1{font-size:clamp(54px,5vw,76px)}.drill{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;column-gap:56px}.drill>*{grid-column:2}.drill>.drill-top{grid-column:1/-1}.drill>:is(.photo,.evidence,.stage-wrap){grid-area:2/1/span 12;max-height:none}.drill>.photo{max-height:76vh}.stage,.stage-wrap.compact .stage{aspect-ratio:400/440;height:auto}.drill .photo.compact{max-height:76vh}.tip,.level-end,.end,.room-intro{width:100%;max-width:640px;margin-inline:auto}}.shell{max-width:1240px}@media (width<=959px){.shell:not(.wide)>main:not(.landing){max-width:560px;margin-inline:auto}}@media (width>=960px){.stage.frozen{aspect-ratio:400/328}}.glyph-media{border-bottom:1px solid var(--line);place-items:center;display:grid;aspect-ratio:16/9!important;background:var(--bg)!important}.glyph-media:after{display:none}.glyph-media .glyph{stroke-width:.8px;max-width:46%;height:86%}.case-card{border-radius:var(--r)}.case-card:hover .g-blades{transform:rotate(60deg)scale(.82)}.case-card:hover .g-step{animation:step 1.6s var(--ease) infinite}@media (width<=860px){.iris-read{grid-auto-flow:column;justify-content:center;gap:18px;margin-top:4px;position:static}.iris-read div{gap:6px}.iris-read dt{width:auto}}@media (width<=480px){.l-grid{grid-template-columns:1fr 1fr}.l-card{padding:18px 14px 20px}.l-card h3{font-size:18px}.l-card p{font-size:13.5px}.glyph{max-width:88px}}:root{--bg:#0c0d11;--panel:#15171d;--panel-2:#1d2028;--surface:#15171d;--surface-2:#1d2028;--line:#2a2e38;--line-2:#3a3f4c;--text:#f5f6f8;--muted:#9097a6;--faint:#5b6170;--age:#ff6b3d;--flash:#3da5ff;--room:#b57bff;--profile:#2ee6a0;--good:#2ee6a0;--bad:#ff4f6d;--gold:#ffc94d;--uv:var(--age);--uv-deep:#ff3d6e;--trace:var(--good);--miss:var(--bad);--amber:var(--gold);--accent:var(--age);--head:"Archivo Variable", system-ui, sans-serif;--font:"Archivo Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Archivo Variable", system-ui, sans-serif;--r:22px;--r-media:22px;--r-btn:999px}body:after{display:none}.mode-age{--accent:var(--age)}.mode-flash{--accent:var(--flash)}.mode-room{--accent:var(--room)}.display{font-family:var(--font);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;font-weight:900;font-stretch:125%;line-height:.92}.num{font-family:var(--font);letter-spacing:-.04em;font-weight:900;font-stretch:125%}.h2,.l-h2{font-family:var(--font);text-transform:uppercase;letter-spacing:-.01em;font-size:20px;font-weight:900;font-stretch:125%}.logo{font-family:var(--font);letter-spacing:-.02em;text-transform:uppercase;align-items:center;gap:10px;font-size:20px;font-weight:900;font-stretch:125%;display:flex}.logo-mark{width:30px;height:30px}.hello h1,.home .hello h1{margin:0;font-size:clamp(44px,6vw,84px)}.hello h1 em{color:var(--age);font-style:normal}.streak{color:var(--gold);font-weight:700}.cta{background:var(--accent);color:#0c0d11;letter-spacing:.02em;text-transform:uppercase;border-radius:999px;height:60px;font-weight:800;font-stretch:112%}.cta.uv{background:var(--accent);color:#0c0d11}.tiles{gap:12px;display:grid}.tile{text-align:left;border-radius:var(--r);background:var(--surface);color:#fff;flex-direction:column;justify-content:flex-end;gap:4px;min-height:150px;padding:22px;transition:transform .15s;display:flex;position:relative;overflow:hidden}.tile:hover{transform:translateY(-2px)}.tile:active{transform:scale(.98)}.tile .t-title{z-index:1;font-size:30px;position:relative}.tile .t-sub{color:#ffffffc7;z-index:1;font-size:15px;font-weight:500;position:relative}.tile .t-art{z-index:0;opacity:.3;place-items:center end;padding-right:26px;display:grid;position:absolute;inset:0}.tile .t-photo{object-fit:cover;object-position:center 15%;mix-blend-mode:luminosity;opacity:.9;filter:contrast(1.15);width:min(62%,260px);height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 60%);mask-image:linear-gradient(90deg,#0000 0%,#000 60%)}.tile.age{background:linear-gradient(135deg,#ff6b3d,#ff3d6e)}.tile.profile{background:linear-gradient(135deg,#1fc98a,#0e8f78)}.tile.flash{background:linear-gradient(135deg,#3da5ff,#3d5bff)}.tile.room{background:linear-gradient(135deg,#b57bff,#7b4dff)}.tile.blitz{color:#1a1206;background:linear-gradient(135deg,#ffc94d,#ff8a3d)}.tile.blitz .t-sub{color:#1a1206b3}.tile.locked{background:var(--surface);color:var(--faint);min-height:104px}.tile.locked .t-sub{color:var(--faint)}.tile .t-badge{z-index:1;letter-spacing:.1em;text-transform:uppercase;background:#00000038;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:800;display:flex;position:absolute;top:18px;right:18px}@media (width>=960px){.tiles{grid-template-columns:1fr 1fr}.tiles .tile.locked{min-height:150px}}.case-card,.mini,.chapter-block,.case-row,.opts-col button,.photo,.evidence,.stage-wrap{border-radius:var(--r)}.glyph-media{border-bottom:0;background:linear-gradient(135deg,#ff6b3d,#ff3d6e)!important}.glyph-media .glyph{stroke:#fff;stroke-width:1.1px}.mini{background:var(--surface);border:0}.mini b{font-weight:800}.round-tip{text-align:center;color:var(--muted);max-width:38ch;margin:0 auto;font-size:16px;font-weight:500;line-height:1.45}.mode-profile{--accent:var(--profile)}.photo{container-type:size}.page{gap:18px;display:grid}.page .drill-top{min-height:44px}@media (width>=960px){.page .page-title br{display:none}.page .page-title{margin:0;font-size:clamp(54px,5.4vw,80px)}.page .chapters{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.page .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.page .stat.wide{grid-column:span 2}.page .stat.tall{grid-row:span 2}.drill>.evidence .photo{max-height:78vh}.drill>.tip-demo{grid-area:2/1/span 6}.drill>.room-intro{align-self:center;max-width:none;min-height:0;margin:0}}@media (width<=959px){.drill>.tip-demo{max-height:42vh}.room-intro{min-height:0}}.live-log{display:none}@media (width>=960px){.drill>.tip-demo{width:100%}.live-log{align-content:start;gap:14px;padding-top:8px;display:grid}.live-log h3{margin:0;font-size:40px}.live-log p{color:var(--muted);max-width:36ch;margin:0;font-size:18px;line-height:1.45}.live-log ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.live-log li{color:var(--good);animation:rise .3s var(--ease) both;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}}.top-right{align-items:center;gap:14px;display:flex}.daily-card{text-align:left;border-radius:var(--r);color:#1a1206;background:linear-gradient(135deg,#ffc94d,#ff8a3d);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:20px 24px;transition:transform .15s;display:flex}.daily-card:hover{transform:translateY(-2px)}.dc-text{gap:4px;min-width:0;display:grid}.dc-title{font-size:clamp(26px,3vw,36px)}.dc-sub{color:#1a1206b8;font-size:15px;font-weight:600}.d-squares{gap:8px;display:flex}.d-squares i{color:#1a12068c;background:#1a120624;border-radius:12px;place-items:center;width:46px;height:46px;font-size:18px;font-style:normal;font-weight:900;font-stretch:125%;display:grid}.d-squares i.hit{background:var(--good);color:#06281b}.d-squares i.ok{background:var(--gold);color:#2a1e04;box-shadow:inset 0 0 0 2px #1a120640}.d-squares i.miss{background:var(--bad);color:#2d0710}.daily-end .d-squares i{width:56px;height:56px;font-size:22px}.daily-end{--accent:var(--gold)}@media (width<=480px){.d-squares i{width:40px;height:40px;font-size:16px}.daily-end .d-squares i{width:48px;height:48px}}.stat.full{grid-column:1/-1}.bands{gap:10px;display:grid}.band-row{grid-template-columns:56px minmax(0,1fr) 92px;align-items:center;gap:12px;font-size:14px;font-weight:700;display:grid}.band-row em{text-align:right;color:var(--muted);font-size:13px;font-style:normal;font-weight:600}.band-track{background:var(--surface-2);border-radius:4px;height:8px;position:relative}.band-track:after{content:"";background:var(--faint);width:2px;position:absolute;top:-3px;bottom:-3px;left:50%}.band-track i{border-radius:4px;position:absolute;top:0;bottom:0}.band-track i.pos{background:var(--age);left:50%}.band-track i.neg{background:var(--flash);right:50%}.key-hint{display:none}@media (hover:hover) and (width>=960px){.key-hint{text-align:center;color:var(--faint);margin:0;font-size:13px;display:block}.key-hint kbd{font:inherit;color:var(--muted);background:var(--surface-2);border-radius:5px;padding:1px 6px;font-weight:700}}@media (width<=480px){.rank-text span{display:none}.top-right{gap:8px}}.marker .m-num{font-size:10px}.photo.shut{display:none}@media (width>=960px){.drill>.photo.shut{background:linear-gradient(135deg,#3da5ff,#3d5bff);place-items:center;display:grid}.photo.shut .glyph{stroke:#fff;stroke-width:1.1px;max-width:46%}.photo.shut .g-blades{transform:rotate(60deg)scale(.82)}}.test-card{background:var(--age);color:#190a04}.test-card .dc-sub{color:#190a04c2}.test-card.first{padding:30px 28px}.test-card.first .dc-title{font-size:clamp(32px,4.4vw,58px)}.test-card.first .dc-sub{font-size:18px}.tc-go{color:var(--text);border-radius:var(--r-btn);white-space:nowrap;background:#190a04;padding:14px 22px;font-weight:800}.test-end{gap:16px}.test-name{color:var(--age);margin:0;font-size:clamp(48px,11vw,96px)}.test-tell{text-wrap:balance;max-width:30ch;margin:0;font-size:clamp(19px,2.4vw,24px);font-weight:600;line-height:1.3}.test-score{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:12px;display:flex}.end .test-score .num{font-size:clamp(64px,16vw,96px)}.test-score b{color:var(--muted);font-size:17px}.test-fix{color:var(--muted);text-wrap:pretty;max-width:38ch;margin:0;font-size:17px;line-height:1.4}.test-fix b{color:var(--text)}.test-share{align-items:center;gap:8px;padding:8px;font-weight:700;display:inline-flex}.then-now{grid-template-columns:1fr 1fr;gap:12px;display:grid}.then-now>div{gap:2px;display:grid}.then-now b{color:var(--muted);font-size:14px}.test-again{justify-self:start;width:auto;padding-inline:26px}.about-cols{gap:12px;display:grid}.about-cols p{color:var(--muted);max-width:62ch;margin:0;line-height:1.5}.credits{gap:8px;margin:0;padding:0;list-style:none;display:grid}.credits li{background:var(--surface);border-radius:14px;align-items:center;gap:12px;min-width:0;padding:8px;display:flex}.credits img{object-fit:cover;border-radius:10px;flex:none;width:44px;height:44px}.credits span{gap:2px;min-width:0;font-size:13px;display:grid}.credits b{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.credits a{color:var(--muted)}.tile-row .mini:nth-child(3){grid-column:1/-1}@media (width>=720px){.credits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.about-cols{grid-template-columns:1fr 1fr}.credits{grid-template-columns:repeat(4,minmax(0,1fr))}.tile-row{grid-template-columns:repeat(3,1fr)}.tile-row .mini:nth-child(3){grid-column:auto}}.about-cols .stat{align-content:start}