:root{--bg:#060a11;--panel:#0c121c;--line:#1d2a39;--green:#00f59b;--lime:#b9ff31;--red:#ff335f;--text:#eaf2fa;--muted:#728397}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 50% 0,#142333 0,transparent 38%),linear-gradient(135deg,#05080e,#090e17 60%,#05080e);overflow-x:hidden}.scanlines{position:fixed;inset:0;pointer-events:none;opacity:.09;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px);z-index:20}.shell{width:min(1180px,96vw);margin:auto;padding:18px 0 14px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 4px 13px}.brand{display:flex;gap:12px;align-items:center}.brand h1{font-size:clamp(1.15rem,3vw,2rem);margin:0;letter-spacing:-.05em;font-weight:900}.brand strong{color:var(--green);text-shadow:0 0 18px #00f59b55}.coin{width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--green);border-radius:50%;color:#07100b;background:var(--green);font-weight:1000;box-shadow:0 0 20px #00f59b55}.market-tag{font:700 .72rem ui-monospace,monospace;color:#91a1b3;letter-spacing:.12em}.market-tag span{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green)}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#0a1018;margin:14px auto;width:min(620px,100%)}.stats div{display:flex;flex-direction:column;align-items:center;padding:9px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats span,.panel-title,.meter-head{font:700 .66rem ui-monospace,monospace;letter-spacing:.15em;color:var(--muted)}.stats strong{font:900 1.25rem ui-monospace,monospace}.layout{display:grid;grid-template-columns:190px minmax(280px,440px) 250px;justify-content:center;align-items:start;gap:15px}.panel,.meter-panel{background:linear-gradient(145deg,#0e1622,#080d15);border:1px solid var(--line);box-shadow:0 12px 30px #0006}.panel-title{padding:10px 12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.next-panel canvas{width:100%;height:120px}.keys-panel{padding-bottom:7px;margin-top:12px}.keys-panel p{font:600 .66rem ui-monospace,monospace;color:#9caaba;margin:7px 12px}.keys-panel kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;border:1px solid #344458;background:#151e2a;margin-right:4px;color:#fff;border-radius:3px}.board-wrap{position:relative;width:min(100%,calc((100vh - 220px)/2));aspect-ratio:1/2;margin:auto;background:#05080d;border:2px solid #26384b;box-shadow:0 0 0 5px #0a111a,0 0 35px #00cfff1a}.board-wrap:before{content:"";position:absolute;inset:-7px;border:1px solid #00f59b44;pointer-events:none}.board-wrap canvas{width:100%;height:100%;display:block}.overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#040810c7;backdrop-filter:blur(2px);padding:16px}.overlay.hidden{display:none}.overlay-card{text-align:center;width:100%;padding:26px 14px;background:linear-gradient(150deg,#111b29ee,#080d15ee);border:1px solid #36506a;box-shadow:0 0 40px #00f59b22}.eyebrow{font:800 .66rem ui-monospace,monospace;letter-spacing:.18em;color:var(--green)}.overlay h2{font-size:clamp(1.8rem,5vw,3rem);line-height:.9;margin:12px 0;text-transform:uppercase}.overlay h2 b{color:var(--green)}.overlay p{color:#91a0b1;font-size:.82rem;line-height:1.55}.primary-btn,.outline-btn{border:0;padding:13px 18px;font-weight:900;letter-spacing:.08em;cursor:pointer;color:#05100b;background:var(--green);box-shadow:0 0 20px #00f59b44}.outline-btn{display:block;width:100%;margin-top:10px;color:#a8b7c7;background:#0d151f;border:1px solid #2b3d50;box-shadow:none}.outline-btn:disabled{opacity:.35;cursor:not-allowed}.danger-btn{background:var(--red);color:white}.loss{border-color:#ff335f88;box-shadow:0 0 60px #ff335f33}.loss h2{color:var(--red);text-shadow:0 0 20px #ff335f77}.final-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:17px 0}.final-grid span{font:700 .66rem ui-monospace,monospace;color:var(--muted);padding:8px;background:#070c13}.final-grid b{display:block;color:#fff;font-size:1rem;margin-top:3px}.meter-panel{margin-top:12px;padding:11px}.meter-head{display:flex;justify-content:space-between}.meter-head strong{color:var(--green)}.meter-track{height:13px;background:#04070b;border:1px solid #263645;margin:8px 0;overflow:hidden}.meter-track div{height:100%;width:0;background:linear-gradient(90deg,#00aa69,var(--green),var(--lime));box-shadow:0 0 14px var(--green);transition:width .25s}.bull-status{text-align:center;font:700 .62rem ui-monospace,monospace;color:#74879a;letter-spacing:.12em}.boinko-panel{text-align:center;overflow:hidden}.live{color:var(--red);font-size:.56rem}.boinko-art{height:184px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle,#1c2e41,#080d15 65%)}.head{position:absolute;width:112px;height:100px;top:38px;background:#efaa4c;border:4px solid #121820;border-radius:46% 46% 44% 44%;z-index:2;box-shadow:inset 0 -12px #c87736}.ear{position:absolute;width:38px;height:52px;background:#dc883c;border:4px solid #121820;border-radius:60% 60% 30% 30%;top:24px}.ear.left{left:47px;transform:rotate(-28deg)}.ear.right{right:47px;transform:rotate(28deg)}.eye{position:absolute;width:15px;height:19px;background:#091019;border-radius:50%;top:38px}.eye.left{left:25px}.eye.right{right:25px}.brow{position:absolute;width:25px;height:5px;background:#2f1d16;top:27px;border-radius:5px}.brow.left{left:17px;transform:rotate(5deg)}.brow.right{right:17px;transform:rotate(-5deg)}.snout{position:absolute;width:58px;height:39px;left:23px;top:59px;border-radius:48%;background:#ffd27d;border:3px solid #bd6f31;display:flex;justify-content:center;gap:12px;padding-top:10px}.snout i{width:7px;height:8px;background:#392119;border-radius:50%}.body{position:absolute;width:128px;height:75px;bottom:-30px;border-radius:50% 50% 0 0;background:#213246;border:4px solid #121820}.body span{font-size:2rem;color:var(--green)}.boinko-panel p{min-height:34px;margin:0;padding:10px;font:800 .7rem ui-monospace,monospace;color:var(--green)}.boinko-panel[data-mood="happy"] .head{animation:boink .45s ease}.boinko-panel[data-mood="excited"] .boinko-art,.boinko-panel[data-mood="bull"] .boinko-art{animation:boink .35s ease infinite alternate}.boinko-panel[data-mood="danger"] .eye{height:24px;width:19px}.boinko-panel[data-mood="over"] .eye{background:white;border:6px solid #091019;width:24px;height:24px}.chart-panel{margin-top:12px}.chart-panel canvas{width:100%;height:135px;display:block}.chart-foot{display:flex;justify-content:space-between;padding:7px 9px;font:700 .52rem ui-monospace,monospace;color:var(--green)}.chart-foot b{color:#657487}.touch-controls{display:none}.bull-active .board-wrap{box-shadow:0 0 0 5px #0a111a,0 0 50px #00f59b77}.bull-active .meter-panel{border-color:var(--green);animation:pulse 1s infinite}.bull-active .bull-status{color:var(--lime)}.chart-panel.crash{animation:crash .65s ease}.chart-panel.crash canvas{filter:hue-rotate(120deg) saturate(2)}footer{text-align:center;margin-top:13px;font:600 .57rem ui-monospace,monospace;color:#4f6071;letter-spacing:.08em}footer span{color:var(--green)}@keyframes boink{to{transform:translateY(-7px) rotate(2deg)}}@keyframes pulse{50%{box-shadow:0 0 28px #00f59b44}}@keyframes crash{50%{transform:translateY(8px) rotate(-2deg)}}
@media(max-width:850px){.shell{width:min(96vw,560px);padding-top:8px}.market-tag,.keys-panel,.left-rail .outline-btn{display:none}.stats{margin:8px auto}.stats div{padding:6px}.stats strong{font-size:1rem}.layout{display:grid;grid-template-columns:1fr 132px;gap:9px}.game-column{grid-row:1 / span 2}.left-rail{display:none}.right-rail{display:flex;flex-direction:column}.boinko-art{height:118px}.head{transform:scale(.72);top:5px}.ear{transform:scale(.72)!important;top:3px}.body{transform:scale(.72);bottom:-24px}.boinko-panel p{font-size:.58rem;min-height:45px;padding:7px}.chart-panel{margin-top:8px}.chart-panel canvas{height:95px}.chart-foot{display:none}.right-rail .outline-btn{font-size:.66rem;padding:10px 5px}.board-wrap{width:min(100%,calc((100vh - 250px)/2))}.touch-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:10px auto 0;width:100%;padding-bottom:env(safe-area-inset-bottom)}.touch-controls button{touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid #314459;background:#111b28;color:#e7f2fd;border-radius:6px;height:58px;font-size:1.3rem;font-weight:900}.touch-controls button span{display:block;font:700 .52rem ui-monospace,monospace;color:#8192a5;margin-top:3px}.touch-controls button:active{background:#1b3042;border-color:var(--green)}.touch-controls .drop{background:var(--green);color:#05100b}.touch-controls .drop span{color:#075232}footer{display:none}}
@media(max-width:420px){.brand h1{font-size:1rem}.coin{width:32px;height:32px}.layout{grid-template-columns:minmax(235px,1fr) 105px}.boinko-art{height:105px}.chart-panel canvas{height:78px}.panel-title{font-size:.53rem;padding:7px}.board-wrap{width:100%}.meter-panel{margin-top:8px;padding:8px}.touch-controls button{height:54px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.scanlines{display:none}}

/* Supplied BOINKO identity and reaction artwork */
.brand-logo{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 10px #00d9ff66)}
.boinko-art{display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 55%,#1e3450,#080d15 68%)}
.boinko-art img{position:relative;z-index:2;width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 8px 13px #000b);will-change:transform,filter}
.reaction-glow{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:#00d9ff22;filter:blur(18px);transition:.25s}
.boinko-panel[data-mood="happy"] .boinko-art img{animation:reaction-pop .5s ease}
.boinko-panel[data-mood="excited"] .boinko-art img{animation:reaction-jump .45s ease infinite alternate}
.boinko-panel[data-mood="bull"] .boinko-art img{animation:reaction-bull .32s ease infinite alternate;filter:drop-shadow(0 0 18px #00f59bcc) drop-shadow(0 8px 12px #0008)}
.boinko-panel[data-mood="bull"] .reaction-glow{background:#00f59b66;transform:scale(1.35)}
.boinko-panel[data-mood="danger"] .boinko-art img{animation:reaction-worry .18s ease-in-out infinite alternate}
.boinko-panel[data-mood="danger"] .reaction-glow,.boinko-panel[data-mood="over"] .reaction-glow{background:#ff335f55}
.boinko-panel[data-mood="over"] .boinko-art img{animation:reaction-shock .55s ease}
@keyframes reaction-pop{35%{transform:scale(1.12) rotate(-3deg)}70%{transform:scale(.97) rotate(2deg)}}
@keyframes reaction-jump{to{transform:translateY(-9px) rotate(3deg) scale(1.04)}}
@keyframes reaction-bull{to{transform:translateY(-6px) rotate(-3deg) scale(1.08)}}
@keyframes reaction-worry{to{transform:translateX(3px) rotate(.7deg)}}
@keyframes reaction-shock{35%{transform:scale(1.15)}70%{transform:translateY(5px) scale(.96)}}
@media(max-width:850px){.brand-logo{width:44px;height:44px}.boinko-art img{width:97%;height:97%}}
@media(max-width:420px){.brand-logo{width:38px;height:38px}}

.music-panel{margin-top:10px;padding-bottom:9px}.music-panel>label{display:block;margin:8px 10px 4px;font:700 .55rem ui-monospace,monospace;letter-spacing:.14em;color:#687b90}.music-panel select{display:block;width:calc(100% - 20px);margin:0 10px;padding:8px;border:1px solid #2b3d50;border-radius:0;background:#08111b;color:#dcecff;font:700 .67rem ui-monospace,monospace}.music-controls{display:grid;grid-template-columns:auto 25px 1fr;align-items:center;gap:5px;margin:7px 10px 0}.music-controls button{border:1px solid #2b3d50;background:#111b28;color:var(--green);padding:7px 6px;font:800 .56rem ui-monospace,monospace;cursor:pointer}.volume-label{font:700 .5rem ui-monospace,monospace;color:#708397}.music-controls input{width:100%;accent-color:var(--green)}#musicState{color:var(--green);font-size:.53rem}
@media(max-width:850px){.music-panel{margin-top:8px}.music-panel>label{font-size:.48rem;margin:6px 6px 3px}.music-panel select{width:calc(100% - 12px);margin:0 6px;padding:6px 3px;font-size:.55rem}.music-controls{grid-template-columns:1fr;margin:5px 6px 0;gap:3px}.music-controls .volume-label{display:none}.music-controls button{padding:6px 2px}.music-controls input{height:12px}}
.powerups{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.powerup-btn{min-width:0;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 9px;border:1px solid #25384a;background:linear-gradient(145deg,#0d151f,#080d14);color:#6e7e8f;text-align:left;cursor:pointer}.powerup-btn span{min-width:0}.powerup-btn b,.powerup-btn small{display:block;font-family:ui-monospace,monospace}.powerup-btn b{font-size:.62rem;letter-spacing:.05em;white-space:nowrap}.powerup-btn small{margin-top:3px;font-size:.49rem;color:#627486;white-space:nowrap}.powerup-btn kbd{flex:none;display:grid;place-items:center;width:25px;height:25px;border:1px solid #34485a;background:#101a25;color:#8fa0b2;font:800 .7rem ui-monospace,monospace}.powerup-btn:disabled{cursor:not-allowed;opacity:.72}.powerup-btn.ready{color:#fff;border-color:var(--green);box-shadow:0 0 16px #00f59b22}.powerup-btn.ready small{color:var(--green)}.powerup-btn.ready kbd{border-color:var(--green);color:var(--green)}.powerup-btn.active{color:#fff;border-color:#65cfff;box-shadow:0 0 18px #65cfff33}.powerup-btn.active small,.powerup-btn.active kbd{color:#65cfff;border-color:#65cfff}.slow-active .board-wrap{box-shadow:0 0 0 5px #0a111a,0 0 42px #65cfff55}
@media(max-width:420px){.powerups{gap:5px}.powerup-btn{min-height:44px;padding:6px}.powerup-btn b{font-size:.51rem}.powerup-btn small{font-size:.42rem}.powerup-btn kbd{display:none}}
.mobile-next-panel{display:none}.mobile-next-panel canvas{display:block;width:100%;height:72px}
@media(max-width:850px){.mobile-next-panel{display:block;margin-bottom:8px}.mobile-next-panel canvas{height:64px}}
@media(max-width:420px){.mobile-next-panel canvas{height:56px}}