@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800;900&family=Share+Tech+Mono&display=swap');
:root{color-scheme:dark;--cyan:#5df5ff;--pink:#ff3d9a;--gold:#ffd866;--text:#ded8ff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;display:grid;place-items:center;overflow-x:hidden;background:radial-gradient(circle at 50% 30%,#241344 0,#0d0a20 33%,#05060b 76%);color:var(--text);font-family:Orbitron,sans-serif}body:before,body:after{content:"";position:fixed;pointer-events:none;inset:0}body:before{opacity:.44;background-image:linear-gradient(#34215d 1px,transparent 1px),linear-gradient(90deg,#34215d 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(transparent,#000 20%,transparent 85%);transform:perspective(600px) rotateX(63deg) scale(1.8) translateY(31%);transform-origin:bottom}body:after{background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.7) 100%);z-index:5}.cabinet{width:min(1120px,96vw);padding:22px 0 18px;position:relative;z-index:1;filter:drop-shadow(0 0 28px rgba(87,41,163,.52))}.masthead{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;padding:0 2.4%;line-height:1}.eyebrow{margin:0;font:12px 'Share Tech Mono',monospace;color:#a999dc;letter-spacing:.13em}h1{grid-column:2;margin:0;font-size:clamp(31px,5vw,59px);letter-spacing:.04em;color:var(--text);text-shadow:0 0 14px #9d73ff}h1 span,h2 span{color:var(--pink);text-shadow:0 0 16px var(--pink)}.tagline{margin:0 0 6px;text-align:right;color:var(--cyan);font:11px 'Share Tech Mono';letter-spacing:.11em}.game-shell{position:relative;overflow:hidden;border:2px solid #806bc0;background:#050613;box-shadow:0 0 0 5px #211839,0 0 0 7px #35265a,0 0 34px #8d4dff,inset 0 0 70px #000;aspect-ratio:16/9}canvas{display:block;width:100%;height:100%}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.24;background:repeating-linear-gradient(0deg,rgba(0,0,0,.45) 0 1px,transparent 1px 4px);mix-blend-mode:multiply}.hud{position:absolute;inset:0;z-index:3;pointer-events:none;padding:19px 21px;text-shadow:0 0 9px currentColor;font:11px 'Share Tech Mono',monospace;letter-spacing:.08em}.hud-block{position:absolute;display:grid;gap:2px}.hud-block span{color:#a89ccc}.hud-block strong{font:700 23px Orbitron;color:#fff}.hud-block small{color:var(--gold)}.hud-block b{color:var(--cyan)}.score-block{left:21px;top:18px}.combo-block{left:50%;top:18px;transform:translateX(-50%);text-align:center}.combo-block strong{color:var(--gold)}.combo-block em{font-style:normal;color:var(--pink);font-size:14px}.status-block{right:21px;top:18px;text-align:right;color:#baabd9}.status-block b{letter-spacing:.12em}.boss-meter{position:absolute;display:none;top:81px;left:25%;width:50%;text-align:center;color:var(--pink)}.boss-meter.active{display:block}.boss-meter>div{height:7px;margin-top:6px;border:1px solid var(--pink);background:#250b24;box-shadow:0 0 12px var(--pink)}.boss-meter i{display:block;width:100%;height:100%;background:var(--pink);box-shadow:0 0 12px var(--pink);transition:width .16s linear}.message{position:absolute;z-index:4;top:41%;left:50%;transform:translate(-50%,-50%) scale(.9);min-width:300px;color:#fff;font-size:clamp(25px,5vw,54px);line-height:1;text-align:center;letter-spacing:.08em;text-shadow:3px 3px 0 var(--pink),0 0 22px var(--cyan);opacity:0;transition:opacity .16s,transform .16s;pointer-events:none}.message.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.message small{display:block;margin-top:12px;font:13px 'Share Tech Mono';color:var(--gold);letter-spacing:.2em}.overlay{position:absolute;z-index:6;inset:0;display:grid;place-items:center;padding:16px;background:rgba(5,5,16,.58);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.overlay.visible{opacity:1;visibility:visible}.panel{width:min(530px,94%);padding:29px 32px 24px;text-align:center;border:1px solid #b98aff;background:linear-gradient(135deg,rgba(32,18,67,.94),rgba(9,11,30,.93));box-shadow:0 0 34px rgba(159,70,255,.58),inset 0 0 28px rgba(83,29,150,.42)}.panel h2{margin:10px 0 12px;font-size:clamp(43px,9vw,83px);line-height:.84;color:#f7f2ff;text-shadow:0 0 15px #9067ff}.intro{margin:0 0 21px;color:#c9c0e9;font:15px/1.55 'Share Tech Mono'}.panel button,.sound-button{border:1px solid var(--cyan);color:#07121d;background:var(--cyan);padding:13px 24px;box-shadow:0 0 18px rgba(93,245,255,.6);font:700 15px Orbitron;letter-spacing:.08em;cursor:pointer;transition:transform .15s,box-shadow .15s}.panel button:hover,.sound-button:hover{transform:translateY(-2px);box-shadow:0 0 29px rgba(93,245,255,.92)}.controls{margin:19px 0 0;color:#a89ccc;font:11px/1.7 'Share Tech Mono'}.controls b{color:var(--gold)}.sound-button{position:absolute;z-index:7;right:17px;bottom:17px;padding:7px 9px;border-color:#987eff;color:#d9d1ff;background:rgba(17,14,38,.8);box-shadow:none;font:10px 'Share Tech Mono'}footer{display:flex;justify-content:space-between;gap:10px;padding:14px 2.4% 0;color:#8273aa;font:10px 'Share Tech Mono';letter-spacing:.08em}footer span:nth-child(2){color:#b7a4df}@media(max-width:600px){.cabinet{width:100vw;padding-top:10px}.masthead{padding:0 12px;grid-template-columns:1fr auto}.masthead .eyebrow,.combo-block{display:none}.masthead h1{grid-column:1}.tagline{font-size:8px}.game-shell{border-width:1px}.hud{padding:11px;transform:scale(.82);transform-origin:top left;width:122%}.status-block{right:13px}.boss-meter{top:61px}.panel{padding:24px 15px}.panel h2{font-size:47px}.intro{font-size:12px}.controls{font-size:9px}footer{font-size:8px;padding:10px 12px}footer span:first-child{display:none}}