:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent: #6366f1;--green: #22c55e;--red: #ef4444;--yellow: #f59e0b;--blue: #3b82f6}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}#root{min-height:100vh}.home{min-height:100vh;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center}.home-header{text-align:center;margin-bottom:3rem}.home-header svg{color:var(--accent);margin-bottom:1rem}.home-header h1{font-size:2.5rem;margin-bottom:.5rem}.home-header p{color:var(--text-secondary)}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:900px;width:100%}.game-card{background:var(--bg-secondary);border:2px solid var(--bg-card);border-radius:16px;padding:2rem;text-decoration:none;color:inherit;transition:all .3s;display:flex;flex-direction:column;align-items:center;text-align:center}.game-card:hover{border-color:var(--card-color);transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.game-emoji{font-size:4rem;margin-bottom:1rem}.game-card h2{font-size:1.5rem;margin-bottom:.5rem}.game-card p{color:var(--text-secondary);font-size:.9rem}.home-footer{margin-top:auto;padding-top:2rem;color:var(--text-secondary)}.game-container{min-height:100vh;padding:1rem;display:flex;flex-direction:column;align-items:center}.game-header{width:100%;max-width:600px;display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.game-header h1{flex:1;font-size:1.25rem;text-align:center}.back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:none;border-radius:10px;color:var(--text-secondary);text-decoration:none;transition:all .2s}.back-btn:hover{background:var(--accent);color:#fff}.snake-game{touch-action:none}.score-display{display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.snake-board{position:relative;background:var(--bg-secondary);border:2px solid var(--bg-card);border-radius:8px;margin-bottom:1rem}.snake-segment{position:absolute;background:var(--green);border-radius:4px;transition:all .05s}.snake-segment.head{background:#4ade80;border-radius:6px}.food{position:absolute;background:var(--red);border-radius:50%}.game-overlay{position:absolute;inset:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;gap:1rem}.game-overlay h2{font-size:1.5rem}.game-overlay p{color:var(--text-secondary)}.game-overlay button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer}.game-controls{display:flex;gap:1rem;margin-bottom:1rem}.game-controls button{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px solid var(--bg-card);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .2s}.game-controls button:hover:not(:disabled){border-color:var(--accent)}.game-controls button:disabled{opacity:.5}.dpad{display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,60px);gap:4px}.dpad-btn{background:var(--bg-secondary);border:2px solid var(--bg-card);border-radius:12px;color:var(--text-primary);font-size:1.5rem;cursor:pointer;transition:all .1s}.dpad-btn:active{background:var(--accent);transform:scale(.95)}.dpad-btn.up{grid-column:2;grid-row:1}.dpad-btn.left{grid-column:1;grid-row:2}.dpad-btn.right{grid-column:3;grid-row:2}.dpad-btn.down{grid-column:2;grid-row:3}@media(min-width:768px){.dpad{display:none}}.gomoku-lobby .lobby-content,.number-guess-lobby .lobby-content{width:100%;max-width:400px}.lobby-card,.menu-card{background:var(--bg-secondary);border-radius:16px;padding:2rem}.lobby-card h2,.menu-card h2{text-align:center;margin-bottom:1.5rem}.input-group{margin-bottom:1rem}.input-group label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.input-group input{width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:2px solid var(--bg-card);border-radius:8px;color:var(--text-primary);font-size:1rem}.input-group input:focus{outline:none;border-color:var(--accent)}.primary-btn,.secondary-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;border:none;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .2s}.primary-btn{background:var(--accent);color:#fff}.primary-btn:hover:not(:disabled){opacity:.9}.secondary-btn{background:var(--bg-card);color:var(--text-primary)}.secondary-btn:hover:not(:disabled){background:#475569}.primary-btn:disabled,.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text-secondary)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--bg-card)}.room-code{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-card);border:none;border-radius:6px;color:var(--text-primary);font-family:monospace;cursor:pointer}.game-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.player-info{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:8px;opacity:.6}.player-info.active{opacity:1;border:2px solid var(--accent)}.stone{width:20px;height:20px;border-radius:50%}.stone.black{background:#1a1a1a;border:2px solid #333}.stone.white{background:#f5f5f5;border:2px solid #ccc}.vs{font-weight:700;color:var(--text-secondary)}.turn-indicator{margin-bottom:1rem;font-size:1.1rem;color:var(--yellow)}.gomoku-board{background:#dcb35c;padding:8px;border-radius:8px;display:flex;flex-direction:column;gap:0}.board-row{display:flex}.board-cell{width:24px;height:24px;display:flex;align-items:center;justify-content:center;position:relative;cursor:default}.board-cell:before{content:"";position:absolute;width:100%;height:100%;border:.5px solid rgba(0,0,0,.3)}.board-cell.clickable{cursor:pointer}.board-cell.clickable:hover:after{content:"";width:16px;height:16px;background:#0003;border-radius:50%}.board-cell .stone{width:20px;height:20px;z-index:1}.reset-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;margin-top:1rem;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer}.player-color{margin-top:1rem;color:var(--text-secondary)}.number-guess-menu .menu-content{width:100%;max-width:400px}.mode-btn{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--bg-primary);border:2px solid var(--bg-card);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .2s;margin-bottom:1rem}.mode-btn:hover{border-color:var(--accent)}.mode-btn span{font-size:1.25rem;font-weight:600}.mode-btn small{color:var(--text-secondary);font-size:.875rem}.range-display{display:flex;align-items:center;gap:1rem;font-size:3rem;font-weight:700;margin-bottom:1.5rem}.range-min{color:var(--green)}.range-max{color:var(--red)}.range-separator{color:var(--text-secondary)}.guess-input{display:flex;gap:.5rem;margin-bottom:1.5rem}.guess-input input{flex:1;padding:1rem;background:var(--bg-secondary);border:2px solid var(--bg-card);border-radius:12px;color:var(--text-primary);font-size:1.5rem;text-align:center}.guess-input input:focus{outline:none;border-color:var(--accent)}.guess-input button{width:60px;background:var(--accent);border:none;border-radius:12px;color:#fff;cursor:pointer}.guess-input button:disabled{opacity:.5}.history{width:100%;max-width:400px;display:flex;flex-direction:column;gap:.5rem}.history-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:8px}.history-item.correct{background:var(--green)}.guess-num{font-size:1.25rem;font-weight:700}.guess-result{color:var(--text-secondary)}.history-item.correct .guess-result{color:#fff}.player-name{color:var(--accent);margin-right:.5rem}.game-won{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:16px;margin-bottom:1rem}.game-won h2{font-size:2rem;margin-bottom:1rem}.game-won button{margin-top:1rem}.players-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.player-tag{padding:.5rem 1rem;background:var(--bg-secondary);border-radius:20px;font-size:.875rem}.player-tag.active{background:var(--accent)}.player-tag.winner{background:var(--yellow);color:#000}.turn-info{margin-bottom:1rem;font-size:1.1rem;color:var(--yellow)}.lobby-waiting{text-align:center;padding:2rem}.room-hint{margin:1rem 0;color:var(--text-secondary)}.attempts{font-size:.875rem;color:var(--text-secondary)}.pokemon-select{width:100%;max-width:600px}.pokemon-select h2{text-align:center;margin-bottom:1.5rem}.pokemon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.pokemon-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem;background:var(--bg-secondary);border:2px solid var(--bg-card);border-radius:12px;cursor:pointer;transition:all .2s}.pokemon-card:hover{transform:translateY(-4px)}.pokemon-card.electric{border-color:#fbbf24}.pokemon-card.fire{border-color:#ef4444}.pokemon-card.water{border-color:#3b82f6}.pokemon-card.grass{border-color:#22c55e}.pokemon-card.psychic{border-color:#a855f7}.pokemon-card.normal{border-color:#94a3b8}.pokemon-emoji{font-size:3rem;margin-bottom:.5rem}.pokemon-name{font-weight:600;margin-bottom:.5rem}.pokemon-stats{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;font-size:.75rem;color:var(--text-secondary)}.pokemon-stats span{display:flex;align-items:center;gap:.25rem}.battle-arena{width:100%;max-width:500px;display:flex;flex-direction:column;gap:1rem}.pokemon-display{padding:1rem;background:var(--bg-secondary);border-radius:12px}.pokemon-display.enemy{align-self:flex-end;width:70%}.pokemon-display.player{align-self:flex-start;width:70%}.pokemon-display .pokemon-name{display:block;margin-bottom:.5rem}.hp-bar{height:12px;background:var(--bg-card);border-radius:6px;overflow:hidden;margin-bottom:.25rem}.hp-fill{height:100%;background:var(--green);transition:width .3s}.hp-text{font-size:.75rem;color:var(--text-secondary)}.battle-log{min-height:80px;padding:1rem;background:var(--bg-secondary);border-radius:12px;font-size:.9rem}.battle-log p{margin-bottom:.25rem;color:var(--text-secondary)}.battle-log p:last-child{color:var(--text-primary)}.move-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.move-btn{display:flex;flex-direction:column;padding:1rem;background:var(--bg-secondary);border:2px solid var(--bg-card);border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s}.move-btn:hover:not(:disabled){border-color:var(--accent)}.move-btn:disabled{opacity:.5;cursor:not-allowed}.move-btn.electric{border-color:#fbbf24}.move-btn.fire{border-color:#ef4444}.move-btn.water{border-color:#3b82f6}.move-btn.grass{border-color:#22c55e}.move-btn.psychic{border-color:#a855f7}.move-btn.normal{border-color:#94a3b8}.move-btn.ghost{border-color:#8b5cf6}.move-btn.ice{border-color:#06b6d4}.move-btn.dragon{border-color:#7c3aed}.move-btn.poison{border-color:#a855f7}.move-name{font-weight:600;margin-bottom:.25rem}.move-power{font-size:.75rem;color:var(--text-secondary)}.game-result{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:16px}.game-result h2{font-size:1.5rem;margin-bottom:1rem}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary)}@media(max-width:480px){.home-header h1{font-size:1.75rem}.game-grid{grid-template-columns:1fr}.gomoku-board{transform:scale(.9);transform-origin:center}.pokemon-grid{grid-template-columns:repeat(2,1fr)}.range-display{font-size:2rem}}