:root{--color-page:#000;--color-screen-deep:#05050f;--color-field:#0b0b26;--color-panel:#a8aabb;--color-panel-edge-dark:#2a2c3c;--color-panel-edge-light:#e6e8f4;--color-panel-divider:#7a7c90;--color-panel-label:#3b3d4e;--color-inset:#0d0d24;--color-logo-tile:#0b4fa8;--color-white:#fff;--color-red:#e8384f;--color-red-shadow:#55000f;--color-orange:#f07d10;--color-orange-shadow:#8a3d00;--color-yellow:#ffcf1c;--color-green:#3fbf4f;--color-green-shadow:#155c1f;--color-blue:#2d7fe0;--color-sky:#8fd0ff;--color-grey-text:#9a9caf;--color-dim-text:#4a4c60;--color-title-divider:#3c50a0;--stage-width:480px;--stage-height:300px;--playfield-width:372px;--panel-width:108px;--font-pixel:Silkscreen, ui-monospace, monospace;--font-display:"Press Start 2P", monospace;--blink-duration:1s;--copper-duration:2.2s}html,body{background:var(--color-page);height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-pixel);-webkit-user-select:none;user-select:none;cursor:none}[hidden]{display:none!important}#app{justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#stage{width:var(--stage-width);height:var(--stage-height);background:var(--color-page);transform-origin:50%;position:relative}#playfield{width:var(--playfield-width);height:var(--stage-height);image-rendering:pixelated;position:absolute;top:0;left:0}#panel{left:var(--playfield-width);width:var(--panel-width);height:var(--stage-height);background:var(--color-panel);position:absolute;top:0}#panel:before,#panel:after{content:"";width:1px;height:100%;position:absolute;top:0}#panel:before{background:var(--color-panel-edge-dark);left:0}#panel:after{background:var(--color-panel-edge-light);left:1px}#panelLogo{background:var(--color-logo-tile);width:92px;height:18px;font:400 8px var(--font-pixel);color:var(--color-white);letter-spacing:2px;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;left:8px}.panel-label{font:400 7px var(--font-pixel);color:var(--color-panel-label);letter-spacing:1px;position:absolute;left:8px}#labelScore{top:34px}#labelHiScore{top:71px}#labelLevel{top:108px}#labelLives{top:145px}#labelPower{top:172px}.panel-inset{background:var(--color-inset);box-sizing:border-box;align-items:center;width:92px;height:19px;display:flex;position:absolute;left:8px}#insetScore{justify-content:flex-end;top:44px}#insetScore span{font:400 12px var(--font-pixel);color:var(--color-yellow);padding-right:5px}#insetHiScore{justify-content:flex-end;top:81px}#insetHiScore span{font:400 12px var(--font-pixel);color:var(--color-sky);padding-right:5px}#insetLevel{justify-content:space-between;padding:0 5px;top:118px}#insetLevel #panelLevelNumber{font:400 12px var(--font-pixel);color:var(--color-white)}#insetLevel #panelLevelName{font:400 7px var(--font-pixel);color:var(--color-orange)}#panelLives{gap:5px;display:flex;position:absolute;top:157px;left:8px}.panel-life{background:var(--color-blue);width:20px;height:5px}#insetPower{justify-content:center;top:182px}#insetPower span{font:400 7px var(--font-pixel);color:var(--color-green);letter-spacing:1px}.panel-divider{background:var(--color-panel-divider);width:92px;height:1px;position:absolute;top:212px;left:8px}.panel-divider:after{content:"";background:var(--color-panel-edge-light);width:100%;height:1px;position:absolute;top:1px;left:0}#panelHints{font:400 7px var(--font-pixel);color:var(--color-panel-label);flex-direction:column;gap:8px;display:flex;position:absolute;top:226px;left:8px}#panelRev{font:400 6px var(--font-pixel);color:var(--color-panel-divider);position:absolute;top:284px;left:8px}.blink{animation:shatterBlink var(--blink-duration) steps(1) infinite}@keyframes shatterBlink{0%,55%{opacity:1}56%,to{opacity:0}}@keyframes shatterCopper{0%{background-position:0 0}to{background-position:0 24px}}#screenServe{text-align:center;width:366px;font:400 11px var(--font-pixel);color:var(--color-sky);position:absolute;top:215px;left:3px}.field-overlay{background:var(--color-field);flex-direction:column;justify-content:center;align-items:center;width:366px;height:297px;display:flex;position:absolute;top:3px;left:3px}#screenPause{gap:17px}.pause-heading{font:400 23px var(--font-display);color:var(--color-yellow);text-shadow:3px 3px 0 var(--color-orange-shadow)}.pause-divider{background:var(--color-orange);width:160px;height:2px}.pause-hint{font:400 11px var(--font-pixel);color:var(--color-sky)}#screenClear{gap:13px}.clear-heading{font:400 11px var(--font-pixel);color:var(--color-green);letter-spacing:2px}#clearLevelName{font:400 22px var(--font-display);color:var(--color-white);text-shadow:3px 3px 0 var(--color-green-shadow)}.clear-divider{background:var(--color-blue);width:210px;height:1px}#clearBonus{font:400 12px var(--font-pixel);color:var(--color-yellow)}.continue-hint{font:400 10px var(--font-pixel);color:var(--color-sky)}#screenOver{gap:15px}.over-heading{font:400 22px var(--font-display);color:var(--color-red);text-shadow:3px 3px 0 var(--color-red-shadow)}.over-divider{background:var(--color-red);width:210px;height:2px}#overScore{font:400 12px var(--font-pixel);color:var(--color-white)}.stage-screen{background:var(--color-screen-deep);position:absolute;inset:0}#titleCopper{width:100%;height:66px;animation:shatterCopper var(--copper-duration) linear infinite;background:repeating-linear-gradient(#0b0b26 0 2px,#12276a 2px 4px,#1d47a8 4px 6px,#2d7fe0 6px 8px,#63b0ff 8px 10px,#2d7fe0 10px 12px,#1d47a8 12px 14px,#12276a 14px 16px);position:absolute;top:48px;left:0}#titleWordmark{text-align:center;width:100%;font:400 35px var(--font-display);color:var(--color-white);letter-spacing:3px;text-shadow:4px 4px 0 var(--color-red);position:absolute;top:59px;left:0}#titleTagline{text-align:center;width:100%;font:400 8px var(--font-pixel);color:var(--color-sky);letter-spacing:4px;position:absolute;top:124px;left:0}.title-divider{background:var(--color-title-divider);width:200px;height:1px;position:absolute;top:145px;left:140px}#titleInfo{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex;position:absolute;top:161px;left:0}#titleInfo #titleTopScore{font:400 11px var(--font-pixel);color:var(--color-yellow)}#titleInfo .title-controls{font:400 8px var(--font-pixel);color:var(--color-grey-text);letter-spacing:1px}#titlePlayHint{text-align:center;width:100%;font:400 14px var(--font-pixel);color:var(--color-green);position:absolute;top:218px;left:0}#titleFooter{text-align:center;width:100%;font:400 7px var(--font-pixel);color:var(--color-dim-text);letter-spacing:2px;position:absolute;top:274px;left:0}#scoresHeading{text-align:center;width:100%;font:400 20px var(--font-display);color:var(--color-yellow);text-shadow:3px 3px 0 var(--color-orange-shadow);position:absolute;top:32px;left:0}.scores-divider{background:var(--color-title-divider);width:200px;height:1px;position:absolute;top:75px;left:140px}#scoreRows{flex-direction:column;gap:13px;width:200px;display:flex;position:absolute;top:98px;left:140px}.score-row{font:400 13px var(--font-pixel);color:var(--color-grey-text);justify-content:space-between;display:flex}.score-row--top{color:var(--color-yellow)}#entryLine{text-align:center;width:100%;font:400 12px var(--font-pixel);color:var(--color-green);letter-spacing:2px;position:absolute;top:236px;left:0}#returnHint{text-align:center;width:100%;font:400 11px var(--font-pixel);color:var(--color-sky);position:absolute;top:236px;left:0}