:root{color:#eee8d7;font-synthesis:none;--cream:#eee8d7;--amber:#edbd70;--red:#be4632;--mono:"Consolas","Courier New",monospace;background:#132125;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:5px}button{color:inherit}#app,#interface,#vignette,#flash{position:fixed;inset:0}#app canvas{width:100%;height:100%;display:block}#vignette{pointer-events:none;z-index:1;background:radial-gradient(at 50% 42%,#0000 35%,#020b0e6b 100%)}#flash{z-index:4;pointer-events:none;opacity:0;background:#be3527}#interface{z-index:5;pointer-events:none}#interface button,#interface a{pointer-events:auto}svg{display:block}button{border:0}button:disabled{cursor:wait;opacity:.65}kbd{font:11px var(--mono);color:#e8e4d4;white-space:nowrap;border:1px solid #a8b1a44a;border-radius:3px;padding:4px 6px}button:hover{filter:brightness(1.13)}.menu-screen{background:#0b171b;position:absolute;inset:0;overflow:hidden}.menu-photo{background:url(../concept-art-1.png) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.02)}.menu-shade{background:linear-gradient(90deg,#081416eb 0%,#0b191bd4 27%,#0a17184d 65%,#0a17182b),linear-gradient(#09191b9c,#0000 20% 75%,#081416eb);position:absolute;inset:0}.menu-header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:35px;left:4.5%;right:4.5%}.wordmark{color:var(--cream);letter-spacing:1.6px;align-items:center;gap:12px;font-size:14px;font-weight:800;text-decoration:none;display:flex}.wordmark svg{width:38px;height:44px;color:var(--amber)}.wordmark-sub{font:8px var(--mono);letter-spacing:2px;color:#abb8ab;margin-top:7px;display:block}.weather-pill{font:10px var(--mono);letter-spacing:1.3px;background:#16272a7a;border:1px solid #adbbab4d;align-items:center;gap:11px;padding:12px 15px;display:flex}.weather-pill i,.live-dot{background:var(--amber);border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #e8b561}.weather-pill span{color:var(--amber);border-left:1px solid #8990867a;padding-left:11px}.menu-copy{position:absolute;top:23%;left:7%}.eyebrow{font:10px var(--mono);letter-spacing:2px;color:var(--amber);align-items:center;gap:12px;display:flex}.short-line{background:var(--amber);width:34px;height:1px}h1{letter-spacing:1px;transform-origin:0;text-shadow:3px 4px #102024;margin:28px 0 20px;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(76px,8.5vw,145px);font-weight:900;line-height:.89;transform:rotate(-2deg)}h1 em{color:var(--amber);font-style:normal}.tagline{color:#ebe6d6;margin:0 0 15px;font:700 24px/1.22 Georgia,serif}.intro{font:12px/1.8 var(--mono);color:#aeb9af;margin:0 0 25px}.primary{background:var(--amber);color:#182624;letter-spacing:1.3px;justify-content:space-between;align-items:center;gap:30px;min-width:298px;padding:18px 22px;font-size:11px;font-weight:800;transition:transform .15s;display:flex;box-shadow:4px 4px #09181a}.primary:hover{transform:translateY(-2px)}.primary span{font-size:22px;font-weight:400;line-height:10px}.menu-controls{font:8px var(--mono);color:#b5c0b7;letter-spacing:.3px;align-items:center;gap:9px;margin-top:20px;display:flex}.menu-controls kbd{font-size:8px}.menu-controls>span{color:#627972;margin:0 3px}.loading-note{font:8px var(--mono);letter-spacing:1.5px;color:#8da095;max-width:420px;margin-top:14px}.stamp{color:#efcf90;text-align:center;background:#14222240;border:2px solid #e1ba75a1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:153px;height:153px;display:flex;position:absolute;bottom:19%;right:7%;transform:rotate(10deg);box-shadow:0 0 0 5px #14222260,0 0 0 6px #e1ba755e}.stamp>span{font:9px var(--mono);letter-spacing:2px}.stamp strong{letter-spacing:1px;margin:7px 0;font:30px/1 Impact,sans-serif}.stamp small{font:6px var(--mono);letter-spacing:.7px}.menu-footer{font:8px var(--mono);letter-spacing:1.2px;color:#afbbaf;border-top:1px solid #a6b4a94a;justify-content:space-between;align-items:center;padding-top:18px;display:flex;position:absolute;bottom:28px;left:4.5%;right:4.5%}.menu-footer>div{align-items:center;gap:20px;display:flex}.footer-num{color:var(--amber);font-size:19px}.menu-footer .footer-right{text-align:right;display:block}.footer-right span{color:#6d8780;margin-top:7px;font-size:7px;display:block}.hud-header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:25px;left:30px;right:30px}.brand-small{letter-spacing:1px;text-shadow:0 2px 6px #000;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.brand-small svg{width:31px;height:36px;color:var(--amber)}.brand-small small{font:7px var(--mono);letter-spacing:1.8px;color:#c0cabe;margin-top:5px;display:block}.shift{font:9px var(--mono);letter-spacing:1.5px;background:#112126c9;border:1px solid #a7bda529;align-items:center;gap:10px;padding:10px 15px;display:flex}.shift b{font:23px var(--mono);letter-spacing:1px;color:var(--cream);margin-left:12px}.shift b.urgent{color:#ff7152}.header-actions{gap:8px;display:flex}.header-actions button{height:34px;font:9px var(--mono);letter-spacing:.5px;background:#102126b3;border:1px solid #c3caba3d;padding:0 12px}.header-actions #pause{font-size:17px}.order-card{border:1px solid #899b863d;border-top:2px solid var(--amber);background:linear-gradient(110deg,#122629ed,#172c2ccf);width:286px;padding:18px 19px 0;position:absolute;top:105px;left:30px;box-shadow:0 7px 30px #08161b33}.order-top{justify-content:space-between;align-items:center;display:flex}.order-top .eyebrow{letter-spacing:1.5px;font-size:8px}.order-top>span:last-child{font:9px var(--mono);color:#b0c0b4}.district{font:8px var(--mono);letter-spacing:1.3px;color:#9bb0a5;margin:24px 0 8px}.order-card h2{letter-spacing:-.5px;margin:0 0 15px;font:400 23px/1.1 Georgia,serif}.order-bottom{font:10px var(--mono);color:#becbbf;justify-content:space-between;gap:10px;display:flex}.order-bottom span:last-child{color:var(--amber)}.route-instruction{font:9px var(--mono);color:#a8bbb0;border-top:1px solid #718c7a40;align-items:center;gap:12px;margin-top:18px;padding:13px 0;display:flex}.route-instruction>span:first-child{color:var(--amber);text-align:center;width:20px;font:23px Arial}.storm-meter{background:#12272bb3;border-left:2px solid #718d88;align-items:center;gap:13px;padding:13px 17px;display:flex;position:absolute;top:115px;right:30px}.storm-meter svg{color:#b5c8bc;width:29px;height:29px}.storm-meter span{font:7px var(--mono);letter-spacing:1.7px;color:#afc1b7;display:block}.storm-meter strong{font:16px var(--mono);margin-top:6px;display:block}.storm-meter small{color:#b0c0b6;margin-left:5px;font-size:7px}.signal{align-items:flex-end;gap:3px;height:26px;margin-left:8px;display:flex}.signal i{background:#90a49a;width:3px;height:6px;display:block}.signal i:nth-child(2){height:10px}.signal i:nth-child(3){height:14px}.signal i:nth-child(4){height:19px}.signal i:nth-child(5){background:#687c7570;height:24px}.gust{border-color:#edbd70}.gust .signal i{background:#edbd70}.bottom-left{transform-origin:0 100%;background:#13292cf2;border:1px solid #a9b5a14a;width:230px;transition:width .2s,transform .2s;position:absolute;bottom:25px;left:30px}.map-heading{font:8px var(--mono);letter-spacing:1.7px;border-bottom:1px solid #839d882f;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.map-heading button{font:8px var(--mono);color:var(--amber);background:0 0;padding:0}.map-frame{padding:8px 7px 0}.map-frame canvas{width:100%;height:auto;display:block}.map-key{font:7px var(--mono);color:#a1b6a8;justify-content:space-between;align-items:center;padding:8px 7px 10px;display:flex}.map-key span{align-items:center;gap:5px;display:flex}.map-key i{background:#f6efd0;width:4px;height:4px;display:inline-block}.map-key span:nth-child(2) i{background:var(--amber)}.delivery-tally{font:8px var(--mono);letter-spacing:.5px;color:#bdc9ba;border-top:1px solid #8b9c7f3b;justify-content:space-between;padding:12px;display:flex}.delivery-tally b{font:14px var(--mono);color:var(--cream);margin-right:4px}.delivery-tally span:last-child b{color:var(--amber);margin:0 0 0 4px}.bottom-left.expanded{z-index:9;width:min(530px,65vw);box-shadow:0 0 0 100vw #05151966}.car-status{background:linear-gradient(90deg,#11262b3d,#102026e8);border-right:2px solid #91a09370;width:223px;padding:15px 17px;position:absolute;bottom:28px;right:30px}.speed-line{border-bottom:1px solid #acb5a540;align-items:center;gap:10px;padding-bottom:14px;display:flex}.speed-line>span{font:12px var(--mono);color:#c6d1c1;background:#bcc7b826;padding:5px 8px}.speed-line>strong{letter-spacing:-4px;font-variant-numeric:tabular-nums;font:300 67px/.9 Arial Narrow,Arial,sans-serif}.speed-line>div{font:9px var(--mono);color:var(--amber);letter-spacing:1px;margin-left:4px}.speed-line small{font:6px/1.6 var(--mono);letter-spacing:.8px;color:#a6b9ad;margin-top:8px;display:block}.gauge{margin-top:17px}.gauge>div:first-child{font:7px var(--mono);letter-spacing:.8px;color:#bdcbbb;justify-content:space-between;display:flex}.gauge b{color:#e7eddd;font-weight:400}.track{background:#84968933;height:3px;margin-top:8px}.track i{background:#acc9b5;width:100%;height:100%;transition:width .1s;display:block}.heat .track i{background:var(--amber)}.heat b{color:var(--amber)}.bottom-center{text-align:center;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.road-status{font:8px var(--mono);letter-spacing:2px;color:#b8ccbb;text-shadow:0 1px 4px #000;margin-bottom:14px}.control-hints{white-space:nowrap;font:8px var(--mono);color:#c4d0c1;text-shadow:0 1px 3px #000;gap:12px;display:flex}.control-hints span{align-items:center;gap:6px;display:flex}.control-hints button{font:8px var(--mono);color:#c4d0c1;background:0 0;padding:0}.control-hints kbd{background:#132a2c9e;font-size:8px}.toast{color:var(--amber);font:10px var(--mono);letter-spacing:.5px;opacity:0;text-align:center;background:#142a2cf2;border:1px solid #d8bb735f;max-width:440px;padding:14px 19px;line-height:1.6;transition:opacity .2s,transform .2s;position:absolute;top:100px;left:50%;transform:translate(-50%,-10px)}.toast.visible{opacity:1;transform:translate(-50%)}.delivery-prompt{background:#10262bef;border:1px solid #edbd7099;align-items:center;gap:15px;min-width:360px;padding:18px 23px 23px;display:none;position:absolute;bottom:160px;left:50%;transform:translate(-50%)}.delivery-prompt.visible{display:flex}.delivery-prompt kbd{color:var(--amber);border-color:var(--amber);padding:7px 13px;font-size:22px}.delivery-prompt strong{letter-spacing:1px;color:var(--amber);font-size:12px}.delivery-prompt small{font:8px var(--mono);color:#b9c5b6;margin-top:8px;display:block}.delivery-track{background:#ecbd6e1a;width:100%;height:3px;position:absolute;bottom:0;left:0}.delivery-track i{background:var(--amber);width:0;height:100%;display:block}#overlay{backdrop-filter:blur(6px);pointer-events:auto;background:#071719c9;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#overlay.visible{display:flex}.modal{border:1px solid #adbc9b55;border-top:3px solid var(--amber);background:#13292b;width:530px;max-width:94vw;max-height:95vh;padding:38px 42px;overflow:auto;box-shadow:0 20px 80px #031215}.modal h2{letter-spacing:1px;color:var(--cream);margin:17px 0;font:40px/.98 Impact,Arial Narrow,sans-serif}.modal p{font:12px/1.8 var(--mono);color:#b5c4b6}.manual{font:10px var(--mono);grid-template-columns:1fr 1fr;gap:13px 15px;margin:23px 0;display:grid}.manual span{align-items:center;gap:8px;display:flex}.manual kbd{font-size:9px}.modal .manual-note{color:#91ab9c;border-top:1px solid #91ab9c33;margin-bottom:25px;padding-top:15px;font-size:9px;line-height:2}.modal .primary{width:100%}.text-button{font:10px var(--mono);color:#b8c4b4;background:0 0;margin:17px auto 0;padding:5px;display:block}.result{text-align:center;width:500px}.result .eyebrow{justify-content:center}.result-pizza svg{width:54px;height:54px;color:var(--amber);margin:0 auto 20px}.result h2{font-size:64px}.results{border-block:1px solid #92aa9555;justify-content:space-between;margin:25px 0;padding:20px 0;display:flex}.results span{font:8px var(--mono);letter-spacing:1px;color:#a0b6a7;display:block}.results b{font:26px var(--mono);color:var(--amber);margin-top:10px;display:block}@media (width>=1600px){.menu-copy{top:22%;left:8%}.intro{font-size:14px}.tagline{font-size:28px}}@media (height<=760px){.menu-copy{top:21%}h1{margin:20px 0 16px;font-size:95px}.tagline{font-size:22px}.intro{margin-bottom:18px;font-size:11px}.menu-controls{margin-top:14px}.menu-footer{bottom:20px}.menu-header{top:24px}.loading-note{margin-top:9px}.bottom-left{width:205px}.order-card{top:92px}.storm-meter{top:98px}.car-status{width:210px}.control-hints{gap:8px}}@media (width<=1000px){.hud-header{left:20px;right:20px}.brand-small{font-size:11px}.brand-small small{font-size:6px}.shift{padding:8px;font-size:7px}.header-actions button{font-size:7px}.order-card{width:247px;padding:14px 15px 0;left:20px}.order-card h2{font-size:21px}.storm-meter{padding:10px;right:20px}.signal{display:none}.bottom-left{width:195px;left:20px}.car-status{width:185px;right:20px}.control-hints span:nth-child(3){display:none}.control-hints{gap:9px;font-size:7px}.control-hints kbd{font-size:7px}.bottom-center{bottom:22px}.road-status{letter-spacing:1px;font-size:7px}.speed-line>strong{font-size:55px}.stamp{width:130px;height:130px;bottom:19%;right:7%}.menu-copy{left:7%}}@media (width<=650px){.menu-header{top:22px;left:6%;right:6%}.weather-pill{letter-spacing:.5px;padding:8px;font-size:7px}.weather-pill span{display:none}.wordmark{font-size:10px}.wordmark-sub{font-size:5px}.wordmark svg{width:28px}.menu-copy{top:22%}h1{font-size:88px}.menu-copy .eyebrow{font-size:7px}.intro{font-size:10px}.stamp{display:none}.menu-controls{gap:6px;font-size:6px}.menu-controls kbd{font-size:7px}.menu-footer>div{gap:9px}.menu-footer{font-size:6px}.footer-right{display:none!important}.menu-photo{background-position:62%}.hud-header{top:12px;left:12px;right:12px}.brand-small{font-size:9px}.brand-small small{display:none}.brand-small svg{width:24px}.shift{gap:4px;font-size:0}.shift b{margin-left:5px;font-size:20px}.header-actions #sound{display:none}.order-card{width:205px;top:66px;left:12px}.district{margin-top:15px;font-size:6px}.order-card h2{font-size:20px}.order-bottom{font-size:8px}.route-instruction{margin-top:12px;padding:8px 0;font-size:7px}.storm-meter{gap:7px;padding:8px;top:73px;right:12px}.storm-meter svg{width:20px}.storm-meter span{letter-spacing:.7px;font-size:5px}.storm-meter strong{font-size:13px}.storm-meter small{display:none}.bottom-left{width:162px;bottom:15px;left:12px}.car-status{width:160px;padding:10px;bottom:15px;right:12px}.speed-line>strong{font-size:48px}.speed-line{gap:6px}.speed-line small{font-size:5px}.gauge>div:first-child{font-size:6px}.bottom-center{width:100%;bottom:218px}.control-hints{justify-content:center}.toast{width:max-content;max-width:90vw;font-size:8px;top:290px}.delivery-prompt{min-width:310px;padding:13px 16px 18px;bottom:270px}.delivery-prompt strong{font-size:10px}.delivery-prompt small{font-size:7px}.modal{padding:25px}.manual{gap:12px 7px;font-size:8px}.manual kbd{font-size:7px}}.hud{position:absolute;inset:0}.title-screen{isolation:isolate;background:#071114;transition:opacity .35s ease-in;position:absolute;inset:0;overflow:hidden}.title-screen.departing{opacity:0;pointer-events:none}.title-screen.departing button{pointer-events:none!important}.title-art,.title-mist,.title-rain,.title-lightning,.title-shade,.title-grain{pointer-events:none;position:absolute;inset:0}.title-art{filter:saturate(.72)brightness(.86);background:url(../concept-art-1.png) 56% 54%/cover no-repeat;animation:36s ease-in-out infinite alternate title-drift;inset:-2%}.title-shade{background:radial-gradient(at 50% 48%,#040b0fbf 0%,#0610138c 25%,#06101326 58%,#0000 80%),linear-gradient(#0410146b 0%,#0000 24%,#0713171a 75%,#030a0de0 100%)}.title-mist{opacity:.28;mix-blend-mode:screen;background:radial-gradient(at 70% 68%,#afc7c222,#0000 40%),radial-gradient(at 20% 78%,#94aeac66,#0000 28%);animation:22s ease-in-out infinite alternate title-mist;inset:-15%}.title-rain{opacity:.16;background-image:repeating-linear-gradient(111deg,#0000 0 70px,#c6dddf55 71px,#0000 72px 133px);background-size:263px 433px;animation:.8s linear infinite title-rain;inset:-50%;mask-image:repeating-linear-gradient(0deg,#0000 0 47px,#000 48px 92px,#0000 93px 137px)}.title-lightning{opacity:0;mix-blend-mode:screen;background:#b5dcdf;animation:23s linear infinite title-lightning}.title-grain{opacity:.11;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.title-location{font:9px var(--mono);letter-spacing:2px;color:#a6b4ae;align-items:center;gap:13px;display:flex;position:absolute;top:39px;left:5.4%}.location-cross{color:#d3bc95;font:200 19px Arial}.location-rule{background:#93a5a16b;width:21px;height:1px}.title-weather{text-align:right;font-family:var(--mono);color:#b9c5bb;position:absolute;top:41px;right:4.4%}.weather-frequency{letter-spacing:2px;opacity:.6;font-size:7px;display:block}.weather-reading{letter-spacing:3px;justify-content:flex-end;align-items:center;gap:9px;margin-top:11px;font-size:10px;display:flex}.weather-reading i{background:#d5a66e;border-radius:50%;width:4px;height:4px;box-shadow:0 0 8px #d5a66e66}.weather-reading b{color:#d3b48b;letter-spacing:1px;margin-left:9px;font-weight:400}.title-content{text-align:center;flex-direction:column;align-items:center;width:min(340px,100% - 40px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title-logo{text-shadow:0 5px 25px #0005;letter-spacing:6px;flex-direction:column;align-items:center;width:290px;margin:0;font-family:Impact,Arial Narrow,sans-serif;font-weight:400;line-height:1;display:flex;transform:none}.logo-eye,.logo-pie{text-align:center;color:#e2ddd0;width:100%;padding-left:6px;font-size:clamp(92px,8.4vw,138px);line-height:.85;display:block}.logo-eye{-webkit-text-fill-color:transparent;background:repeating-linear-gradient(174deg,#e5e0d3 0 2px,#bcb8aacc 2.4px,#e0d9ca 3px 17px) text}.logo-bridge{width:225px;font:10px var(--mono);letter-spacing:6px;color:#c9c5b8;white-space:nowrap;align-items:center;gap:15px;margin:12px 0 15px;padding-left:6px;display:flex}.logo-bridge i{background:#b9b3a260;flex:1;height:1px}.logo-pie{color:#bf6444;-webkit-text-fill-color:transparent;background:repeating-linear-gradient(174deg,#c77654 0 3px,#98523e 3.5px,#c16a49 4px 21px) text}.title-edition{text-align:center;width:290px;font:8px var(--mono);letter-spacing:4px;color:#adaf9f;margin-top:23px}.title-nav{flex-direction:column;align-items:stretch;gap:4px;width:100%;margin:52px 0 0;display:flex}.title-option{text-align:center;color:#a8b0a7;letter-spacing:2.2px;text-transform:uppercase;background:0 0;justify-content:center;align-items:center;height:42px;padding:0 30px;font-family:Arial Narrow,Arial,sans-serif;font-size:17px;font-weight:400;transition:color .18s,text-shadow .18s;display:flex;position:relative}.title-option .nav-label{transition:transform .18s}.nav-cursor{color:#d8b17b;opacity:0;width:12px;font-size:14px;transition:opacity .15s;position:absolute;left:calc(50% - 115px)}.nav-enter{font:13px var(--mono);color:#a6987b;opacity:0;position:absolute;right:calc(50% - 115px)}.title-option.selected{color:#f1e5c9;text-shadow:0 0 24px #e7bd7259}.title-option.selected .nav-cursor,.title-option.selected .nav-enter{opacity:1}.title-option.selected:after{content:"";background:#d4a37380;width:30px;height:1px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.title-option:focus-visible{color:#fff5d7;outline:none}.title-option:focus-visible .nav-label{text-underline-offset:8px;text-decoration:underline #ccb28b80}.title-option:disabled{opacity:.45}.title-description{font:9px/1.8 var(--mono);letter-spacing:.2px;color:#a8b5aa;max-width:300px;min-height:34px;margin:19px 0 0}.title-loading{font:8px/1.5 var(--mono);color:#bca785;letter-spacing:1px;max-width:300px;margin:8px 0 0}.title-loading.ready{display:none}.title-transmission{color:#d4d8c9;text-shadow:0 2px 10px #001115;align-items:center;gap:15px;max-width:350px;display:flex;position:absolute;bottom:16%;right:5.3%}.title-transmission div>span{font:7px var(--mono);letter-spacing:2px;color:#99afa4;display:block}.title-transmission p{color:#d6d9c9c7;margin:8px 0 0;font:italic 14px/1.6 Georgia,serif}.transmission-bars{opacity:.65;align-items:center;gap:3px;height:29px;display:flex}.transmission-bars i{background:#c8b083;width:1px;height:6px;animation:3s ease-in-out infinite alternate title-radio}.transmission-bars i:nth-child(2n){height:16px;animation-delay:-.8s}.transmission-bars i:nth-child(3n){height:26px;animation-delay:-1.6s}.title-footer{color:#97a49a;font:8px var(--mono);letter-spacing:1.2px;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:31px;left:5.4%;right:4.4%}.title-key-hints,.title-key-hints>span{align-items:center;gap:8px;display:flex}.title-key-hints{gap:27px}.title-key-hints kbd{color:#adb9ac;border-color:#97a49640;border-radius:1px;padding:3px 5px;font-size:8px}.title-key-hints kbd+kbd{margin-left:-5px}.title-footer-right{align-items:center;gap:27px;display:flex}.title-best{letter-spacing:1px;font-size:8px}.title-best b{color:#dfbb86;margin-left:8px;font-weight:400}.title-sound{color:#a5b2a6;font:8px var(--mono);letter-spacing:1.5px;background:0 0;padding:6px 0 6px 9px}.title-sound span{color:#d0c5a8;letter-spacing:-2px;margin-left:7px;font-size:12px}.title-panel-shell{z-index:4;backdrop-filter:blur(10px);pointer-events:auto;background:#030e13b3;justify-content:center;align-items:center;padding:25px;display:none;position:absolute;inset:0}.title-panel-shell.open{display:flex}.panel-open .title-content,.panel-open .title-transmission{opacity:.15;transition:opacity .2s}.title-dialog{color:#d6ddce;background:linear-gradient(120deg,#152326e6,#111e21e6);border-top:1px solid #b8a0788c;width:580px;max-height:calc(100dvh - 50px);padding:35px 35px 25px;overflow-y:auto;box-shadow:0 20px 90px #0005}.dialog-overline{color:#c2a47b;font:8px var(--mono);letter-spacing:2px}.dialog-overline span{color:#6f8881;margin-left:8px}.title-dialog h2{letter-spacing:2px;margin:27px 0 0;font:400 36px Impact,Arial Narrow,sans-serif}.panel-lead{color:#bfc7b8;margin:15px 0 20px;font:italic 15px Georgia,serif}.panel-copy{font:11px/1.85 var(--mono);color:#8fa49a}.title-controls-grid{font:11px var(--mono);color:#b8c5b8;grid-template-columns:1fr auto;align-items:center;gap:8px 20px;margin:22px 0;display:grid}.title-controls-grid kbd{text-align:center;border-color:#9ca48b33;border-radius:1px;padding:5px 8px;font-size:9px}.panel-footnote{color:#8ca095;font:10px/1.85 var(--mono);margin:24px 0}.title-back{color:#d9c4a0;width:100%;font:10px var(--mono);letter-spacing:2px;background:0 0;border-top:1px solid #9aaa882e;align-items:center;gap:12px;padding:18px 0 0;display:flex}.title-back kbd{color:#a7b5a6;margin-left:auto;font-size:8px}.title-back>span{font-size:18px}.title-setting{border-bottom:1px solid #81967e33;justify-content:space-between;align-items:center;gap:20px;padding:27px 0;display:flex}.title-setting label{letter-spacing:.4px;font-size:13px}.title-setting small{font:9px/1.6 var(--mono);color:#7f9b8d;max-width:220px;margin-top:8px;display:block}.setting-control{align-items:center;gap:10px;display:flex}.setting-control input{accent-color:#d8b07d;width:105px}.setting-control output{font:10px var(--mono);color:#d7b27f;width:30px}.title-setting select{color:#e1c99e;font:10px var(--mono);background:#132428;border:1px solid #a8a1855e;padding:8px 25px 8px 10px}.title-setting input[type=checkbox]{accent-color:#d8b07d;width:18px;height:18px}.title-setting input,.title-setting select{pointer-events:auto}.title-credit{margin:30px 0}.title-credit>span{font:8px var(--mono);color:#799b8b;letter-spacing:2px;margin-bottom:9px;display:block}.title-credit strong{color:#d5d4be;font-size:17px;font-weight:400}.title-credit p{color:#8fa397;font:10px/1.7 var(--mono);margin:9px 0 0}.credits-closing{color:#c5ac84;margin:36px 0;font:italic 14px/1.7 Georgia,serif}@keyframes title-drift{0%{transform:scale(1.015)translate(.3%)}to{transform:scale(1.07)translate(-.4%)}}@keyframes title-mist{0%{opacity:.2;transform:translate(-3%)}to{opacity:.4;transform:translate(4%)}}@keyframes title-rain{0%{transform:translateY(-70px)}to{transform:translate(-30px,70px)}}@keyframes title-lightning{0%,73%,75%,to{opacity:0}73.2%{opacity:.13}73.65%{opacity:.01}74%{opacity:.07}}@keyframes title-radio{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}.title-screen.reduced-motion .title-art,.title-screen.reduced-motion .title-mist,.title-screen.reduced-motion .title-rain,.title-screen.reduced-motion .title-lightning,.title-screen.reduced-motion .transmission-bars i{animation:none}.title-screen.reduced-motion .title-lightning,.title-screen.reduced-motion .title-rain{display:none}@media (width>=1700px){.title-nav{margin-top:65px}.title-logo,.title-edition{width:315px}.title-option{height:46px;font-size:19px}.title-description{font-size:10px}}@media (height<=760px){.logo-eye,.logo-pie{font-size:100px}.title-logo,.title-edition{width:235px}.logo-bridge{width:185px;margin:9px 0 12px;font-size:8px}.title-edition{letter-spacing:3px;margin-top:16px;font-size:7px}.title-nav{gap:0;width:265px;margin-top:31px}.title-option{height:37px;font-size:15px}.title-description{margin-top:12px;font-size:8px}.title-location{top:25px}.title-weather{top:27px}.title-footer{bottom:22px}.title-transmission{max-width:310px;bottom:16%}.title-transmission p{font-size:12px}}@media (width<=750px){.title-nav{width:270px}.title-art{background-position:57%}.title-weather{right:6%}.weather-frequency{letter-spacing:1px;font-size:5px}.weather-reading{font-size:8px}.title-location{letter-spacing:1px;gap:8px;font-size:7px}.title-transmission{display:none}.title-logo,.title-edition{width:235px}.logo-eye,.logo-pie{font-size:110px}.title-footer{left:6%;right:6%}.title-key-hints{gap:12px;font-size:6px}.title-key-hints kbd{font-size:7px}.title-best{display:none}}@media (height<=590px){.title-nav{margin-top:20px}.logo-eye,.logo-pie{font-size:72px}.logo-bridge{margin:8px 0 10px}.title-edition{margin-top:13px}.title-option{height:31px;font-size:14px}.title-description{min-height:20px;margin-top:10px}.title-transmission{display:none}.title-dialog{padding:22px 28px}}@media (width<=500px) and (height>=591px){.title-nav{margin-top:42px}.title-weather{display:none}.title-description{font-size:8px}.title-sound{font-size:6px}.title-dialog{padding:25px 22px 20px}.title-setting{flex-wrap:wrap;gap:15px;padding:22px 0}.title-setting label{min-width:60%}.title-key-hints{gap:10px}}