:root{--bg: #0a0a12;--bg-2: #12121f;--panel: #1a1a2e;--panel-2: #232347;--ink: #05050a;--text: #e8e8f0;--muted: #8a8aa8;--neon-green: #39ff14;--neon-pink: #ff2e88;--neon-cyan: #00f0ff;--neon-yellow: #ffe600;--neon-red: #ff3b3b;--neon-purple: #b026ff;--neon-orange: #ff8c1a;--font-pixel: "Press Start 2P", "Courier New", monospace;--font-term: "VT323", "Courier New", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at 50% 0%,#1c1033 0%,var(--bg) 55%,var(--bg) 100%);color:var(--text);font-family:var(--font-term);font-size:20px;line-height:1.4;-webkit-font-smoothing:none;image-rendering:pixelated;overflow-x:hidden}h1,h2,h3,.pixel{font-family:var(--font-pixel);letter-spacing:1px}a{color:var(--neon-cyan);text-decoration:none}a:hover{color:var(--neon-pink)}.pixel-frame{background:var(--panel);border:4px solid var(--ink);box-shadow:0 0 0 4px var(--accent, var(--neon-cyan)),8px 8px 0 0 var(--ink);padding:18px}.pixel-frame--green{--accent: var(--neon-green)}.pixel-frame--pink{--accent: var(--neon-pink)}.pixel-frame--cyan{--accent: var(--neon-cyan)}.pixel-frame--yellow{--accent: var(--neon-yellow)}.pixel-frame--purple{--accent: var(--neon-purple)}.pixel-frame--red{--accent: var(--neon-red)}.pixel-frame--orange{--accent: var(--neon-orange)}.pixel-btn{font-family:var(--font-pixel);font-size:.7rem;letter-spacing:1px;color:var(--ink);background:var(--accent, var(--neon-cyan));border:4px solid var(--ink);box-shadow:4px 4px 0 0 var(--ink);padding:12px 18px;cursor:pointer;text-transform:uppercase;transition:transform .04s,box-shadow .04s;-webkit-user-select:none;user-select:none}.pixel-btn:hover{filter:brightness(1.1)}.pixel-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 0 var(--ink)}.pixel-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:4px 4px 0 0 var(--ink)}.pixel-btn--sm{font-size:.55rem;padding:8px 12px;border-width:3px}.pixel-btn--green{--accent: var(--neon-green)}.pixel-btn--pink{--accent: var(--neon-pink)}.pixel-btn--cyan{--accent: var(--neon-cyan)}.pixel-btn--yellow{--accent: var(--neon-yellow)}.pixel-btn--red{--accent: var(--neon-red)}.pixel-btn--purple{--accent: var(--neon-purple)}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(to bottom,#0000 0,#0000 2px,#0000002e,#0000002e 4px);mix-blend-mode:multiply}.crt-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}.app{max-width:1100px;margin:0 auto;padding:28px 18px 80px}.hub-header{text-align:center;margin-bottom:24px}.hub-title-row{display:flex;align-items:center;justify-content:center;gap:14px}.hub-title{font-size:clamp(1.5rem,5vw,2.6rem);margin:0 0 8px;color:var(--neon-pink);text-shadow:4px 4px 0 var(--neon-purple),8px 8px 0 var(--ink)}.hub-sub{font-size:1.2rem;color:var(--neon-cyan);margin:0}.hub-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.hub-filter{font-family:var(--font-pixel);font-size:.6rem;letter-spacing:1px;background:transparent;color:var(--muted);border:3px solid var(--ink);padding:8px 12px;cursor:pointer;text-transform:uppercase}.hub-filter.is-active{color:var(--ink);background:var(--neon-yellow)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.game-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px 14px 16px;background:var(--panel);border:4px solid var(--ink);box-shadow:6px 6px 0 0 var(--ink);color:var(--text);text-align:center;transition:transform .06s,box-shadow .06s;min-height:150px}.game-card:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 0 var(--ink);border-color:var(--accent, var(--neon-cyan))}.game-card__emoji{font-size:2.4rem;line-height:1}.game-card__title{font-family:var(--font-pixel);font-size:.6rem;letter-spacing:1px;color:var(--neon-cyan)}.game-card__cat{font-family:var(--font-term);font-size:.95rem;color:var(--muted)}.game-card[data-cat=Arcade]{--accent: var(--neon-green)}.game-card[data-cat=Board]{--accent: var(--neon-cyan)}.game-card[data-cat=Casual]{--accent: var(--neon-yellow)}.game-card[data-cat=Word]{--accent: var(--neon-pink)}.game-card[data-cat=Futuristic]{--accent: var(--neon-purple)}.game-shell{display:flex;flex-direction:column;align-items:center;gap:16px}.game-topbar{width:100%;max-width:720px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.game-title{font-family:var(--font-pixel);font-size:.85rem;color:var(--neon-yellow);display:flex;align-items:center;gap:10px}.game-emoji{font-size:1.4rem}.game-stats{display:flex;gap:12px;font-family:var(--font-pixel);font-size:.6rem}.stat{color:var(--neon-cyan)}.stat b{color:var(--neon-green)}.stat--red b{color:var(--neon-red)}.game-stage{width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:16px;--accent: var(--neon-cyan)}.game-instructions{font-family:var(--font-term);font-size:1.1rem;color:var(--muted);text-align:center;max-width:560px}.game-instructions b{color:var(--neon-cyan)}.game-msg{font-family:var(--font-pixel);font-size:.8rem;text-align:center;min-height:1.4em}.game-msg--win{color:var(--neon-green)}.game-msg--lose{color:var(--neon-red)}.game-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.grid-canvas{background:var(--ink);border:4px solid var(--ink);box-shadow:0 0 0 4px var(--accent, var(--neon-cyan));display:block;touch-action:none}.three-stage{width:100%;max-width:640px;aspect-ratio:4 / 3;background:#04040a;border:4px solid var(--ink);box-shadow:0 0 0 4px var(--accent, var(--neon-purple));position:relative;overflow:hidden}.three-stage canvas{width:100%!important;height:100%!important}.three-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.three-hud .game-msg,.three-hud .pixel-btn{pointer-events:auto}.cell-btn{font-family:var(--font-pixel);cursor:pointer;background:var(--panel-2);border:3px solid var(--ink);color:var(--text);transition:transform .05s;box-shadow:3px 3px 0 0 var(--ink);display:flex;align-items:center;justify-content:center}.cell-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 0 var(--ink)}.text-input{font-family:var(--font-term);font-size:1.3rem;background:var(--ink);border:3px solid var(--neon-cyan);color:var(--neon-cyan);padding:8px 12px;outline:none;width:140px;text-transform:uppercase}.text-input:focus{border-color:var(--neon-pink)}.loading-screen{text-align:center;padding:80px 0;font-family:var(--font-pixel);color:var(--neon-cyan);font-size:.9rem}@media (max-width: 560px){body{font-size:18px}.hub-title{text-shadow:3px 3px 0 var(--neon-purple)}}