:root{--red:#e3262b;--deep-red:#a8141a;--orange:#ff7a1a;--yellow:#ffc72c;--green:#2dbe4e;--grass:#7cc957;--water:#3fb6f2;--blue:#1e7bff;--sky:#9ed8f5;--steel-light:#d9dee3;--steel-dark:#8c959e;--wood:#8b5a2b;--cream:#fff4dc;--panel:#1c1f24;--outline:#1b1b2f;--gap:clamp(4px, 1.4vmin, 12px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--panel);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{color:#fff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;position:fixed;inset:0}img{-webkit-user-drag:none;pointer-events:none}#app{touch-action:none;padding:max(env(safe-area-inset-top), 6px) max(env(safe-area-inset-right), 8px) max(env(safe-area-inset-bottom), 6px) max(env(safe-area-inset-left), 8px);position:fixed;inset:0}.dashboard{height:100%}.frame{background:linear-gradient(170deg, #f0474b 0%, var(--red) 35%, var(--deep-red) 100%);border-radius:clamp(14px,4vmin,30px);height:100%;padding:clamp(5px,1.5vmin,12px);transition:box-shadow .2s;position:relative;box-shadow:inset 0 2px #ffffff59,inset 0 -3px #0000004d}.panel{height:100%;padding:var(--gap);background:repeating-linear-gradient(45deg, #ffffff06 0 6px, transparent 6px 12px), repeating-linear-gradient(-45deg, #ffffff06 0 6px, transparent 6px 12px), linear-gradient(180deg, #262a31, var(--panel));gap:var(--gap);border-radius:clamp(10px,3vmin,22px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 3px 10px #000000b3,0 0 0 2px #00000059}@media (orientation:landscape){.panel{grid-template:"top top"minmax(0,.5fr)"btns wheel"minmax(0,3.5fr)/minmax(0,1fr) minmax(0,.36fr)}.area-btns{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr))}.cell-key{order:1}}@media (orientation:portrait){.panel{grid-template:"top"minmax(0,.45fr)"btns"minmax(0,3.1fr)"wheel"minmax(0,2fr)/minmax(0,1fr)}.area-btns{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}}.area-top{grid-area:top}.area-btns{grid-area:btns}.area-wheel{grid-area:wheel}.cell{place-items:center;min-width:0;min-height:0;display:grid;position:relative;container-type:size}.area-top{gap:var(--gap);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;min-height:0;display:grid}.lightbar{background:linear-gradient(#4a525c,#2a2f36);border-radius:clamp(10px,2.6vmin,18px);gap:1.2%;padding:clamp(5px,1.2vmin,9px);display:flex;overflow:hidden;box-shadow:inset 0 2px #ffffff40,0 2px #00000080}.lamp{background:radial-gradient(at 50% 30%,#2a4d86 0%,#0d2750 70%);border-radius:clamp(6px,1.6vmin,12px);flex:1;min-width:0;transition:background 50ms,box-shadow 50ms;box-shadow:inset 0 -2px 4px #00000080}.lamp.on{background:radial-gradient(ellipse at 50% 40%, #fff 0%, #9cc8ff 18%, var(--blue) 55%, #0a4fd1 100%);box-shadow:inset 0 0 6px 2px #fff9,0 0 10px 3px #1e7bffe6}@media (orientation:portrait){.lamp:nth-child(n+4):nth-child(-n+7){display:none}.lightbar{gap:3%}}.lights-on .frame{animation:.68s ease-in-out infinite edge-pulse}@keyframes edge-pulse{0%,to{box-shadow:inset 0 2px #ffffff59,0 0 #1e7bff00}50%{box-shadow:inset 0 2px #ffffff59,0 0 22px 6px #1e7bffb3}}.top-cell{aspect-ratio:1;place-items:center;height:100%;min-height:44px;display:grid;container-type:size}.top-cell .round{width:min(100cqw,100cqh);padding:6%}.round{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #fff 0%, var(--steel-light) 25%, var(--steel-dark) 70%, #50575f 100%);border-radius:50%;width:min(88cqw,88cqh);padding:7%;transition:transform 60ms;position:relative;box-shadow:0 4px #2b2f35,0 6px 12px #0009}.face{background:radial-gradient(circle at 40% 30%,#4a525c 0%,#2c3138 55%,#1c1f24 100%);border-radius:50%;place-items:center;width:100%;height:100%;transition:background .1s,box-shadow .1s;display:grid;position:relative;box-shadow:inset 0 -4px 6px #00000073,inset 0 3px 4px #ffffff2e}.round.pressed{transform:translateY(3px)scale(.95);box-shadow:0 1px #2b2f35,0 2px 5px #0009}.round.pressed .face,.round.lit .face{box-shadow:inset 0 -2px 4px #00000040, inset 0 3px 4px #ffffff80, 0 0 18px 5px color-mix(in srgb, var(--c) 80%, transparent);background:radial-gradient(circle at 40% 30%,#5a636e 0%,#353b43 55%,#23272d 100%)}.icon{place-items:center;width:74%;height:74%;display:grid;position:relative}.icon img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.icon .emoji{filter:drop-shadow(0 2px #00000059);font-size:min(40cqw,40cqh);line-height:1}.icon.has-img .emoji{display:none}.hint{animation:1.2s ease-in-out infinite hint}.hint-strong{animation:.6s ease-in-out infinite hint-strong}@keyframes hint{0%,to{filter:drop-shadow(0 0 #ffc72c00)}50%{filter:drop-shadow(0 0 10px #ffc72c)drop-shadow(0 0 4px #ffc72c)}}@keyframes hint-strong{0%,to{filter:drop-shadow(0 0 4px #ffc72c);transform:scale(1)}50%{filter:drop-shadow(0 0 16px #ffc72c)drop-shadow(0 0 6px #fff);transform:scale(1.08)}}.round.siren-pin .face{box-shadow:inset 0 -2px 4px #00000040, 0 0 26px 10px color-mix(in srgb, var(--blue) 90%, transparent)}.waves{pointer-events:none;opacity:0;position:absolute;inset:-12%}.speaking .waves{opacity:1}.waves span{border:3px solid #fffc;border-radius:50%;animation:.9s ease-out infinite wave;position:absolute;inset:0}.waves span:nth-child(2){animation-delay:.3s}.waves span:nth-child(3){animation-delay:.6s}@keyframes wave{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.25)}}.round.radio.speaking .face{box-shadow:inset 0 -2px 4px #00000040, 0 0 20px 6px color-mix(in srgb, var(--green) 85%, transparent)}.progress-ring{pointer-events:none;width:112%;height:112%;position:absolute;inset:-6%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke:#fff;stroke-width:8px;stroke-linecap:round}.area-btns{gap:var(--gap);display:grid}.area-wheel{place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.mickey{aspect-ratio:146/123;width:min(100cqw,118.699cqh);position:relative}.mickey-wheel{aspect-ratio:1;width:68.49%;display:grid;position:absolute;top:18.7%;left:15.75%}.mickey-wheel .steering-wheel{width:100%}.mickey-ear{aspect-ratio:1;width:30.14%;position:absolute;top:0}.mickey-ear.left{left:0}.mickey-ear.right{left:69.86%}.mickey .dial{filter:drop-shadow(0 3px #15171b);width:100%;height:100%;display:block}.dial .bezel{fill:#2c3138;stroke:var(--steel-light);stroke-width:5px}.dial .tickmarks line{stroke:#cfd6dd;stroke-width:3px;stroke-linecap:round}.dial .zone{fill:none;stroke-width:7px}.dial .needle{stroke:var(--orange);stroke-width:5px;stroke-linecap:round}.dial .hub{fill:var(--steel-light);stroke:var(--outline);stroke-width:2px}.dial .glyph{font-size:22px}.ignition{aspect-ratio:1;filter:drop-shadow(0 4px #2b2f35)drop-shadow(0 6px 8px #00000080);width:min(92cqw,92cqh);transition:transform 60ms;overflow:visible}.ignition.pressed{transform:translateY(3px)scale(.95)}.ignition .ign-key{transform-box:view-box;transform-origin:50%;transition:transform .45s cubic-bezier(.3,1.4,.5,1)}.ignition.on .ign-key{transform:rotate(80deg)}.ignition.on .ign-marks circle:last-child{fill:#7dff9a;filter:drop-shadow(0 0 3px #2dbe4e)}.steering-wheel{aspect-ratio:1;filter:drop-shadow(0 5px #15171b)drop-shadow(0 8px 10px #0000008c);transition:transform 60ms}.steering-wheel.grabbed{filter:drop-shadow(0 3px #15171b)drop-shadow(0 0 14px #ffc72c8c);transform:scale(.97)}.dashboard:after{content:"";z-index:25;pointer-events:none;opacity:0;background:repeating-linear-gradient(100deg,#ffffff2e 0 6px,#0000 6px 38px) 0 0/160px 100%,linear-gradient(#3fb6f259,#1e7bff73) 0 0/100% 100%;transition:opacity .25s;position:fixed;inset:0}.dashboard.spraying:after{opacity:1;animation:.35s linear infinite water-flow}@keyframes water-flow{0%{background-position:0 0,0 0}to{background-position:-160px 0,0 0}}.fx{pointer-events:none;z-index:30;width:100%;height:100%;position:fixed;inset:0}.toast{top:max(env(safe-area-inset-top), 10px);z-index:40;border:3px solid var(--steel-light);background:#14161aeb;border-radius:18px;align-items:center;gap:8px;padding:8px 16px;font-size:44px;line-height:1;transition:transform .3s;display:flex;position:fixed;left:50%;transform:translate(-50%,-150%)}.toast img{height:64px}.toast.show{transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.lights-on .frame{animation-duration:1.4s}}.top-cell .icon .emoji{font-size:52cqh}.toast .icon{width:auto;height:64px}.toast .icon .emoji{font-size:44px}.toast .icon img{width:auto;height:64px;position:static}.round.winch.pressed .icon{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard:not(.engine-on) .dial{opacity:.75}.parent-panel{z-index:100;padding:max(env(safe-area-inset-top), 12px) max(env(safe-area-inset-right), 16px) max(env(safe-area-inset-bottom), 12px) max(env(safe-area-inset-left), 16px);-webkit-user-select:text;user-select:text;touch-action:pan-y;background:#0009;place-items:stretch stretch;display:grid;position:fixed;inset:0}.parent-panel[hidden]{display:none}.pp-sheet{color:#1b1b2f;background:#f6f4ef;border-radius:18px;flex-direction:column;width:100%;max-width:760px;min-height:0;margin:0 auto;display:flex;overflow:hidden}.pp-header{color:#fff;background:#a8141a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pp-header h1{margin:0;font-size:20px}.pp-close{color:#fff;background:#fff3;border:0;border-radius:50%;width:48px;height:48px;font-size:24px}.pp-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding:0 16px 24px;overflow-y:auto}.pp-section{border-bottom:1px solid #ddd6c8;padding:12px 0}.pp-section h2{margin:4px 0 10px;font-size:17px}.pp-hint{color:#555;font-size:14px;line-height:1.4}.pp-warn{color:#a8141a;font-weight:600}.pp-btn{color:#1b1b2f;background:#fff;border:2px solid #1b1b2f;border-radius:12px;min-height:44px;padding:8px 14px;font-size:15px;font-weight:600}.pp-btn.danger{color:#fff;background:#1b1b2f}.pp-field{gap:4px;margin-bottom:12px;font-size:15px;display:grid}.pp-input{color:#1b1b2f;background:#fff;border:2px solid #1b1b2f;border-radius:10px;min-height:44px;padding:6px 10px;font-size:16px}.pp-range{width:100%;min-height:44px}.pp-silent .icon{width:180px;height:90px}.pp-silent .icon .emoji{font-size:40px}.pp-recordings{gap:8px;display:grid}.pp-rec{background:#fff;border:1px solid #ddd6c8;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.pp-rec.has{border-color:#2dbe4e;box-shadow:inset 4px 0 #2dbe4e}.pp-rec.recording{border-color:#e3262b;box-shadow:inset 4px 0 #e3262b}.pp-rec-text{flex:220px;min-width:0;display:grid}.pp-rec-text small{color:#666}.pp-rec-actions{gap:6px;display:flex}