:root{--ink:#e2ecffeb;--dim:#96a8c88c;--neon:#ff4d8d;--cyan:#57e8ff}*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background:#04050a;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;overflow:hidden}#scene{width:100vw;height:100vh;display:block}#ui{pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .6s;position:fixed;inset:0}#ui.photo,#ui.pre{opacity:0}.pane{letter-spacing:.06em;text-shadow:0 0 18px #000000e6;position:fixed}.tl{top:26px;left:30px}.tl .place{letter-spacing:.34em;text-transform:uppercase;color:var(--dim);font-size:13px}.tl .clock{letter-spacing:.06em;color:var(--ink);text-shadow:0 0 26px #57e8ff59;margin-top:2px;font-size:40px;font-weight:200;line-height:1}.tl .wx{color:var(--dim);letter-spacing:.18em;margin-top:6px;font-size:12px}.bl{align-items:flex-end;gap:10px;display:flex;bottom:30px;left:30px}.bl .spd{font-variant-numeric:tabular-nums;text-shadow:0 0 34px #ff4d8d59;font-size:74px;font-weight:200;line-height:.82}.bl .unit{color:var(--dim);letter-spacing:.3em;padding-bottom:8px;font-size:12px}.tach{background:#ffffff14;width:260px;height:2px;position:fixed;bottom:22px;left:30px}.tach i{background:linear-gradient(90deg, var(--cyan), var(--neon));width:0%;height:100%;transition:background .4s;display:block;box-shadow:0 0 14px #ff4d8dcc}.tach.red i{background:linear-gradient(90deg,#ff4d8d,#ff2020)}.gear{color:var(--dim);letter-spacing:.22em;font-size:12px;position:fixed;bottom:30px;left:300px}.br{text-align:right;color:var(--dim);letter-spacing:.18em;font-size:12px;line-height:1.9;bottom:30px;right:30px}.br b{color:var(--ink);font-weight:400}.tr{text-align:right;color:#96a8c857;letter-spacing:.14em;font-size:11px;line-height:1.85;top:26px;right:30px}.tr kbd{color:#c8d8f4b8;font:inherit}.toast{letter-spacing:.4em;text-transform:uppercase;color:#e2ecffcc;opacity:0;font-size:12px;transition:opacity 1.2s;position:fixed;top:62%;left:50%;transform:translate(-50%)}.toast.on{opacity:1}#start{z-index:10;cursor:pointer;text-align:center;background:radial-gradient(90% 70% at 50% 52%,#04050a85 0%,#04050ad9 58%,#04050af7 100%);flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:24px;transition:opacity 1.1s;display:flex;position:fixed;inset:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){#start{-webkit-backdrop-filter:blur(3px)saturate(1.15);backdrop-filter:blur(3px)saturate(1.15)}body.touch #start{-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(90% 70% at 50% 52%,#04050ab8 0%,#04050aeb 58%,#04050afa 100%)}}#start.gone{opacity:0;pointer-events:none}#start .tag{letter-spacing:.24em;color:#b4c6e680;text-align:center;text-transform:lowercase;margin-top:-8px;font-size:clamp(11px,1.5vw,13px);line-height:2.2}#start .seed{letter-spacing:.28em;text-transform:lowercase;color:#b4c6e66b;font-size:10px}#start .seed button{font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;color:var(--cyan);opacity:.8;background:0 0;border:0;border-bottom:1px solid #57e8ff47;padding:0}#start .seed button:hover{opacity:1}#start .back{letter-spacing:.26em;color:var(--cyan);opacity:.72;text-shadow:0 0 22px #57e8ff66;font-size:11px}#fade{z-index:9;pointer-events:none;opacity:1;background:#04050a;transition:opacity 2.6s cubic-bezier(.4,0,.3,1);position:fixed;inset:0}#fade.clear{opacity:0}.shotflash{z-index:12;pointer-events:none;opacity:0;background:#dfeaff;transition:opacity .18s ease-out;position:fixed;inset:0}.shotflash.on{opacity:.5;transition-duration:30ms}.photobar{white-space:nowrap;letter-spacing:.16em;color:#bed0ee8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080b1499;border:1px solid #8ca8d229;border-radius:999px;padding:10px 20px;font-size:11px;display:none;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.photobar.on{display:block}.photobar em{color:#e2ecffd9;font-style:normal}.photobar span{color:var(--cyan)}#start h1{letter-spacing:.42em;color:#eaf2ff;text-align:center;text-shadow:0 0 44px #ff4d8d73,0 0 90px #57e8ff38;max-width:100%;margin-right:-.42em;font-size:clamp(22px,5.6vw,60px);font-weight:200;line-height:1.3}#start .sub{letter-spacing:.35em;color:var(--dim);text-transform:uppercase;font-size:12px}#start .go{letter-spacing:.3em;color:#96a8c866;font-size:11px;animation:2.6s ease-in-out infinite pulse}#start .keys{letter-spacing:.2em;color:#96a8c84d;text-align:center;font-size:11px;line-height:2}#start .keys:empty{display:none}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.vig{pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 240px 40px #000000bf}.auto{letter-spacing:.42em;color:var(--cyan);opacity:0;text-shadow:0 0 20px #57e8ff99;font-size:11px;transition:opacity .5s;position:fixed;bottom:116px;left:32px}.auto.on{opacity:.85;animation:3.4s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.45}50%{opacity:.95}}.chip{pointer-events:auto;font:inherit;letter-spacing:.28em;color:#c8d8f499;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e188c;border:1px solid #8ca8d238;border-radius:999px;padding:12px 20px;font-size:12px;display:none;position:fixed;top:24px;right:26px}.chip.on{color:#061018;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 26px #57e8ff80}body.touch .chip{display:block}body.touch .tr,body.nohints .tr,body.nohints .auto,.rotate{display:none}@media (hover:none) and (pointer:coarse) and (orientation:portrait){.rotate{z-index:20;color:var(--dim);letter-spacing:.4em;text-transform:uppercase;background:#04050a;justify-content:center;align-items:center;font-size:12px;display:flex;position:fixed;inset:0}}@media (max-width:1100px),(max-height:620px){.tl{top:16px;left:18px}.tl .clock{font-size:27px}.tl .place,.tl .wx{font-size:10px}.bl{bottom:20px;left:18px}.bl .spd{font-size:46px}.tach{width:150px;bottom:14px;left:18px}.gear{bottom:20px;left:178px}.auto{bottom:78px;left:20px}.br{font-size:10px;line-height:1.7;bottom:20px;right:18px}.vig{box-shadow:inset 0 0 140px 20px #000000b3}}#ui.off{display:none}#stream{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;text-shadow:0 2px 24px #000000f2;position:fixed;inset:0}#stream>div{position:fixed}.s-tl{top:5vh;left:5vw}.s-bl{bottom:5vh;left:5vw}.s-br{text-align:right;bottom:5vh;right:5vw}.s-station{letter-spacing:.5em;color:var(--cyan);text-shadow:0 0 28px #57e8ff80;font-size:13px}.s-clock{letter-spacing:.06em;color:var(--ink);font-size:52px;font-weight:200;line-height:1.15}.s-where{letter-spacing:.3em;color:var(--dim);font-size:12px}.s-speed{align-items:flex-end;gap:10px;display:flex}.s-speed b{text-shadow:0 0 34px #ff4d8d4d;font-size:64px;font-weight:200;line-height:.85}.s-speed span{letter-spacing:.3em;color:var(--dim);padding-bottom:6px;font-size:12px}.s-odo{letter-spacing:.22em;color:var(--dim);margin-top:10px;font-size:12px}.s-now{letter-spacing:.22em;color:#c8d8f4b3;font-size:12px}.s-plug{letter-spacing:.24em;color:#96a8c86b;margin-top:8px;font-size:11px}.devhud{z-index:50;pointer-events:none;background:#06080ed1;border:1px solid #78a0dc2e;border-radius:4px;padding:8px 10px;position:fixed;top:12px;left:12px}.devhud canvas{background:#00000059;border-radius:2px;display:block}.devhud pre{color:#bed6f6e6;white-space:pre;margin:8px 0 0;font:11px/1.5 ui-monospace,SF Mono,Menlo,Consolas,monospace}