*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}body{color:#1f2937;background:linear-gradient(160deg,#eef4ff 0%,#fdf3ff 100%);min-height:100vh;margin:0}#root{justify-content:center;min-height:100vh;display:flex}.page{flex-direction:column;align-items:center;width:100%;max-width:720px;padding:32px 20px 60px;display:flex}h1{margin:0 0 24px;font-size:28px}h2{align-self:flex-start;margin:28px 0 12px;font-size:18px}.entry-layout{flex-wrap:wrap;justify-content:center;gap:32px;width:100%;display:flex}.avatar-preview{background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:16px;height:fit-content;padding:24px;display:flex;box-shadow:0 8px 24px #1f293714}.nickname-input{text-align:center;border:2px solid #dbeafe;border-radius:12px;outline:none;width:200px;padding:10px 14px;font-size:16px}.nickname-input:focus{border-color:#60a5fa}.avatar-options{flex-direction:column;gap:18px;min-width:260px;display:flex}.option-picker-label{color:#4b5563;margin-bottom:6px;font-size:14px;font-weight:600}.option-picker-options{gap:8px;display:flex}.option-chip{cursor:pointer;color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;font-size:13px;transition:border-color .15s,transform .1s;display:flex}.option-chip:hover{border-color:#93c5fd}.option-chip.selected{background:#eff6ff;border-color:#3b82f6;transform:translateY(-2px)}.option-chip .swatch{background:var(--swatch);border-radius:50%;width:20px;height:20px;display:block}.primary-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:999px;margin-top:32px;padding:14px 40px;font-size:16px;font-weight:600;transition:transform .1s,opacity .15s;box-shadow:0 6px 16px #3b82f659}.primary-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.secondary-button{color:#3b82f6;cursor:pointer;background:#fff;border:2px solid #3b82f6;border-radius:999px;margin-top:32px;padding:14px 40px;font-size:16px;font-weight:600}.lobby-header{background:#fff;border-radius:20px;align-items:center;gap:16px;width:100%;padding:16px 24px;display:flex;box-shadow:0 8px 24px #1f293714}.lobby-greeting{color:#6b7280;font-size:13px}.lobby-nickname{font-size:22px;font-weight:700}.game-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;width:100%;display:grid}.game-card{cursor:pointer;text-align:center;background:#fff;border:none;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;transition:transform .15s;display:flex;box-shadow:0 8px 24px #1f293714}.game-card:hover{transform:translateY(-4px)}.game-card-emoji{font-size:40px}.game-card-name{font-size:16px;font-weight:700}.game-card-desc{color:#6b7280;font-size:13px}.game-header{justify-content:center;align-items:center;gap:20px;margin-bottom:8px;display:flex}.game-player{flex-direction:column;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.computer-avatar{font-size:56px;line-height:1}.game-vs{color:#9ca3af;font-weight:700}.game-status{min-height:24px;margin:12px 0 20px;font-size:18px;font-weight:600}.game-status.finished{color:#3b82f6}.gomoku-board{background:#d8ba7c;border-radius:10px;grid-template-rows:repeat(15,28px);grid-template-columns:repeat(15,28px);gap:1px;padding:8px;display:grid;box-shadow:0 4px 16px #1f293726}.gomoku-cell{cursor:pointer;background:#e9c98a;border:none;justify-content:center;align-items:center;padding:0;display:flex}.gomoku-cell:disabled{cursor:default}.gomoku-cell.winning{background:#f4dca0}.stone{border-radius:50%;width:22px;height:22px;display:block}.stone-black{background:radial-gradient(circle at 35% 30%,#666,#111 70%);box-shadow:0 1px 2px #00000080}.stone-white{background:radial-gradient(circle at 35% 30%,#fff,#d8d8d8 70%);border:1px solid #bbb;box-shadow:0 1px 2px #0000004d}.game-actions{gap:16px;display:flex}