:root{--bg:#050e25;--panel:#0b2248;--panel-light:#123b6b;--ink:#effcff;--muted:#a2c8ed;--mint:#43e5fa;--rose:#ff4c92;--line:#24649a;--display:'Spur Pixel',monospace}
body{background:#050e25;color:#effcff}.topbar{background:#07152f;border-bottom:1px solid #39d9fa44;height:56px}.brand-icon{display:none}.brand-word{font-family:'Spur Pixel',monospace;font-size:19px;letter-spacing:2px;color:#f2fcff;text-shadow:2px 0 #ff4c92,-2px 0 #42e8fb}.brand{letter-spacing:0}.header-actions .quiet,.icon-btn{border:1px solid #42dffa66;background:#0b254c;color:#80eafb;border-radius:2px;backdrop-filter:none}.header-actions .quiet:hover,.icon-btn:hover{background:#164b76;color:#fff}.primary,.secondary{font-family:'Spur Pixel',monospace;border-radius:2px;border:1px solid #43e5fa;background:#0b2b58;color:#effcff;font-size:12px;letter-spacing:.5px;box-shadow:3px 3px 0 #03102a}.primary:hover,.secondary:hover{background:#114c78;border-color:#ff5ca2;box-shadow:3px 3px 0 #ff4c9255;color:#fff}.eyebrow{font-family:'Spur Pixel',monospace;color:#54dff6;font-size:8px;letter-spacing:1px}.quiet{color:#98d3f0}.quiet:hover{color:#fff}.icon-btn{font-size:17px}main{padding-bottom:0}
body[data-screen=home] main{max-width:none}#home.start-screen{position:relative;isolation:isolate;width:100%;max-width:none;min-height:calc(100svh - 56px);margin:0;padding:0 0 28px;background:#06152e;overflow:hidden}.start-screen .hero-road{inset:0 0 auto;height:clamp(520px,65svh,740px);margin:0;border:0;border-radius:0;box-shadow:none;background:#73d8ef;z-index:0}.start-screen .hero-road::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#081d3910 0,#081d3910 1px,transparent 1px,transparent 3px)}.start-title{position:relative;z-index:2;text-align:center;padding:65px 20px 0;pointer-events:none}.start-title .eyebrow{color:#143d65;font-size:9px;letter-spacing:2px;line-height:1.8}.start-title h1{font-family:'Spur Pixel',monospace;font-size:clamp(60px,9vw,118px);font-weight:400;line-height:1.35;letter-spacing:7px;color:#f2fcff;text-shadow:4px 0 #ff4e98,-4px 0 #24e6ff,0 4px #0c3968;margin:15px 0 6px}.start-title .intro{display:inline-block;max-width:none;font:10px 'Spur Pixel',monospace;letter-spacing:1px;line-height:1.9;color:#173b64;background:#d7f7fc99;border:1px solid #e3ffff66;padding:7px 13px;margin:0}.start-controls{position:relative;z-index:2;max-width:760px;margin:190px auto 0;padding:22px 25px 0;text-align:center;background:linear-gradient(#06152e00,#06152efa 65px,#06152e);border-top:1px solid #5ae5fa44}.start-controls>#dailyDate{display:block;font-size:8px;letter-spacing:1.6px;color:#91c3e2;margin:8px 0 17px}.start-controls #dailyBtn{width:min(530px,100%);min-height:76px;display:flex;justify-content:center;gap:25px;border:2px solid #43e5fa;outline:1px solid #43e5fa66;outline-offset:4px;background:#0a2248;font-family:'Spur Pixel',monospace;font-size:18px;letter-spacing:3px;color:#e9faff;box-shadow:0 0 20px #27d7ff26}.start-controls #dailyBtn:hover{background:#104675;border-color:#ff69aa;outline-color:#ff69aa88;box-shadow:0 0 25px #ff4c9233}.start-hint{margin:17px 0 0;color:#90b9d7;font:8px 'Spur Pixel',monospace;letter-spacing:.6px;line-height:1.8}.start-controls .mode-grid{position:relative;margin:27px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #2d7aa866;border-bottom:1px solid #2d7aa866;background:#071b37}.start-controls .mode-card,.start-controls .mode-card+.mode-card{width:auto;display:flex;flex-direction:column;gap:7px;margin:0;padding:18px 12px;border:0;border-right:1px solid #2d7aa866;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;text-align:center}.start-controls .mode-card:last-child{border-right:0}.start-controls .mode-card:hover{background:#123c64}.start-controls .mode-card strong{font:10px 'Spur Pixel',monospace;letter-spacing:.3px;color:#a4f0ff;line-height:1.7}.start-controls .mode-card>span{font:11px var(--sans);color:#89b6d7;line-height:1.4}#home.start-screen>.content-note{position:relative;z-index:2;max-width:740px;margin:24px auto 0;padding:0 22px;color:#6e9bbf;text-align:center;font-size:10px}
body[data-screen=game] #game{background:#092448;border:0;box-shadow:none}.game-toolbar{background:transparent}.game-toolbar .quiet,.game-toolbar #motionBtn{background:#0c3159;border:1px solid #3985ad66;border-radius:2px;color:#7fe1fa;font-family:'Spur Pixel',monospace;font-size:8px}.game-toolbar .eyebrow{font-family:'Spur Pixel',monospace;font-size:8px;letter-spacing:1px;color:#7deaff}.progress i{background:#1d466b;height:3px;border-radius:0}.progress i.past{background:#ff4c92}.progress i.current{background:#44e8ff;box-shadow:0 0 8px #3ae6ff66}.question-heading{background:transparent}.question-heading h1{font-family:'Spur Pixel',monospace;font-size:clamp(21px,2.3vw,31px);line-height:1.35;letter-spacing:-.6px;color:#edfaff;font-weight:400}.question-heading .eyebrow{font-family:'Spur Pixel',monospace;color:#44dbf5;font-size:7px;letter-spacing:1px}.question-heading p{font-size:13px;color:#9ac6e7;line-height:1.5}.question-heading .previous{background:#0c2e55;border:1px solid #ff70ac77;border-radius:2px;color:#e7c8e5}.drive-stage{outline:1px solid #41d2f344}.choices{gap:18px}.choice,.choice:first-child,.choice:last-child{background:linear-gradient(140deg,#125f8055,#051c46aa),#071d40cc;border:1px solid #50e5ff99;border-radius:5px;box-shadow:inset 0 1px 0 #7af3ff33,3px 3px 0 #03132788;backdrop-filter:blur(12px) saturate(1.4)}.choice:not(:disabled):hover{background:#124e7cea;border-color:#ff7cb5;box-shadow:0 0 18px #38d9ff22,3px 3px 0 #ff4c9266}.choice-meta{color:#61dcfa;font-family:'Spur Pixel',monospace;font-size:7px;letter-spacing:.6px}.lane-chip{background:#0d4770;color:#d9fbff;border:1px solid #50d8f7;border-radius:2px;font-family:'Spur Pixel',monospace;font-size:10px}.choice strong{color:#f5fcff;font-family:var(--sans);font-size:clamp(16px,1.4vw,20px);line-height:1.45}.choice-action{font-family:'Spur Pixel',monospace;font-size:8px;letter-spacing:.3px;color:#80ebff;border-top:1px solid #2d91bc99}.key-hint{border-color:#3a8eb577;color:#85ddf4;border-radius:1px}.choice.selected{background:#0c5c7ee8;border-color:#efffff}.choice.rejected{background:#152747db;border-color:#476180;color:#8fa9c1}.scene-caption{background:#091f45ed;border:1px solid #74eeff88;border-radius:3px;box-shadow:0 0 18px #31d3ff22;color:#e9fbff}.scene-top #sceneStatus,.scene-skip{background:#061c40d9;border:1px solid #35b8e566;border-radius:2px;color:#8beaff;backdrop-filter:blur(12px)}.choice-help{color:#6aa1c6}.reflection{background:linear-gradient(130deg,#0e3d6577,#081c3bbb);border:1px solid #42ccec66;border-radius:5px;box-shadow:inset 0 1px 0 #7fefff22}.reflection>.eyebrow{font-family:'Spur Pixel',monospace;font-size:8px;color:#4fe8ff}.reflection h2{font-family:var(--sans);font-size:24px;line-height:1.45;color:#e7f6ff}.reflection input,textarea{background:#061a36dd!important;border-color:#2a83ac!important;border-radius:3px!important;color:#eaf8ff!important}.chip{border-color:#328bb5;border-radius:2px;color:#8bd8f2;background:#0c2c4a}.chip[aria-pressed=true]{background:#47d9f1;border-color:#85efff;color:#082c4b}.reflection legend{color:#badbed}.reflection-bottom>span{color:#6c9fc1}.primary,.secondary{font-family:'Spur Pixel',monospace}.panel,.comparison,.history-item{background:#0a2446d9;border:1px solid #2c9bc188;border-radius:5px;box-shadow:inset 0 1px 0 #58d6f51a}.summary-head h1,#friends h1{font-family:'Spur Pixel',monospace;color:#eafbff;font-size:clamp(24px,3vw,36px);line-height:1.4;font-weight:400}.result-row{border-color:#236b9188}.result-row h3{font-family:'Spur Pixel',monospace;font-size:16px;line-height:1.6;font-weight:400;color:#b2f1ff}.result-row p{color:#97c1df}.result-tag{font:8px 'Spur Pixel',monospace;color:#ff80b7;line-height:1.8}.theme-select{background:#0c2d50;border-color:#2c9cca;border-radius:2px;color:#c6f3ff}.theme-select option{background:#0b2446}.toast{background:#0b325b;border:1px solid #45e6ff;border-radius:3px;color:#dffbff;box-shadow:0 0 20px #2fdcff33}.content-note{color:#6595bc}.intro{color:#95c8e8}.result-row small{color:#ff82bc}dialog{background:linear-gradient(140deg,#12426bdb,#091e43ee);border:1px solid #44dfff88;border-radius:7px;box-shadow:0 20px 100px #000b26cc,0 0 24px #38d8ff22;backdrop-filter:blur(22px)}dialog::backdrop{background:#030b22bd}dialog h2{color:#dff8ff}dialog p{color:#8fbcde}.toggle-row input{accent-color:#43e5fa}footer{background:#040b1c;border-top:1px solid #1c567e}footer>span{color:#5781a8;font-family:'Spur Pixel',monospace;font-size:7px}footer .quiet{color:#5a98c0}
@media(max-width:640px){.brand-word{font-size:16px;letter-spacing:1px}.topbar{height:54px}.start-screen .hero-road{height:515px}.start-title{padding:44px 15px 0}.start-title .eyebrow{font-size:7px;letter-spacing:1px}.start-title h1{font-size:52px;letter-spacing:4px;line-height:1.45;margin:15px 0 4px;text-shadow:3px 0 #ff4e98,-3px 0 #24e6ff,0 3px #0c3968}.start-title .intro{font-size:8px;letter-spacing:.4px;max-width:330px;line-height:1.8;padding:7px 10px}.start-controls{margin-top:232px;padding:19px 20px 0}.start-controls>#dailyDate{font-size:7px;letter-spacing:1px}.start-controls #dailyBtn{font-size:15px;letter-spacing:2px;min-height:67px;gap:18px}.start-hint{font-size:7px;letter-spacing:.3px;line-height:1.8}.start-controls .mode-grid{grid-template-columns:1fr;gap:0;margin-top:24px}.start-controls .mode-card,.start-controls .mode-card+.mode-card{border-right:0;border-bottom:1px solid #2d7aa866;border-radius:0;padding:14px 10px}.start-controls .mode-card:last-child{border-bottom:0}.start-controls .mode-card strong{font-size:10px;line-height:1.6}.start-controls .mode-card>span{font-size:10px}.question-heading{padding:18px 20px 21px}.question-heading h1{font-size:21px;letter-spacing:-.5px;line-height:1.4}.question-heading .eyebrow{font-size:6px;line-height:1.8;letter-spacing:.8px}.question-heading p{font-size:11px;line-height:1.5}.game-toolbar .quiet,.game-toolbar #motionBtn{font-size:7px;padding:8px 7px}.game-toolbar .eyebrow{font-size:7px;letter-spacing:.5px}.choices{gap:10px}.choice,.choice:first-child,.choice:last-child{border-radius:4px;padding:13px 11px 12px}.choice strong{font-size:14px;line-height:1.45}.choice-meta{font-size:6px;letter-spacing:.2px}.lane-chip{font-size:9px;border-radius:2px}.choice-action{font-size:7px;line-height:1.6;letter-spacing:0}.reflection{border-radius:4px}.reflection h2{font-family:var(--sans);font-size:21px}.reflection>.eyebrow{font-size:7px}.primary,.secondary{font-size:10px;border-radius:2px}.summary-head h1,#friends h1{font-size:25px;line-height:1.45;letter-spacing:-.6px}.result-row h3{font-size:13px}.result-tag{font-size:7px}.scene-caption{border-radius:2px;font-size:10px}.scene-skip,.scene-top #sceneStatus{border-radius:2px}footer>span{font-size:6px}}
@media(max-width:360px){.start-title h1{font-size:45px;letter-spacing:3px}.start-title .eyebrow{font-size:6px}.question-heading h1{font-size:18px}.choice strong{font-size:13px}.choice-meta{font-size:5px}.choice-action{font-size:6px}.start-controls #dailyBtn{font-size:14px}}