*{margin:0;padding:0;box-sizing:border-box}body{font-family:Rajdhani,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;background:#0a0a1a;color:#e0e0ff;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 0%,rgba(0,212,255,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(168,85,247,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.container{max-width:520px;margin:0 auto;padding:1.25rem;position:relative;z-index:1}h1{text-align:center;margin-bottom:1.25rem;font-family:Orbitron,monospace;font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,#00d4ff,#a855f7,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile{display:flex;align-items:center;gap:.75rem;background:#0a0a1e99;border:1px solid rgba(0,212,255,.15);padding:.75rem 1rem;border-radius:12px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile.loading{justify-content:center;color:#88a}.profile-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,212,255,.3)}.profile-name{font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.1rem;color:#e0e0ff}.game-selector{text-align:center}.game-selector h2{font-family:Orbitron,monospace;font-size:1.2rem;color:#88a;margin-bottom:1.25rem;font-weight:500}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.game-card{background:#0a0a1e99;border:1px solid rgba(0,212,255,.15);border-radius:16px;padding:1.25rem .75rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.3rem;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00d4ff0d,#a855f70d);opacity:0;transition:opacity .3s}.game-card:hover{border-color:#00d4ff80;transform:translateY(-4px);box-shadow:0 8px 32px #00d4ff26,0 0 60px #a855f714}.game-card:hover:before{opacity:1}.game-card:active{transform:translateY(-2px)}.game-card-emoji{font-size:2.2rem;position:relative;z-index:1}.game-card-name{font-family:Orbitron,monospace;font-weight:700;font-size:.95rem;color:#e0e0ff;position:relative;z-index:1}.game-card-desc{font-size:.8rem;color:#66a;position:relative;z-index:1}.lobby{text-align:center}.lobby h2{font-family:Orbitron,monospace;font-size:1.3rem;font-weight:700;color:#e0e0ff;margin-bottom:1rem}.lobby-section{margin-bottom:1rem}.back-link{background:none;border:none;color:#00d4ff;font-size:.9rem;font-family:Rajdhani,sans-serif;font-weight:600;cursor:pointer;margin-bottom:.75rem;display:block;text-align:left;transition:color .2s}.back-link:hover{color:#a855f7}.lobby-btn{background:linear-gradient(135deg,#00d4ff26,#a855f726);color:#00d4ff;border:1px solid rgba(0,212,255,.3);border-radius:10px;padding:.75rem 1.5rem;font-size:1rem;font-family:Rajdhani,sans-serif;font-weight:700;cursor:pointer;transition:all .25s ease}.lobby-btn:hover:not(:disabled){background:linear-gradient(135deg,#00d4ff40,#a855f740);box-shadow:0 0 20px #00d4ff33;border-color:#00d4ff99}.lobby-btn:disabled{opacity:.4;cursor:not-allowed}.lobby-btn.primary{width:100%;padding:1rem;font-size:1.1rem;background:linear-gradient(135deg,#00d4ff,#a855f7);color:#fff;border:none}.lobby-btn.primary:hover:not(:disabled){box-shadow:0 4px 24px #00d4ff59;transform:translateY(-1px)}.lobby-btn.small{padding:.35rem .75rem;font-size:.8rem}.lobby-divider{color:#66a;margin:.75rem 0;font-size:.9rem}.lobby-error{background:#f472b61f;border:1px solid rgba(244,114,182,.3);color:#f472b6;padding:.5rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.room-code-display{background:#0a0a1eb3;border:1px solid rgba(0,212,255,.15);padding:1.25rem;border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.room-code-display span{display:block;font-size:.85rem;color:#88a;margin-bottom:.25rem;font-family:Rajdhani,sans-serif}.room-code-display strong{font-family:Orbitron,monospace;font-size:2rem;font-weight:700;letter-spacing:.3em;background:linear-gradient(135deg,#00d4ff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.room-code-display .hint{margin-top:.5rem;font-size:.85rem;color:#88a}.join-row{display:flex;gap:.5rem;justify-content:center}.room-input{width:130px;text-align:center;font-family:Orbitron,monospace;font-size:1.2rem;letter-spacing:.2em;padding:.6rem;background:#0000004d;border:1px solid rgba(0,212,255,.2);border-radius:8px;color:#e0e0ff;outline:none;transition:border-color .2s}.room-input:focus{border-color:#00d4ff;box-shadow:0 0 12px #00d4ff26}.room-input::placeholder{color:#555;letter-spacing:0;font-size:.8rem;font-family:Rajdhani,sans-serif}.countdown-bar{margin-top:.75rem;text-align:center}.countdown-text{font-family:Orbitron,monospace;font-size:1.1rem;color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.4)}.countdown-progress{margin-top:.5rem;width:100%;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.countdown-progress-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#a855f7);border-radius:2px;transition:width 1s linear}.game{text-align:center}.game-header{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:1rem;flex-wrap:wrap;font-family:Rajdhani,sans-serif;font-weight:600}.my-symbol{font-weight:700;color:#00d4ff;text-shadow:0 0 12px rgba(0,212,255,.3)}.opp-name{color:#f472b6}.game-status{font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:1rem;padding:.5rem 1rem;border-radius:10px;background:#0a0a1e80;border:1px solid rgba(255,255,255,.06)}.game-status.win{background:#00d4ff1a;border-color:#00d4ff4d;color:#00d4ff;text-shadow:0 0 12px rgba(0,212,255,.3)}.game-status.lose{background:#f472b61a;border-color:#f472b64d;color:#f472b6}.game-status.draw{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}.game-status.left{background:#f472b61a;border-color:#f472b64d;color:#f472b6}.back-btn{margin-top:1rem}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:300px;margin:0 auto 1.5rem}.cell{aspect-ratio:1;background:#0a0a1e99;border:1px solid rgba(0,212,255,.2);border-radius:10px;font-size:2.5rem;font-weight:700;cursor:pointer;transition:all .2s;color:#e0e0ff}.cell:hover:not(:disabled){background:#00d4ff14;border-color:#00d4ff66}.cell:disabled{cursor:default}.cell.x{color:#00d4ff;text-shadow:0 0 12px rgba(0,212,255,.4)}.cell.o{color:#f472b6;text-shadow:0 0 12px rgba(244,114,182,.4)}.cell.win{background:#fbbf241a;border-color:#fbbf2480;box-shadow:0 0 16px #fbbf2433}.c4-drop-row{display:flex;justify-content:center;gap:3px;margin-bottom:4px}.c4-drop-btn{width:42px;height:26px;border:1px solid rgba(0,212,255,.3);background:#00d4ff1a;color:#00d4ff;border-radius:6px;cursor:pointer;font-size:.75rem;transition:all .2s}.c4-drop-btn:hover:not(:disabled){background:#00d4ff33;box-shadow:0 0 12px #00d4ff33}.c4-drop-btn:disabled{opacity:.2;cursor:default}.c4-board{display:grid;grid-template-columns:repeat(7,42px);gap:3px;justify-content:center;background:#0a0a32cc;border:1px solid rgba(0,100,200,.3);padding:8px;border-radius:12px;margin:0 auto 1rem}.c4-cell{width:42px;height:42px;background:#00001e99;border-radius:50%;display:flex;align-items:center;justify-content:center}.c4-cell.win{box-shadow:0 0 12px #fbbf2480}.c4-piece{width:34px;height:34px;border-radius:50%;transition:all .2s}.c4-piece.red{background:radial-gradient(circle at 35% 35%,#ff6b6b,#dc2626);box-shadow:0 0 8px #dc262666}.c4-piece.yellow{background:radial-gradient(circle at 35% 35%,#fde68a,#fbbf24);box-shadow:0 0 8px #fbbf2466}.reversi-board{display:grid;grid-template-columns:repeat(8,38px);gap:1px;justify-content:center;background:#0006;border:1px solid rgba(0,150,80,.3);padding:3px;border-radius:8px;margin:0 auto 1rem}.reversi-cell{width:38px;height:38px;background:#1a5a2e;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.reversi-cell:disabled{cursor:default}.reversi-cell.valid{background:#237a3e}.reversi-piece{width:30px;height:30px;border-radius:50%;transition:all .15s}.reversi-piece.black{background:radial-gradient(circle at 35% 35%,#444,#111);box-shadow:0 2px 4px #00000080}.reversi-piece.white{background:radial-gradient(circle at 35% 35%,#fff,#ccc);box-shadow:0 2px 4px #0000004d}.reversi-hint{width:10px;height:10px;border-radius:50%;background:#ffffff4d;animation:hintPulse 1.5s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:.7;transform:scale(1.1)}}.gomoku-board{display:grid;grid-template-columns:repeat(15,26px);gap:0px;justify-content:center;margin:0 auto 1rem}.gomoku-cell{width:26px;height:26px;background:#8b6914;border:.5px solid #6b5010;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s}.gomoku-cell:hover:not(:disabled){background:#a07818}.gomoku-cell:disabled{cursor:default}.gomoku-cell.win{background:#fbbf2480;box-shadow:inset 0 0 6px #fbbf2480}.gomoku-piece{width:20px;height:20px;border-radius:50%}.gomoku-piece.black{background:radial-gradient(circle at 35% 35%,#555,#111);box-shadow:0 1px 3px #00000080}.gomoku-piece.white{background:radial-gradient(circle at 35% 35%,#fff,#ddd);box-shadow:0 1px 3px #0000004d}.player-list{display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem;flex-wrap:wrap}.player-item{background:#0a0a1e99;padding:.35rem .75rem;border-radius:20px;font-size:.85rem;border:1px solid rgba(255,255,255,.08);display:flex;gap:.35rem;align-items:center;font-family:Rajdhani,sans-serif;font-weight:600}.player-item.active{border-color:#00d4ff80;background:#00d4ff14;box-shadow:0 0 12px #00d4ff1a}.player-item.me{color:#00d4ff}.player-item.done{opacity:.4;text-decoration:line-through}.player-cards{background:#a855f726;padding:.1rem .45rem;border-radius:10px;font-size:.75rem;color:#a855f7}.card{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:46px;height:66px;background:#fffffff2;border:2px solid rgba(0,0,0,.15);border-radius:6px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;flex-shrink:0;color:#333}.card:hover{border-color:#00d4ff99;box-shadow:0 0 12px #00d4ff33}.card-selected{transform:translateY(-10px);border-color:#00d4ff;box-shadow:0 6px 16px #00d4ff4d}.card-red{color:#dc2626}.card-back{background:linear-gradient(135deg,#1a1a5e,#2d1b69);border:2px solid rgba(168,85,247,.3);color:#a855f7;font-size:1.3rem}.card-back:hover{border-color:#a855f799;box-shadow:0 0 12px #a855f733}.card-joker{font-size:1.4rem;background:linear-gradient(135deg,#fff7ed,#fef3c7);border-color:#fbbf2480}.card-small{width:34px;height:50px;font-size:.7rem}.card-rank{font-size:1em;line-height:1}.card-suit{font-size:.9em;line-height:1}.card-hand{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;padding:.5rem}.bigtwo-table{background:#0a2814cc;border:1px solid rgba(0,150,80,.2);border-radius:16px;padding:1rem;margin-bottom:1rem;min-height:100px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bigtwo-lastplay{text-align:center}.bigtwo-lastplay-label{color:#88a;font-size:.85rem;display:block;margin-bottom:.5rem;font-family:Rajdhani,sans-serif}.bigtwo-actions{display:flex;gap:.75rem;justify-content:center;margin:.75rem 0}.oldmaid-target{background:#0a0a1e99;border:1px solid rgba(168,85,247,.15);border-radius:12px;padding:.75rem;margin-bottom:1rem}.oldmaid-target p,.oldmaid-myhand p{font-size:.9rem;margin-bottom:.5rem;color:#88a;font-family:Rajdhani,sans-serif;font-weight:600}.oldmaid-target .card-back:hover{transform:translateY(-6px);border-color:#fbbf24;box-shadow:0 4px 16px #fbbf244d}.oldmaid-myhand{margin-top:.75rem}.prp-table{background:#0a2814cc;border:1px solid rgba(0,150,80,.2);border-radius:12px;padding:.75rem;margin-bottom:1rem}.prp-table p{color:#88a;font-size:.85rem;margin-bottom:.5rem;font-family:Rajdhani,sans-serif}.prp-flipped{margin-bottom:.75rem}.prp-flipped p{font-size:.85rem;color:#88a;margin-bottom:.25rem;font-family:Rajdhani,sans-serif}.prp-hand p{font-size:.9rem;color:#88a;margin-bottom:.25rem;font-family:Rajdhani,sans-serif}.slapjack-table{background:#0a2814cc;border:1px solid rgba(0,150,80,.2);border-radius:16px;padding:1rem;margin-bottom:1rem;color:#e0e0ff;font-family:Rajdhani,sans-serif}.slapjack-table p{margin-bottom:.5rem}.slapjack-pile{display:flex;justify-content:center;margin-top:.5rem}.slapjack-pile .card{width:60px;height:86px;font-size:1.1rem}.slapjack-actions{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.slap-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border:none!important;animation:slapPulse .5s infinite alternate;font-size:1.2rem!important;padding:1rem 2rem!important;border-radius:12px!important}@keyframes slapPulse{0%{transform:scale(1);box-shadow:0 0 20px #ef44444d}to{transform:scale(1.06);box-shadow:0 0 30px #ef444480}}.slap-msg{background:#fbbf241f;border:1px solid rgba(251,191,36,.3);color:#fbbf24;padding:.5rem;border-radius:8px;margin-bottom:.75rem;font-weight:700;font-family:Rajdhani,sans-serif}.slapjack-info{font-size:.9rem;color:#88a}.grid-cell{border:1px solid rgba(0,212,255,.15);background:#0a0a1e80;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:.8rem;transition:all .15s}.grid-cell:hover:not(:disabled){background:#00d4ff14}.grid-cell:disabled{cursor:default}.grid-cell.filled{cursor:default}.grid-cell.win{background:#fbbf2426;border-color:#fbbf2480}.vampire-mode-selector{display:flex;gap:8px;justify-content:center;margin-bottom:1rem}.vampire-mode-btn{background:#0a0a1e99;border:1px solid rgba(0,212,255,.2);color:#88a;padding:8px 16px;border-radius:8px;cursor:pointer;font-family:Rajdhani,sans-serif;font-weight:700;font-size:.9rem;transition:all .2s}.vampire-mode-btn:hover{border-color:#00d4ff80;color:#e0e0ff}.vampire-mode-btn.active{background:linear-gradient(135deg,#00d4ff,#a855f7);border-color:transparent;color:#fff}.vampire-game-area{position:relative;display:flex;flex-direction:column;align-items:center}.vampire-game-area canvas{background:#0a0a1ecc;border:1px solid rgba(0,212,255,.25);border-radius:12px;box-shadow:0 0 30px #00d4ff14;max-width:100%;height:auto;touch-action:none}.vampire-hud{display:flex;gap:16px;align-items:center;justify-content:center;margin-bottom:8px;font-family:Orbitron,monospace;font-size:.85rem}.vampire-hud-item{color:#88a}.vampire-hud-item strong{color:#00d4ff}.vampire-hud-item.kills strong{color:#f472b6}.vampire-hud-item.time strong{color:#fbbf24}.vampire-upgrade-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#050514eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;z-index:15;animation:fadeIn .3s ease}.vampire-upgrade-overlay.hidden{display:none}.upgrade-title{font-family:Orbitron,monospace;font-size:1.1rem;background:linear-gradient(135deg,#00d4ff,#a855f7,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.upgrade-options{display:flex;flex-direction:column;gap:8px;width:85%;max-width:300px}.upgrade-option{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#00d4ff0f;border:1px solid rgba(0,212,255,.2);border-radius:10px;cursor:pointer;transition:all .2s;text-align:left}.upgrade-option:hover{border-color:#00d4ff99;background:#00d4ff1f;box-shadow:0 0 16px #00d4ff26;transform:scale(1.02)}.upgrade-icon{font-size:1.5rem;flex-shrink:0}.upgrade-name{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.9rem;color:#e0e0ff}.upgrade-desc{font-size:.72rem;color:#88a}.vampire-game-over{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a1ee0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:20}.vampire-game-over-content{text-align:center}.vampire-game-over-content h3{font-family:Orbitron,monospace;font-size:1.8rem;background:linear-gradient(135deg,#f472b6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.vampire-game-over-content p{color:#88a;margin-bottom:4px;font-family:Rajdhani,sans-serif}.vampire-game-over-content .stat-highlight{color:#00d4ff;font-family:Orbitron,monospace}.vampire-controls-hint{margin-top:8px;font-size:.8rem;color:#66a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:420px){.game-grid{grid-template-columns:repeat(2,1fr);gap:10px}.game-card{padding:1rem .5rem}.game-card-emoji{font-size:1.8rem}.reversi-board{grid-template-columns:repeat(8,34px)}.reversi-cell{width:34px;height:34px}.reversi-piece{width:26px;height:26px}.c4-board{grid-template-columns:repeat(7,38px)}.c4-cell{width:38px;height:38px}.c4-piece{width:30px;height:30px}.gomoku-board{grid-template-columns:repeat(15,22px)}.gomoku-cell{width:22px;height:22px}.gomoku-piece{width:16px;height:16px}}