*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333}.container{max-width:480px;margin:0 auto;padding:1rem}h1{text-align:center;margin-bottom:1rem;color:#06c755}.profile{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.75rem 1rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.profile.loading{justify-content:center;color:#999}.profile-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.profile-name{font-weight:600;font-size:1.1rem}.game-selector{text-align:center}.game-selector h2{margin-bottom:1rem;font-size:1.25rem}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.game-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1rem .5rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.25rem}.game-card:hover{border-color:#06c755;transform:translateY(-2px);box-shadow:0 4px 12px #06c75526}.game-card:active{transform:translateY(0)}.game-card-emoji{font-size:2rem}.game-card-name{font-weight:600;font-size:1rem}.game-card-desc{font-size:.8rem;color:#999}.lobby{text-align:center}.lobby h2{font-size:1.25rem;margin-bottom:1rem}.lobby-section{margin-bottom:1rem}.back-link{background:none;border:none;color:#06c755;font-size:.9rem;cursor:pointer;margin-bottom:.75rem;display:block;text-align:left}.lobby-btn{background:#06c755;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:opacity .2s}.lobby-btn:disabled{opacity:.5;cursor:not-allowed}.lobby-btn.primary{width:100%;padding:1rem;font-size:1.1rem}.lobby-btn.small{padding:.4rem .8rem;font-size:.85rem}.lobby-divider{color:#999;margin:.75rem 0;font-size:.9rem}.lobby-error{background:#ffe0e0;color:#c00;padding:.5rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.room-code-display{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.room-code-display span{display:block;font-size:.85rem;color:#999;margin-bottom:.25rem}.room-code-display strong{font-size:2rem;letter-spacing:.3em;color:#06c755}.room-code-display .hint{margin-top:.5rem;font-size:.85rem;color:#999}.join-row{display:flex;gap:.5rem;justify-content:center}.room-input{width:120px;text-align:center;font-size:1.2rem;letter-spacing:.2em;padding:.6rem;border:2px solid #ddd;border-radius:8px;outline:none}.room-input:focus{border-color:#06c755}.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}.my-symbol{font-weight:700;color:#06c755}.game-status{font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding:.5rem;border-radius:8px}.game-status.win{background:#d4edda;color:#155724}.game-status.lose{background:#f8d7da;color:#721c24}.game-status.draw{background:#fff3cd;color:#856404}.game-status.left{background:#f8d7da;color:#721c24}.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:#fff;border:2px solid #ddd;border-radius:8px;font-size:2.5rem;font-weight:700;cursor:pointer;transition:background .15s}.cell:hover:not(:disabled){background:#f0f0f0}.cell:disabled{cursor:default}.cell.x{color:#e74c3c}.cell.o{color:#3498db}.cell.win{background:#fffde7;border-color:#f1c40f}.c4-drop-row{display:flex;justify-content:center;gap:2px;margin-bottom:4px}.c4-drop-btn{width:44px;height:28px;border:none;background:#06c755;color:#fff;border-radius:4px;cursor:pointer;font-size:.8rem}.c4-drop-btn:disabled{opacity:.3;cursor:default}.c4-board{display:grid;grid-template-columns:repeat(7,44px);gap:2px;justify-content:center;background:#1a5ab8;padding:6px;border-radius:8px;margin:0 auto 1rem}.c4-cell{width:44px;height:44px;background:#2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center}.c4-cell.win{background:#fbbf24}.c4-piece{width:36px;height:36px;border-radius:50%}.c4-piece.red{background:#ef4444}.c4-piece.yellow{background:#fbbf24}.reversi-board{display:grid;grid-template-columns:repeat(8,40px);gap:1px;justify-content:center;background:#333;padding:2px;border-radius:4px;margin:0 auto 1rem}.reversi-cell{width:40px;height:40px;background:#2d8b46;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.reversi-cell:disabled{cursor:default}.reversi-cell.valid{background:#3da85a}.reversi-piece{width:32px;height:32px;border-radius:50%}.reversi-piece.black{background:#1a1a1a}.reversi-piece.white{background:#f0f0f0;border:1px solid #ccc}.reversi-hint{width:12px;height:12px;border-radius:50%;background:#ffffff59}.gomoku-board{display:grid;grid-template-columns:repeat(15,28px);gap:0px;justify-content:center;margin:0 auto 1rem}.gomoku-cell{width:28px;height:28px;background:#dcb35c;border:.5px solid #a08030;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.gomoku-cell:disabled{cursor:default}.gomoku-cell.win{background:#f1c40f}.gomoku-piece{width:22px;height:22px;border-radius:50%}.gomoku-piece.black{background:#1a1a1a}.gomoku-piece.white{background:#f0f0f0;border:1px solid #ccc}.player-list{display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem;flex-wrap:wrap}.player-item{background:#fff;padding:.35rem .75rem;border-radius:20px;font-size:.85rem;border:2px solid #e0e0e0;display:flex;gap:.35rem;align-items:center}.player-item.active{border-color:#06c755;background:#e8fae8}.player-item.me{font-weight:700}.player-item.done{opacity:.5;text-decoration:line-through}.player-cards{background:#f0f0f0;padding:.1rem .4rem;border-radius:10px;font-size:.75rem}.card{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:68px;background:#fff;border:2px solid #ccc;border-radius:6px;font-size:.85rem;font-weight:700;cursor:pointer;transition:transform .15s,border-color .15s;-webkit-user-select:none;user-select:none;flex-shrink:0}.card:hover{border-color:#06c755}.card-selected{transform:translateY(-8px);border-color:#06c755;box-shadow:0 4px 8px #06c7554d}.card-red{color:#e74c3c}.card-back{background:#2563eb;color:#fff;border-color:#1d4ed8;font-size:1.5rem}.card-joker{font-size:1.5rem;background:#fff3cd;border-color:#f1c40f}.card-small{width:36px;height:52px;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:#2d5a27;border-radius:12px;padding:1rem;margin-bottom:1rem;min-height:100px}.bigtwo-lastplay{text-align:center}.bigtwo-lastplay-label{color:#ccc;font-size:.85rem;display:block;margin-bottom:.5rem}.bigtwo-table .card-hand{justify-content:center}.bigtwo-actions{display:flex;gap:.75rem;justify-content:center;margin:.75rem 0}.oldmaid-target{background:#f8f9fa;border-radius:12px;padding:.75rem;margin-bottom:1rem}.oldmaid-target p,.oldmaid-myhand p{font-size:.9rem;margin-bottom:.5rem;color:#666}.oldmaid-target .card-back:hover{transform:translateY(-4px);border-color:#f1c40f}.oldmaid-myhand{margin-top:.75rem}.prp-table{background:#2d5a27;border-radius:12px;padding:.75rem;margin-bottom:1rem}.prp-table p{color:#ccc;font-size:.85rem;margin-bottom:.5rem}.prp-flipped{margin-bottom:.75rem}.prp-flipped p{font-size:.85rem;color:#666;margin-bottom:.25rem}.prp-hand p{font-size:.9rem;color:#666;margin-bottom:.25rem}.slapjack-table{background:#2d5a27;border-radius:12px;padding:1rem;margin-bottom:1rem;color:#fff}.slapjack-table p{margin-bottom:.5rem}.slapjack-pile{display:flex;justify-content:center;margin-top:.5rem}.slapjack-pile .card{width:64px;height:90px;font-size:1.2rem}.slapjack-actions{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.slap-btn{background:#e74c3c!important;animation:pulse .5s infinite alternate;font-size:1.2rem!important;padding:1rem 2rem!important}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.slap-msg{background:#fff3cd;color:#856404;padding:.5rem;border-radius:8px;margin-bottom:.75rem;font-weight:600}.slapjack-info{font-size:.9rem;color:#666}.grid-cell{border:1px solid #ccc;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:.8rem}.grid-cell:disabled{cursor:default}.grid-cell.filled{cursor:default}.grid-cell.win{background:#fffde7;border-color:#f1c40f}