@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-wght-normal-CHSlOQsW.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-ext-wght-normal-DMtmJ5ZE.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-wght-normal-Dm3htQBi.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--cabinet: #130908;--cabinet-2: #26100a;--brass: #ffd166;--brass-dim: #a56b27;--glass: rgba(255, 238, 190, .18);--dmd: #ff9f1a;--dmd-hot: #ffd36a;--aqua: #89f7e8;--ink: #fff7df;--muted: #deb976;--shadow: rgba(0, 0, 0, .52);--radius: 8px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{overflow-x:hidden;color:var(--ink);font-family:Geist Variable,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(90deg,rgba(255,209,102,.08),transparent 18%,transparent 82%,rgba(137,247,232,.08)),linear-gradient(145deg,#030305,#120807 46%,#06080b);-webkit-text-size-adjust:100%}button,input{font:inherit}button{min-height:44px;border:1px solid rgba(255,220,136,.42);border-radius:var(--radius);color:var(--ink);background:linear-gradient(180deg,#ffebaa33,#411a08e0),var(--cabinet-2);box-shadow:0 0 0 1px #fff7cd14 inset,0 12px 24px var(--shadow);cursor:pointer;touch-action:manipulation}button:hover,button.active{border-color:#ffebaae6;color:#fffef4;background:linear-gradient(180deg,#ffe08a57,#6f2d0cf0),#3b1609}button:focus-visible,input:focus-visible{outline:3px solid rgba(137,247,232,.86);outline-offset:3px}.pinball-shell{min-height:100svh;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.arcade-machine{width:min(1220px,100%);min-height:calc(100svh - 18px);margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.dmd-panel{display:grid;grid-template-columns:minmax(180px,260px) minmax(220px,1fr) minmax(290px,420px);grid-template-areas:"brand score metrics" "message message message";gap:8px 12px;padding:10px;border:2px solid rgba(255,217,128,.32);border-radius:10px;background:linear-gradient(180deg,#78320a47,#070404f0),var(--cabinet);box-shadow:0 18px 44px var(--shadow),0 0 34px #ffa0181f inset}.dmd-brand{grid-area:brand;display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#160806;background:radial-gradient(circle at 34% 30%,#fff1b5,var(--brass) 58%,#8f4f16);box-shadow:0 0 18px #ffd1664d;font-weight:950}.dmd-brand strong,.dmd-brand span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dmd-brand span{color:var(--muted);font-size:.84rem}.dmd-score{grid-area:score;min-width:0;padding:8px 12px;border:1px solid rgba(255,159,26,.36);border-radius:8px;background:radial-gradient(circle,rgba(255,159,26,.16) 0 1px,transparent 1.5px) 0 0 / 8px 8px,#140602;box-shadow:0 0 26px #ff9f1a1f inset}.dmd-score span,.dmd-metrics span,.selector-block>span,.eyebrow{display:block;margin:0;color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.dmd-score strong{display:block;overflow:hidden;color:var(--dmd-hot);font-size:clamp(2.1rem,6vw,5rem);line-height:.95;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(255,159,26,.72),0 0 26px rgba(255,159,26,.4);text-overflow:ellipsis;white-space:nowrap}.dmd-metrics{grid-area:metrics;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.dmd-metrics div{min-width:0;padding:8px;border:1px solid rgba(255,159,26,.22);border-radius:8px;background:#070201c7}.dmd-metrics strong{display:block;overflow:hidden;color:var(--dmd);font-size:clamp(.98rem,2vw,1.45rem);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.dmd-message-strip{grid-area:message;min-height:42px;display:grid;grid-template-columns:minmax(120px,.9fr) minmax(180px,1.1fr) minmax(160px,.9fr);align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(255,159,26,.28);border-radius:8px;background:linear-gradient(90deg,rgba(255,159,26,.1),transparent 45%,rgba(137,247,232,.08)),#100402}.dmd-message-strip strong,.dmd-message-strip span{overflow:hidden;color:var(--dmd-hot);font-weight:850;text-overflow:ellipsis;text-shadow:0 0 8px rgba(255,159,26,.48);white-space:nowrap}.dmd-message-strip span{color:#ffdca0;font-size:.9rem}.stage{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(255,217,128,.32);border-radius:12px;background:linear-gradient(90deg,rgba(255,209,102,.1),transparent 12%,transparent 88%,rgba(137,247,232,.08)),#020203;box-shadow:0 0 0 1px #fff6cd14 inset,0 24px 64px var(--shadow)}.pixi-stage{width:100%;height:min(72svh,calc(100svh - 190px));min-height:560px;display:grid;place-items:center}.pixi-stage canvas{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 18px 48px #00000075}.debug-readout{position:absolute;right:12px;bottom:12px;z-index:6;padding:7px 9px;border:1px solid rgba(137,247,232,.5);border-radius:8px;color:#dffefa;background:#020c0ec7;font-size:.78rem;font-variant-numeric:tabular-nums}.cabinet-controls{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(420px,1.28fr);gap:10px;padding:10px;border:2px solid rgba(255,217,128,.26);border-radius:10px;background:linear-gradient(180deg,#552009d1,#090404f0),var(--cabinet);box-shadow:0 18px 44px var(--shadow)}.flipper-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flipper-buttons button{min-height:58px;border-radius:999px;color:#fff8dc;background:radial-gradient(circle at 50% 28%,rgba(255,235,180,.38),transparent 36%),linear-gradient(180deg,#873018,#2a0b08);font-weight:900;text-transform:uppercase}.service-controls{display:grid;grid-template-columns:minmax(170px,1.4fr) minmax(150px,1fr) repeat(5,minmax(74px,.56fr));gap:8px;align-items:end}.selector-block{display:grid;gap:5px;min-width:0}.selector-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.selector-stack button,.service-controls>button{min-height:42px;padding-inline:8px;font-size:.86rem;font-weight:850}.launch-overlay,.cutaway,.modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;background:#030204b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.launch-overlay{position:absolute;z-index:5;opacity:0;pointer-events:none;transition:opacity .16s ease}.launch-overlay.is-visible{opacity:1;pointer-events:auto}.launch-card,.cutaway-scene,.modal-card{width:min(620px,100%);padding:22px;border:1px solid rgba(255,226,145,.44);border-radius:10px;background:linear-gradient(180deg,#3e220bf5,#0c0708f5);box-shadow:0 30px 90px #00000073,0 0 50px #ffd16624 inset}.launch-card h1,.cutaway-scene h2,.modal-card h2{margin:8px 0;font-size:clamp(1.8rem,5vw,3.2rem);letter-spacing:0}.cutaway-scene{text-align:center}.cutaway-art{width:min(460px,80vw);aspect-ratio:16 / 7;margin:0 auto 16px;border-radius:10px;border:1px solid rgba(255,226,145,.38);background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.55),transparent 10%),repeating-conic-gradient(from 0deg,#ffd166e6 0deg 12deg,#0c070366 12deg 24deg),linear-gradient(135deg,#311305,#061924);animation:cutawaySweep 1.1s infinite linear}.cutaway-art.cosmic-anomaly,.cutaway-art.cosmic{background:radial-gradient(circle at 50% 50%,#fff 0 3%,#a967ff 5% 10%,transparent 18%),radial-gradient(circle at 28% 45%,rgba(137,247,232,.85),transparent 18%),conic-gradient(from 60deg,#02030e,#233dff,#ff4fd8,#02030e)}.cutaway-art.mansion-chaos,.cutaway-art.mansion{background:radial-gradient(circle at 70% 26%,rgba(82,255,184,.85),transparent 12%),repeating-linear-gradient(90deg,#cab2ff59 0 12px,#0003 12px 28px),linear-gradient(135deg,#180321,#271609)}@keyframes cutawaySweep{0%{filter:hue-rotate(0deg) brightness(1);transform:scale(1)}50%{filter:hue-rotate(18deg) brightness(1.22);transform:scale(1.015)}to{filter:hue-rotate(0deg) brightness(1);transform:scale(1)}}.modal[hidden],.cutaway[hidden]{display:none}.modal-card{max-height:min(82svh,760px);overflow:auto}.modal-head,.score-entry-row{display:flex;gap:12px;align-items:center;justify-content:space-between}.rules-body,.score-list{color:#ffe9b8}.score-list{display:grid;gap:8px;padding:0;margin:0;list-style:none}.score-list li{display:flex;justify-content:space-between;gap:10px;padding:9px;border:1px solid rgba(255,226,145,.22);border-radius:8px;background:#0003}.score-entry{margin-bottom:14px}.score-entry label{display:block;margin-bottom:6px;color:var(--muted);font-weight:800}.score-entry input{width:100%;min-height:44px;padding:0 12px;border:1px solid rgba(255,226,145,.42);border-radius:8px;color:var(--ink);background:#00000052;text-transform:uppercase}@media(max-width:980px){.dmd-panel{grid-template-columns:1fr;grid-template-areas:"brand" "score" "metrics" "message"}.dmd-metrics,.dmd-message-strip,.cabinet-controls,.service-controls{grid-template-columns:1fr 1fr}.pixi-stage{height:min(66svh,calc(100svh - 270px));min-height:500px}}@media(max-width:640px){.pinball-shell{padding:6px}.arcade-machine{gap:6px}.dmd-panel,.cabinet-controls{padding:8px}.dmd-panel{gap:6px}.brand-mark{width:38px;height:38px}.dmd-brand strong{font-size:.96rem}.dmd-score{padding:6px 10px}.dmd-score strong{font-size:clamp(2rem,13vw,3.15rem)}.dmd-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.dmd-metrics div{padding:5px 6px}.dmd-metrics span{font-size:.58rem}.dmd-metrics strong{font-size:.82rem}.dmd-message-strip,.service-controls,.selector-stack{grid-template-columns:1fr}.dmd-message-strip{min-height:0;gap:2px;padding:7px 8px}.dmd-message-strip span{font-size:.78rem}#dmd-event{display:none}.flipper-buttons{grid-template-columns:1fr 1fr}.flipper-buttons button{min-height:52px}.pixi-stage{height:min(66svh,calc(100svh - 222px));min-height:420px}.service-controls>button,.selector-stack button{min-height:40px}}
