:root{--primary-color: #7fa650;--dark-bg: #302e2b;--darker-bg: #262522;--light-text: #ffffff;--gray-text: #9c9c9c;--timer-bg: #57544a;--hover-color: #8fb760;--button-shadow: rgba(0, 0, 0, .2);--border-radius: 8px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-xxl: 24px}*{box-sizing:border-box}body{background-color:var(--dark-bg);color:var(--light-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}img{max-width:100%;height:auto}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--hover-color);text-decoration:underline}::selection{background-color:var(--primary-color);color:var(--light-text)}@media (max-width: 768px){body{font-size:14px}}*{scrollbar-width:thin;scrollbar-color:var(--darker-bg) var(--dark-bg)}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{background:var(--dark-bg)}*::-webkit-scrollbar-thumb{background:var(--darker-bg);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.btn.svelte-1uzxoye{border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:inherit}.btn.svelte-1uzxoye:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}.btn.svelte-1uzxoye:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.btn.svelte-1uzxoye:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary.svelte-1uzxoye{background-color:#7fa650;color:#fff}.btn-primary.svelte-1uzxoye:hover:not(:disabled){background-color:#8fb760}.btn-secondary.svelte-1uzxoye{background-color:#75716c;color:#fff}.btn-secondary.svelte-1uzxoye:hover:not(:disabled){background-color:#85817c}.btn-danger.svelte-1uzxoye{background-color:#c33;color:#fff}.btn-danger.svelte-1uzxoye:hover:not(:disabled){background-color:#d44}.btn-small.svelte-1uzxoye{padding:6px 12px;font-size:12px}.btn-medium.svelte-1uzxoye{padding:10px 20px;font-size:14px}.btn-large.svelte-1uzxoye{padding:14px 28px;font-size:16px}@media (max-width: 768px){.btn.svelte-1uzxoye{padding:12px 16px;font-size:14px}.btn-small.svelte-1uzxoye{padding:8px 12px;font-size:12px}.btn-large.svelte-1uzxoye{padding:16px 24px;font-size:16px}}.input-container.svelte-1a43b5z{display:inline-block;position:relative}.input-container.full-width.svelte-1a43b5z{width:100%}.input.svelte-1a43b5z{border-radius:6px;padding:8px 12px;border:2px solid #262522;background-color:#302e2b;color:#fff;font-size:14px;transition:all .2s ease;font-family:inherit;width:100%;box-sizing:border-box}.input.svelte-1a43b5z:focus{outline:none;border-color:#7fa650;box-shadow:0 0 0 2px #7fa65033}.input.svelte-1a43b5z:disabled{opacity:.6;cursor:not-allowed}.input.error.svelte-1a43b5z{border-color:#c33}.input.error.svelte-1a43b5z:focus{border-color:#c33;box-shadow:0 0 0 2px #c333}.error-message.svelte-1a43b5z{color:#c33;font-size:12px;margin-top:4px;position:absolute;left:0;right:0}@media (max-width: 768px){.input.svelte-1a43b5z{padding:12px 16px;font-size:16px}}.select-container.svelte-1691h73{position:relative;display:inline-block}.select-container.full-width.svelte-1691h73{width:100%}.select.svelte-1691h73{appearance:none;border-radius:6px;padding:8px 32px 8px 12px;border:2px solid #262522;background-color:#302e2b;color:#fff;font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s ease;width:100%;box-sizing:border-box}.select.svelte-1691h73:focus{outline:none;border-color:#7fa650;box-shadow:0 0 0 2px #7fa65033}.select.svelte-1691h73:disabled{opacity:.6;cursor:not-allowed}.select-arrow.svelte-1691h73{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;color:#9c9c9c;transition:transform .2s ease}.select.svelte-1691h73:focus+.select-arrow:where(.svelte-1691h73){transform:translateY(-50%) rotate(180deg)}@media (max-width: 768px){.select.svelte-1691h73{padding:12px 36px 12px 16px;font-size:16px}.select-arrow.svelte-1691h73{right:12px}}.player-info.svelte-1nsrs1p{display:flex;align-items:center;background-color:#262522;padding:12px 16px;border-radius:8px;margin:8px 0;box-shadow:0 2px 6px #0003;transition:all .2s ease;width:480px;max-width:100%;box-sizing:border-box}.player-info.current-player.svelte-1nsrs1p{background-color:#2a4a1a;border:2px solid #7fa650}.player-avatar.svelte-1nsrs1p{width:40px;height:40px;border-radius:50%;margin-right:12px;box-shadow:0 2px 4px #0003;object-fit:cover}.player-details.svelte-1nsrs1p{flex-grow:1;min-width:0}.username.svelte-1nsrs1p{color:#fff;font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.elo.svelte-1nsrs1p{color:#9c9c9c;font-size:14px;font-weight:400}.player-timer.svelte-1nsrs1p{font-size:18px;font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace;border-radius:6px;background-color:#57544a;color:#fff;text-align:center;padding:8px 12px;min-width:80px;transition:all .2s ease}.player-timer.active.svelte-1nsrs1p{background-color:#7fa650;color:#fff;animation:svelte-1nsrs1p-pulse 2s infinite}@keyframes svelte-1nsrs1p-pulse{0%,to{opacity:1}50%{opacity:.8}}@media (max-width: 768px){.player-info.svelte-1nsrs1p{padding:10px 12px;margin:6px 0;width:100%;max-width:480px}.player-avatar.svelte-1nsrs1p{width:32px;height:32px}.username.svelte-1nsrs1p{font-size:14px}.elo.svelte-1nsrs1p{font-size:12px}.player-timer.svelte-1nsrs1p{font-size:16px;padding:6px 10px;min-width:70px}}.gameboard-container.svelte-zvqy8x{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.gameboard-container.svelte-zvqy8x:not(.visible){display:none}.gameboard.svelte-zvqy8x{width:480px;height:480px;min-width:240px;min-height:240px;max-width:100%;max-height:100%;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000004d;background-color:#f0d9b5;aspect-ratio:1}.board10x8.svelte-zvqy8x{aspect-ratio:1.25}.board10x10.svelte-zvqy8x{aspect-ratio:1}@media (max-width: 768px){.gameboard-container.svelte-zvqy8x{padding:8px}.gameboard.svelte-zvqy8x{border-radius:6px;max-width:calc(100vw - 16px);max-height:calc(100vh - 200px)}}@media (max-width: 480px){.gameboard.svelte-zvqy8x{max-height:calc(100vh - 250px)}}.quick-play-grid.svelte-yowg4{margin-bottom:24px}.grid-title.svelte-yowg4{color:#fff;font-size:18px;font-weight:600;margin-bottom:12px;text-align:center}.grid-container.svelte-yowg4{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width: 768px){.grid-container.svelte-yowg4{grid-template-columns:repeat(3,1fr);gap:8px}.grid-title.svelte-yowg4{font-size:16px;margin-bottom:16px}}@media (max-width: 480px){.grid-container.svelte-yowg4{grid-template-columns:repeat(2,1fr);gap:6px}}.game-options.svelte-e2oc93{background-color:#262522;border-radius:8px;padding:20px;margin-bottom:20px}.section-title.svelte-e2oc93{color:#fff;font-size:18px;font-weight:600;margin-bottom:16px;text-align:center}.option-group.svelte-e2oc93{margin-bottom:16px}.option-label.svelte-e2oc93{display:block;color:#fff;font-size:14px;font-weight:500;margin-bottom:6px}@media (max-width: 768px){.game-options.svelte-e2oc93{padding:16px;margin-bottom:16px}.section-title.svelte-e2oc93{font-size:16px;margin-bottom:12px}.option-group.svelte-e2oc93{margin-bottom:12px}}.room-join.svelte-tcccc4{background-color:#262522;border-radius:8px;padding:20px;margin-bottom:20px}.section-title.svelte-tcccc4{color:#fff;font-size:18px;font-weight:600;margin-bottom:16px;text-align:center}.join-form.svelte-tcccc4{display:flex;flex-direction:column;gap:12px}@media (min-width: 480px){.join-form.svelte-tcccc4{flex-direction:row;align-items:flex-end}.join-form.svelte-tcccc4 .input-container{flex:1}}@media (max-width: 768px){.room-join.svelte-tcccc4{padding:16px;margin-bottom:16px}.section-title.svelte-tcccc4{font-size:16px;margin-bottom:12px}}.layout.svelte-jof0a9{min-height:100vh;background-color:#302e2b;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header.svelte-jof0a9{background-color:#262522;padding:8px 16px;border-radius:0 0 8px 8px;margin-bottom:16px}.logo-container.svelte-jof0a9{display:flex;justify-content:center}.logo.svelte-jof0a9{height:60px;width:auto;transition:transform .2s ease}.logo.clickable.svelte-jof0a9{cursor:pointer}.logo.clickable.svelte-jof0a9:hover{transform:scale(1.05)}.main-content.svelte-jof0a9{padding:0 16px 16px;max-width:1200px;margin:0 auto}@media (max-width: 768px){.header.svelte-jof0a9{padding:6px 12px;margin-bottom:12px}.logo.svelte-jof0a9{height:48px}.main-content.svelte-jof0a9{padding:0 12px 12px}}@media (max-width: 480px){.header.svelte-jof0a9{padding:4px 8px;margin-bottom:8px}.logo.svelte-jof0a9{height:40px}.main-content.svelte-jof0a9{padding:0 8px 8px}}.qr-container.svelte-1o1gjjx{display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:8px;padding:16px;margin:16px auto;width:fit-content;box-shadow:0 2px 8px #0003}.qr-code.svelte-1o1gjjx{display:flex;justify-content:center;align-items:center}.qr-code.svelte-1o1gjjx table{border-collapse:collapse}.qr-code.svelte-1o1gjjx td{padding:0;margin:0}@media (max-width: 480px){.qr-container.svelte-1o1gjjx{padding:12px;margin:12px auto}}.game-status.svelte-ex04h3{background-color:#262522;border-radius:8px;padding:20px;text-align:center;margin:16px 0}.status-content.svelte-ex04h3{color:#fff}.room-code.svelte-ex04h3{font-size:20px;font-weight:600;margin-bottom:12px;color:#7fa650}.share-url.svelte-ex04h3{font-size:14px;color:#9c9c9c;margin-bottom:16px;word-break:break-all;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.status-text.svelte-ex04h3{font-size:16px;line-height:1.4}.status-text.svelte-ex04h3 h1{color:#fff;font-size:18px;margin:0 0 8px}.status-text.svelte-ex04h3 div{color:#9c9c9c;font-size:14px;margin:4px 0}@media (max-width: 768px){.game-status.svelte-ex04h3{padding:16px;margin:12px 0}.room-code.svelte-ex04h3{font-size:18px;margin-bottom:10px}.share-url.svelte-ex04h3{font-size:12px;margin-bottom:12px}.status-text.svelte-ex04h3{font-size:14px}.status-text.svelte-ex04h3 h1{font-size:16px}}.move-input.svelte-10j5tad{display:flex;gap:8px;align-items:flex-end;margin:16px 0}.move-input.svelte-10j5tad .input-container{flex:1}@media (max-width: 480px){.move-input.svelte-10j5tad{flex-direction:column;gap:12px;margin:12px 0}}.promotion-overlay.svelte-2rql91{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center}.promotion-popup.svelte-2rql91{background-color:#262522;padding:24px;border-radius:12px;box-shadow:0 8px 24px #0006;min-width:280px;text-align:center}.popup-title.svelte-2rql91{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0}.promotion-options.svelte-2rql91{display:flex;gap:16px;justify-content:center}.promotion-piece.svelte-2rql91{width:60px;height:60px;background-color:#302e2b;border:2px solid transparent;border-radius:8px;padding:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.promotion-piece.svelte-2rql91:hover{border-color:#7fa650;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.piece-image.svelte-2rql91{width:100%;height:100%;object-fit:contain}@media (max-width: 480px){.promotion-popup.svelte-2rql91{padding:20px;margin:16px;min-width:0;max-width:calc(100vw - 32px)}.popup-title.svelte-2rql91{font-size:16px;margin-bottom:16px}.promotion-options.svelte-2rql91{gap:12px}.promotion-piece.svelte-2rql91{width:50px;height:50px;padding:4px}}.main-container.svelte-1nwyhsx{max-width:1400px;padding:0 16px;margin:0 auto 0 156px}.content-grid.svelte-1nwyhsx{display:grid;grid-template-columns:1fr 400px;gap:32px;align-items:start}.left-sidebar.svelte-1nwyhsx{background-color:#262522;border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;gap:24px;height:calc(100vh - 40px);position:fixed;left:16px;top:20px;width:140px;z-index:10}.logo-container.svelte-1nwyhsx{text-align:center}.main-logo.svelte-1nwyhsx{width:100%;height:auto;cursor:pointer;transition:transform .2s ease}.main-logo.svelte-1nwyhsx:hover{transform:scale(1.05)}.sidebar-links.svelte-1nwyhsx{text-align:center}.discord-link.svelte-1nwyhsx{color:#7fa650;text-decoration:none;font-weight:500;font-size:14px;transition:color .2s ease;word-wrap:break-word}.discord-link.svelte-1nwyhsx:hover{color:#8fb760;text-decoration:underline}.board-section.svelte-1nwyhsx{display:flex;justify-content:center;align-items:center;height:calc(100vh - 40px);width:100%;background-color:#262522;border-radius:12px;padding:24px;box-sizing:border-box}.controls-section.svelte-1nwyhsx{display:flex;flex-direction:column;gap:16px}@media (max-width: 1200px){.main-container.svelte-1nwyhsx{margin-left:136px}.content-grid.svelte-1nwyhsx{grid-template-columns:1fr 350px;gap:24px}.board-section.svelte-1nwyhsx{height:calc(100vh - 40px);padding:20px}.left-sidebar.svelte-1nwyhsx{width:120px;padding:16px 12px;gap:20px;height:calc(100vh - 40px)}}@media (max-width: 768px){.main-container.svelte-1nwyhsx{padding:80px 8px 0;margin-left:0}.content-grid.svelte-1nwyhsx{grid-template-columns:1fr;gap:12px}.board-section.svelte-1nwyhsx{display:none}.left-sidebar.svelte-1nwyhsx{position:fixed;top:8px;left:50%;transform:translate(-50%);width:auto;height:auto;padding:8px 16px;gap:12px;flex-direction:row;align-items:center;justify-content:center;border-radius:8px}.logo-container.svelte-1nwyhsx{text-align:center}.main-logo.svelte-1nwyhsx{width:120px;height:auto}.sidebar-links.svelte-1nwyhsx{text-align:center}.controls-section.svelte-1nwyhsx{gap:12px}.discord-link.svelte-1nwyhsx{font-size:12px;white-space:nowrap}}@media (max-width: 480px){.main-container.svelte-1nwyhsx{padding:70px 6px 0;margin-left:0}.content-grid.svelte-1nwyhsx{grid-template-columns:1fr;gap:8px}.left-sidebar.svelte-1nwyhsx{top:4px;padding:6px 12px;gap:8px}.main-logo.svelte-1nwyhsx{width:100px}.discord-link.svelte-1nwyhsx{font-size:11px}}.game-container.svelte-1qkmh0k{height:100vh;overflow:hidden;position:relative}.connection-status.svelte-1qkmh0k{position:fixed;top:20px;right:20px;background-color:#4caf50;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;z-index:1000;box-shadow:0 2px 8px #0003;transition:all .3s ease}.connection-status.reconnecting.svelte-1qkmh0k{background-color:#ff9800;animation:svelte-1qkmh0k-pulse 2s infinite}.connection-status.disconnected.svelte-1qkmh0k{background-color:#f44336}.status-content.svelte-1qkmh0k{display:flex;align-items:center;gap:8px}.spinner.svelte-1qkmh0k{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:svelte-1qkmh0k-spin 1s linear infinite}.disconnect-icon.svelte-1qkmh0k{font-size:16px}.reconnect-btn.svelte-1qkmh0k{background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;padding:4px 8px;border-radius:8px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.reconnect-btn.svelte-1qkmh0k:hover{background:#ffffff4d}@keyframes svelte-1qkmh0k-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-1qkmh0k-pulse{0%,to{opacity:1}50%{opacity:.7}}.game-layout.svelte-1qkmh0k{display:grid;grid-template-columns:1fr auto;height:100vh;gap:16px;padding:16px 16px 16px 136px;box-sizing:border-box}.left-sidebar.svelte-1qkmh0k{background-color:#262522;border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;width:120px;position:fixed;left:16px;top:16px;height:calc(100vh - 32px);z-index:10}.sidebar-logo.svelte-1qkmh0k{width:100%;height:auto;cursor:pointer;transition:transform .2s ease}.sidebar-logo.svelte-1qkmh0k:hover{transform:scale(1.05)}.main-game-area.svelte-1qkmh0k{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:0}.board-container.svelte-1qkmh0k{flex:1;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;width:100%}.game-image.svelte-1qkmh0k{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000004d}.right-sidebar.svelte-1qkmh0k{background-color:#262522;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:16px;width:300px;height:fit-content;max-height:calc(100vh - 32px);overflow-y:auto}.room-code-display.svelte-1qkmh0k{background-color:#3a3832;border-radius:8px;padding:12px 16px;text-align:center;border:1px solid #4a463e}.room-code-label.svelte-1qkmh0k{color:#b8b4a8;font-size:14px;font-weight:500;display:block;margin-bottom:4px}.room-code-value.svelte-1qkmh0k{color:#fff;font-size:18px;font-weight:700;font-family:Courier New,monospace;letter-spacing:2px}@media (max-width: 1024px){.game-layout.svelte-1qkmh0k{grid-template-columns:1fr 280px;gap:12px;padding:12px}.left-sidebar.svelte-1qkmh0k{display:none}.right-sidebar.svelte-1qkmh0k{width:280px;padding:16px}}@media (max-width: 768px){.game-container.svelte-1qkmh0k{height:100vh}.connection-status.svelte-1qkmh0k{top:80px;left:10px;right:auto;margin:0 auto;width:fit-content;font-size:12px;padding:6px 12px}.game-layout.svelte-1qkmh0k{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:8px;padding:80px 8px 8px}.left-sidebar.svelte-1qkmh0k{position:fixed;top:8px;left:50%;transform:translate(-50%);width:auto;height:auto;padding:8px 16px;flex-direction:row;align-items:center;justify-content:center;border-radius:8px;z-index:20}.sidebar-logo.svelte-1qkmh0k{width:120px;height:auto}.main-game-area.svelte-1qkmh0k{gap:12px}.board-container.svelte-1qkmh0k{min-height:240px}.right-sidebar.svelte-1qkmh0k{width:auto;padding:12px;background-color:transparent;max-height:none;order:2}}@media (max-width: 480px){.game-layout.svelte-1qkmh0k{padding:70px 4px 4px;gap:6px}.left-sidebar.svelte-1qkmh0k{top:4px;padding:6px 12px}.sidebar-logo.svelte-1qkmh0k{width:100px}.main-game-area.svelte-1qkmh0k{gap:8px}.board-container.svelte-1qkmh0k{min-height:200px}.right-sidebar.svelte-1qkmh0k{padding:8px}}@media (max-width: 768px) and (orientation: landscape){.game-layout.svelte-1qkmh0k{grid-template-columns:1fr 240px;grid-template-rows:1fr;padding-left:8px;padding-top:60px}.left-sidebar.svelte-1qkmh0k{top:4px;padding:4px 12px}.sidebar-logo.svelte-1qkmh0k{width:80px}.right-sidebar.svelte-1qkmh0k{background-color:#262522;order:0;width:240px;padding:12px;max-height:calc(100vh - 16px);overflow-y:auto}}