@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;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}.goal-net{background:#0d2818 radial-gradient(circle,#ffffff14 2px,#0000 2px) 0 0/16px 16px;border:5px solid #f8fafc;border-bottom:4px dashed #ffffff4d;border-radius:18px 18px 4px 4px;box-shadow:inset 0 0 40px #000c,0 8px 30px #0009}.goal-zone-btn{cursor:pointer;color:#fff;background:#ffffff12;border:1px dashed #ffffff40;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 4px;transition:all .15s;display:flex}.goal-zone-btn:active{transform:scale(.95)}.forca-letter-slot{border-bottom:3px solid var(--accent-cyan);width:40px;height:50px;color:var(--accent-cyan);background:#ffffff0d;border-radius:8px 8px 0 0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:900;display:flex;box-shadow:0 4px 10px #00f2fe1a}.virtual-key{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;flex:1;justify-content:center;align-items:center;min-width:28px;max-width:38px;height:46px;font-size:1rem;font-weight:800;transition:all .12s;display:flex}.virtual-key:active{transform:scale(.92)}.craft-container{flex-direction:column;gap:12px;width:100%;display:flex}.craft-board-wrapper{background:linear-gradient(#38bdf8 0%,#7dd3fc 45%,#bae6fd 100%);border:4px solid #334155;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0009,inset 0 0 20px #00000026}.craft-cloud{pointer-events:none;filter:blur(1px);background:#ffffffbf;border-radius:12px;position:absolute}.craft-grid{aspect-ratio:1;background:0 0;grid-template-columns:repeat(12,1fr);width:100%;display:grid}.craft-cell{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;font-size:.8rem;transition:transform 80ms,filter 80ms;display:flex;position:relative}.craft-cell:active{transform:scale(.88)}.craft-air{background:0 0;border:1px dashed #ffffff14}.craft-air:hover{background:#fff3}.craft-grass{background:linear-gradient(#4caf50 0%,#43a047 30%,#6d4c41 30%,#5d4037 100%);border-top:1px solid #81c784;box-shadow:inset 0 -1px #4e342e}.craft-dirt{background:#6d4c41;border:1px solid #5d4037;box-shadow:inset 1px 1px #8d6e63,inset -1px -1px #4e342e}.craft-stone{background:#78909c;border:1px solid #607d8b;box-shadow:inset 1px 1px #90a4ae,inset -1px -1px #455a64}.craft-wood{background:#8d6e63;border-left:2px solid #4e342e;border-right:2px solid #4e342e;box-shadow:inset 0 0 0 1px #3e2723}.craft-leaves{background:#2e7d32;border:1px solid #1b5e20;box-shadow:inset 1px 1px #43a047,inset -1px -1px #1b5e20}.craft-brick{background:#b71c1c;border:1px solid #c62828;box-shadow:inset 1px 1px #e57373,inset -1px -1px #7f0000}.craft-diamond{background:#37474f;border:1px solid #00f2fe;animation:2s infinite alternate pulseDiamond;box-shadow:inset 0 0 6px #00f2fe,0 0 6px #00f2feb3}.craft-gold{background:#3e2723;border:1px solid #ffd600;animation:2s infinite alternate pulseGold;box-shadow:inset 0 0 6px #ffd600,0 0 6px #ffd600b3}.craft-tnt{color:#fff;background:#d50000;border-top:2px solid #ff5252;border-bottom:2px solid #ff5252;font-weight:900;box-shadow:inset 0 0 0 1px #000}@keyframes pulseDiamond{0%{box-shadow:inset 0 0 4px #00f2fe,0 0 3px #00f2fe66}to{box-shadow:inset 0 0 8px #00f2fe,0 0 8px #00f2fee6}}@keyframes pulseGold{0%{box-shadow:inset 0 0 4px #ffd600,0 0 3px #ffd60066}to{box-shadow:inset 0 0 8px #ffd600,0 0 8px #ffd600e6}}.craft-hotbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#0f172af2;border:2px solid #ffffff26;border-radius:14px;gap:6px;padding:8px;display:flex;overflow-x:auto;box-shadow:0 4px 15px #0006}.craft-hotbar::-webkit-scrollbar{display:none}.craft-slot{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:2px solid #ffffff26;border-radius:10px;flex-direction:column;flex:0 0 46px;justify-content:center;align-items:center;height:52px;padding:2px;transition:all .15s;display:flex}.craft-slot:active{transform:scale(.92)}.craft-slot.active{background:#ffeb3b33;border-color:#ffd600;transform:translateY(-2px);box-shadow:0 0 12px #ffd60080}