@charset "UTF-8";:root{--bg: #070b16;--bg2: #0d1426;--panel: rgba(16, 24, 44, .92);--line: #243457;--text: #dbe4f7;--muted: #8fa0c4;--accent: #4fd1ff;--teamA: #37d6ff;--teamB: #ff5fa2;--gold: #ffd166;--basic: #6ea8fe;--spell: #b98cff;--equip: #57d9a3;--treasure: #ffd166;--appendix: #ff8f6b;--handbar-h: clamp(11rem, 28vh, 26rem);--hand-card-w: clamp(4.75rem, calc(var(--handbar-h) * .55), 11rem);--hand-card-h: calc(var(--hand-card-w) * 1.4);--log-w: 18.75rem;--board-side-w: 11.5rem;--title-basic: #dfe4ee;--title-spell: #6ea8fe;--title-equip: #8fe8c0;--title-treasure: #ffd166;--title-appendix: #ffb08f;--attr-target: #ffd166;--attr-response: #c9a6ff;--attr-defy: #ff6b66}html{font-size:clamp(13px,.7vw + .5vh + 6px,20px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}body{background:radial-gradient(1200px 800px at 50% -10%,#16233f 0%,var(--bg) 60%);color:var(--text);font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}.app{height:100%}button{font:inherit;cursor:pointer;border-radius:.5rem;border:1px solid var(--line);background:#16203a;color:var(--text);padding:.5rem .875rem;transition:all .15s ease}button:hover:not(:disabled){border-color:var(--accent);background:#1d2b4d}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(135deg,#1f6fd0,#2fb6e8);border-color:#3fa9e0;color:#fff;font-weight:600}button.ghost{background:transparent}button.ghost.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;color:var(--accent)}button.small{padding:.25rem .625rem;font-size:.75rem}button.danger{border-color:#d9534f;color:#ff9b98}input{font:inherit;background:#0c1425;border:1px solid var(--line);border-radius:.5rem;color:var(--text);padding:.5rem .625rem;outline:none}input:focus{border-color:var(--accent)}.muted{color:var(--muted)}.small{font-size:.75rem}.hint{color:var(--muted);font-size:.75rem}.error{color:#ff8a85;margin-top:.75rem}.menu-root{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;position:relative}.menu-title h1{font-size:clamp(2rem,6vw,4rem);letter-spacing:.25em;margin:0;background:linear-gradient(135deg,#7ee8ff,#b98cff 60%,#ffd166);-webkit-background-clip:text;background-clip:text;color:transparent}.menu-sub{text-align:center;color:var(--muted);letter-spacing:.25em;margin:.5rem 0 0}.menu-buttons{display:flex;flex-direction:column;gap:.875rem;width:min(280px,80vw)}.menu-btn{padding:.875rem;font-size:1.125rem;letter-spacing:.25em;background:#16203acc}.menu-name{position:absolute;right:1.5rem;bottom:1.25rem;display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.8125rem}.menu-version{position:absolute;left:1.5rem;bottom:1.25rem;color:var(--muted);font-size:.8125rem;letter-spacing:.05em}.ms{font-family:Material Symbols Outlined,Material Symbols,sans-serif;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 40;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;overflow:hidden}.rt-white{color:#fff}.rt-blue{color:#7db6ff}.rt-red{color:#ff6b66}.rt-gold{color:#ffd166}.rt-green{color:#57d9a3}.rt-yellow{color:#ffe94d}.rt-purple{color:#c9a6ff}.rt-basic{color:var(--title-basic)}.rt-spell{color:var(--title-spell)}.rt-equip{color:var(--title-equip)}.rt-treasure{color:var(--title-treasure)}.rt-appendix{color:var(--title-appendix)}.rt-target{color:var(--attr-target)}.rt-response{color:var(--attr-response)}.rt-defy_death{color:var(--attr-defy)}.rt-var{font-weight:700;padding:0 .15em;border-radius:.2em}.rt-var-damage{color:#ff6b66}.rt-var-heal{color:#57d9a3}.card-desc .rt-var-damage{color:#c62f2a}.card-desc .rt-var-heal{color:#0f7a52}.rt-token{display:inline-flex;align-items:center;vertical-align:-.12em;margin:0 .08em}.rt-token .ic{width:.85em;height:.85em}.card{--cw: 8rem;--ch: 11.2rem;--tone: var(--line);--title-bg: var(--title-basic);--title-fg: #121a2b;--art-h: 220;width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .085);border:1px solid var(--tone);background:#0b1120;overflow:hidden;display:flex;flex-direction:column;font-size:calc(var(--cw) * .115);line-height:1.3;position:relative;flex:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .15s ease,box-shadow .15s ease;isolation:isolate}.card.kind-basic{--tone: #aab6cc;--title-bg: var(--title-basic);--title-fg: #121a2b}.card.kind-spell{--tone: var(--title-spell);--title-bg: var(--title-spell);--title-fg: #061427}.card.kind-equip{--tone: var(--title-equip);--title-bg: var(--title-equip);--title-fg: #06231a}.card.kind-treasure{--tone: var(--title-treasure);--title-bg: var(--title-treasure);--title-fg: #2a1c00}.card.kind-appendix{--tone: var(--title-appendix);--title-bg: var(--title-appendix);--title-fg: #2a1206}.card.sm{--cw: 5.25rem;--ch: 7.35rem}.card.md{--cw: 8rem;--ch: 11.2rem}.card.lg{--cw: 12.5rem;--ch: 17.5rem}.card.dim{filter:grayscale(.65) brightness(.7)}.card.selected{box-shadow:0 0 0 2px var(--accent)}.card.highlight{box-shadow:0 0 0 2px var(--gold)}.card.picked{animation:card-pick-pulse .85s ease-in-out infinite}@keyframes card-pick-pulse{0%,to{box-shadow:0 0 0 2px var(--accent)}50%{box-shadow:0 0 0 4px #fff,0 0 18px 2px var(--accent)}}.card.hoverable:hover{transform:scale(var(--card-hover-scale, 1.18));box-shadow:0 14px 30px #0000009e,0 0 0 2px var(--tone);z-index:30}.card-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:cover;display:block}.card-art-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(92% 62% at 50% 20%,hsl(var(--art-h),55%,44%),hsl(var(--art-h),60%,20%) 62%,#070c18),#070c18}.card-art-ph .ms{font-size:calc(var(--cw) * .66);color:#fff;opacity:.22}.card-top{position:relative;z-index:2;flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:.3em;padding:.3em .35em 0}.card-cost{display:flex;align-items:center;gap:.06em;padding-top:.15em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.95))}.card-cost .ic{width:.95em;height:.95em;color:#7ee8ff}.card-kind{flex:none;width:1.9em;height:1.9em;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--title-bg);color:var(--title-fg);border:1px solid rgba(0,0,0,.4);box-shadow:0 2px 7px #0009}.card-kind .ms{font-size:1.25em}.card-bottom{position:relative;z-index:1;margin-top:auto;display:flex;flex-direction:column;min-height:0}.card-desc{margin:0 calc(var(--cw) * .035) calc(var(--cw) * .03);padding:.25em .4em;border-radius:calc(var(--cw) * .03);background:#ffffffc7;color:#131c2e;font-size:.66em;line-height:1.4;max-height:calc(var(--cw) * .75);overflow:hidden;white-space:pre-wrap;word-break:break-word}.card-desc .rt-white,.card-desc .rt-basic{color:#131c2e}.card-desc .rt-blue,.card-desc .rt-spell{color:#1d5fd0}.card-desc .rt-red,.card-desc .rt-defy_death{color:#c62f2a}.card-desc .rt-green,.card-desc .rt-equip{color:#0f7a52}.card-desc .rt-purple,.card-desc .rt-response{color:#6b34c9}.card-desc .rt-gold,.card-desc .rt-treasure,.card-desc .rt-target{color:#8a6100}.card-desc .rt-yellow{color:#a87f00}.card-desc .rt-appendix{color:#9a4520}.card-desc .rt-token .ic{color:#1f6fd0}.card.sm .card-desc{display:none}.card-foot{position:relative;z-index:2;flex:none;background:linear-gradient(180deg,#0e1729,#070c17);border-top:1px solid rgba(255,255,255,.16)}.card-title-row{height:1.5em;display:flex;align-items:center;justify-content:center;padding:0 .35em;background:var(--title-bg);color:var(--title-fg)}.card-name{font-size:1.2em;line-height:1.2;font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-attrs{min-height:1.3em;display:flex;align-items:center;justify-content:start;gap:.25em;flex-wrap:wrap;padding:.15em .3em .25em}.attr{font-size:.66em;line-height:1.3;padding:0 .4em;border-radius:.3em;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.attr-target{color:var(--attr-target);border-color:#8a6a1c;background:#ffd1661f}.attr-response{color:var(--attr-response);border-color:#5a3f8a;background:#b98cff1f}.attr-defy_death{color:var(--attr-defy);border-color:#8a3b38;background:#ff6b661f}.card-tokens{position:absolute;right:.25em;bottom:.25em;z-index:3;display:inline-flex;align-items:center;gap:.15em;background:#10233d;border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:0 .4em;font-size:.8em}.card-tokens .ic{width:.8em;height:.8em}.card-tip-stack{position:fixed;z-index:900;pointer-events:none;display:flex;flex-direction:column;gap:.5rem;max-height:calc(100vh - 20px);overflow:hidden}.card-tip{flex:none;display:flex;flex-direction:column;gap:.5rem;padding:.625rem .75rem;border-radius:.625rem;border:1px solid var(--accent);background:linear-gradient(160deg,#141e36fa,#090e1cfa);box-shadow:0 18px 44px #000000a6,0 0 0 1px #4fd1ff26 inset}.card-tip-attrs{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;flex:none}.card-tip-attrs .attr{font-size:.8125rem;padding:0 .45rem;border-radius:.3rem}.card-tip-text{font-size:.9375rem;line-height:1.75;color:#dbe4f7;white-space:pre-wrap;word-break:break-word}.card-tip-extra{border-color:#ffd1668c;box-shadow:0 14px 34px #0009,0 0 0 1px #ffd1661f inset}.card-tip-extra-line{font-size:.8125rem;line-height:1.6;color:#cbd8f2;white-space:pre-wrap;word-break:break-word}.card-tip-faces{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start;justify-content:flex-start;margin-top:.375rem}.card-tip-faces .card{pointer-events:none;cursor:default}.card-tip-note{flex:none;font-size:.75rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.375rem}.card-back{align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#16223c,#16223c 6px,#101a30 6px,#101a30 12px),#101a30;border-color:var(--line)}.card-back-mark{color:var(--muted);font-size:1.1em;letter-spacing:.3em;padding:.3em .7em;border:1px solid var(--line);border-radius:.35em;background:#090e1cbf}.card-count{position:absolute;right:2px;bottom:2px;color:var(--muted);font-size:.8em}.codex-root{height:100%;display:flex;flex-direction:column;overflow:hidden}.codex-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#070b16f2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.codex-topbar h2{margin:0;letter-spacing:6px;font-size:1.25rem}.codex-body{flex:1;overflow:auto;padding:1.5rem 2.5rem 3.75rem}.codex-tab{position:fixed;top:50%;right:0;transform:translateY(-50%);writing-mode:vertical-rl;letter-spacing:4px;padding:.9rem .45rem;border:1px solid var(--line);border-right:none;border-radius:10px 0 0 10px;background:#0a0f1cf2;color:var(--text);cursor:pointer;font-size:.85rem;z-index:25;transition:color .15s ease,border-color .15s ease}.codex-tab:hover{color:var(--accent);border-color:var(--accent)}.codex-sidebar-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:30}.codex-sidebar-mask.show{opacity:1;pointer-events:auto}.codex-sidebar{position:fixed;top:0;right:0;bottom:0;width:248px;background:#0a0f1cfa;border-left:1px solid var(--line);transform:translate(100%);transition:transform .22s ease;z-index:31;display:flex;flex-direction:column}.codex-sidebar.open{transform:translate(0)}.codex-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--line);letter-spacing:2px}.codex-cats{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;overflow:auto}.codex-cat{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;font-size:.9rem;letter-spacing:1px;text-align:left}.codex-cat:hover{background:#ffffff0d}.codex-cat.on{background:#ffffff14;border-color:var(--line)}.codex-cat-dot{width:12px;height:12px;border-radius:50%;flex:none;background:var(--muted)}.codex-cat-dot.all{background:var(--accent)}.codex-cat-dot.kind-basic{background:var(--title-basic)}.codex-cat-dot.kind-spell{background:var(--title-spell)}.codex-cat-dot.kind-equip{background:var(--title-equip)}.codex-cat-dot.kind-treasure{background:var(--title-treasure)}.codex-cat-dot.kind-appendix{background:var(--title-appendix)}.codex-cat-name{flex:1}.codex-cat-count{font-size:.75rem;color:var(--muted);background:#ffffff0f;border-radius:999px;padding:.1rem .5rem}.codex-section{margin-bottom:1.75rem}.codex-section h3{font-size:.9375rem;letter-spacing:2px;border-left:3px solid var(--accent);padding-left:.625rem}.codex-section h3 .muted{font-weight:400;font-size:.75rem;letter-spacing:0}.codex-grid{display:flex;flex-wrap:wrap;gap:1.5rem 1.25rem;margin-top:.75rem}.codex-grid .card.hoverable:hover{transform:scale(1.22)}.codex-card-cell{display:flex;flex-direction:column;align-items:center;gap:.5rem}.preset-topbar{margin-left:auto;display:flex;align-items:center;gap:.6rem}.preset-deck-dd{position:relative}.preset-deck-trigger{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:8px;border:1px solid var(--line);background:#16203ae6;color:var(--text);cursor:pointer;line-height:0}.preset-deck-trigger:hover{border-color:var(--accent);color:var(--accent)}.preset-deck-panel{position:absolute;top:calc(100% + .4rem);right:0;width:180px;padding:.35rem;background:#0a0f1cfc;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px #0000008c;z-index:40;display:none;flex-direction:column;gap:.15rem}.preset-deck-dd:hover .preset-deck-panel{display:flex}.preset-deck-row{display:flex;align-items:center;gap:.55rem;padding:.4rem .55rem;border-radius:6px;font-size:.85rem;letter-spacing:1px}.preset-deck-row:hover{background:#ffffff0d}.preset-deck-name{flex:1}.preset-deck-num{font-variant-numeric:tabular-nums;color:var(--text);font-weight:700}.preset-deck-row.total{margin-top:.15rem;padding-top:.5rem;border-top:1px solid var(--line)}.preset-deck-row.total .preset-deck-num{color:#5dda0a}.preset-count{font-size:.85rem;color:var(--muted);letter-spacing:1px}.preset-count b{color:var(--text);font-size:1rem}.preset-dd{position:relative}.preset-dd-trigger{display:flex;align-items:center;gap:.5rem;min-width:150px;max-width:260px;justify-content:space-between;padding:.45rem .75rem;font-size:.9rem;letter-spacing:1px;background:#16203ae6;border:1px solid var(--line);border-radius:8px}.preset-dd-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-dd-caret{padding:.45rem .5rem;background:#16203ae6;border:1px solid var(--line);border-radius:8px;line-height:0}.preset-save-wrap{display:inline-flex}.preset-save{padding:.45rem 1rem;font-size:.9rem;letter-spacing:1px;border-radius:8px;color:#071018;font-weight:700;border:1px solid transparent}.preset-save.ok{background:#2ecc71;border-color:#27ae60;cursor:pointer}.preset-save.ok:hover{background:#46dd85}.preset-save.bad{background:#ff4d4f;border-color:#d9363e;cursor:not-allowed}.preset-dd-panel{position:absolute;top:calc(100% + .4rem);right:0;width:240px;max-height:320px;overflow:auto;padding:.35rem;background:#0a0f1cfc;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px #0000008c;z-index:40;display:flex;flex-direction:column;gap:.2rem}.preset-dd-item{display:flex;align-items:center;gap:.25rem;padding:.15rem;border-radius:8px}.preset-dd-item.on{background:#ffffff12}.preset-dd-item.editing{padding:.25rem}.preset-dd-item.editing input{flex:1;min-width:0;padding:.3rem .5rem;font-size:.85rem;background:#ffffff0f;border:1px solid var(--accent);border-radius:6px;color:var(--text)}.preset-dd-pick{flex:1;min-width:0;display:flex;align-items:center;gap:.4rem;text-align:left;padding:.45rem .55rem;background:transparent;border:none;color:var(--text);font-size:.875rem;letter-spacing:1px;border-radius:6px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-dd-pick:hover{background:#ffffff0f}.preset-dd-tag{flex:none;font-size:.65rem;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 .25rem}.preset-dd-item.danger{justify-content:center;padding:.5rem;background:#ff4d4f29;border:1px solid #d9363e;color:#ff8082;font-size:.85rem;letter-spacing:2px;cursor:pointer}.preset-dd-add{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.2rem;padding:.55rem;background:transparent;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:.85rem;letter-spacing:1px;cursor:pointer}.preset-dd-add:hover{color:var(--accent);border-color:var(--accent)}.mini{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border-radius:6px;border:1px solid var(--line);background:#16203ad9;color:var(--text);cursor:pointer;line-height:0}.mini:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.mini:disabled{opacity:.35;cursor:not-allowed}.mini.danger:hover:not(:disabled){border-color:#d9363e;color:#ff8082}.preset-stepper{display:flex;align-items:center;gap:.4rem}.preset-stepper-num{min-width:42px;text-align:center;font-size:.85rem;letter-spacing:1px;color:var(--muted)}.preset-stepper-num b{color:#5dda0a;font-size:1rem}.preset-stepper-num i{font-style:normal;font-size:1rem}.preset-check{display:flex;align-items:center;gap:.4rem;padding:.25rem .6rem .25rem .3rem;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.8rem;letter-spacing:1px;cursor:pointer}.preset-check.on{color:var(--text);border-color:var(--accent)}.preset-check:disabled{opacity:.45;cursor:not-allowed}.preset-check-box{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;border:1px solid var(--line);color:#071018}.preset-check.on .preset-check-box{background:var(--accent);border-color:var(--accent)}.preset-note{font-size:.75rem;color:var(--muted);letter-spacing:1px}.preset-pick-grid{display:flex;flex-wrap:wrap;gap:.875rem;justify-content:center;margin-top:1.25rem}.preset-pick-card{display:flex;flex-direction:column;gap:.35rem;width:220px;padding:.875rem 1rem;text-align:left;background:#16203ad9;border:1px solid var(--line);border-radius:10px;color:var(--text);cursor:pointer;transition:border-color .15s ease,transform .15s ease}.preset-pick-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.preset-pick-card.on{border-color:#2ecc71;box-shadow:inset 0 0 0 1px #2ecc71}.preset-pick-card.bad,.preset-pick-card:disabled{cursor:not-allowed;opacity:.55}.preset-pick-name{font-size:1rem;letter-spacing:1px}.preset-pick-meta{font-size:.75rem;color:var(--muted)}.preset-pick-bad{font-size:.7rem;color:#ff8082}.tutorial-root{height:100%;overflow:auto;padding:1.5rem 2.5rem 3.75rem}.tutorial-body{max-width:900px;line-height:1.9;font-size:.875rem;color:#c7d3ea}.tutorial-body h3{color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:6px;margin-top:2rem}.tutorial-body h4{color:var(--gold);margin:1.125rem 0 .375rem}.tutorial-body ul,.tutorial-body ol{margin:6px 0;padding-left:1.375rem}.board-area{position:relative;display:flex;align-items:stretch;gap:.625rem;min-width:0;min-height:0;padding:.625rem 1rem .625rem 0}.board-side{flex:none;width:var(--board-side-w);min-height:0;display:flex;flex-direction:column;gap:.625rem;padding-bottom:2.5rem}.board-wrap{position:relative;flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.board-pan{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.board{width:100%;height:100%;max-width:100%;max-height:100%;filter:drop-shadow(0 .75rem 2.5rem rgba(0,0,0,.6))}.board-reset{position:absolute;left:.5rem;bottom:.5rem;z-index:70;padding:.375rem .75rem;font-size:.75rem;color:var(--text);background:#0e1628d9;border:1px solid var(--line);border-radius:.5rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.board-reset:hover{border-color:var(--accent);color:var(--accent)}.board-tools{position:absolute;right:3.5rem;bottom:calc(var(--handbar-h) + .625rem);z-index:60;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:.625rem;max-width:calc(100% - 4.25rem)}.game-root.hand-collapsed .board-tools{bottom:.625rem}.game-root:not(.log-collapsed) .board-tools{right:calc(var(--log-w) + 3.5rem)}.game-root.dragging .board-tools{pointer-events:none}.dropzone{position:absolute;right:.75rem;bottom:calc(var(--handbar-h) + .625rem);z-index:60;width:min(24rem,45%);min-height:3.5rem;overflow:hidden;pointer-events:none;visibility:hidden;opacity:0;padding:.5rem 1rem;border:2px dashed var(--line);border-radius:.75rem;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:.8125rem;transition:opacity .15s ease,visibility .15s ease,border-color .15s ease,color .15s ease,background .15s ease}.dropzone.show{visibility:visible;opacity:1}.game-root.dragging .dropzone{z-index:340;background:#0a101ef0}.game-root.hand-collapsed .dropzone{bottom:.625rem}.game-root:not(.log-collapsed) .dropzone{right:calc(var(--log-w) + .75rem)}.dropzone .dz-label{display:block;min-height:3em;line-height:1.5}.dropzone.outside{border-color:#7a3b3b;color:#ff9b98;background:#7828281f}.dropzone.active{border-color:var(--accent);color:var(--accent);background:#4fd1ff14;box-shadow:0 0 0 1px var(--accent) inset}.cell{fill:#16223c;stroke:#2b3d68;stroke-width:1;transition:fill .15s ease}.cell.ring-inner{fill:#1a2848}.cell:hover{fill:#22345a}.cell-move{fill:#1c5c3a!important;stroke:#46e39b;stroke-width:2;cursor:pointer}.cell-range{fill:#5a3a1c!important;stroke:#ffb35c!important;stroke-dasharray:4 3}.range-hl-layer{pointer-events:none}.cell-range-hl{fill:none;stroke:#ffb35c;stroke-width:1.6;stroke-dasharray:4 3}.cell-sector{stroke:#6ea8fe;stroke-width:1.4}.cell-num{fill:#9fb2d6;font-size:.6875rem;text-anchor:middle;font-weight:600}.cell-sector-label{fill:#6f83ab;font-size:.625rem;text-anchor:middle}.eye-core{fill:#0a1020;stroke:#2a3a63}.cell-center{cursor:pointer}.sector-glow-layer{pointer-events:none}.sector-glow{fill:#ffffff1a;stroke:#ffffff8c;stroke-width:1.5;cursor:pointer;pointer-events:all;animation:sector-flicker 1.2s ease-in-out infinite;transform-origin:210px 210px}.sector-glow:hover{animation:sector-wave .7s ease-in-out infinite;stroke:#fff;stroke-width:2.5}@keyframes sector-flicker{0%,to{fill:#ffffff0f;filter:drop-shadow(0 0 2px rgba(255,255,255,.25))}50%{fill:#ffffff3d;filter:drop-shadow(0 0 7px rgba(255,255,255,.55))}}@keyframes sector-wave{0%,to{fill:#ffffff2e;filter:drop-shadow(0 0 8px rgba(255,255,255,.6))}50%{fill:#ffffff9e;filter:drop-shadow(0 0 22px rgba(255,255,255,.98))}}.cell-pick-layer{pointer-events:none}.cell-pick{fill:#46e39b24;stroke:#46e39b;stroke-width:2;cursor:pointer;pointer-events:all;animation:cell-pick-flicker 1.1s ease-in-out infinite}.cell-pick:hover{animation:cell-pick-wave .7s ease-in-out infinite;stroke:#b6ffd8;stroke-width:2.8}@keyframes cell-pick-flicker{0%,to{fill:#46e39b1a;filter:drop-shadow(0 0 2px rgba(70,227,155,.35))}50%{fill:#46e39b47;filter:drop-shadow(0 0 6px rgba(70,227,155,.6))}}@keyframes cell-pick-wave{0%,to{fill:#46e39b42;filter:drop-shadow(0 0 6px rgba(70,227,155,.6))}50%{fill:#46e39b85;filter:drop-shadow(0 0 14px rgba(70,227,155,.9))}}.center-label{fill:#cfe0ff;font-size:.72rem}.center-sub{fill:#7fa0d8;font-size:.6rem}.pawn circle{stroke-width:2}.pawn.team-A circle{fill:#37d6ffe6;stroke:#b7f2ff}.pawn.team-B circle{fill:#ff5fa2e6;stroke:#ffd0e4}.pawn text{fill:#06101f;font-size:.5rem;font-weight:700;text-anchor:middle}.player-rail{position:relative;z-index:60;flex:none;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}.player-rail>*{pointer-events:auto}.rail-list{display:flex;flex-direction:column;gap:6px;padding:6px 0;flex:none;overflow:visible}.ic{width:1.15em;height:1.15em;flex:none;fill:currentColor}.ic-hp{color:#ff7b8a}.ic-spirit{color:var(--accent)}.ic-cards{color:var(--gold)}.stat{display:inline-flex;align-items:center;gap:3px;color:var(--text);font-size:.75rem;line-height:1}.stat b{font-variant-numeric:tabular-nums}.rail-chip{position:relative;width:10.5rem;background:var(--panel);border:1px solid var(--line);border-left:none;border-radius:0 12px 12px 0;padding:6px 10px 7px 12px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 6px 18px #00000073;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.rail-chip:hover{transform:translate(4px);background:#182442f5}.rail-chip.team-A{border-top-color:#37d6ff80;border-bottom-color:#37d6ff80;border-right-color:#37d6ff80;box-shadow:inset 3px 0 0 var(--teamA),0 6px 18px #00000073}.rail-chip.team-B{border-top-color:#ff5fa280;border-bottom-color:#ff5fa280;border-right-color:#ff5fa280;box-shadow:inset 3px 0 0 var(--teamB),0 6px 18px #00000073}.rail-chip.self{background:#1e2e52f5}.rail-chip.dead{filter:grayscale(.7) brightness(.75)}.rail-chip.open{background:#22345cfa;box-shadow:inset 3px 0 0 var(--accent),0 6px 22px #0000008c}.rail-chip.selectable,.rail-chip.preview-target{padding-right:1.85rem}.rail-chip.chosen{box-shadow:inset 3px 0 0 var(--accent),0 0 0 2px var(--accent),0 0 18px #4fd1ff80}.rail-chip-top{display:flex;align-items:center;gap:6px;font-size:.8125rem}.rail-ord{color:var(--muted);font-size:.6875rem;font-variant-numeric:tabular-nums;flex:none}.rail-sep{width:1px;height:12px;background:var(--line);flex:none}.rail-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-dead{margin-left:auto;color:#ff8a85;font-size:.625rem;flex:none}.rail-you{color:var(--accent);font-size:.625rem;border:1px solid var(--accent);border-radius:4px;padding:0 3px;flex:none}.rail-bot{color:var(--gold);font-size:.625rem;border:1px solid var(--gold);border-radius:4px;padding:0 3px;flex:none}.rail-chip-stats{display:flex;align-items:center;gap:.75rem;margin-top:.3125rem}.rail-select-arrow{position:absolute;top:50%;right:7px;transform:translateY(-50%);display:inline-flex;align-items:center;color:var(--gold);pointer-events:none;animation:rail-arrow-sway .8s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(255,209,102,.55))}.rail-select-arrow svg{width:.95rem;height:.95rem;display:block}.rail-select-arrow.preview{color:var(--accent);filter:drop-shadow(0 0 4px rgba(79,209,255,.5))}@keyframes rail-arrow-sway{0%,to{transform:translateY(-50%) translate(0)}40%{transform:translateY(-50%) translate(-7px)}75%{transform:translateY(-50%) translate(2px)}}.rail-detail{position:absolute;top:0;left:100%;margin-left:.625rem;z-index:70;width:20rem;max-height:64vh;background:var(--panel);border:1px solid var(--line);border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 18px 50px #0009;display:flex;flex-direction:column;overflow:hidden}.rail-detail.team-A{border-color:#37d6ff73}.rail-detail.team-B{border-color:#ff5fa273}.rail-detail-head{padding:8px 12px;border-bottom:1px solid var(--line);flex:none}.rdh-line{display:flex;align-items:baseline;gap:8px}.rdh-name{font-size:.9375rem;font-weight:700}.rdh-team{font-size:.6875rem;color:var(--muted)}.team-A .rdh-team{color:var(--teamA)}.team-B .rdh-team{color:var(--teamB)}.rdh-stats{display:flex;align-items:center;gap:1rem;margin-top:6px}.rdh-piles{margin-left:auto;display:inline-flex;align-items:center;gap:.75rem}.rdh-pile{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--muted)}.rd-body{overflow-y:auto;overflow-x:hidden;padding:4px 0 8px}.rd-zone{padding:8px 14px}.rd-zone-treasure{padding-top:12px}.rd-title{font-size:.6875rem;color:var(--muted);letter-spacing:1px;margin-bottom:6px}.rd-cards{display:flex;flex-wrap:wrap;gap:14px 10px;align-items:flex-start}.rd-empty{font-size:.6875rem;color:#4d5c7d}.rd-card{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;position:relative}.rd-card .card{transition:transform .15s ease,box-shadow .15s ease}.rd-card .card.hoverable:hover{transform:scale(1.45);box-shadow:0 14px 30px #000000a8,0 0 0 2px var(--tone);z-index:5}.rd-card-pick{box-shadow:0 0 0 2px var(--gold);border-radius:8px}.rd-card-spirit{display:inline-flex;align-items:center;gap:3px;color:var(--accent);font-size:.6875rem;line-height:1}.rd-discard{font-size:.625rem;padding:1px 6px;border-radius:6px;border-color:#d9534f;color:#ff9b98}.rail-divider{height:1px;margin:4px 12px;background:linear-gradient(90deg,transparent,var(--line) 15%,var(--line) 85%,transparent)}.game-root{height:100%;display:flex;flex-direction:column;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid var(--line);background:#0a101ecc}.phase-banner{display:flex;align-items:baseline;gap:.75rem}.round-no{color:var(--muted);font-size:.75rem}.phase-text{font-size:1.0625rem;font-weight:600;letter-spacing:.125em;color:var(--accent)}.piles{display:flex;gap:.875rem;color:var(--muted);font-size:.75rem;align-items:center}.topbar-right{display:flex;align-items:center;gap:.75rem}.dice{color:var(--gold);font-weight:700;letter-spacing:2px}.response-banner{display:flex;align-items:center;justify-content:center;gap:.875rem;padding:.375rem .75rem;background:#78282859;border-bottom:1px solid #7a3b3b;color:#ffd9d6;font-size:.8125rem}.response-banner.selecting{background:#1e507859;border-bottom-color:var(--accent);color:#d6f2ff}.response-banner.takeover{background:#5a461466;border-bottom-color:var(--gold);color:#ffe9b0}.game-body{flex:1;min-height:0;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto}.log-col{position:relative;min-width:0;width:var(--log-w);overflow:hidden;transition:width .22s ease}.log-col.collapsed{width:0}.logpanel{position:absolute;top:0;right:0;bottom:0;width:var(--log-w);border-left:1px solid var(--line);background:#080d1ad9;overflow:auto;padding:.5rem .75rem;font-size:.75rem;line-height:1.6}.log-title{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:4px;margin-bottom:6px;letter-spacing:2px}.log-line{color:#a8b8d8;padding:1px 0;word-break:break-word}.log-toggle-btn{position:absolute;top:.625rem;right:var(--log-w);z-index:320;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:2.75rem;padding:0;border-radius:10px 0 0 10px;border-right:none;background:#0e162af2;box-shadow:-6px 0 18px #00000073;transition:right .22s ease,border-color .15s ease,color .15s ease}.game-root.log-collapsed .log-toggle-btn{right:0rem}.log-toggle-btn:hover:not(:disabled){color:var(--accent)}.handbar-toggle{position:absolute;right:.75rem;bottom:calc(var(--handbar-h) + .625rem);z-index:320;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border-radius:50%;background:#0e162af2;box-shadow:0 6px 18px #00000073;transition:right .22s ease,bottom .22s ease,border-color .15s ease,color .15s ease}.game-root:not(.log-collapsed) .handbar-toggle{right:calc(var(--log-w) + .75rem)}.game-root.hand-collapsed .handbar-toggle{bottom:.625rem}.handbar-toggle:hover:not(:disabled){color:var(--accent)}.icon-chevron{width:1.35em;height:1.35em}.handbar{width:100%;height:var(--handbar-h);flex:none;border-top:1px solid var(--line);background:#090e1ceb;display:flex;align-items:stretch;overflow:visible;transition:margin-bottom .22s ease}.game-root.hand-collapsed .handbar{margin-bottom:calc(-1 * var(--handbar-h))}.handbar .card{--cw: var(--hand-card-w);--ch: var(--hand-card-h)}.hand-left{flex:none;display:flex;align-items:center;padding:.5rem .625rem}.hand-info{display:flex;flex-direction:column;gap:.375rem;padding:.5rem .625rem;border:1px solid var(--line);border-radius:10px;background:#0e162ad9}.hand-info-stat{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--muted);white-space:nowrap}.hand-info-stat b{color:var(--accent);font-variant-numeric:tabular-nums}.end-turn{white-space:nowrap}.hand-info-count{font-size:.75rem;color:var(--muted);white-space:nowrap}.hand-info-count b{color:var(--text);font-variant-numeric:tabular-nums}.hand-info-count.over,.hand-info-count.over b{color:#ff6b66}.hand-wait{white-space:nowrap}.equip-block{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:.25rem .625rem .375rem;border-left:1px solid var(--line);border-right:1px solid var(--line);overflow:hidden}.equip-titles{display:flex;align-items:center;gap:.875rem;flex:none;padding-left:2px}.equip-area{flex:1;min-width:0;min-height:0;display:flex;align-items:center;gap:.625rem;overflow-x:auto;overflow-y:hidden}.eq-group{display:flex;align-items:center;min-width:0;flex:none}.eq-group+.eq-group{padding-left:10px;border-left:1px dashed rgba(36,52,87,.8)}.eq-title{font-size:.625rem;color:var(--muted);letter-spacing:1px;white-space:nowrap}.eq-title b{color:var(--text);font-weight:600;margin-left:2px}.eq-cards{display:flex;align-items:flex-start;gap:6px}.eq-empty{font-size:.6875rem;color:#4d5c7d}.eq-slot{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none}.eq-spirit{display:inline-flex;align-items:center;gap:3px;color:var(--accent);font-size:.6875rem;line-height:1}.eq-card{cursor:pointer}.equip-area .card{--tone: var(--line)}.equip-area .card.hoverable:hover{transform:scale(1.3);box-shadow:0 12px 26px #000000a6,0 0 0 2px var(--tone)}.eq-card.exec-ok{touch-action:none}.eq-card.exec-ok .card{--tone: var(--gold);border-color:var(--gold);box-shadow:0 0 0 2px #ffd16680}.eq-card.exec-no .card{--tone: #ff6b66;border-color:#ff6b66;box-shadow:0 0 0 2px #d9534f73}.eq-card.exec-ok,.eq-card.exec-no{cursor:grab}.eq-card.exec-ok:active,.eq-card.exec-no:active{cursor:grabbing}.eq-card.eq-pick .card{--tone: var(--gold);border-color:var(--gold);box-shadow:0 0 0 2px #ffd1668c;cursor:pointer}.eq-card.eq-pick:hover .card{transform:scale(1.2);box-shadow:0 0 0 3px #ffd166cc}.hand-area{width:60%;flex:none;position:relative;height:100%}.hand-card-probe{width:var(--hand-card-w);height:0;pointer-events:none}.hand-row{position:absolute;left:0;right:0}.hand-row-0{z-index:1}.hand-row-1{z-index:2}.hand-row-2{z-index:3}.hand-row:hover{z-index:80}.hand-slot{position:absolute;bottom:0;width:var(--hand-card-w);flex:none;cursor:pointer;transform-origin:center center;touch-action:none;transition:transform .15s ease,z-index 0s}.hand-slot:hover{transform:scale(1.5);z-index:100}.handbar .card.hoverable:hover{transform:none}.hand-slot.blocked{cursor:not-allowed}.hand-slot.pick{box-shadow:0 0 0 2px var(--accent);border-radius:10px}.hand-empty{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:var(--muted);font-size:.8125rem}.block-reason{position:absolute;bottom:-1rem;left:0;right:0;text-align:center;font-size:.625rem;color:#ff8a85}.drag-ghost{position:fixed;transform:translate(-50%,-50%) scale(1.15) rotate(-3deg);pointer-events:none;z-index:999;filter:drop-shadow(0 16px 30px rgba(0,0,0,.6))}.drag-ghost.over{--glow: #3ddc84;filter:drop-shadow(0 16px 30px rgba(0,0,0,.6)) drop-shadow(0 0 12px rgba(61,220,132,.5))}.drag-ghost-glow{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:.85rem;border:2px solid var(--glow, #3ddc84);pointer-events:none;animation:ghost-breathe 1.2s ease-in-out infinite}.drag-ghost-glow:before,.drag-ghost-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid var(--glow, #3ddc84);animation:ghost-wave 1.4s ease-out infinite}.drag-ghost-glow:after{animation-delay:.7s}@keyframes ghost-breathe{0%,to{border-color:#3ddc84b3;box-shadow:0 0 10px #3ddc8459,inset 0 0 10px #3ddc8447}50%{border-color:#8affc4;box-shadow:0 0 26px #3ddc84d9,inset 0 0 18px #3ddc848c}}@keyframes ghost-wave{0%{transform:scale(1);opacity:.7}70%{opacity:0}to{transform:scale(1.32);opacity:0}}.drag-ghost.cancel{filter:grayscale(.8) brightness(.7) drop-shadow(0 16px 30px rgba(0,0,0,.6))}.setup-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.setup-cards{display:flex;gap:1.5rem;margin-top:10px}.setup-card{display:flex;flex-direction:column;align-items:center;gap:8px}.setup-status{color:var(--muted);font-size:.8125rem}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060e9e;display:flex;align-items:center;justify-content:center;z-index:400;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(35rem,92vw);max-width:35rem;max-height:90vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;gap:14px}.modal-response{border-color:var(--gold)}.modal-choice{border-color:var(--accent)}.modal-defy{border-color:#ffd166}.modal-title{font-size:1rem;letter-spacing:2px;color:var(--gold)}.modal-text{font-size:.8125rem;color:var(--text);line-height:1.7}.modal-cards{display:flex;flex-wrap:wrap;gap:10px}.modal-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;background:#16203a;border:1px solid transparent;border-radius:10px;cursor:pointer}.modal-card:not(:disabled):hover{border-color:var(--gold);transform:translateY(-3px)}.modal-card-label{font-size:.6875rem;color:var(--text)}.modal-card-hint{font-size:.625rem;color:#ff8a85;max-width:110px}.modal-peek{position:fixed;top:.75rem;right:.75rem;z-index:450;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--text);font:inherit;box-shadow:0 6px 20px #00000080;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.modal-peek:hover{border-color:var(--gold);color:var(--gold)}.modal-peek .ic{width:1.35rem;height:1.35rem}.modal-title{padding-right:2.5rem}.modal-empty{font-size:.75rem;color:var(--muted)}.modal-options{display:flex;flex-direction:column;gap:8px}.modal-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.modal-option-label{font-size:.875rem}.modal-option-hint{font-size:.6875rem;color:var(--muted)}.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.75rem}.handpick-modal{max-width:42.5rem;width:min(92vw,42.5rem)}.handpick-cards{max-height:20rem;overflow-y:auto;justify-content:center}.handpick-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px;background:#101a30}.handpick-card:not(:disabled):hover{border-color:var(--gold);transform:translateY(-3px)}.handpick-card:disabled{cursor:not-allowed}.handpick-index{font-size:.6875rem;color:var(--muted)}.card-detail-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060ec7;display:flex;align-items:center;justify-content:center;z-index:600;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card-detail{position:relative;width:clamp(320px,70%,1020px);min-height:18.75rem;max-width:94vw;max-height:92vh;display:flex;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px #000000b3;overflow:hidden}.cd-left{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:1.125rem;border-right:1px solid var(--line);background:radial-gradient(120% 90% at 50% 0%,#16233f,#0a1120);overflow:auto}.cd-left-foot{font-size:.75rem;color:var(--accent)}.cd-token{color:var(--accent)}.cd-right{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;gap:10px;padding:1.375rem 1.5rem;overflow:hidden}.cd-title{display:flex;align-items:baseline;gap:10px;flex:none}.cd-name{font-size:1.375rem;font-weight:700;letter-spacing:2px}.cd-kind{font-size:.75rem}.cd-kind.kind-basic{color:var(--basic)}.cd-kind.kind-spell{color:var(--spell)}.cd-kind.kind-equip{color:var(--equip)}.cd-kind.kind-treasure{color:var(--treasure)}.cd-kind.kind-appendix{color:var(--appendix)}.cd-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none}.cd-cost{display:inline-flex;align-items:center;gap:2px;font-size:.75rem;color:var(--gold)}.cd-cost .ic{width:.8rem;height:.8rem;color:var(--accent)}.cd-divider{height:1px;background:var(--line);flex:none}.cd-desc{flex:1;min-height:0;overflow-y:auto;font-size:.875rem;line-height:1.9;color:#c7d3ea;white-space:pre-wrap;padding-right:6px}.cd-close{position:absolute;top:8px;right:10px;padding:0 9px;font-size:1.25rem;line-height:1.625rem;border-radius:8px;background:transparent;color:var(--muted)}.cd-close:hover{color:var(--text)}.cd-numero{position:absolute;right:1.5rem;bottom:.75rem;font-size:.7rem;letter-spacing:1px;color:var(--muted);-webkit-user-select:none;user-select:none}.pile-preview-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:650;background:#03060ecc;display:flex;align-items:center;justify-content:center;padding:2vh 2vw;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pile-preview{width:85%;height:90%;display:flex;flex-direction:column;background:transparent;border:none;border-radius:0;box-shadow:none;overflow:hidden}.pile-preview-head{flex:none;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem;background:transparent}.pile-preview-title{display:flex;align-items:baseline;gap:.5rem;flex:none}.pp-title{font-size:1.0625rem;font-weight:700;letter-spacing:2px;color:var(--text)}.pp-count{font-size:1.25rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.pp-count-filtered{font-size:.6875rem;color:var(--muted)}.pile-preview-filters{display:flex;align-items:center;gap:.4rem;flex:1;flex-wrap:wrap;justify-content:flex-end}.pp-filter-all{padding:.25rem .75rem;border:1px solid var(--line);border-radius:.45rem;background:#16203a;color:var(--muted);font-size:.8125rem}.pp-filter-all.on{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.pp-filter{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .45rem;border:1px solid var(--line);border-radius:.45rem;background:#16203a;color:var(--muted)}.pp-filter .ms{font-size:1.05rem}.pp-tick{width:.95rem;height:.95rem;flex:none;border:1.5px solid var(--line);border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.pp-filter.on{border-color:var(--accent);color:var(--text)}.pp-filter.on .pp-tick{background:var(--accent);border-color:var(--accent)}.pp-filter.on .pp-tick:after{content:"✓";color:#06223a;font-size:.7rem;font-weight:700;line-height:1}.pp-close{flex:none;padding:0 .6rem;font-size:1.25rem;line-height:1.625rem;border-radius:8px;background:transparent;color:var(--muted)}.pp-close:hover{color:var(--text)}.pile-preview-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:1rem}.pile-preview-empty{text-align:center;color:var(--muted);font-size:.875rem;padding:2rem 0}.pile-grid{display:grid;justify-content:start}.pile-cell{display:flex;justify-content:center}.pile-discard,.pile-draw{display:inline-flex;align-items:center;gap:.25rem}.pile-eye{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;padding:0;margin-left:.15rem;background:transparent;border:none;border-radius:.4rem;color:var(--muted)}.pile-eye:hover{color:var(--accent);background:#4fd1ff1f}.pile-eye .ic{width:1rem;height:1rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060ed1;display:flex;align-items:center;justify-content:center;z-index:500}.overlay-box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:2.125rem 3.75rem;text-align:center}.overlay-box h2{margin:0 0 18px;letter-spacing:6px}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.fx-tok{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;will-change:transform}.fx-tok-in{position:absolute;left:0;top:0;transform-origin:center;will-change:transform,opacity}.fx-layer .card{box-shadow:0 10px 26px #0009,0 0 0 1px #ffffff0d}.fx-pawn{width:21px;height:21px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#06101f;border:2px solid;box-shadow:0 5px 14px #00000080}.fx-pawn.team-A{background:#37d6fff2;border-color:#b7f2ff}.fx-pawn.team-B{background:#ff5fa2f2;border-color:#ffd0e4}.fx-die{width:46px;height:46px;border-radius:10px;background:linear-gradient(150deg,#f6f8fc,#d4daeb);box-shadow:inset 0 0 0 1px #0a101e4d,0 8px 18px #0000008c;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:6px;box-sizing:border-box}.fx-pip{width:8px;height:8px;border-radius:50%;align-self:center;justify-self:center;background:transparent;opacity:0}.fx-pip.on{opacity:1;background:radial-gradient(circle at 35% 30%,#5b6786,#161e36);box-shadow:inset 0 1px 2px #ffffff59}@media (max-width: 860px){.board-area{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"side board";gap:.375rem;padding:.375rem .5rem .375rem 0}.board-side{grid-area:side;width:min(9.5rem,34vw);gap:.375rem;padding-bottom:0}.board-wrap{grid-area:board}.rail-chip{width:100%;padding:4px 6px 5px 8px}.rail-list{padding-right:6px}.rail-chip-stats{gap:.5rem;margin-top:.25rem}.rail-detail{width:min(18rem,74vw)}.board-tools{max-width:calc(100% - 4.25rem);flex-wrap:wrap}.board-tools .hint{font-size:.6875rem}.dropzone{width:min(18rem,70%);min-height:2.25rem;padding:.25rem .5rem;font-size:.6875rem}.handbar-toggle,.game-root:not(.log-collapsed) .handbar-toggle{right:.75rem}.dropzone .dz-label{min-height:3em}.log-col{position:fixed;top:0;right:0;bottom:0;width:min(82vw,22rem);z-index:350;box-shadow:-12px 0 40px #0009;transition:transform .22s ease}.log-col.collapsed{width:min(82vw,22rem);transform:translate(105%)}.logpanel{width:min(82vw,22rem)}.log-toggle-btn,.game-root.log-collapsed .log-toggle-btn{position:fixed;top:.5rem;right:5.5rem;width:auto;height:auto;padding:.25rem .5rem;border-radius:.5rem;border-right:1px solid var(--line);z-index:360}}@media (max-width: 860px) and (orientation: landscape){.board-area{grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"side board"}.dropzone{width:min(10rem,22vw)}}.lobby-root{height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.lobby-panel{width:min(58rem,94vw);height:min(40rem,88vh);display:flex;flex-direction:column;gap:.875rem;padding:1.25rem 1.375rem;background:var(--panel);border:1px solid var(--line);border-radius:.875rem;box-shadow:0 18px 50px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lobby-panel.narrow{width:min(26rem,90vw);height:auto;align-items:center;text-align:center}.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.lobby-head-left{display:flex;align-items:baseline;gap:.625rem}.lobby-head h2{margin:0;letter-spacing:4px;font-size:1.25rem}.lobby-conn{font-size:.75rem;color:var(--muted)}.lobby-conn.open{color:#63e6a8}.lobby-conn.closed{color:#ff8a85}.lobby-tabs{display:flex;gap:.5rem}.lobby-tabs .mode-chip{letter-spacing:.1em;min-width:4.5rem}.lobby-list2{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:.625rem;align-content:start;overflow-y:auto;padding-right:.25rem}.lobby-empty{grid-column:1/-1;text-align:center;padding:2.5rem 0}.room-item{display:flex;flex-direction:column;gap:.5rem;text-align:left;padding:.75rem .875rem;background:#16203abf;border:1px solid var(--line);border-radius:.625rem}.room-item.full{opacity:.55}.room-item-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.room-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-lock{font-size:.8125rem}.room-item-bottom{display:flex;align-items:center;justify-content:space-between}.room-badge{font-size:.6875rem;padding:.125rem .5rem;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.room-badge.waiting{color:#63e6a8;border-color:#63e6a873}.room-badge.playing{color:var(--gold);border-color:#ffd16673}.lobby-foot{display:flex;justify-content:space-between;align-items:center;padding-top:.25rem;border-top:1px solid var(--line)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#040812b8;display:flex;align-items:center;justify-content:center;z-index:60}.party-modal{width:min(22rem,90vw);display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:var(--panel);border:1px solid var(--line);border-radius:.75rem}.party-modal h3{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.room-page{width:min(64rem,95vw);height:min(42rem,90vh);display:flex;flex-direction:column;gap:.875rem;padding:1.25rem 1.375rem;background:var(--panel);border:1px solid var(--line);border-radius:.875rem;box-shadow:0 18px 50px #00000073}.room-page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.room-page-head h2{margin:0 0 .25rem;letter-spacing:2px}.room-page-body{flex:1;display:grid;grid-template-columns:minmax(16rem,1fr) minmax(18rem,1.2fr);gap:1rem;min-height:0}.room-options,.room-players{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid var(--line);border-radius:.75rem;background:#0c142599;min-height:0}.room-options h3,.room-players h3{margin:0;font-size:.9375rem;letter-spacing:.15em;color:var(--muted)}.field{display:flex;flex-direction:column;gap:.375rem}.field span{font-size:.8125rem;color:var(--muted)}.check{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.check input{width:auto}.room-actions{margin-top:auto;display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.room-actions button{padding:.75rem;font-size:1rem;letter-spacing:.15em}.room-players ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem;overflow-y:auto;flex:0 0 auto}.room-players ul li{display:flex;align-items:center;justify-content:space-between;gap:.625rem;padding:.5rem .625rem;border:1px solid var(--line);border-radius:.5rem;background:#16203a8c}.room-players ul li.me{border-color:var(--accent)}.room-players ul li.empty{opacity:.45;border-style:dashed;background:transparent}.p-name em{font-style:normal;color:var(--accent);font-size:.75rem}.p-tags{display:flex;gap:.375rem}.tag{font-size:.6875rem;padding:.0625rem .4375rem;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.tag.host{color:var(--gold);border-color:#ffd16680}.tag.ready{color:#63e6a8;border-color:#63e6a873}.chat-toggle{position:absolute;right:.75rem;top:3.75rem;z-index:30}.chat-dock{position:absolute;right:.75rem;top:3.75rem;z-index:31;width:min(19rem,68vw);max-height:60vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:.625rem;box-shadow:0 12px 34px #00000080;overflow:hidden}.room-players .chat-dock{position:static;width:100%;max-height:16rem;margin-top:auto;box-shadow:none}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:.5rem .625rem;border-bottom:1px solid var(--line);font-size:.8125rem;color:var(--muted)}.chat-list{flex:1;overflow-y:auto;padding:.5rem .625rem;display:flex;flex-direction:column;gap:.375rem;min-height:4rem}.chat-msg{display:flex;flex-direction:column;gap:.0625rem;font-size:.8125rem}.chat-msg.mine{align-items:flex-end;text-align:right}.chat-name{font-size:.6875rem;color:var(--muted)}.chat-text{padding:.25rem .5rem;border-radius:.5rem;background:#1e2c4ce6;word-break:break-word}.chat-input{display:flex;gap:.375rem;padding:.5rem;border-top:1px solid var(--line)}.chat-input input{flex:1;min-width:0}.menu-btn-bot{background:linear-gradient(135deg,#2c4a2f,#1f6f4a);border-color:#3f9c6a}.pwa-toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:var(--panel);border:1px solid var(--accent);border-radius:.75rem;box-shadow:0 12px 40px #0000008c;font-size:.8125rem;z-index:600}.pwa-mask{position:fixed;top:0;right:0;bottom:0;left:0;padding:1.5rem;display:flex;align-items:center;justify-content:center;background:#03060eb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:700}.pwa-dialog{width:min(24rem,92vw);display:flex;flex-direction:column;gap:.875rem;padding:1.25rem 1.5rem;background:var(--panel);border:1px solid var(--accent);border-radius:14px;box-shadow:0 20px 60px #0009}.pwa-dialog-title{font-size:1rem;letter-spacing:.125em;color:var(--accent)}.pwa-dialog-text{font-size:.8125rem;line-height:1.7;color:var(--text)}.pwa-dialog-actions{display:flex;justify-content:flex-end;gap:.5rem}