@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";.auth-card.svelte-1kfh5e3{border-radius:24px;width:100%;max-width:360px;padding:32px}.brand.svelte-1kfh5e3{text-align:center;margin-bottom:32px}.logo-icon.svelte-1kfh5e3{color:var(--color-primary,#a8c7fa);font-size:40px;line-height:1}.title.svelte-1kfh5e3{letter-spacing:2px;color:#fff;margin:8px 0 0;font-size:24px;font-weight:800}.fields.svelte-1kfh5e3{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.fields.svelte-1kfh5e3 .md-field:where(.svelte-1kfh5e3){margin-bottom:0}.hint-box.svelte-1kfh5e3{color:#fff6;padding:0 8px;font-size:12px;line-height:1.6}.hint-box.svelte-1kfh5e3 p:where(.svelte-1kfh5e3){margin:4px 0}.turnstile-wrapper.svelte-1kfh5e3{justify-content:center;min-height:65px;display:flex}@media (width<=400px){.auth-card.svelte-1kfh5e3{border-radius:18px;padding:24px 18px 16px}.title.svelte-1kfh5e3{font-size:22px}.logo-icon.svelte-1kfh5e3{font-size:32px}.brand.svelte-1kfh5e3{margin-bottom:24px}}.home-hero.svelte-1yt2wga{flex-direction:column;align-items:center;gap:16px;padding:80px 0 12px;display:flex}.home-play-row.svelte-1yt2wga{gap:8px;width:100%;max-width:300px;display:flex}.home-play.svelte-1yt2wga{letter-spacing:2px;border-radius:999px 150px 150px 999px;flex:3;height:56px;font-size:16px;font-weight:700}.home-resume.svelte-1yt2wga{background:#ffffff0f;border-radius:150px 999px 999px 150px;flex:1;height:56px;font-size:16px;font-weight:700}.home-actions.svelte-1yt2wga{gap:8px;width:100%;max-width:300px;display:flex}.home-act.svelte-1yt2wga{flex:1;height:44px;font-size:12px}.home-act.svelte-1yt2wga:first-child{border-radius:999px 150px 150px 999px}.home-act.svelte-1yt2wga:last-child{border-radius:150px 999px 999px 150px}.home-list-area.svelte-1yt2wga{flex-direction:column;flex:1;min-height:0;display:flex}.home-tabs.svelte-1yt2wga{align-items:center;gap:8px;margin-bottom:8px;display:flex}.home-list.svelte-1yt2wga{flex:1;min-height:0;margin:-2px;padding:2px;overflow:hidden auto;-webkit-mask-image:linear-gradient(#000 92%,#0000 100%);mask-image:linear-gradient(#000 92%,#0000 100%)}@media (width<=400px){.home-hero.svelte-1yt2wga{gap:12px;padding:56px 0 20px}.home-play-row.svelte-1yt2wga{max-width:100%}.home-play.svelte-1yt2wga{letter-spacing:1px;height:48px;font-size:14px}.home-resume.svelte-1yt2wga{height:48px;font-size:14px}.home-actions.svelte-1yt2wga{max-width:100%}.home-act.svelte-1yt2wga{height:38px;font-size:11px}.home-act.svelte-1yt2wga span:where(.svelte-1yt2wga){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-tabs.svelte-1yt2wga{gap:4px}.home-tabs.svelte-1yt2wga .btn.sm:where(.svelte-1yt2wga){padding:0 8px;font-size:11px}}.lobby-card.svelte-3aje8o{width:100%;max-width:500px}.info-card.active.svelte-3aje8o{border:1px solid #a8c7fa33;background:#a8c7fa14!important}.seat-chip.svelte-3aje8o{letter-spacing:1px;border-radius:999px;margin-bottom:12px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.seat-chip.host.svelte-3aje8o{color:var(--color-primary);background:#a8c7fa26}.seat-chip.guest.svelte-3aje8o{color:#81c784;background:#81c7841f}@media (width<=400px){.lobby-card.svelte-3aje8o{padding:0 4px}}.info-card.svelte-17slzcn{background:#ffffff08;border-radius:16px;padding:20px}.info-card.svelte-17slzcn h2:where(.svelte-17slzcn){margin:0 0 12px;font-size:16px;font-weight:700}.desc-list.svelte-17slzcn{grid-gap:8px 12px;grid-template-columns:100px 1fr;gap:8px 12px;margin:0;font-size:13px;display:grid}.desc-list.svelte-17slzcn dt:where(.svelte-17slzcn){color:#fff6}.desc-list.svelte-17slzcn dd:where(.svelte-17slzcn){margin:0}.muted.svelte-17slzcn{color:#fff6;font-size:13px}.user-chip.svelte-17slzcn{border-radius:999px;align-items:center;padding:3px 10px;font-size:13px;display:inline-flex}.user-ok.svelte-17slzcn{color:#000;background:var(--color-primary);font-weight:700}.user-idle.svelte-17slzcn{color:#ffffff80;background:#ffffff14}.table-wrap.svelte-17slzcn{overflow-x:auto}.strategy-table.svelte-17slzcn{border-collapse:collapse;width:100%;min-width:600px;font-size:13px}.strategy-table.svelte-17slzcn th:where(.svelte-17slzcn),.strategy-table.svelte-17slzcn td:where(.svelte-17slzcn){text-align:left;border-bottom:1px solid #ffffff0f;padding:10px}.strategy-table.svelte-17slzcn th:where(.svelte-17slzcn){color:#fff6;text-transform:uppercase;font-size:11px;font-weight:600}@media (width<=400px){.info-card.svelte-17slzcn{border-radius:12px;padding:14px}.info-card.svelte-17slzcn h2:where(.svelte-17slzcn){font-size:14px}.desc-list.svelte-17slzcn{grid-template-columns:80px 1fr;gap:6px 8px;font-size:12px}.strategy-table.svelte-17slzcn{min-width:480px;font-size:12px}.strategy-table.svelte-17slzcn th:where(.svelte-17slzcn),.strategy-table.svelte-17slzcn td:where(.svelte-17slzcn){padding:8px 6px}}.lb-table-wrap.svelte-kueoli{flex:1;overflow:auto}table.svelte-kueoli{border-collapse:collapse;width:100%;min-width:680px;font-size:13px}th.svelte-kueoli{text-align:left;color:#fff6;letter-spacing:1px;white-space:nowrap;text-transform:uppercase;border-bottom:1px solid #ffffff0f;padding:10px;font-size:11px;font-weight:700}td.svelte-kueoli{white-space:nowrap;border-bottom:1px solid #ffffff08;padding:12px 10px}.th-rank.svelte-kueoli,.td-rank.svelte-kueoli{width:72px}.td-rank.svelte-kueoli{color:var(--color-primary,#a8c7fa);font-weight:800}.td-name.svelte-kueoli{font-size:14px;font-weight:700}.td-score.svelte-kueoli{font-size:15px;font-weight:800}@media (width<=640px){table.svelte-kueoli{min-width:600px;font-size:12px}th.svelte-kueoli,td.svelte-kueoli{padding:8px}}@media (width<=400px){table.svelte-kueoli{min-width:520px;font-size:11px}th.svelte-kueoli,td.svelte-kueoli{padding:6px}.td-name.svelte-kueoli{font-size:12px}.td-score.svelte-kueoli{font-size:13px}}.rp-info.svelte-1h75c5g{text-align:center;flex:1}.rp-meta.svelte-1h75c5g{color:#ffffff59;font-size:11px}.autoplay-btn.is-playing.svelte-1h75c5g{color:#a8c7fa!important;background:#a8c7fa26!important}.rp-main.svelte-1h75c5g{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-width:0;padding:16px 20px 24px;display:flex}.rp-sidebar.svelte-1h75c5g{border-left:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:48px;padding:12px 8px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}.rp-dot.svelte-1h75c5g{color:#ffffff40;cursor:pointer;background:0 0;border:1.5px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;min-height:28px;font-family:inherit;font-size:10px;font-weight:700;display:flex}.rp-dot.past.svelte-1h75c5g{color:#ffffff73;border-color:#fff3}.rp-dot.active.svelte-1h75c5g{border-color:var(--color-primary);color:var(--color-primary);background:#a8c7fa1f;transform:scale(1.05)}.rp-dot.past.win.svelte-1h75c5g{color:#81c784;border-color:#81c78480}.rp-dot.past.lose.svelte-1h75c5g{color:#ffb4ab;border-color:#ffb4ab80}.rp-dot.past.tie.svelte-1h75c5g{color:#fde293;border-color:#fde29380}.rp-players.svelte-1h75c5g{justify-content:center;align-items:flex-start;gap:24px;width:100%;max-width:520px;display:flex}.rp-player-info.svelte-1h75c5g{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.rp-player-info.a.svelte-1h75c5g{align-items:flex-start}.rp-player-info.b.svelte-1h75c5g{align-items:flex-end}.rp-pl-name.svelte-1h75c5g{color:#fff9;font-size:14px;font-weight:700}.rp-pl-hand.svelte-1h75c5g{color:#ffffff4d;font-size:11px}.rp-hand-chips.svelte-1h75c5g{flex-wrap:wrap;gap:3px;min-height:22px;display:flex}.rp-hand-chip.svelte-1h75c5g{color:#ffffff80;background:#ffffff0f;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:inline-flex}.rp-hand-chip.r.svelte-1h75c5g{color:var(--color-primary);background:#a8c7fa26}.rp-hand-chip.p.svelte-1h75c5g{color:#81c784;background:#81c78426}.rp-hand-chip.s.svelte-1h75c5g{color:#ffb4ab;background:#ffb4ab26}.rp-vs-wrap.svelte-1h75c5g{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.rp-round-num-top.svelte-1h75c5g{color:#ffffff40;letter-spacing:1px;font-size:12px;font-weight:700}.rp-vs.svelte-1h75c5g{color:#ffffff26;letter-spacing:2px;flex-shrink:0;font-size:11px;font-weight:800}.rp-clash-zone.svelte-1h75c5g{justify-content:center;align-items:center;gap:24px;width:100%;max-width:480px;min-height:120px;display:flex}.rp-card-slot.svelte-1h75c5g{flex-shrink:0;justify-content:center;width:110px;display:flex}.rp-card-slot.left.svelte-1h75c5g{justify-content:flex-start}.rp-card-slot.right.svelte-1h75c5g{justify-content:flex-end}.rp-card.svelte-1h75c5g{background:#ffffff0a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100px;min-height:100px;padding:20px;display:flex}.rp-card.empty.svelte-1h75c5g{opacity:.2}.rp-card-icon.svelte-1h75c5g{font-size:36px}.rp-card-label.svelte-1h75c5g{color:#fff6;letter-spacing:1px;font-size:12px;font-weight:700}.rp-result.svelte-1h75c5g{flex-direction:column;flex-shrink:0;align-items:center;min-width:90px;display:flex}.rp-sig-light.svelte-1h75c5g{background:#ffffff26;border-radius:50%;width:28px;height:28px;transition:background .4s,box-shadow .4s;box-shadow:0 0 #fff0}.rp-result.win.svelte-1h75c5g .rp-sig-light:where(.svelte-1h75c5g){background:#81c784;box-shadow:0 0 20px #81c78499}.rp-result.lose.svelte-1h75c5g .rp-sig-light:where(.svelte-1h75c5g){background:#ffb4ab;box-shadow:0 0 20px #ffb4ab99}.rp-result.tie.svelte-1h75c5g .rp-sig-light:where(.svelte-1h75c5g){background:#fde293;box-shadow:0 0 20px #fde29399}.rp-pool.svelte-1h75c5g{flex-direction:column;align-items:center;gap:6px;display:flex}.rp-pool-label.svelte-1h75c5g{color:#ffffff59;letter-spacing:1px;font-size:12px;font-weight:600}.rp-pool-cards.svelte-1h75c5g{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.rp-pool-chip.svelte-1h75c5g{color:#ffffff80;background:#ffffff0f;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:inline-flex}.rp-pool-chip.r.svelte-1h75c5g{color:var(--color-primary);background:#a8c7fa26}.rp-pool-chip.p.svelte-1h75c5g{color:#81c784;background:#81c78426}.rp-pool-chip.s.svelte-1h75c5g{color:#ffb4ab;background:#ffb4ab26}.rp-actions-zone.svelte-1h75c5g{flex-wrap:wrap;justify-content:center;gap:8px;min-height:24px;display:flex}.rp-action-tag.svelte-1h75c5g{color:var(--color-primary);background:#a8c7fa1a;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.rp-ex-detail.svelte-1h75c5g{opacity:.6;font-weight:400}.rp-ex-detail.svelte-1h75c5g b:where(.svelte-1h75c5g){opacity:1;font-weight:700}.rp-nav.svelte-1h75c5g{justify-content:center;align-items:center;gap:12px;margin-top:4px;display:flex}.rp-nav-pos.svelte-1h75c5g{color:#ffffff4d;text-align:center;min-width:50px;font-size:12px}.rp-outcome-inline.svelte-1h75c5g{text-shadow:0 1px 4px #0009;font-weight:800}.rp-outcome-inline.win.svelte-1h75c5g{color:#81c784}.rp-outcome-inline.lose.svelte-1h75c5g{color:#ffb4ab}@media (width<=640px){.rp-sidebar.svelte-1h75c5g{width:44px;padding:8px 6px}.rp-dot.svelte-1h75c5g{width:24px;height:24px;min-height:24px;font-size:9px}.rp-card.svelte-1h75c5g{width:80px;min-height:80px;padding:14px}.rp-card-slot.svelte-1h75c5g{width:88px}.rp-card-icon.svelte-1h75c5g{font-size:28px}.rp-clash-zone.svelte-1h75c5g{gap:12px;min-height:100px}}.rule-card.svelte-ni4eyy{background:#ffffff08;border-radius:16px;padding:20px}.rule-card.svelte-ni4eyy h2:where(.svelte-ni4eyy){margin:0 0 12px;font-size:16px;font-weight:700}.rule-card.svelte-ni4eyy p:where(.svelte-ni4eyy){color:#ffffffa6;margin:6px 0;font-size:13px;line-height:1.6}@media (width<=400px){.rule-card.svelte-ni4eyy{border-radius:12px;padding:14px}.rule-card.svelte-ni4eyy h2:where(.svelte-ni4eyy){font-size:14px}.rule-card.svelte-ni4eyy p:where(.svelte-ni4eyy){font-size:12px}}:root{--csstools-color-scheme--light: ;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#a8c7fa;--color-on-primary:#062e6f;--color-primary-container:#0842a0;--color-on-primary-container:#d3e3fd;--color-surface:#1e1f20;--color-surface-container:#1e1f22;--color-surface-container-high:#282a2d;--color-surface-container-highest:#333538;--color-body:#131314;--color-text:#e3e3e3;--color-danger:#ffb4ab;--color-danger-container:#93000a;--color-warning:#fde293;--color-success:#81c784;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px}*,:before,:after{box-sizing:border-box}html,body,#app{height:100dvh;margin:0;overflow:hidden}body{color:var(--color-text);background:#131314;background:var(--color-body);-webkit-font-smoothing:antialiased;font-family:Google Sans,Product Sans,Roboto,Noto Sans SC,system-ui,-apple-system,Segoe UI,Ubuntu,Cantarell,Noto Sans,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;-webkit-text-decoration:none;text-decoration:none}.btn:focus-visible,.match-card:focus-visible,.md-checkbox:focus-visible{outline:2px solid #a8c7fa;outline:2px solid var(--color-primary);outline-offset:2px}.md-input:focus-visible,.md-select:focus-visible{border-color:#a8c7fa;border-color:var(--color-primary);box-shadow:0 0 0 1px #a8c7fa;box-shadow:0 0 0 1px var(--color-primary);outline:none}.match-card:focus-visible{outline-offset:-2px;border-radius:16px}.btn{border-radius:999px;border-radius:var(--radius-full);cursor:pointer;letter-spacing:.5px;color:var(--color-text);height:40px;background:#ffffff14;border:none;outline:none;justify-content:center;align-items:center;gap:6px;padding:0 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn:hover:not(:disabled){background:#ffffff2e}.btn:disabled{opacity:.38;pointer-events:none}.btn.text{color:var(--color-primary);background:0 0;padding:0 12px}.btn.text:hover:not(:disabled){background:#a8c7fa1a}.btn.primary{background:#a8c7fa;background:var(--color-primary);color:#000;font-weight:700}.btn.primary:hover:not(:disabled){background:#b8d4ff}.btn.warn{background:#93000a;background:var(--color-danger-container);color:var(--color-danger)}.btn.warn:hover:not(:disabled){color:#fff;background:#b00020}.btn.icon{border-radius:50%;flex-shrink:0;width:40px;min-width:40px;height:40px;padding:0}.btn.lg{height:52px;padding:0 40px;font-size:16px}.btn.sm{letter-spacing:.5px;height:32px;padding:0 12px;font-size:12px}.md-field{display:block;position:relative}.md-input,.md-select{border-radius:12px;border-radius:var(--radius-md);color:#fff;background:#ffffff0a;border:none;outline:none;width:100%;min-height:52px;padding:22px 14px 8px;font-family:inherit;font-size:14px;line-height:1.4;transition:background .2s}.md-input::placeholder{color:#0000}.md-input:focus,.md-select:focus{background:#ffffff14}.md-input:disabled,.md-select:disabled{opacity:.5}.md-label{color:#ffffff80;pointer-events:none;font-size:14px;transition:all .2s;position:absolute;top:16px;left:14px}.md-input:not(:-moz-placeholder-shown)~.md-label{color:var(--color-primary);font-size:11px;font-weight:600;top:6px}.md-input:focus~.md-label,.md-input:not(:placeholder-shown)~.md-label,.md-select:focus~.md-label,.md-select:valid~.md-label{color:var(--color-primary);font-size:11px;font-weight:600;top:6px}.md-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.md-select option{color:#fff;background:#1a1c1e}.md-checkbox{cursor:pointer;border-radius:12px;border-radius:var(--radius-md);background:#ffffff0a;align-items:center;gap:10px;padding:10px 14px;display:flex}.md-checkbox input{appearance:none;cursor:pointer;background:0 0;border:2px solid #ffffff73;border-radius:4px;flex-shrink:0;width:18px;height:18px;position:relative}.md-checkbox input:checked{background:#a8c7fa;background:var(--color-primary);border-color:#a8c7fa;border-color:var(--color-primary)}.md-checkbox input:checked:after{content:"";border:2px solid #000;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.md-checkbox span{font-size:14px;font-weight:500}.app-page{justify-content:center;align-items:center;height:100dvh;padding:14px;display:flex;overflow:hidden}.app-surface{background:#1e1f22;background:var(--color-surface-container);border-radius:24px;border-radius:var(--radius-xl);padding:24px}.app-empty{text-align:center;color:#ffffff59;padding:32px;font-size:13px;font-weight:600}.row{align-items:center;display:flex}.app-header-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.app-icon-btn{background:#ffffff1a;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;border-radius:50%!important;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important}.app-icon-btn:hover:not(:disabled){background:#fff3}.page-screen{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.page-top{justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.page-title{letter-spacing:2px;color:var(--color-primary);margin:0;font-size:22px;font-weight:800}.page-body{flex-direction:column;flex:1;min-height:0;padding:0 20px 20px;display:flex;overflow-y:auto}.page-body.center{justify-content:center;align-items:center}.page-footer{border-top:1px solid #ffffff0d;justify-content:center;gap:16px;padding:8px 20px;display:flex}.page-panel{width:100%;max-width:420px;padding:28px 24px 20px}.card{background:#1e1f22;background:var(--color-surface-container);border-radius:24px;border-radius:var(--radius-xl)}.match-card{border-radius:16px;border-radius:var(--radius-lg);text-align:left;color:#fff;cursor:pointer;background:#ffffff08;border:none;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;padding:12px 16px;font-family:inherit;font-size:13px;transition:background .15s;display:flex}.match-card:hover{background:#ffffff0f}.match-card .status{border-radius:999px;border-radius:var(--radius-full);letter-spacing:1px;padding:3px 10px;font-size:11px;font-weight:700}.status.playing{color:var(--color-primary);background:#a8c7fa26}.status.waiting{color:var(--color-success);background:#81c78426}.status.finished{color:#fff6;background:#ffffff0f}@media (width<=400px){.page-top{padding:10px 14px}.page-title{letter-spacing:1px;font-size:18px}.page-body{padding:0 12px 16px}.page-footer{gap:12px;padding:6px 12px}.page-panel{padding:20px 16px 16px}.match-card{padding:10px 12px;font-size:12px}.match-card .status{padding:2px 8px;font-size:10px}}.dropdown{background:#1e1f22;background:var(--color-surface-container);z-index:100;border:none;border-radius:12px;min-width:150px;padding:6px;animation:.15s ease-out drop-in;position:absolute;top:calc(100% + 6px);right:0}.dropdown-item{color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:flex}.dropdown-item:hover{background:#ffffff1a}.dropdown-item.active{color:var(--color-primary);background:#a8c7fa1f}@keyframes drop-in{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.match-card{animation:.2s ease-out both slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.match-card:first-child{animation-delay:0s}.match-card:nth-child(2){animation-delay:30ms}.match-card:nth-child(3){animation-delay:60ms}.match-card:nth-child(4){animation-delay:90ms}.match-card:nth-child(5){animation-delay:.12s}.match-card:nth-child(6){animation-delay:.15s}.match-card:nth-child(7){animation-delay:.18s}.match-card:nth-child(8){animation-delay:.21s}.page-body,.app-surface.page-panel{animation:.15s ease-out view-in}@keyframes view-in{0%{opacity:0}to{opacity:1}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:max-content;margin:0 auto;display:flex;position:fixed;top:16px;left:0;right:0}.toast-item{background:#333538;background:var(--color-surface-container-highest);color:var(--color-text);border-radius:12px;border-radius:var(--radius-md);text-align:center;padding:10px 18px;font-size:13px;font-weight:500;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000040}.toast-content{z-index:1;position:relative}.toast-progress{background:#a8c7fa;background:var(--color-primary);height:3px;animation:linear forwards toast-shrink;position:absolute;bottom:0;left:0}.toast-success .toast-progress{background:#81c784;background:var(--color-success)}.toast-warning .toast-progress{background:#ffb74d}.toast-error .toast-progress{background:#e57373}@keyframes toast-shrink{0%{width:100%}to{width:0%}}.arena{color:#fff;background:radial-gradient(circle,#1e1f22 0%,#000 100%);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.arena .hud{z-index:10;pointer-events:none;justify-content:space-between;padding:20px;display:flex;position:absolute;top:0;left:0;right:0}.arena .hud .btn{pointer-events:auto}.arena .stats{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:20px;padding:8px 24px}.arena .round{letter-spacing:2px;font-size:18px;font-weight:800}.arena .ties{color:var(--color-warning);letter-spacing:1px;margin-top:2px;font-size:12px;font-weight:800}.arena .field{flex-direction:column;flex:1;display:flex;position:relative}.arena .zone{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.arena .zone.opp{padding-top:40px}.arena .zone.player{justify-content:flex-end;padding-bottom:50px}.arena .locked{pointer-events:none;opacity:.7}.player-hand-wrapper{justify-content:center;align-items:center;margin-top:-20px;display:flex;position:relative}.exchange-btn-wrapper{right:calc(-30px - 5*min(8vw,32.5px));right:calc(-30px - var(--hand-size,5) * min(8vw, 32.5px));z-index:20;justify-content:center;align-items:center;display:flex;position:absolute}.exchange-action-btn{background:#ffb4ab;background:var(--color-danger);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s cubic-bezier(.2,1,.3,1);display:flex;box-shadow:0 2px 8px #0000004d}.exchange-action-btn:hover:not(:disabled){background:#ff9a8f;transform:scale(1.15)rotate(45deg);box-shadow:0 4px 8px #ffb4ab33}.exchange-action-btn:active:not(:disabled){transform:scale(.95)rotate(90deg)}.exchange-action-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale()}.exchange-action-btn svg{width:20px;height:20px}.arena .cards{justify-content:center;align-items:center;width:110px;height:130px;display:flex;position:relative}.arena .card{-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100px;height:120px;transition:all .25s cubic-bezier(.2,1,.3,1);display:flex;position:absolute;box-shadow:0 4px 12px #00000040}.arena .back{background:#111;border:2px solid #333}.arena .back:after{content:"KRPS";color:#222;font-size:28px;font-weight:900}.arena .front{color:#fff;cursor:pointer;background:#1a1a1a;border:2px solid #ffffff1a}.arena .front:hover{background:#222;border-color:#ffffff4d;transform:translateY(-4px)}.arena .front .ico{color:var(--color-primary);opacity:.3;font-size:48px;transition:all .2s}.arena .front .shortcut{text-align:center;color:#ffffff4d;letter-spacing:1px;width:100%;font-size:12px;font-weight:800;position:absolute;bottom:10px}.arena .front.active{-webkit-backdrop-filter:blur(8px);border-color:#a8c7fa;border-color:var(--color-primary);background:#a8c7fa14;box-shadow:0 0 12px #a8c7fa1f;z-index:10!important}.arena .front.active .ico{opacity:1;color:var(--color-primary);transform:scale(1.05)}.arena .front.active .name{color:var(--color-primary);text-align:center;text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:12px;font-weight:900;line-height:1.4}.arena .opp-cards .card{transform:translateX(calc(var(--offset) * min(15vw, 55px))) translateY(calc(var(--abs-offset) * 6px)) rotate(calc(var(--offset) * -5deg))}.arena .my-cards .card{transform:translateX(calc(var(--offset) * min(15vw, 65px))) translateY(calc(var(--abs-offset) * 6px)) rotate(calc(var(--offset) * 5deg))}.arena .my-cards .card.active{transform:translateX(calc(var(--offset) * min(15vw, 65px))) translateY(-30px) scale(1.05) rotate(0);z-index:10}.arena .center{z-index:5;pointer-events:none;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;inset:0}.arena .hint{letter-spacing:2px;color:var(--color-primary);background:#a8c7fa1a;border-radius:999px;margin-top:16px;padding:8px 24px;font-size:12px;font-weight:800;animation:2s infinite arena-pulse}.arena .clash-view{align-items:center;gap:50px;display:flex}.c-card{background:#1a1a1a;border:2px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:90px;height:110px;display:flex;box-shadow:0 4px 12px #00000040}.c-card .ico{color:#ffffff4d;font-size:40px}.opp-fly{animation:.25s cubic-bezier(.2,1,.3,1) both infly-top}.opp-fly .ico{opacity:1}.my-fly{animation:.25s cubic-bezier(.2,1,.3,1) both infly-bot}.my-fly .ico{opacity:1}.result-light{border-radius:50%;width:56px;height:56px;animation:.25s ease-out .1s both fade-in-result;box-shadow:0 2px 8px #00000040}.result-light.win{background:#4ade80;box-shadow:0 0 16px #4ade8040}.result-light.lose{background:#ffb4ab;background:var(--color-danger);box-shadow:0 0 16px #ffb4ab40}.result-light.tie{background:#fde293;background:var(--color-warning);box-shadow:0 0 16px #fde29340}.game-over{text-align:center;box-sizing:border-box;pointer-events:auto;width:100%;padding:0;animation:.3s ease-out game-fadein}.game-over h1{letter-spacing:max(2px,min(1.2vw,6px));margin:0 0 32px;font-size:max(36px,min(9vw,72px));font-weight:900;line-height:1}.game-over .win{color:var(--color-primary)}.game-over .lose{color:var(--color-danger)}.actions-row{justify-content:center;gap:12px;display:flex}@keyframes game-fadein{0%{opacity:0}to{opacity:1}}.exchange-anim{animation:.6s ease-out exchange-flash}@keyframes arena-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes arena-pop{0%{opacity:0;transform:scale(0)}80%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes infly-top{0%{opacity:0;transform:translateY(-300px)rotateX(-180deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}@keyframes infly-bot{0%{opacity:0;transform:translateY(300px)rotateX(180deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}@keyframes fade-in-result{0%{opacity:0}to{opacity:1}}@keyframes exchange-flash{0%{filter:brightness()}50%{filter:brightness(2) drop-shadow(0 0 15px var(--color-primary,#a8c7fa))}to{filter:brightness()}}@media (width<=600px){.arena .clash-view{gap:20px}.c-card{width:75px;height:95px}.c-card .ico{font-size:32px}.result-light{width:44px;height:44px}.game-over h1{letter-spacing:4px;font-size:48px}.arena .card{width:85px;height:105px}.arena .front .ico{font-size:40px}.arena .front.active .name{font-size:10px}.arena .my-cards .card{transform:translateX(calc(var(--offset) * min(15vw, 55px))) translateY(calc(var(--abs-offset) * 6px)) rotate(calc(var(--offset) * 5deg))}.arena .my-cards .card.active{transform:translateX(calc(var(--offset) * min(15vw, 55px))) translateY(-30px) scale(1.05) rotate(0)}.arena .opp-cards .card{transform:translateX(calc(var(--offset) * min(15vw, 45px))) translateY(calc(var(--abs-offset) * 6px)) rotate(calc(var(--offset) * -5deg))}.exchange-btn-wrapper{right:calc(-20px - 5*min(8vw,27.5px));right:calc(-20px - var(--hand-size,5) * min(8vw, 27.5px))}.exchange-action-btn{width:32px;height:40px}.exchange-action-btn svg{width:18px;height:24px}}@media (width<=420px){.game-over h1{letter-spacing:1px;margin-bottom:20px;font-size:max(28px,min(11vw,40px))}}