:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:600;font-size:16px;color-scheme:light dark;color:#ffffffde;background-color:#181a1b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--bg: linear-gradient(135deg, #8cc3ebff 0%, #ae9eeaff 100%);--fg: #222;--toggle-bg: #eee;--toggle-fg: #222;--btn-bg: #ffae0b;--btn-fg: #222;--box-shadow: #d38000}:root[data-theme=dark]{--bg: linear-gradient(135deg, #133146ff 0%, #2f264fff 100%);--fg: #eee;--toggle-bg: #333;--toggle-fg: #eee;--btn-bg: #4f5b93;--btn-fg: #fff;--box-shadow: #7a89c2}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;background:var(--bg);color:var(--fg)}h1{font-size:3.2em;line-height:1.1}.mb-0{margin-bottom:0}.theme-toggle.svelte-a0dqmi{position:absolute;top:1rem;right:1rem;z-index:100}button[aria-label].svelte-a0dqmi{padding:.5em 1em;border-radius:1em;border:none;background:var(--toggle-bg);color:var(--toggle-fg);cursor:pointer;font-size:1.2em}.modal-backdrop.svelte-1prf2mx{position:fixed;inset:0;background:#0000004d;z-index:1000}.modal.svelte-1prf2mx{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#f0f4ff;border-radius:12px;padding:2em 2.5em;box-shadow:0 4px 24px #00000026;z-index:1001;min-width:320px;max-width:90vw}.modal.svelte-1prf2mx h2:where(.svelte-1prf2mx){margin-top:0;color:#2a3a5e;font-size:1.5em;margin-bottom:1em}.rules.svelte-1prf2mx{font-size:1em;color:#222;margin-bottom:.5em}.rules.svelte-1prf2mx h3:where(.svelte-1prf2mx){margin-top:1.2em;margin-bottom:.5em;font-size:1.1em;color:#2a3a5e}.rules.svelte-1prf2mx ul:where(.svelte-1prf2mx){margin:0 0 .7em;padding-left:1.2em}.rules.svelte-1prf2mx li:where(.svelte-1prf2mx){margin-bottom:.5em}.close-btn.svelte-1prf2mx{position:absolute;top:.7em;right:1em;background:none;border:none;font-size:2em;color:#888;cursor:pointer;line-height:1}.close-btn.svelte-1prf2mx:hover{color:#d32f2f}.lobby-grid-container.svelte-163w53y{display:grid;grid-template-areas:"header" "main";justify-content:center;width:100vw;box-sizing:border-box;overflow:hidden;padding:1rem}.how-to-play-btn.svelte-163w53y{background:linear-gradient(90deg,#f7971e,#ffd200);color:#222;border:none;border-radius:8px;padding:.7em 1.5em;font-weight:700;cursor:pointer;margin-bottom:1.2em;font-size:1.1em;box-shadow:0 2px 8px #00000012;transition:background .2s}.how-to-play-btn.svelte-163w53y:hover{filter:brightness(1.1)}.lobby-header.svelte-163w53y{grid-area:header;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em 0 .5em}.lobby-header.svelte-163w53y h1:where(.svelte-163w53y){letter-spacing:2px;font-size:2em;margin-bottom:1em}.lobby-header.svelte-163w53y h2:where(.svelte-163w53y){margin-top:0;font-size:1.5em;margin-bottom:.5em}.your-id.svelte-163w53y{font-size:1.1em;background:#fff7e6;color:#222;border-radius:8px;padding:.3em 1em;margin-bottom:1rem;display:inline-block;box-shadow:0 2px 8px #00000012}.lobby-main-area.svelte-163w53y{grid-area:main;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:500px;margin:0 auto;padding:1em 0}.room-list.svelte-163w53y{list-style:none;padding:0 1rem;width:100%}.room-list.svelte-163w53y li:where(.svelte-163w53y){background:#fff7e6;color:#222;border-radius:8px;margin-bottom:.5rem;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;font-size:1.1em;box-shadow:0 2px 8px #00000012}.room-list.svelte-163w53y li:where(.svelte-163w53y) button:where(.svelte-163w53y){background:linear-gradient(90deg,#ff6a00,#ee0979);color:#fff;border:none;border-radius:6px;padding:.3em 1em;font-weight:700;cursor:pointer}.room-list.svelte-163w53y li:where(.svelte-163w53y) button:where(.svelte-163w53y):hover{filter:brightness(1.2)}:root[data-theme=dark] .input-row.svelte-163w53y button:where(.svelte-163w53y){background:linear-gradient(90deg,#fc00ff,#00dbde);color:#fff}:root[data-theme=dark] .room-list.svelte-163w53y li:where(.svelte-163w53y) button:where(.svelte-163w53y){background:linear-gradient(90deg,#43cea2,#185a9d)}.input-row.svelte-163w53y{display:flex;gap:.5rem;margin-top:1rem;padding:1rem 0;width:100%}.input-row.svelte-163w53y input:where(.svelte-163w53y){flex:1;padding:.5em 1em;border-radius:8px;border:1px solid #ccc;font-size:1em;background:#fff;color:#222}.input-row.svelte-163w53y input:where(.svelte-163w53y):focus{border-color:#646cff;outline:none}.input-row.svelte-163w53y button:where(.svelte-163w53y){background:linear-gradient(90deg,#43e97b,#38f9d7);color:#222;border:none;border-radius:8px;padding:.5em 1.2em;font-weight:700;cursor:pointer;transition:background .2s}.input-row.svelte-163w53y button:where(.svelte-163w53y):hover{filter:brightness(1.2)}button.svelte-163w53y:focus,button.svelte-163w53y:focus-visible{outline:4px auto #646cff}.error.svelte-163w53y{color:#d32f2f;margin-top:1rem;font-weight:700}.game-grid-container.svelte-iwseln{display:grid;justify-content:center;grid-template-rows:60px 1.7fr .7fr 1fr;grid-template-areas:"header" "board" "playerinfo" "actions";height:100vh;width:100vw;box-sizing:border-box;overflow:hidden}.game-header.svelte-iwseln{grid-area:header;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:.5em 0}.game-board-area.svelte-iwseln{grid-area:board;display:flex;align-items:center;max-width:700px;margin:0 auto}.board-row.svelte-iwseln{display:flex;justify-content:center;gap:.5em;width:100%;max-width:700px;margin:0 auto}.board-cell.svelte-iwseln{flex:1 1 0;aspect-ratio:1/1;border:2px solid #646cff;border-radius:10px;background:#fff;box-shadow:0 2px 8px #00000012;display:flex}[class*=cell-animation-].svelte-iwseln{animation:svelte-iwseln-gelatine .4s}@keyframes svelte-iwseln-gelatine{0%,to{transform:scale(1)}25%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}75%{transform:scale(.95,1.05)}}:root[data-theme=dark] .board-cell.svelte-iwseln{background:linear-gradient(135deg,#434343,#262626);border-color:#43cea2}.player-cell.svelte-iwseln{background:linear-gradient(135deg,#ff5858,#f09819)!important;border:2px solid #d7263d}.opponent-cell.svelte-iwseln{background:linear-gradient(135deg,#43cea2,#185a9d)!important;border:2px solid #185a9d}.action-img.svelte-iwseln{width:100%;height:100%;object-fit:contain}.reverse-img.svelte-iwseln{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.game-player-info.svelte-iwseln{grid-area:playerinfo;display:flex;align-items:center;justify-content:center;width:100%}.player-info-row.svelte-iwseln{display:flex;gap:2em;justify-content:space-evenly;width:100%;max-width:700px;margin:0 auto}.game-actions-area.svelte-iwseln{grid-area:actions;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.actions-row.svelte-iwseln{display:flex;gap:1em;flex-wrap:wrap;justify-content:center}.action-btn-img.svelte-iwseln{width:28px;height:28px;vertical-align:middle;margin-bottom:.2em}button[aria-label].svelte-iwseln{color:var(--btn-fg);background-color:var(--btn-bg);border:transparent;border-radius:12px;padding:.7em 1.2em;font-weight:700;font-size:1em;cursor:pointer;box-shadow:0 8px 0 var(--box-shadow),2px 6px 5px;-webkit-transition:box-shadow .15s,transform .15s;transition:box-shadow .15s,transform .15s;position:relative}button[aria-label].svelte-iwseln:hover,button[aria-label].svelte-iwseln:focus{transform:translateY(-4px);box-shadow:0 12px 0 var(--box-shadow),3px 6px 5px}button[aria-label].svelte-iwseln:active{transform:translateY(4px);box-shadow:0 4px 0 var(--box-shadow),.5px 2px}@media (max-width: 500px){button[aria-label].svelte-iwseln{font-weight:400;padding:5px;font-size:.8em}}.js-active.svelte-iwseln{transform:translateY(4px)!important;box-shadow:0 4px 0 var(--box-shadow),.5px 2px!important;background:linear-gradient(358deg,var(--btn-bg) 50% 0,#fff0f0c4 100%)!important}.text-center.svelte-iwseln{display:block;text-align:center;margin-bottom:1rem}.align-center.svelte-iwseln{margin-left:50%;margin-right:50%}.info-table.svelte-iwseln{display:flex;flex-direction:column;margin-top:.5em}.info-row.svelte-iwseln{display:flex;justify-content:space-between;align-items:center}.info-label.svelte-iwseln{text-align:left;min-width:110px;font-weight:600}.info-value.svelte-iwseln{text-align:right;font-weight:600}.game-over.svelte-iwseln{text-align:center;font-size:2em;font-weight:800;color:#ff00d3;text-transform:uppercase;background:linear-gradient(#d82150,#d35cec);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:2}