@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--gold:#f4ce76;--ink:#101922}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#fff;font-family:Inter,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #ffffff28;background:#14202dbe;color:#fff;border-radius:8px;padding:11px 16px}button:hover{background:#31404e}button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}#game{height:100svh;min-height:560px;position:relative;overflow:hidden}#scene{width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#09121b85,transparent 27%,transparent 70%,#08121b8c)}header{position:absolute;top:24px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;z-index:10}.brand{color:var(--gold);text-decoration:none;font:800 27px 'Barlow Condensed',sans-serif;display:flex;align-items:center;gap:13px}.brand span{font:600 10px Inter,sans-serif;letter-spacing:3px;color:#fff;border-left:1px solid #ffffff50;padding:9px 14px}.top-actions{display:flex;gap:8px}.top-actions button{font-size:11px;backdrop-filter:blur(12px)}.hud{position:absolute;left:32px;right:32px;top:100px;display:flex;justify-content:space-between;pointer-events:none;z-index:4;text-shadow:0 2px 20px #000}.hud small,.clock small{display:block;font-size:10px;letter-spacing:2px;color:#e4dbc7}.hud strong{display:block;font:700 58px 'Barlow Condensed',sans-serif;color:var(--gold);line-height:1.05}.hud span{font-size:11px;color:#fff}.clock{text-align:right}.clock strong{color:white;font-size:42px}.progress{position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff20;z-index:15}.progress div{height:100%;background:var(--gold);width:0}.overlay{position:absolute;inset:0;z-index:6;background:linear-gradient(90deg,#0a1525fa 0%,#101a2bed 28%,#152030a6 48%,transparent 76%);display:flex;align-items:center;padding:100px 6% 80px}.intro-copy{max-width:480px}.eyebrow{font-size:10px;letter-spacing:2.8px;color:var(--gold);font-weight:700;margin-bottom:15px}h1{font:900 clamp(66px,8vw,112px)/.86 'Barlow Condensed',Impact,sans-serif;margin:0 0 26px;letter-spacing:-1px}h1 em{color:var(--gold);font-style:normal}p.lede{font-size:17px;line-height:1.6;color:#ddd7cc;margin-bottom:24px}.rule{display:flex;gap:15px;align-items:center}.rule span{font:600 24px 'Barlow Condensed';color:#eac57566}.rule p{font-size:12px;line-height:1.6;color:#b7bdc5;margin:7px 0}.rule b{color:#fff}.primary{background:var(--gold);color:#17202a;border:none;font-weight:800;letter-spacing:.4px;padding:17px 24px;min-width:245px;margin-top:22px;border-radius:4px;box-shadow:0 8px 35px #ddb86821}.primary:hover{background:#ffe0a0}.key-hint{font-size:10px;line-height:1.9;color:#a2aab7;margin-top:17px}.intro-bottom{position:absolute;bottom:24px;left:6%;right:6%;font-size:9px;letter-spacing:1px;color:#919cab;display:flex;gap:10px;align-items:center}.intro-bottom b{color:#dac89c}.intro-bottom span{margin-left:auto;font-size:9px;letter-spacing:0}#loading{font-size:11px;color:#eeb38f;margin-top:12px}body.intro .hud,body.intro .mobile-controls{opacity:0}#status{position:absolute;left:50%;top:25%;transform:translateX(-50%);font:700 23px 'Barlow Condensed';color:var(--gold);text-shadow:0 2px 12px #000;text-align:center;z-index:5;pointer-events:none}#powers{position:absolute;left:32px;top:215px;font-size:11px;color:var(--gold);z-index:5}.compact{justify-content:center;background:#07111dd9;backdrop-filter:blur(9px);padding:35px}.panel{max-width:620px;text-align:center;width:100%;padding:35px;background:#172331;border:1px solid #e9d49d33;border-radius:14px;box-shadow:0 20px 100px #0008}.panel h2{font:800 44px 'Barlow Condensed';margin:10px 0}.panel p{color:#bbc4ce;font-size:13px}.panel small{font-size:10px;color:#a9b3bf}.secondary{display:block;margin:18px auto 0;border:0;background:none;color:#c2cbd4;font-size:12px}#finalMoney{font:800 90px 'Barlow Condensed';color:var(--gold)}.resultStats{display:flex;justify-content:center;gap:35px;margin:25px 0}.resultStats small{display:block;font-size:9px;letter-spacing:1px}.resultStats b{font:700 28px 'Barlow Condensed'}#scores{padding:0;list-style:none;font-size:12px;margin:25px auto;max-width:300px}#scores li{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid #ffffff14}.mobile-controls{display:none;position:absolute;bottom:24px;left:24px;right:24px;justify-content:space-between;gap:15px;z-index:5}.mobile-controls button{width:70px;height:56px;touch-action:none;background:#17283be6;border-color:#ffffff45;font-size:24px}#jump{font-size:12px;width:90px}#unsupported{position:absolute;inset:0;background:#101922;z-index:30;padding:20vh 10%;font-size:20px;line-height:1.6}@media(max-height:750px) and (min-width:701px){h1{font-size:80px}.overlay{padding-top:70px}p.lede{margin:15px 0}.rule p{margin:4px 0}.primary{margin-top:14px}}@media(max-width:700px){header{left:18px;right:18px;top:18px}.brand span{font-size:8px;letter-spacing:1.8px;padding:6px 9px}.top-actions button{padding:9px;font-size:10px}.hud{top:85px;left:20px;right:20px}.hud strong{font-size:45px}.hud small{font-size:8px}.clock strong{font-size:34px}.overlay{padding:90px 25px 90px;background:linear-gradient(90deg,#0b1526e8,#0b1526bd 80%,#0b152660)}h1{font-size:76px}.lede{font-size:14px!important;margin:20px 0!important}.rule p{font-size:11px}.rule span{font-size:20px}.intro-bottom{left:25px;bottom:20px;display:block;line-height:1.7;font-size:8px}.intro-bottom span{display:block}.mobile-controls{display:flex}#powers{left:20px;top:185px}.panel{padding:24px 20px}.panel h2{font-size:34px}#finalMoney{font-size:72px}.resultStats{gap:20px}.compact{padding:18px}#status{top:30%;font-size:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.cover-art{position:absolute;right:3%;top:24%;width:52%;border-radius:18px;box-shadow:0 20px 60px #0008;z-index:-1}.intro-copy{position:relative}@media(max-width:850px){.cover-art{right:0;top:0;width:100%;height:100%;object-fit:cover;opacity:.24}.intro-copy{z-index:1}}