*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000008;--accent:#0ef;--accent2:#f36;--accent3:#fc0;--hud:#0ef;--font:"Pixelify Sans", sans-serif}html,body{background:var(--bg);width:100%;height:100%;font-family:var(--font);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden}#game-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}canvas{image-rendering:pixelated;border:1px solid #0ef3;width:400px;height:240px;display:block;box-shadow:0 0 40px #00eeff14,0 0 2px #0ef6}#hud{width:100%;color:var(--hud);letter-spacing:.5px;font-size:11px;font-family:var(--font);justify-content:space-between;align-items:center;padding:4px 6px;font-weight:600;display:flex}#hud #hiscore-display{color:var(--accent3)}#hud .lives span{color:var(--accent2)}#overlay{color:#fff;text-align:center;pointer-events:all;image-rendering:pixelated;background:#00000e;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 8px;display:flex;position:absolute;inset:0;overflow:hidden}#overlay.hidden{display:none}#crt-lines{pointer-events:none;z-index:20;background:repeating-linear-gradient(#0000 0 2px,#0000002e 2px 4px);position:absolute;inset:0}#ol-title-wrap{z-index:5;align-items:center;gap:8px;display:flex;position:relative}.title-star{color:var(--accent3);font-size:10px;animation:.8s step-end infinite blink}#overlay h1{color:var(--accent);text-shadow:2px 2px 0 #035, 0 0 12px var(--accent);letter-spacing:3px;text-transform:uppercase;margin:0;font-size:17px;font-weight:700;line-height:1}#overlay p{color:#aaa;z-index:5;font-size:9px;line-height:1.5;position:relative}#overlay .big-score{color:var(--accent3);text-shadow:1px 1px #430;z-index:5;font-size:11px;font-weight:700;position:relative}#overlay .blink{color:var(--accent);z-index:5;font-size:9px;animation:1s step-end infinite blink;position:relative}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hidden{display:none!important}#menu-main{z-index:5;flex-direction:column;align-items:center;gap:5px;width:100%;display:flex;position:relative}#controls-footer{z-index:10;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}#mode-row{justify-content:center;align-items:stretch;gap:6px;width:100%;display:flex}.mode-card{border:2px solid var(--accent);width:46%;max-width:155px;box-shadow:0 0 0 1px #000,  0 0 0 3px var(--accent),  inset 0 0 0 1px #001a2a;image-rendering:pixelated;background:#000814;flex-direction:column;align-items:center;gap:3px;padding:6px 8px;display:flex;position:relative}.mode-card:before{content:"◆";color:var(--accent);font-size:5px;line-height:1;position:absolute;top:-1px;left:2px}.mode-card:after{content:"◆";color:var(--accent);font-size:5px;line-height:1;position:absolute;top:-1px;right:2px}#card-arcade{border-color:var(--accent3);box-shadow:0 0 0 1px #000, 0 0 0 3px var(--accent3), inset 0 0 0 1px #2a1a00}#card-arcade:before,#card-arcade:after{color:var(--accent3)}.mode-divider{color:#0ef3;letter-spacing:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 2px;font-size:8px;line-height:1;display:flex}.mode-divider:before,.mode-divider:after{content:"·"}.mode-icon-img{object-fit:contain;width:22px;height:22px;image-rendering:pixelated;filter:drop-shadow(0 0 3px var(--accent))}#card-arcade .mode-icon-img{filter:drop-shadow(0 0 3px var(--accent3))}.mode-title{letter-spacing:1.5px;color:var(--accent);text-shadow:1px 1px #001a2a;text-transform:uppercase;font-size:9px;font-weight:700}#card-arcade .mode-title{color:var(--accent3);text-shadow:1px 1px #2a1a00}.mode-desc{color:#8ac;text-align:center;font-size:7px;line-height:1.7}#card-arcade .mode-desc{color:#ca5}.menu-btn{font-family:var(--font);cursor:pointer;letter-spacing:1px;text-align:center;text-transform:uppercase;border:2px solid;border-radius:0;padding:4px 10px;font-size:9px;font-weight:700;transition:background 80ms,color 80ms}.primary-btn{border-color:var(--accent);color:var(--accent);background:#001a2a;width:70px;box-shadow:2px 2px #035}.primary-btn:hover{background:var(--accent);color:#000810}.primary-btn:active{box-shadow:none;transform:translate(2px,2px)}.secondary-btn{color:#888;background:#000814;border-color:#666;box-shadow:2px 2px #222}.secondary-btn:hover{color:#fff;background:#222;border-color:#999}.secondary-btn:active{box-shadow:none;transform:translate(2px,2px)}.ghost-btn{color:#0ef6;letter-spacing:.5px;background:0 0;border:1px solid #00eeff40;padding:3px 10px;font-size:8px}.ghost-btn:hover{color:#0efc;border-color:#0ef9}#level-btns{gap:3px;margin-top:2px;display:flex}.lvl-btn{font-family:var(--font);width:22px;height:22px;color:var(--accent3);cursor:pointer;background:#1a1000;border:2px solid #ffcc0080;border-radius:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;transition:background 80ms;display:flex;box-shadow:2px 2px #430}.lvl-btn:hover{background:var(--accent3);color:#000;border-color:var(--accent3)}.lvl-btn:active{box-shadow:none;transform:translate(2px,2px)}#menu-controls{z-index:5;background:#000814;border:2px solid #00eeff4d;flex-direction:column;align-items:center;gap:6px;width:100%;padding:8px;display:flex;position:relative;box-shadow:0 0 0 1px #000,0 0 0 3px #00eeff26}.controls-table{border-collapse:collapse;color:#ccc;font-size:9px}.controls-table tr{line-height:1}.controls-table td{text-align:left;padding:2px 8px}.controls-table td:first-child{color:var(--accent);text-align:right;min-width:68px;font-weight:700}.ctrl-mobile{color:#00eeff73!important;text-align:center!important;padding-top:5px!important;font-size:8px!important}#mobile-controls{justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 0 0;display:none}.ctrl-btn{color:var(--accent);font-family:var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#00eeff12;border:1px solid #00eeff40;border-radius:4px;padding:14px 18px;font-size:13px}.ctrl-btn:active{background:#00eeff2e}#btn-fire{padding:18px 22px;font-size:9px}#joystick-zone{width:140px;height:140px;position:relative}@media (pointer:coarse){#mobile-controls{display:flex}}#quit-modal{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#000010c7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#quit-box{border:2px solid var(--accent);box-shadow:0 0 0 1px #000, 0 0 0 3px var(--accent);image-rendering:pixelated;background:#000814;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;display:flex;position:relative}#quit-title{color:var(--accent);text-shadow:0 0 12px var(--accent);letter-spacing:2px;margin:0;font-size:16px;font-weight:700}#quit-sub{color:#999;margin:0;font-size:10px}#quit-btns{gap:10px;margin-top:2px;display:flex}