:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f4f8ff;background:#081329}*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(circle at 50% 0,#213d77 0,#081329 45%,#040916 100%);min-height:100dvh}.cabinet{min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center}.topbar,.play-surface,.title-surface,.status{width:min(100%,680px)}.topbar{display:flex;gap:10px;align-items:center;padding:4px 0 16px}.topbar img{border-radius:8px}.eyebrow{font-size:.75rem;letter-spacing:.13em;font-weight:800;color:#a9c4ff;margin:0}.topbar h1{font-size:1.2rem;margin:1px 0 0}.power{margin-left:auto;font-weight:900;border:1px solid #5574b6;border-radius:999px;padding:.45rem .65rem;background:#0d1f43}.title-surface,.play-surface{background:linear-gradient(155deg,#102953,#08152e);border:1px solid #42619b;border-radius:22px;box-shadow:0 18px 60px #0008;padding:clamp(18px,4vw,32px)}.title-surface{text-align:center;position:relative;overflow:hidden;margin:auto 0}.title-surface h2{font-size:clamp(1.65rem,6vw,2.65rem);margin:.3rem 0}.title-surface>p{max-width:45ch;margin:.5rem auto 1.2rem;line-height:1.5;color:#d3e1ff}.stage-lights{height:72px;display:flex;justify-content:center;gap:8%;padding-top:8px}.stage-lights i{width:18px;height:48px;border-radius:50% 50% 35% 35%;background:linear-gradient(#fff8b5,#ffcc4d 45%,#e15c38);filter:drop-shadow(0 0 14px #ffcc4d);transform:rotate(18deg)}.stage-lights i:nth-child(2){background:linear-gradient(#d5fbff,#44c9ff 45%,#2871c9);transform:rotate(-18deg)}.stage-lights i:nth-child(3){background:linear-gradient(#ffe3f2,#ff6fba 45%,#b83183);transform:rotate(18deg)}.stage-lights i:nth-child(4){background:linear-gradient(#e2ffed,#70ea95 45%,#27965a);transform:rotate(-18deg)}button{font:inherit;color:inherit;cursor:pointer}.level-list{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:18px 0}.level,.play-controls button,.icon-button{border:1px solid #5674af;background:#0b1a38;border-radius:10px;padding:.65rem .35rem;font-size:.78rem}.level.selected,.level:hover,.play-controls button:hover{border-color:#ffdd74;background:#19396e}.start{border:0;border-radius:14px;background:linear-gradient(135deg,#ffdf76,#ff9b58);color:#251200;font-weight:900;padding:.9rem 1.4rem;box-shadow:0 5px 0 #a94f2c}.arcade-link{display:block;width:max-content;margin:15px auto 0;color:#d3e1ff;font-size:.85rem;font-weight:800;text-underline-offset:4px}.install{margin:20px auto 0;padding:12px;text-align:left;display:grid;gap:5px;font-size:.78rem;color:#c4d4f2;background:#091a37;border-radius:12px;max-width:490px}.play-surface{margin:auto 0;padding:clamp(12px,3vw,24px)}.board-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.board-head h2{margin:2px 0;font-size:1.25rem}.icon-button{padding:.55rem .8rem}.board-shell{padding:clamp(8px,2vw,14px);border-radius:16px;background:#050d1c;box-shadow:inset 0 0 0 1px #304a7b}.board{width:min(82vw,480px);aspect-ratio:1;margin:auto;display:grid;grid-template-columns:repeat(var(--size),1fr);gap:4px;touch-action:none;user-select:none}.cell{position:relative;min-width:0;border:1px solid #263f6d;background:linear-gradient(145deg,#14294d,#0c1932);border-radius:10px}.cell.wired::after{content:"";position:absolute;inset:28%;border-radius:50%;background:var(--wire);box-shadow:0 0 11px var(--wire);z-index:0}.cell.endpoint span{position:absolute;inset:15%;z-index:1;display:grid;place-items:center;border-radius:50%;font-weight:900;background:var(--port);color:#071326;box-shadow:0 0 12px var(--port)}.cell:focus-visible{outline:3px solid white;outline-offset:2px}.play-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.status{font-size:.82rem;min-height:2.5em;margin:10px 0;color:#d5e6ff;text-align:center}.payoff{font-weight:900;letter-spacing:.1em;color:#ffe18c;margin-top:-3px;text-shadow:0 0 13px #ffba42}.live .board-shell{box-shadow:inset 0 0 0 1px #ffce58,0 0 35px #e9a62a77}@media (max-height:600px) and (orientation:landscape){.cabinet{padding-top:8px;padding-bottom:8px}.topbar{padding-bottom:6px}.topbar h1{font-size:1rem}.title-surface{padding:12px}.active-play .play-surface{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;column-gap:12px;row-gap:8px;align-items:center;padding:10px 12px}.active-play .board-head{grid-column:1;grid-row:1;margin:0}.active-play .board-head h2{font-size:1.08rem}.active-play .board-shell{grid-column:2;grid-row:1 / span 2;padding:7px}.active-play .board{width:min(34vw,calc(100dvh - 112px),190px)}.active-play .play-controls{grid-column:1;grid-row:2;margin:0}.active-play .play-controls button{padding:.6rem .25rem;font-size:.75rem}.status{min-height:1.2em;margin:4px}.stage-lights{height:44px}.stage-lights i{height:32px}.install{margin-top:8px}.title-surface h2{font-size:1.4rem}}@media (max-height:520px) and (orientation:portrait){.cabinet{padding-top:8px;padding-bottom:8px}.active-play .topbar{padding:0 0 6px}.active-play .topbar img{width:28px;height:28px}.active-play .topbar h1{font-size:1rem}.active-play .play-surface{padding:10px 12px}.active-play .board-head{margin-bottom:6px}.active-play .board-head h2{font-size:1.08rem}.active-play .board{width:min(68vw,calc(100dvh - 265px),240px)}.active-play .status{min-height:1.2em;margin:4px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}