@font-face{font-family:Oxanium;src:url(../fonts/Oxanium.ttf)format("truetype");font-weight:200 800;font-display:swap}@font-face{font-family:Barlow;src:url(../fonts/Barlow-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(../fonts/Barlow-SemiBold.ttf)format("truetype");font-weight:600 900;font-display:swap}*{box-sizing:border-box}html,body{color:#e2eaf3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080f1b;width:100%;height:100%;margin:0;font-family:Barlow,sans-serif;font-size:16px}body:before{content:"";pointer-events:none;background:linear-gradient(#03091370,#040b1440 50%,#030710bb),url(../art/bingball-interface-background.png) 50%/cover;position:fixed;inset:0}button,select,input{font:inherit}button,select{color:#e1e9f2;cursor:pointer;background:linear-gradient(170deg,#273648ed,#101b2aef);border:1px solid #50627888;border-radius:6px;padding:11px 16px;font-weight:600;box-shadow:inset 0 1px #d6e9ff12,0 3px 8px #0003}button:hover{background:linear-gradient(170deg,#354963,#1b2c40);border-color:#819cb4}button:active{box-shadow:inset 0 2px 6px #0007}button:disabled{opacity:.5;cursor:default}select option{color:#e1e9f2;background:#101b2a}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline-offset:3px;outline:2px solid #e7b553}#app{flex-direction:column;max-width:1100px;height:100dvh;margin:auto;padding:0 16px;display:flex;position:relative}header{background:linear-gradient(#111e2ace,#0a121d70);border-bottom:1px solid #bfa16c44;flex-shrink:0;align-items:center;gap:12px;height:66px;display:flex;box-shadow:0 12px 35px #0002}.brand{letter-spacing:.02em;color:#f7e2b3;text-shadow:0 2px 8px #c7842a44;align-items:center;font:700 18px Oxanium,sans-serif;text-decoration:none;display:flex}.brand:before{content:"";background:url(../icons/bingball.svg) 50%/contain no-repeat;width:28px;height:28px;margin-right:9px}#live-audio:not([hidden]){flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:7px 0;display:flex}#live-audio label{text-transform:uppercase;letter-spacing:.13em;color:#acbed1;font:500 10px Oxanium,sans-serif}#live-audio select{min-height:30px;padding:4px 10px;font-size:13px}#music-toggle{white-space:nowrap;min-height:30px;padding:4px 8px;font-size:12px}#live-audio .live-control{align-items:center;gap:6px;min-width:0;display:flex}.live-control-status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=500px){#live-audio:not([hidden]){gap:8px}#live-audio label{letter-spacing:.06em;font-size:9px}#live-audio select{min-width:0;padding:4px 6px;font-size:11px}}.brand span{color:#e7a964}#profile{text-transform:uppercase;letter-spacing:.1em;color:#9eb5ce;flex:1;min-width:0;font:500 10px Oxanium,sans-serif}#stage{flex:1;min-height:0;position:relative}canvas#game{touch-action:none;width:100%;height:100%;position:absolute;inset:0}canvas#field{pointer-events:none;position:absolute;box-shadow:0 10px 40px #0008}canvas#game:focus-visible{outline:none}#stage:has(canvas#game:focus-visible) canvas#field{outline-offset:4px;outline:2px solid #e7c68a}footer{text-align:center;color:#c3cfdd;letter-spacing:.035em;text-shadow:0 2px 5px #000;flex-shrink:0;align-items:center;gap:8px;min-height:36px;padding:11px 8px;font:500 11px Oxanium,sans-serif;display:flex}#status{flex:1;min-width:0}#version{color:#a5b4c7;flex-shrink:0;font-size:10px}#overlay{pointer-events:none;z-index:3;place-items:center;display:grid;position:absolute;inset:0}#overlay:not(:empty){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02071355;border-radius:14px}#overlay:empty{display:none}.panel{pointer-events:auto;background:linear-gradient(145deg,#1c2b3afa,#080f1afa 65%);border:1px solid #8fa9bc66;border-radius:14px;width:min(470px,95%);max-height:96%;padding:28px;overflow:auto;box-shadow:inset 0 1px #e7f3ff26,0 20px 90px #000c}.panel h1,.panel h2{color:#f4dfb8;letter-spacing:-.03em;margin:0 0 12px;font-family:Oxanium,sans-serif;font-weight:600}.title-panel{background:linear-gradient(155deg,#172535fc,#090f19fc);border-color:#8392a177;width:min(660px,95%);padding-top:0}.title-panel h1{margin:0 -28px 20px;line-height:0}.title-art{border-bottom:1px solid #736547;width:100%;height:auto;display:block}dialog.panel::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020712b8}dialog.panel{color:#d9e4eb}.panel p{color:#bdccdd;font-size:15px;line-height:1.6}.panel .buttons{gap:9px;display:grid}.panel label{color:#c3d0df;gap:6px;margin:12px 0;font-size:14px;font-weight:600;display:grid}.panel input{color:#e3edf2;background:#07111e;border:1px solid #415568;border-radius:5px;width:100%;padding:9px}.primary{color:#20180f;background:linear-gradient(175deg,#f0cc87,#c58b42);border-color:#ffe6aa;font-family:Oxanium,sans-serif;font-weight:700;box-shadow:inset 0 1px #fff6d5,0 5px 24px #ce8c292a}.primary:hover{background:linear-gradient(175deg,#ffe0a2,#dba253);border-color:#fff1d1}.small{color:#93a4ae;font-size:12px}.row{align-items:center;gap:8px;display:flex}.row>*{flex:1}details{color:#aec0cb;margin:15px 0;font-size:13px;line-height:1.6}summary{cursor:pointer}table{border-collapse:collapse;width:100%;font-size:12px}td,th{text-align:left;border-bottom:1px solid #304252;padding:7px}@media (width<=500px){#app{padding:0 5px}header{gap:6px;height:54px}.brand{font-size:12px}.brand:before{width:20px;height:20px;margin-right:5px}header button{padding:8px;font-size:12px}#profile{letter-spacing:.02em;font-size:9px}.panel{padding:20px}.title-panel{padding-top:0}.title-panel h1{margin:0 -20px 16px}footer{font-size:11px}}.panel a{color:#8fc7e9}.eyebrow{letter-spacing:.14em;font-family:Oxanium,sans-serif;color:#d5ad65!important;font-size:10px!important}#scoreboard{z-index:2;pointer-events:none;text-align:center;font-variant-numeric:tabular-nums;background:radial-gradient(at 50% 0,#49617b30,#0000 70%),linear-gradient(135deg,#122030f2,#070f1bee);border:1px solid #8babc54d;border-top-color:#e3c389aa;border-radius:10px 10px 5px 5px;height:100px;font-family:Oxanium,sans-serif;position:absolute;box-shadow:inset 0 1px #f8dda41a,0 7px 28px #0005}#scoreboard[hidden]{display:none}.hud-score{height:63px;padding-top:7px}.hud-label{text-transform:uppercase;letter-spacing:.18em;color:#a4b9ce;font-size:9px;font-weight:500;line-height:1.3;display:block}#hud-score{letter-spacing:-.04em;color:#fff0d2;text-shadow:0 0 22px #efb66b30,0 2px #0009;font-weight:600;line-height:1.04;display:block}.hud-metrics{background:#02091355;border-top:1px solid #718ba92a;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;height:35px;display:grid}.hud-metrics>div{justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.hud-metrics>div+div{border-left:1px solid #718ba938}.hud-metrics>div>span:first-child{color:#d9eafa;font-size:18px;font-weight:600}.hud-metrics .hud-label{letter-spacing:.06em;font-size:8px}#scoreboard.compact{align-items:center;height:44px;display:flex}.compact .hud-score{width:44%;height:auto;padding:0}.compact .hud-metrics{border:0;width:56%;height:100%}.compact .hud-metrics>div{flex-direction:column;gap:0}.compact .hud-metrics>div>span:first-child{font-size:15px}.compact .hud-label{font-size:7px}.record-list article{border-bottom:1px solid #334858;padding:10px 0}.record-list b{font-size:13px}.record-list p{margin:7px 0}.custom-mode-surface .panel{width:min(760px,100%)}.custom-mode-surface .mode-editor-panel{width:min(1120px,100%)}.mode-editor-grid{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);align-items:start;gap:24px;display:grid}.mode-controls,.mode-preview{min-width:0}.mode-preview{position:sticky;top:0}.mode-preview img{object-fit:contain;border:1px solid #506278;border-radius:8px;width:100%;height:auto;max-height:clamp(150px,100dvh - 620px,580px)}.mode-controls fieldset{border:1px solid #50627888;border-radius:8px;min-width:0;margin:20px 0;padding:16px}.mode-controls legend{color:#e7c68a;padding:0 8px;font-weight:600}.mode-field{margin-bottom:18px}.mode-field .row{align-items:center;gap:8px;display:flex}.mode-field input{flex:1;min-width:0}.mode-field button{flex:none}.mode-slider-row{align-items:center;gap:12px;display:flex}.mode-slider-row input[type=range]{width:100%;min-width:0;min-height:44px;box-shadow:none;accent-color:#e7c68a;background:0 0;border:none;margin:0;padding:0}.mode-slider-row span{flex-shrink:0}.mode-field p[id^=change-]{color:#e7c68a}.mode-match{overflow-wrap:anywhere;border-left:3px solid #e7c68a;padding:12px}.mode-comparison{border-collapse:collapse;overflow-wrap:anywhere;width:100%}.mode-comparison caption{text-align:left;color:#e7c68a;margin-bottom:10px;font-weight:600}.mode-comparison th,.mode-comparison td{text-align:left;border-bottom:1px solid #50627888;padding:10px 6px}.mode-comparison th:first-child{width:50%}.custom-mode-surface textarea{resize:vertical;width:100%;font:inherit;color:inherit;background:#111d2c;border:1px solid #506278;border-radius:8px;padding:12px;display:block}.custom-mode-surface [aria-invalid=true]{border:2px solid #ffba92}.mode-json{margin:16px 0}.mode-json textarea{tab-size:2;font-family:ui-monospace,Consolas,monospace;font-size:13px}.custom-mode-surface [role=alert]{color:#ffd4b9}.mode-editor-actions,.mode-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.mode-editor-actions{background:#101d2bf5;border-top:1px solid #506278;padding:12px 0;position:sticky;bottom:-1px}.mode-library article{overflow-wrap:anywhere;border-top:1px solid #506278;margin-top:20px;padding:16px 0}.custom-mode-surface input[type=checkbox]{width:auto;display:inline}.mode-dialog{max-width:min(480px,92vw)}@media (width<=700px){.mode-editor-grid{flex-direction:column-reverse;gap:12px;display:flex}.mode-preview{width:100%;position:static}.mode-preview img{object-fit:contain;max-height:340px}.mode-controls{width:100%}.mode-editor-actions button{flex:100px;min-height:44px}}