:root{--bg-color:#030712;--panel-bg:#0f172a;--accent-gold:#eab308;--accent-green:#10b981;--accent-red:#ef4444;--accent-blue:#38bdf8;--border-color:#1e293b}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;padding:0}html,body{background-color:var(--bg-color);color:#f8fafc;touch-action:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;font-family:Courier New,Courier,monospace,system-ui;overflow:hidden}#app-container{width:100vw;height:100dvh;padding:env(safe-area-inset-top,8px) env(safe-area-inset-right,8px) env(safe-area-inset-bottom,12px) env(safe-area-inset-left,8px);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative}#top-bar{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0f172ad9;border-radius:8px;justify-content:space-between;align-items:center;width:100%;max-width:540px;padding:6px 12px;display:flex}.logo-text{letter-spacing:1px;color:var(--accent-gold);text-shadow:0 0 6px #eab30866;font-size:14px;font-weight:900}.top-controls{gap:8px;display:flex}.icon-btn{color:#f8fafc;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:5px 10px;font-size:13px;font-weight:700;transition:all .15s}.icon-btn:active{background:#334155;transform:scale(.95)}#stage-wrapper{aspect-ratio:3/4;background-color:#0f172a;border:3px solid #1e293b;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:420px;max-height:calc(100dvh - 210px);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0009,0 0 15px 2px #10b98126}#game-canvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}#crt-overlay{pointer-events:none;opacity:0;z-index:5;background:linear-gradient(#12101000 50%,#00000059 50%) 0 0/100% 3px,linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/4px 100%;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}#crt-overlay.active{opacity:1}#controls-container{z-index:10;justify-content:space-between;align-items:center;width:100%;max-width:540px;padding:6px 12px 10px;display:flex}#virtual-dpad{touch-action:none;background:radial-gradient(circle,#1e293be6 0%,#0f172af2 100%);border:2px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:relative;box-shadow:inset 0 2px 4px #0009,0 4px 10px #00000080}.dpad-arrow{color:#64748b;pointer-events:auto;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:900;display:flex;position:absolute}.dpad-arrow.active{color:var(--accent-gold);transform:scale(1.15)}.dpad-arrow.up{top:4px}.dpad-arrow.down{bottom:4px}.dpad-arrow.left{left:4px}.dpad-arrow.right{right:4px}#dpad-knob{pointer-events:none;background:linear-gradient(145deg,#334155,#1e293b);border:2px solid #475569;border-radius:50%;width:48px;height:48px;transition:transform 50ms ease-out;box-shadow:0 4px 8px #0006}#actions-container{flex-direction:column;align-items:center;gap:10px;display:flex}#btn-fire{color:#fff;letter-spacing:1.5px;cursor:pointer;touch-action:none;background:radial-gradient(circle at 35% 35%,#ef4444,#991b1b);border:3px solid #f87171;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:16px;font-weight:900;transition:all 80ms;display:flex;box-shadow:0 6px 15px #ef444466,inset 0 2px 4px #fff6}#btn-fire:active,#btn-fire.active{background:radial-gradient(circle at 35% 35%,#dc2626,#7f1d1d);transform:scale(.92);box-shadow:0 2px 6px #ef444499}@media (width>=768px){#virtual-dpad,#btn-fire{opacity:.85}}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:100;background:#030712d6;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:0;left:0}.modal-overlay.hidden{display:none!important}.modal-card{text-align:center;background:#0f172a;border:2px solid #ef4444;border-radius:12px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px;padding:22px 18px;animation:.18s cubic-bezier(.16,1,.3,1) modalScale;display:flex;box-shadow:0 10px 30px #000c,0 0 25px #ef444459}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-icon{font-size:30px}.modal-title{color:#ef4444;letter-spacing:1px;font-size:16px;font-weight:900}.modal-desc{color:#cbd5e1;margin-bottom:6px;font-size:12.5px;line-height:1.45}.modal-actions{gap:10px;width:100%;display:flex}.modal-btn{cursor:pointer;touch-action:manipulation;border:1px solid #0000;border-radius:6px;flex:1;padding:10px 6px;font-family:inherit;font-size:12px;font-weight:700;transition:all .12s}.modal-btn.btn-resume{color:#38bdf8;background:#1e293b;border-color:#38bdf8}.modal-btn.btn-resume:active{background:#334155;transform:scale(.96)}.modal-btn.btn-exit{color:#fff;background:#dc2626;border-color:#ef4444}.modal-btn.btn-exit:active{background:#b91c1c;transform:scale(.96)}