:root{--bg: #05070d;--panel: #0b1020;--cyan: #39e8ff;--cyan-dim: #1a6b7a;--text: #cfeeff;--text-muted: #86b8cc;--danger: #ff4d6a;--good: #39ff6a;--warn: #ffb020}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Source Code Pro,Consolas,SF Mono,Courier New,monospace;overflow:hidden;-webkit-tap-highlight-color:transparent}#app{display:flex;flex-direction:column;height:100vh;height:100dvh}#hud{padding:10px 16px;background:linear-gradient(180deg,#0c1326,#070b16);border-bottom:1px solid var(--cyan-dim);box-shadow:0 0 18px #39e8ff26}.brand{font-weight:700;letter-spacing:2px;color:var(--cyan);text-shadow:0 0 8px var(--cyan)}.brand span{color:var(--text)}button{background:#39e8ff14;color:var(--cyan);border:1px solid var(--cyan);padding:7px 14px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:15px;letter-spacing:1px;transition:background .15s,box-shadow .15s}button:hover{background:#39e8ff33;box-shadow:0 0 12px #39e8ff66}button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}button.active{background:#39e8ff40;box-shadow:0 0 12px #39e8ff80;border-color:var(--cyan)}.home-btn{display:inline-block;background:#39e8ff14;color:var(--cyan);border:1px solid var(--cyan);padding:7px 14px;border-radius:4px;font-family:inherit;font-size:15px;letter-spacing:1px;text-decoration:none;white-space:nowrap;touch-action:manipulation;transition:background .15s,box-shadow .15s}.home-btn:hover{background:#39e8ff33;box-shadow:0 0 12px #39e8ff66}.donate-btn{display:inline-block;background:#ff4d6a14;color:var(--danger);border:1px solid var(--danger);padding:7px 14px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:15px;letter-spacing:1px;text-decoration:none;transition:background .15s,box-shadow .15s}.donate-btn:hover{background:#ff4d6a33;box-shadow:0 0 12px #ff4d6a66}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02040ad9;display:flex;align-items:center;justify-content:center}.overlay[hidden]{display:none}.overlay-card{text-align:center;padding:40px 60px;border:1px solid var(--cyan);border-radius:8px;background:var(--panel);box-shadow:0 0 40px #39e8ff4d}#hud{display:flex;align-items:center;justify-content:space-between}.hub{flex:1;overflow-y:auto;padding:36px 20px 48px}.hub-title{margin:0 0 28px;text-align:center;font-size:15px;letter-spacing:3px;color:var(--cyan);text-shadow:0 0 10px rgba(57,232,255,.4)}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,260px));justify-content:center;gap:20px}.game-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 20px;text-align:center;text-decoration:none;color:var(--text);background:var(--panel);border:1px solid var(--cyan-dim);border-radius:12px;transition:border-color .15s,box-shadow .15s,transform .1s}.game-card:hover,.game-card:focus-visible{outline:none;border-color:var(--cyan);box-shadow:0 0 18px #39e8ff40;transform:translateY(-2px)}.game-card img{width:96px;height:96px;border-radius:20px}.game-name{font-size:18px;font-weight:700;letter-spacing:2px;color:var(--cyan)}.game-desc{font-size:13px;line-height:1.5;color:var(--text-muted)}