@font-face{font-family:Pixel;src:url('/pixel.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:#080e19}body{margin:0;color:#d1e0ed;font:20px/1.35 Pixel,monospace;--pink:#ef779f;--cyan:#76dcec;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.site-header{display:none}.viewport{height:100svh;min-height:500px;position:relative;overflow:hidden;isolation:isolate}canvas,.scanlines,.edge-vignette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}canvas{z-index:-3;image-rendering:pixelated}.scanlines{z-index:10;opacity:.14;background:repeating-linear-gradient(transparent 0 2px,#000 2px 3px)}.edge-vignette{z-index:-1;box-shadow:inset 0 -85px 40px -45px #050a14,inset 0 0 100px #050a1430}.square{width:37px;height:32px;border:2px solid #080e19;background:#152236e8;color:#a4b2c8;box-shadow:inset 0 0 0 2px #26364c;font-size:24px;display:grid;place-content:center;padding:0}.menu-toggle{position:absolute;top:16px;left:12px;z-index:5}.utility{position:absolute;right:12px;top:82px;display:grid;gap:5px;z-index:5}.hud{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:min(710px,80%);display:flex;justify-content:space-between;align-items:start;z-index:4}.hud-box{background:#111d30;min-width:120px;box-shadow:6px 0 #111d30,-6px 0 #111d30,0 6px #111d30,0 -4px #111d30;padding:4px 10px 2px}.hud-box span{display:block;font-size:12px;letter-spacing:4px;color:#8494ac}.hud-box strong{font-weight:400;font-size:29px;color:var(--cyan)}.hud-box:last-child{text-align:right}.hud-box:last-child strong{color:var(--pink)}.round-hud{text-align:center;padding-top:10px}.rounds{display:flex;gap:3px;justify-content:center}.rounds i{display:block;width:13px;height:14px;background:#071122;border:2px solid #17263e;box-shadow:0 0 0 1px #000}.rounds i.current{background:var(--pink)}.rounds i.scored{background:#f0ce80}.rounds i.missed{background:#728099}.round-hud>span{font-size:11px;letter-spacing:2px;color:#63758b;display:block;margin-top:7px}body[data-phase=home] .hud{opacity:0;pointer-events:none}.home-title{position:absolute;top:11%;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;color:#24364b}.home-title h1{font-size:clamp(62px,8vw,110px);font-weight:400;line-height:1;letter-spacing:6px;margin:0;color:#f383a3;text-shadow:4px -4px #83ecf3,-3px 3px #ba467a}.home-title h2{color:#4daaba;font-weight:400;letter-spacing:8px;font-size:28px;margin:18px 0}.home-title p{font-size:19px;letter-spacing:1px;margin:12px 0}.home-title .mode-label{font-size:15px;letter-spacing:4px;margin-top:16px;color:#40586a}.dock{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(610px,calc(100% - 90px));z-index:4}.primary{background:#101c30e8;border:2px solid var(--cyan);box-shadow:inset 0 0 0 3px #07101e,0 0 0 3px #3147598a;color:#e2e7f1;min-height:65px;letter-spacing:4px;padding:14px 24px;text-transform:uppercase;display:block;text-align:center;text-decoration:none}.dock>.primary{width:100%;font-size:27px}.dock-links{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#9aabc2;margin-top:12px;letter-spacing:1px;gap:8px}.dock-links button,.link-button{border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:4px;padding:3px 0}.log-link{display:block;background:none;border:0;color:#b3bfd0;text-decoration:underline;font-size:14px;letter-spacing:2px;margin:0 auto 18px}.resume-link{color:var(--cyan);display:block;margin:0 auto 10px}.prompt-card{position:absolute;top:29%;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 80px));padding:20px 27px;background:#0c182beF;box-shadow:6px 0 #0c182b,-6px 0 #0c182b,0 6px #0c182b,0 -6px #0c182b}.overline{color:var(--pink);font-size:15px;letter-spacing:4px}.prompt-card h2{font-size:34px;font-weight:400;line-height:1.1;margin:12px 0 15px;color:#e2e9ef}.prompt-card p{font-size:15px;letter-spacing:2px;color:#9da9c1;margin:0}.answer-dock{display:flex;gap:10px;align-items:center}.answer-dock input{min-width:0;flex:1;border:2px solid #64a8bc;background:#0a1425e8;color:#e8ecf3;padding:13px 16px;height:58px;border-radius:0;font-size:25px}.answer-dock button{height:58px;background:#c36589;color:#111f30;border:3px solid #182239;box-shadow:inset 0 0 0 2px #a6587c;padding:0 17px;letter-spacing:2px;font-size:25px}.clock{width:62px;height:62px;border:1px solid #354b60;border-radius:50%;display:grid;place-content:center;box-shadow:inset 0 0 0 6px #0c1c2d,0 0 14px #69d4ef30;background:#0a1425;color:var(--cyan);font-size:30px;flex-shrink:0}.clock.urgent{color:#ff719a;border-color:#ff719a}.time-track{height:4px;position:relative;margin:7px 90px 0 72px;background:#223448}.time-track i{display:block;height:4px;background:var(--cyan);transform-origin:left}.feedback{min-height:22px;margin:0 0 8px;text-align:center;color:#eec29e;font-size:18px}.dock .small-row{display:flex;justify-content:space-between;color:#8d9bb1;font-size:14px;margin-top:8px}.countdown{text-align:center;font-size:20px;color:var(--cyan);padding-bottom:8px}.countdown strong{font-size:38px;padding-left:8px}.result-splash{position:absolute;left:50%;top:34%;transform:translateX(-50%);width:min(680px,calc(100% - 80px));text-align:center}.result-splash h2{font-size:45px;font-weight:400;text-transform:uppercase;letter-spacing:5px;color:var(--tier-color,var(--cyan));margin:0 0 18px;text-shadow:3px 3px #090f21}.result-splash .quoted{font-size:26px;overflow-wrap:anywhere;margin:8px 0 16px}.result-splash .reward{font-size:25px;margin:8px 0 15px;color:#d7e5ed}.result-splash .tier-note{font-size:17px;letter-spacing:2px;color:#9babbe}.result-splash .learning{font-size:16px;color:#879ab3;max-width:490px;margin:22px auto 0}.finished{position:absolute;left:50%;top:115px;bottom:165px;transform:translateX(-50%);overflow-y:auto;overscroll-behavior:contain;width:min(660px,calc(100% - 90px));text-align:center;padding:0 10px 16px;scrollbar-width:thin}.finished h2{font-weight:400;font-size:38px;letter-spacing:4px;margin:8px 0}.finished .total{color:var(--pink);font-size:66px;line-height:1}.finished .sub{color:#9babc2;margin:8px 0 20px;font-size:18px}.score-rows{text-align:left;border-top:1px solid #5a6c822f}.score-row{display:grid;grid-template-columns:27px minmax(0,1fr) 45px;gap:12px;padding:9px 4px;border-bottom:1px solid #5a6c822f;align-items:center;font-size:21px}.score-row small{color:#90a1b9;font-size:15px;display:block}.score-row b{font-weight:400;color:var(--cyan);text-align:right}.final-actions{display:flex;gap:12px;margin-bottom:8px}.final-actions .primary{flex:1;font-size:19px;letter-spacing:2px}.share-status{font-size:15px;text-align:center;color:var(--cyan);margin:4px 0}.share-status input{width:100%;color:inherit;background:#14243d;border:1px solid #688ba1}.zone-label{position:absolute;left:25px;bottom:155px;letter-spacing:5px;color:#8399b180;font-size:16px;pointer-events:none}.ambient-label{position:absolute;right:6%;bottom:35%;font-size:14px;color:#aec6d05c;pointer-events:none}.depth-ruler{position:absolute;right:12px;top:32%;bottom:22px;border-right:1px solid #aec6d05c;width:50px;pointer-events:none}.depth-ruler span{position:absolute;right:0;font-size:12px;color:#aec6d070;white-space:nowrap}.depth-ruler span:after{content:' ──'}.depth-ruler .you{top:45%;color:var(--pink);font-size:11px}footer{display:flex;gap:22px;padding:15px 25px;font-size:15px;background:#080e19;color:#879ab2}footer span{margin-left:auto}dialog{width:min(500px,calc(100% - 32px));max-height:85svh;overflow-y:auto;border:2px solid #72becd;box-shadow:0 0 0 5px #101c30;background:#101c30;color:#cfdaeb;padding:25px;font:20px/1.4 Pixel,monospace}dialog::backdrop{background:#040a13b8;backdrop-filter:blur(3px)}dialog[open]{animation:panel-in .2s var(--ease-out)}@keyframes panel-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dialog-top{display:flex;justify-content:space-between;align-items:start;gap:10px;border-bottom:1px solid #31455a;padding-bottom:12px;margin-bottom:15px}.dialog-top h2{font-weight:400;font-size:33px;margin:0;letter-spacing:2px}.dialog-top .overline{font-size:12px;letter-spacing:2px}.menu-list{display:grid;gap:3px}.menu-list button,.menu-list a{text-decoration:none;color:#d1dfeb;border:0;background:none;text-align:left;padding:10px 8px;font:24px Pixel}.menu-list small{font-size:15px;color:#8ca3ba}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid #31455a}.settings-row small{display:block;font-size:15px;color:#91a2ba}.settings-row input{accent-color:var(--cyan);width:20px;height:20px}.settings-row select{max-width:150px;border:1px solid #496881;color:#d1dfeb;background:#182940;padding:4px;font-size:20px}.muted{font-size:16px;color:#91a2ba}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;text-align:center;margin:20px 0}.stats-grid b{font-weight:400;color:var(--cyan);font-size:32px;display:block}.stats-grid span{font-size:14px;color:#a7b5c8}.log-row{padding:12px 0;border-bottom:1px solid #31455a;display:flex;justify-content:space-between}.pack-grid,.wardrobe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tile{border:1px solid #314c64;background:#14273d;color:#d1dfeb;padding:12px;font-size:24px;text-align:center}.tile small{font-size:15px;color:#91a2ba;display:block}.tile.chosen{border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan)}.wardrobe-grid .swatch{width:32px;height:28px;margin:10px auto;clip-path:polygon(20% 0,80% 0,80% 20%,100% 20%,100% 80%,80% 80%,80% 100%,20% 100%,20% 80%,0 80%,0 20%,20% 20%);background:var(--swatch)}.archive-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #31455a}.archive-row button{background:#173449;color:var(--cyan);border:1px solid #537e93;padding:3px 14px}.document{max-width:800px;padding:35px 25px 60px;margin:auto}.document h1{font-size:50px;line-height:1.1;font-weight:400;color:var(--pink)}.document h2{font-size:30px;font-weight:400;color:var(--cyan);margin-top:35px}.document p,.document li{font:17px/1.7 system-ui,sans-serif;color:#bccbde}.document table{width:100%;border-collapse:collapse}.document td,.document th{padding:10px;border-bottom:1px solid #31455a}.document .primary{width:fit-content;margin-top:25px}body:has(.document) .site-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #31455a}.brand{text-decoration:none;font-size:30px;color:var(--pink)}.brand small{font-size:14px;display:block;letter-spacing:3px}.site-header nav{display:flex;gap:20px;font-size:17px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}body.colorblind{--pink:#ffc37e;--cyan:#80d8fa}body.low-power .scanlines{display:none}
@media(hover:hover) and (pointer:fine){button:hover:not(:disabled),a.primary:hover{filter:brightness(1.2)}.menu-list a:hover,.menu-list button:hover{background:#1c344c}}button:active:not(:disabled){transform:translateY(1px)}
@media(max-width:650px){.viewport{min-height:500px}.utility{top:75px;right:8px}.menu-toggle{left:8px;top:15px}.hud{width:calc(100% - 92px);top:15px}.hud-box{min-width:75px;padding:4px 5px}.hud-box span{font-size:10px;letter-spacing:2px}.hud-box strong{font-size:24px}.round-hud{padding-top:8px}.rounds{gap:2px}.rounds i{width:9px;height:12px;border-width:1px}.round-hud>span{font-size:9px;letter-spacing:0}.home-title{top:16%;width:100%;white-space:normal}.home-title h1{font-size:67px;letter-spacing:2px;text-shadow:3px -3px #83ecf3,-2px 2px #ba467a}.home-title h2{font-size:22px;letter-spacing:5px;margin:18px 0}.home-title p{font-size:17px;letter-spacing:0}.home-title .mode-label{font-size:13px;letter-spacing:2px}.dock{width:calc(100% - 32px);bottom:max(20px,env(safe-area-inset-bottom))}.dock>.primary{font-size:23px;letter-spacing:2px;min-height:62px}.dock-links{font-size:12px;gap:7px}.prompt-card{top:27%;width:calc(100% - 64px);padding:20px}.prompt-card h2{font-size:28px}.prompt-card .overline{font-size:13px;letter-spacing:2px}.prompt-card p{font-size:13px;letter-spacing:0}.answer-dock{gap:6px}.answer-dock input{padding:12px 9px;font-size:21px}.answer-dock button{font-size:21px;padding:0 11px}.clock{width:43px;height:43px;font-size:25px;box-shadow:inset 0 0 0 3px #0c1c2d}.time-track{margin-left:50px;margin-right:70px}.result-splash{width:calc(100% - 64px);top:32%}.result-splash h2{font-size:35px;letter-spacing:3px}.result-splash .reward{font-size:22px}.result-splash .tier-note{letter-spacing:0}.result-splash .learning{font-size:15px}.zone-label{font-size:12px;letter-spacing:2px;left:15px;bottom:140px}.ambient-label{display:none}.depth-ruler{right:5px;width:35px}.depth-ruler span{font-size:9px}.finished{top:100px;bottom:160px;width:calc(100% - 45px)}.finished h2{font-size:32px}.finished .total{font-size:56px}.score-row{font-size:19px;gap:7px}.score-row small{font-size:14px}.final-actions{gap:8px}.final-actions .primary{padding:10px 7px;font-size:18px;letter-spacing:1px;min-height:52px}footer{font-size:12px;gap:15px;padding:15px}.site-header nav{gap:10px}.site-header nav a{font-size:13px}dialog{padding:20px}}
@media(max-height:580px){.home-title{top:12%}.home-title h1{font-size:62px}.home-title h2{margin:7px 0;font-size:21px}.home-title p{margin:5px 0;font-size:16px}.home-title .mode-label{margin-top:6px}.dock{bottom:15px}.log-link{margin-bottom:9px}.prompt-card{top:24%;padding:13px 20px}.prompt-card h2{font-size:27px;margin:7px 0}.result-splash{top:26%}.result-splash h2{font-size:32px;margin-bottom:10px}.result-splash .learning{margin-top:8px}.result-splash .tier-note{font-size:14px}.finished{top:85px}}
@media(prefers-reduced-motion:reduce){dialog[open]{animation:none}button:active:not(:disabled){transform:none}}
.depth-ruler span:nth-child(1){top:0}.depth-ruler span:nth-child(2){top:50%}.depth-ruler span:nth-child(3){top:95%}
body:has(.viewport){overflow:hidden}body:has(.viewport)>footer{display:none}.viewport{height:100dvh;min-height:400px}
.dive-chart{display:block;max-width:520px;width:100%;height:125px;margin:auto}.chart-grid{stroke:#536d812d;stroke-width:1;fill:none}.chart-line{stroke:#86b9cd;stroke-width:1.5;fill:none}.dive-chart text{font:13px Pixel;fill:#90a2b9}.chart-caption{color:#8ea1b9;font-size:13px;letter-spacing:2px;margin:0 0 18px}
/* Crawlable guides live below the full-screen game, and disappear during a dive. */
body[data-phase=home]{overflow-y:auto}body[data-phase=home] .seo-hub{display:block}.seo-hub{display:none;max-width:960px;padding:50px 28px 0;margin:auto;font:17px/1.8 system-ui,sans-serif;color:#b5cbdc}.seo-hub h2{color:#e2edf7;font:600 28px/1.3 system-ui,sans-serif;margin-top:32px}.content-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0}.content-cards a{display:block;padding:20px;border:1px solid #355166;background:#101f30;text-decoration:none;color:#96dfed;border-radius:5px}.document{font:17px/1.85 system-ui,sans-serif;max-width:860px}.document h1{font:600 clamp(30px,5vw,48px)/1.2 system-ui,sans-serif;letter-spacing:-1px}.document h2{font:600 24px/1.4 system-ui,sans-serif}.document p{font-size:17px}.document .primary{font:600 16px/1.5 system-ui,sans-serif;letter-spacing:1px}.breadcrumbs{font-size:13px;color:#90aabc;margin-bottom:28px}.related-guides{border-top:1px solid #31495f;margin-top:36px;padding-top:12px}.related-guides nav{display:flex;flex-wrap:wrap;gap:12px 22px}.related-guides a{color:#9bd8e3}.sample-questions details{border-bottom:1px solid #2c455a;padding:18px 0}.sample-questions summary{cursor:pointer;color:#deecf4}.sample-questions p{color:#8cdbde}.content-footer{display:flex!important;flex-wrap:wrap;gap:20px;justify-content:space-between;border-top:1px solid #31495f;margin:45px auto 0;padding:25px;max-width:960px;font:13px/1.6 system-ui,sans-serif}.content-footer nav{display:flex;flex-wrap:wrap;gap:15px}.content-footer span{color:#819aaa}.language-picker{position:relative}.language-picker summary{cursor:pointer;color:#b1dfe8}.language-picker>nav{position:absolute;bottom:30px;right:0;z-index:5;background:#142b40;border:1px solid #446879;min-width:170px;padding:12px;display:grid;gap:8px}.language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.language-grid a{text-decoration:none;text-align:center;font:18px/1.4 system-ui,sans-serif;padding:14px}.language-grid .chosen{outline:2px solid var(--cyan)}.no-script{padding:20px;text-align:center}html[lang=zh-Hans] body,html[lang=ja] body{font-family:system-ui,sans-serif;font-size:16px}html[lang=zh-Hans] .home-title h1,html[lang=ja] .home-title h1{font-family:Pixel,monospace}html[lang=zh-Hans] .home-title h2,html[lang=ja] .home-title h2{font-size:24px;letter-spacing:4px}html[lang=zh-Hans] .prompt-card h2,html[lang=ja] .prompt-card h2{font-size:26px;line-height:1.45}html[lang=zh-Hans] .prompt-card p,html[lang=ja] .prompt-card p{font-size:12px;letter-spacing:0}html[lang=zh-Hans] .dock>.primary,html[lang=ja] .dock>.primary{font-size:20px}html[lang=zh-Hans] .dock-links,html[lang=ja] .dock-links{font-size:12px;letter-spacing:0}html[lang=zh-Hans] .hud-box span,html[lang=ja] .hud-box span{font-size:10px;letter-spacing:1px}html[lang=zh-Hans] .round-hud>span,html[lang=ja] .round-hud>span{font-size:10px;letter-spacing:0}html[lang=zh-Hans] .log-link,html[lang=ja] .log-link{font-size:12px;letter-spacing:1px}html[lang=zh-Hans] .result-splash h2,html[lang=ja] .result-splash h2{font-size:30px;letter-spacing:2px}html[lang=zh-Hans] .result-splash .quoted,html[lang=ja] .result-splash .quoted{font-size:25px}html[lang=zh-Hans] .result-splash .learning,html[lang=ja] .result-splash .learning{font-size:13px}html[lang=zh-Hans] .tier-note,html[lang=ja] .tier-note{font-size:14px;letter-spacing:0}html[lang=zh-Hans] .score-row,html[lang=ja] .score-row{font-size:16px}html[lang=zh-Hans] .score-row small,html[lang=ja] .score-row small{font-size:12px}html[lang=zh-Hans] .settings-row,html[lang=ja] .settings-row{font-size:16px}html[lang=zh-Hans] .settings-row small,html[lang=ja] .settings-row small{font-size:12px}.home-title h2{font-size:clamp(18px,2.5vw,28px);max-width:calc(100vw - 24px)}
@media(max-width:650px){.content-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-hub{padding:30px 20px 0}.content-footer{padding:24px 0}.document{padding:35px 22px}.site-header{gap:15px}.site-header nav{flex-wrap:wrap;justify-content:flex-end}.site-header nav a{font:13px/1.3 system-ui,sans-serif}.home-title h2{font-size:19px;letter-spacing:3px;max-width:100%;line-height:1.35}.dock-links{flex-wrap:wrap;justify-content:center}.dock>.primary{font-size:21px;letter-spacing:1px}.zone-label{max-width:120px}html[lang=zh-Hans] .prompt-card h2,html[lang=ja] .prompt-card h2{font-size:21px}html[lang=zh-Hans] .answer-dock input,html[lang=ja] .answer-dock input{font-size:17px}html[lang=zh-Hans] .answer-dock button,html[lang=ja] .answer-dock button{font-size:16px}html[lang=zh-Hans] .finished h2,html[lang=ja] .finished h2{font-size:26px}}

.consent-settings{font:inherit;padding:0;border:0;background:transparent;color:#b1dfe8;text-decoration:underline;cursor:pointer}.consent-settings[hidden]{display:none!important}
.ad-placement{max-width:960px;margin:40px auto;padding:16px 24px;text-align:center}
.ad-placement small{display:block;margin-bottom:8px;color:#b1dfe8;font:12px system-ui,sans-serif}
.ad-placement .adsbygoogle{min-height:90px}
.ad-placement:has(.adsbygoogle[data-ad-status="unfilled"]){display:none}