@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&family=Press+Start+2P&display=swap";:root{--bg-dark:#0a0e17;--bg-card:#151c2c;--bg-card-hover:#1e293b;--accent-cyan:#00f2fe;--accent-blue:#4facfe;--accent-pink:#ff0844;--accent-purple:#b721ff;--accent-gold:#ffb199;--accent-yellow:#ffeb3b;--text-main:#f8fafc;--text-muted:#94a3b8;--radius-lg:20px;--radius-md:12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);touch-action:manipulation;background-image:radial-gradient(circle at 10% 20%,#4facfe26 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ff08441f 0%,#0000 40%);width:100vw;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.glass-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);background:#151c2cd9;border:1px solid #ffffff1a;box-shadow:0 10px 30px #00000080}.btn-primary{background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-cyan) 100%);color:#000;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1.1rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #00f2fe66}.btn-primary:active{transform:scale(.96);box-shadow:0 2px 8px #00f2fe33}.btn-secondary{color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:all .2s;display:inline-flex}.btn-secondary:active{background:#ffffff26;transform:scale(.96)}.btn-pink{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#ff0844 0%,#ff4e50 100%);border:none;padding:14px 28px;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #ff084466}.btn-pink:active{transform:scale(.96)}.lig4-board{background:#0f172a;border:3px solid #334155;border-radius:20px;grid-template-columns:repeat(7,1fr);gap:8px;max-width:380px;margin:0 auto;padding:12px;display:grid;box-shadow:inset 0 4px 10px #0009}.lig4-cell{aspect-ratio:1;cursor:pointer;background:#1e293b;border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;transition:transform .15s;display:flex;box-shadow:inset 0 2px 6px #00000080}.lig4-cell.winning{border:3px solid #ffeb3b;animation:.8s infinite alternate pulse-glow}@keyframes pulse-glow{0%{transform:scale(1);box-shadow:0 0 10px #ffeb3b}to{transform:scale(1.1);box-shadow:0 0 25px #ffeb3b}}.velha-board{grid-template-columns:repeat(3,1fr);gap:10px;max-width:320px;margin:0 auto;display:grid}.velha-cell{aspect-ratio:1;background:var(--bg-card);cursor:pointer;border:2px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;font-size:2.8rem;font-weight:900;transition:all .15s;display:flex;box-shadow:0 4px 12px #0000004d}.velha-cell:active{transform:scale(.92)}.velha-cell.winning{border-color:var(--accent-cyan);box-shadow:0 0 20px var(--accent-cyan);background:#00f2fe33}.naval-grid{grid-template-columns:repeat(5,1fr);gap:6px;max-width:300px;margin:0 auto;display:grid}.naval-cell{aspect-ratio:1;cursor:pointer;background:#1e293b;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.naval-cell.ship{background:#3b82f6;border-color:#60a5fa}.naval-cell.hit{color:#fff;background:#ef4444;font-weight:700}.naval-cell.miss{opacity:.5;background:#475569}h1,h2,h3{font-weight:800}.arcade-title{background:linear-gradient(135deg,#00f2fe 0%,#ff0844 100%);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;font-family:"Press Start 2P",monospace;font-size:1.2rem;line-height:1.5}.pin-badge{letter-spacing:4px;color:var(--accent-cyan);border:2px dashed var(--accent-cyan);background:#00f2fe26;border-radius:12px;padding:8px 20px;font-family:"Press Start 2P",monospace;font-size:1.8rem;display:inline-block}