:root{--bg:#f6f7f9;--fg:#0d0f13;--surface:#fff;--border:#e5e7eb;--accent:#4f46e5;--muted:#64748b;--grid:#e9eef3;--overlay:rgba(13,15,19,.65);--cell:40px;--grid-line:var(--border);--rail:240px}@media (prefers-color-scheme:dark){:root{--bg:#0b0d12;--fg:#e8eaee;--surface:#12151d;--border:#1e2330;--accent:#7c91ff;--muted:#93a4b7;--grid:#1a2130;--overlay:rgba(0,0,0,.65)}}:root[data-theme=light]{--bg:#f6f7f9;--fg:#0d0f13;--surface:#fff;--border:#e5e7eb;--accent:#4f46e5;--last-move:rgba(255,204,0,.85);--muted:#64748b;--grid:#e9eef3;--overlay:rgba(13,15,19,.65)}:root[data-theme=dark]{--bg:#0b0d12;--fg:#e8eaee;--surface:#12151d;--border:#1e2330;--accent:#7c91ff;--last-move:rgba(255,191,0,.9);--muted:#93a4b7;--grid:#151a26;--overlay:rgba(0,0,0,.65);--grid-line:#2a3142}#__next,body,html{height:100%}body,html{margin:0;padding:0;width:100%;overflow-x:hidden}body{margin:0;background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.button,body{color:var(--fg)}.button{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);cursor:pointer}.button:hover{border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.grid-cell{width:50px;height:70px;border:2px solid var(--border);background:var(--grid);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--fg)}.board{--gap:6px;grid-template-columns:repeat(var(--cols,11),var(--cell));grid-auto-rows:var(--cell);width:calc(var(--cols) * var(--cell) + (var(--cols) - 1) * var(--gap));height:calc(var(--rows) * var(--cell) + (var(--rows) - 1) * var(--gap));grid-gap:var(--gap);gap:var(--gap);background:repeating-linear-gradient(to right,transparent 0,transparent var(--cell),transparent calc(var(--cell) + (var(--gap) - 1px) / 2),var(--grid-line) calc(var(--cell) + (var(--gap) - 1px) / 2),var(--grid-line) calc(var(--cell) + (var(--gap) + 1px) / 2),transparent calc(var(--cell) + var(--gap))),repeating-linear-gradient(to bottom,transparent 0,transparent var(--cell),transparent calc(var(--cell) + (var(--gap) - 1px) / 2),var(--grid-line) calc(var(--cell) + (var(--gap) - 1px) / 2),var(--grid-line) calc(var(--cell) + (var(--gap) + 1px) / 2),transparent calc(var(--cell) + var(--gap)));background-clip:padding-box;border:2px solid var(--grid-line);border-radius:8px}.board,.board-wrap{display:grid;position:relative}.board-wrap{justify-content:center;align-items:center;grid-template-columns:1fr clamp(180px,22vw,260px);grid-gap:clamp(12px,2vw,24px);gap:clamp(12px,2vw,24px);align-items:stretch;margin:0 auto;padding:8px 12px;width:-moz-fit-content;width:fit-content;max-width:100%}.board-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:2}.board-overlay .winner{pointer-events:auto;background:#2f8f46;color:#fff;padding:14px 18px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35);font-weight:700}.cell{width:var(--cell);height:var(--cell);display:grid;place-items:center;cursor:pointer;color:var(--fg);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:box-shadow .12s ease,outline-color .12s ease,background .12s ease;outline:2px solid transparent;background:hsla(0,0%,100%,.03);border-radius:8px}.cell.occupied{background:hsla(0,0%,100%,.06)}.cell.legal{outline-color:rgba(80,200,120,.7)}.cell.illegal{cursor:not-allowed;opacity:.35}.cell.legal:hover{box-shadow:inset 0 0 0 3px rgba(80,200,120,.35)}@keyframes last-move-pulse{0%{opacity:1;box-shadow:0 0 0 2px var(--last-move),0 0 18px 6px var(--last-move)}60%{opacity:.9;box-shadow:0 0 0 2px var(--last-move),0 0 12px 4px var(--last-move)}to{opacity:.55;box-shadow:0 0 0 2px var(--last-move),0 0 10px 3px var(--last-move)}}.cell.last-move{outline-color:transparent}.cell.last-move:after{content:"";position:absolute;inset:-2px;border-radius:10px;pointer-events:none;box-shadow:0 0 0 2px var(--last-move),0 0 16px 5px var(--last-move);animation:last-move-pulse 1.2s ease-out 1}.toast{position:fixed;right:16px;bottom:16px;background:#222;color:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,.35);z-index:9999}.toast.error{background:#8b1e1e}.disabled{opacity:.45;cursor:not-allowed}.topbar{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:12px}.tb-group,.topbar{align-items:center}.tb-group{display:flex;gap:8px;flex-wrap:wrap}.tb-chip{padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tb-group.tb-g3>.menu-button-group{display:inline-flex;align-items:center;gap:8px}.np-head>div,.np-row>div,.sb-head>div,.sb-row>div{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-head,.sb-row{grid-template-columns:48px minmax(0,1fr) 80px 80px 80px 90px 90px;grid-gap:8px}.np-head,.np-row,.sb-head,.sb-row{display:grid;gap:8px;padding:6px 0}.np-head,.np-row{grid-template-columns:140px minmax(0,1fr) 110px;grid-gap:8px}.layout{display:grid;grid-template-columns:1fr 320px;grid-gap:1rem;gap:1rem;padding:1rem}.board-col{min-width:0;display:grid;justify-items:center;align-content:center;grid-gap:10px;gap:10px;padding:6px 2px;--cardBackWF:0.90;--cardBackHF:1.30;--cardFrontWF:0.75;--cardFrontHF:1.22}.card-slot{width:calc(var(--cell) * var(--cardWF));height:calc(var(--cell) * var(--cardHF));border-radius:8px;display:flex;align-items:center;justify-content:center}.card-slot,.card-slot.back{--cardWF:var(--cardBackWF);--cardHF:var(--cardBackHF)}.card-slot.front{--cardWF:var(--cardFrontWF);--cardHF:var(--cardFrontHF)}.board-area{display:grid;place-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:12px}.hand-row.bound{width:calc(var(--cols) * var(--cell) + (var(--cols) - 1) * var(--gap));margin:0;justify-content:center}.hand-row{display:flex;gap:6px;min-height:80px}.hand-top{align-items:flex-end}.hand-bottom{align-items:flex-start}.auth-panel{min-height:calc(100vh - 88px)}.auth-title{margin-bottom:.5rem}.btn{display:inline-block;padding:.5rem .75rem;border-radius:.5rem;border:1px solid hsla(0,0%,100%,.12);text-align:center}.btn:hover{background:hsla(0,0%,100%,.06)}.btn.ghost{background:transparent}.btn.danger{border-color:#f87171}.link{color:#7dd3fc;text-decoration:underline}.stack{display:grid}.gap-8{gap:.5rem}.fm{grid-gap:14px;gap:14px}.fm,.fm-row{display:grid}.fm-row{grid-gap:6px;gap:6px}.fm-label{font-size:12px;letter-spacing:.04em;text-transform:uppercase;opacity:.8}.fm-input{width:100%;border-radius:12px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.06);padding:10px 12px;color:inherit;box-sizing:border-box}.fm-input::placeholder{color:hsla(0,0%,100%,.35)}.fm-input:focus{outline:none;border-color:rgba(125,211,252,.45);box-shadow:0 0 0 2px rgba(16,185,129,.2);background:hsla(0,0%,100%,.08)}.fm-turnstile{display:flex;justify-content:center}.fm-btn{width:100%;border-radius:12px;border:1px solid hsla(0,0%,100%,.12);padding:10px 12px;font-weight:600;background:hsla(0,0%,100%,.08);color:inherit;cursor:pointer;transition:filter .12s ease,opacity .12s ease,background .12s ease}.fm-btn:hover{background:hsla(0,0%,100%,.12)}.fm-btn:disabled{opacity:.6;cursor:not-allowed}.fm-emerald{background:#059669}.fm-emerald:hover{background:#10b981}.fm-sky{background:#0369a1}.fm-sky:hover{background:#0ea5e9}.fm-amber{background:#b45309}.fm-amber:hover{background:#f59e0b}.fm-indigo{background:#4f46e5}.fm-indigo:hover{background:#6366f1}.fm-msg{font-size:14px;border:1px solid hsla(0,0%,100%,.18);background:hsla(0,0%,100%,.06);padding:8px 10px;border-radius:10px}.fm-msg.ok{border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.12)}.fm-msg.err{border-color:rgba(244,63,94,.35);background:rgba(244,63,94,.12)}.fm-link{text-decoration:underline;opacity:.85}.fm-link:hover{opacity:1}@media (max-width:600px){.topbar.tb-grid{grid-template-columns:1fr;gap:8px}.topbar.tb-grid .tb-group{width:100%;justify-content:start}.topbar.tb-grid .tb-group>*{flex:1 1 auto;min-width:0}.sb-head,.sb-row{grid-template-columns:24px minmax(0,1fr) repeat(5,minmax(38px,56px));font-size:.85rem;column-gap:6px}.np-head,.np-row{grid-template-columns:minmax(80px,.9fr) minmax(0,1.1fr) minmax(70px,.7fr);font-size:.9rem}.board-col{--cardBackWF:0.90;--cardBackHF:1.30;--cardFrontWF:0.75;--cardFrontHF:1.22}}.auth-panel{border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:14px;background:hsla(0,0%,100%,.02)}.auth-title{font-weight:600;margin-bottom:.75rem}.auth-actions,.auth-user{display:grid;grid-gap:.5rem;gap:.5rem}.auth-panel .btn{display:block;padding:.55rem .8rem;border-radius:.6rem;border:1px solid hsla(0,0%,100%,.12);text-align:center;background:hsla(0,0%,100%,.03);color:inherit!important;text-decoration:none!important}.auth-panel .btn:hover{background:hsla(0,0%,100%,.07)}.auth-panel .btn.ghost{background:transparent}.auth-panel .btn.danger{border-color:#f87171}.auth-panel .link{color:#7dd3fc;text-decoration:underline}.small{font-size:.9rem;opacity:.9}.player-rail{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;height:100%}.player-badge{--avatar:calc(var(--cell) * 0.56);--pad:calc(var(--cell) * 0.10);--gap:calc(var(--cell) * 0.10);display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:var(--gap);gap:var(--gap);padding:var(--pad) calc(var(--pad) * 1);width:100%;max-inline-size:100%;box-sizing:border-box;border-radius:8px;background:var(--surface);box-shadow:0 0 0 2px var(--border) inset;transition:filter .12s ease,box-shadow .12s ease}:root[data-theme=light] .player-badge{background:hsla(0,0%,100%,.65);border:1px solid rgba(0,0,0,.08)}.player-rail{align-items:center}.player-rail>.player-badge{align-self:center}.player-badge .avatar{inline-size:var(--avatar);block-size:var(--avatar);border-radius:8px;border:1px solid var(--border);object-fit:cover}.player-badge .meta{display:flex;flex-direction:column;justify-content:center;line-height:1.1;gap:calc(var(--cell) * .07);min-width:0}.player-badge .name{font-weight:500;font-size:calc(var(--cell) * .16);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.05}.player-badge .stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:calc(var(--cell) * .06);gap:calc(var(--cell) * .06);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:calc(var(--cell) * .12);opacity:.9;text-align:center}.player-badge.turn{box-shadow:0 0 0 2px var(--last-move),0 0 16px 5px var(--last-move)}.player-rail-bottom,.player-rail-top{display:none}@media (max-width:900px){.board-wrap{grid-template-columns:1fr;justify-content:center;gap:10px}.player-rail{display:none}.player-rail-bottom,.player-rail-top{display:flex;justify-content:center;width:100%}.player-rail-top{margin-bottom:4px}.player-rail-bottom{margin-top:4px}.player-badge{--avatar:calc(var(--cell) * 0.54);--pad:calc(var(--cell) * 0.09);--gap:calc(var(--cell) * 0.10);width:auto;max-inline-size:calc(var(--cell) * 5.2);margin-inline:auto}.hand-row{gap:4px;min-height:70px}.topbar.tb-grid{grid-template-columns:1fr;gap:8px}.topbar.tb-grid .tb-group{width:100%;justify-content:start}.topbar.tb-grid .tb-group>*{flex:1 1 auto;min-width:0}.sb-head,.sb-row{grid-template-columns:24px minmax(0,1fr) repeat(5,minmax(38px,56px));font-size:.85rem;column-gap:6px}.np-head,.np-row{grid-template-columns:minmax(80px,.9fr) minmax(0,1.1fr) minmax(70px,.7fr);font-size:.9rem}.board-col{--cardBackWF:0.90;--cardBackHF:1.30;--cardFrontWF:0.75;--cardFrontHF:1.22}}.account-panel{display:grid;grid-gap:16px;gap:16px;padding:14px;border-radius:12px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.account-panel input[type=file],.account-panel input[type=text]{width:100%;border-radius:10px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.08);padding:8px 10px;color:inherit;box-sizing:border-box}.account-panel input:focus{outline:none;border-color:rgba(125,211,252,.45);box-shadow:0 0 0 2px rgba(16,185,129,.2)}.account-panel .section{border-top:1px solid hsla(0,0%,100%,.08);padding-top:10px;margin-top:6px}.account-panel .danger-zone{border-top:1px solid rgba(244,63,94,.25);padding-top:10px;color:rgba(244,63,94,.9)}.linkish{background:transparent;border:none;color:var(--fg);cursor:pointer;padding:0;font:inherit}.linkish:hover{text-decoration:underline}.profile-card{display:grid;grid-gap:14px;gap:14px}.profile-row{display:grid;grid-template-columns:72px 1fr;grid-gap:12px;gap:12px;align-items:center}.profile-avatar{width:72px;height:72px;border-radius:14px;object-fit:cover;border:1px solid hsla(0,0%,100%,.12)}.profile-meta{display:grid;grid-gap:4px;gap:4px}.profile-name{font-weight:800;font-size:1.2rem;line-height:1.1}.profile-sub{opacity:.75;font-size:.9rem}.profile-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:6px}.profile-stats>div{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;padding:10px;text-align:center}.profile-stats .k{opacity:.75;font-size:.8rem;margin-bottom:2px}.profile-stats .v{font-family:ui-monospace,monospace;font-weight:700;font-size:1.05rem}.menu-button-group{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;z-index:2000;min-width:100%;padding:4px;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.2);list-style:none;width:max-content}.dropdown-item{display:block;width:100%;padding:8px 10px;background:transparent;border:0;color:var(--fg);text-align:left;border-radius:8px;cursor:pointer}.dropdown-item:hover{background:hsla(0,0%,50%,.12)}.layout-root{display:flex;min-height:100vh;width:100%;background:var(--bg);color:var(--fg)}.sidebar{width:150px;background:var(--surface);border-right:1px solid var(--border);padding:1rem;display:flex;flex-direction:column;gap:10px;transition:transform .3s ease}.sidebar-inner{flex:1 1;display:flex;flex-direction:column;gap:10px}.sidebar-toprow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.sidebar-inner .button{width:100%;text-align:center}.sidebar .dropdown-menu{min-width:100%;width:max-content}.page-content{flex:1 1;overflow-x:hidden;padding:1rem}.sidebar-toggle{position:fixed;top:0;left:0;z-index:3000;border:0;background:#242b3d;padding:6px;border-radius:0 0 6px 0;box-shadow:0 2px 6px rgba(0,0,0,.25);font-size:25px}.sidebar-close,.sidebar-toggle{display:none;color:var(--fg);cursor:pointer}.sidebar-close{align-self:flex-end;background:transparent;border:0;font-size:1.5rem}@media (max-width:800px){.sidebar{position:fixed;top:0;left:0;height:100%;transform:translateX(-100%);z-index:2000;box-shadow:4px 0 12px rgba(0,0,0,.25)}.layout-root.sidebar-open .sidebar{transform:translateX(0)}.sidebar-close,.sidebar-toggle{display:block}.page-content>a[href="/"]{margin:0 auto 8px;justify-content:center}}
/*# sourceMappingURL=67f10b2f1c9ce456.css.map*/