.room-manager.svelte-1okfx55.svelte-1okfx55{max-width:400px;margin:0 auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}h2.svelte-1okfx55.svelte-1okfx55{color:var(--color-primary);margin:0 0 20px;text-align:center}h3.svelte-1okfx55.svelte-1okfx55{color:var(--color-secondary);margin:0 0 8px;font-size:1.1rem}.room-options.svelte-1okfx55.svelte-1okfx55{display:flex;flex-direction:column;gap:20px}.option-section.svelte-1okfx55.svelte-1okfx55{text-align:center;padding:16px;background:#f9f9f9;border-radius:8px}.option-section.svelte-1okfx55 p.svelte-1okfx55{color:#666;margin:0 0 12px;font-size:14px}.divider.svelte-1okfx55.svelte-1okfx55{text-align:center;position:relative;color:#999}.divider.svelte-1okfx55.svelte-1okfx55:before,.divider.svelte-1okfx55.svelte-1okfx55:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#ddd}.divider.svelte-1okfx55.svelte-1okfx55:before{left:0}.divider.svelte-1okfx55.svelte-1okfx55:after{right:0}.join-form.svelte-1okfx55.svelte-1okfx55{display:flex;gap:8px;justify-content:center}.pin-input.svelte-1okfx55.svelte-1okfx55{width:120px;padding:10px 12px;font-size:20px;text-align:center;border:2px solid #ddd;border-radius:8px;letter-spacing:6px}.pin-input.svelte-1okfx55.svelte-1okfx55:focus{outline:none;border-color:var(--color-primary)}.error.svelte-1okfx55.svelte-1okfx55{color:var(--color-warning);text-align:center;margin-top:12px}.global-error.svelte-1okfx55.svelte-1okfx55{margin-top:16px;padding:12px;background:#fff3f3;border-radius:8px}.room-info.svelte-1okfx55.svelte-1okfx55{display:flex;flex-direction:column;gap:20px}.room-header.svelte-1okfx55.svelte-1okfx55{text-align:center}.pin-display.svelte-1okfx55.svelte-1okfx55{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.pin-label.svelte-1okfx55.svelte-1okfx55{color:#666}.pin-value.svelte-1okfx55.svelte-1okfx55{font-size:2rem;font-weight:700;color:var(--color-primary);letter-spacing:6px}.btn-copy.svelte-1okfx55.svelte-1okfx55{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:4px;opacity:.7}.btn-copy.svelte-1okfx55.svelte-1okfx55:hover{opacity:1}.players-list.svelte-1okfx55.svelte-1okfx55{display:flex;flex-direction:column;gap:8px}.player-item.svelte-1okfx55.svelte-1okfx55{display:flex;align-items:center;gap:12px;padding:12px;background:#f5f5f5;border-radius:8px;border:3px solid transparent}.player-item--1.svelte-1okfx55.svelte-1okfx55{border-left-color:var(--color-player1)}.player-item--2.svelte-1okfx55.svelte-1okfx55{border-left-color:var(--color-player2)}.player-item--you.svelte-1okfx55.svelte-1okfx55{background:#e8f5e9}.player-item--waiting.svelte-1okfx55.svelte-1okfx55{opacity:.6}.player-name.svelte-1okfx55.svelte-1okfx55{font-weight:500}.waiting-message.svelte-1okfx55.svelte-1okfx55{text-align:center;color:#666;font-style:italic}.btn-leave.svelte-1okfx55.svelte-1okfx55{background:transparent;color:var(--color-warning);border:1px solid var(--color-warning);padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-leave.svelte-1okfx55.svelte-1okfx55:hover{background:var(--color-warning);color:#fff}.connecting.svelte-1okfx55.svelte-1okfx55{text-align:center;padding:40px;color:#666}.btn-primary.svelte-1okfx55.svelte-1okfx55{background:var(--color-primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:transform .1s,box-shadow .1s}.btn-primary.svelte-1okfx55.svelte-1okfx55:hover{transform:translateY(-2px);box-shadow:0 4px 12px #44a1944d}.btn-secondary.svelte-1okfx55.svelte-1okfx55{background:var(--color-secondary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:transform .1s,box-shadow .1s}.btn-secondary.svelte-1okfx55.svelte-1okfx55:hover{transform:translateY(-2px);box-shadow:0 4px 12px #537d964d}.online-page.svelte-2anmf3.svelte-2anmf3{min-height:100vh;padding:20px 20px 40px}.header.svelte-2anmf3.svelte-2anmf3{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto 24px}h1.svelte-2anmf3.svelte-2anmf3{color:var(--color-secondary);margin:0;display:flex;align-items:center;gap:.5rem}.title-icon.svelte-2anmf3.svelte-2anmf3{width:2.5rem;height:2.5rem}.back-link.svelte-2anmf3.svelte-2anmf3{color:var(--color-secondary);text-decoration:none}.back-link.svelte-2anmf3.svelte-2anmf3:hover{text-decoration:underline}.waiting-phase.svelte-2anmf3.svelte-2anmf3{max-width:500px;margin:0 auto}.start-info.svelte-2anmf3.svelte-2anmf3{text-align:center;margin-top:24px;padding:16px;background:#f9f9f9;border-radius:8px}.start-info.svelte-2anmf3 p.svelte-2anmf3{margin:0;color:#666}.design-phase.svelte-2anmf3.svelte-2anmf3{max-width:900px;margin:24px auto 0;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.design-notice.svelte-2anmf3.svelte-2anmf3{text-align:center;padding:12px;background:#f9f9f9;border-radius:8px;margin:20px 0 24px;font-weight:500;font-size:1.1rem}.design-request.svelte-2anmf3.svelte-2anmf3{text-align:center;padding:16px;background:#fff3cd;border-radius:8px;margin:20px 0;border:2px solid #ffc107}.design-request.svelte-2anmf3 p.svelte-2anmf3{margin:0 0 12px;font-weight:500}.request-buttons.svelte-2anmf3.svelte-2anmf3{display:flex;gap:12px;justify-content:center}.btn-approve.svelte-2anmf3.svelte-2anmf3{padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.btn-deny.svelte-2anmf3.svelte-2anmf3{padding:8px 16px;background:var(--color-warning);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.btn-pass.svelte-2anmf3.svelte-2anmf3{display:block;margin:8px auto 0;padding:6px 12px;background:var(--color-secondary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.btn-pass.svelte-2anmf3.svelte-2anmf3:hover{opacity:.9}.waiting-design.svelte-2anmf3.svelte-2anmf3{text-align:center;padding:40px}.waiting-design.svelte-2anmf3 p.svelte-2anmf3{color:#666;margin-bottom:16px}@keyframes svelte-2anmf3-spin{to{transform:rotate(360deg)}}.play-area.svelte-2anmf3.svelte-2anmf3{display:flex;gap:32px;align-items:flex-start;justify-content:center;max-width:1000px;margin:0 auto;padding:24px;border-radius:16px}.scoreboard.svelte-2anmf3.svelte-2anmf3{display:flex;flex-direction:column;justify-content:center;min-width:150px}.scoreboard-left.svelte-2anmf3.svelte-2anmf3{order:1}.scoreboard-right.svelte-2anmf3.svelte-2anmf3{order:3}.score-card.svelte-2anmf3.svelte-2anmf3{padding:16px;background:#fff;border-radius:12px;text-align:center;border:3px solid #ddd;transition:all .3s}.score-card--1.svelte-2anmf3.svelte-2anmf3{border-color:var(--color-player1)}.score-card--2.svelte-2anmf3.svelte-2anmf3{border-color:var(--color-player2)}.score-card.active.svelte-2anmf3.svelte-2anmf3{box-shadow:0 0 12px #44a1944d}.player-label.svelte-2anmf3.svelte-2anmf3{display:block;font-size:14px;color:#666}.score.svelte-2anmf3.svelte-2anmf3{display:block;font-size:2rem;font-weight:700;color:var(--color-primary)}.game-main.svelte-2anmf3.svelte-2anmf3{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;border:6px solid var(--player-border);border-radius:16px;background:#ffffff80;box-shadow:0 0 20px var(--player-border);transition:border-color .5s ease,background-color 2s ease-in-out;order:2}.game-main.winner-state.svelte-2anmf3.svelte-2anmf3{background:var(--winner-bg);opacity:.95}.winner-announcement-inline.svelte-2anmf3.svelte-2anmf3{text-align:center;margin-bottom:16px;padding:20px;border-radius:12px;background:#ffffffe6;border:4px solid var(--winner-color);box-shadow:0 0 20px var(--winner-color);animation:svelte-2anmf3-fadeInScale .6s ease-out}.winner-announcement-inline.svelte-2anmf3 h2.svelte-2anmf3{color:var(--winner-color);font-size:1.8rem;margin:0 0 16px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}@keyframes svelte-2anmf3-fadeInScale{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.turn-indicator.svelte-2anmf3.svelte-2anmf3{padding:8px 16px;border-radius:20px;font-weight:500}.your-turn.svelte-2anmf3.svelte-2anmf3{font-weight:700}.waiting-turn.svelte-2anmf3.svelte-2anmf3{color:#666}.game-board-wrapper.svelte-2anmf3.svelte-2anmf3{display:inline-block;padding:12px;background:linear-gradient(180deg,#fff9,#ffffff1a);border-radius:12px}.gb-row.svelte-2anmf3.svelte-2anmf3{display:flex}.gb-cell.svelte-2anmf3.svelte-2anmf3{width:48px;height:48px;margin:6px;border-radius:8px;display:flex;align-items:center;justify-content:center}.gb-cell--empty.svelte-2anmf3.svelte-2anmf3{background:transparent;cursor:default;opacity:.3}.gb-cell--playable.svelte-2anmf3.svelte-2anmf3{background:#dfe6ea;cursor:pointer;border:2px solid #c5d4dd}.gb-cell--playable.svelte-2anmf3.svelte-2anmf3:hover{transform:translateY(-4px);background:#c5d4dd}.gb-cell--disabled.svelte-2anmf3.svelte-2anmf3{cursor:not-allowed!important;opacity:.7}.gb-cell--disabled.svelte-2anmf3.svelte-2anmf3:hover{transform:none!important;background:#dfe6ea!important}.gb-cell--win.svelte-2anmf3.svelte-2anmf3{box-shadow:0 0 0 4px #ffd70099;animation:svelte-2anmf3-winPulse 1s ease-in-out infinite}@keyframes svelte-2anmf3-winPulse{0%,to{box-shadow:0 0 0 4px #ffd70099}50%{box-shadow:0 0 0 4px gold}}.game-over-buttons.svelte-2anmf3.svelte-2anmf3{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn-primary.svelte-2anmf3.svelte-2anmf3{background:var(--color-primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:transform .1s,box-shadow .1s}.btn-primary.svelte-2anmf3.svelte-2anmf3:hover{transform:translateY(-2px);box-shadow:0 4px 12px #44a1944d}.btn-secondary.svelte-2anmf3.svelte-2anmf3{background:var(--color-secondary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:transform .1s,box-shadow .1s}.btn-secondary.svelte-2anmf3.svelte-2anmf3:hover{transform:translateY(-2px);box-shadow:0 4px 12px #537d964d}@media (max-width: 768px){.play-area.svelte-2anmf3.svelte-2anmf3{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px}.game-main.svelte-2anmf3.svelte-2anmf3{order:1;width:100%;margin-bottom:16px}.scoreboard-left.svelte-2anmf3.svelte-2anmf3{order:2;flex:0 0 calc(50% - 18px);min-width:0}.scoreboard-right.svelte-2anmf3.svelte-2anmf3{order:3;flex:0 0 calc(50% - 18px);min-width:0}.scoreboard.svelte-2anmf3.svelte-2anmf3{flex-direction:column;align-items:center;width:100%}.score-card.svelte-2anmf3.svelte-2anmf3{width:100%}.gb-cell.svelte-2anmf3.svelte-2anmf3{width:36px;height:36px;margin:4px}}