:root{--ink:#0a111f;--ink-2:#101a2e;--parchment:#efe3c8;--parchment-dim:#cbbfa4;--brass:#d4a437;--brass-soft:#a8842f;--crimson:#c8393e;--teal:#2f8f83;--c-red:#d0403f;--c-green:#3d9e63;--c-blue:#3b74c4;--c-purple:#8358c0;--c-black:#3a3f4a;--c-yellow:#d9a92b;--background:var(--ink);--foreground:var(--parchment);--font-display:"Pirata One", serif;--font-body:"Barlow", sans-serif;--font-cond:"Barlow Condensed", sans-serif;--font-stat:"Anton", "Barlow Condensed", sans-serif;--font-ancient:"Cinzel", "Pirata One", serif;--don-active-w:79px;--don-active-h:110px;--don-rested-w:110px;--don-rested-h:79px;--don-chip-overlap:22px;--duel-rail-w:12.5rem;--life-col-w:84px;--char-side-rail:1.7rem;--char-slot-gap:1.15rem;--char-five-end:calc(var(--duel-rail-w) + 1.35rem + .35rem + 1rem + var(--life-col-w) + .65rem + var(--char-side-rail) + 395px + 4 * var(--char-slot-gap) + 1.6rem);--action-banner-left:var(--char-five-end);--action-banner-right:calc(var(--duel-rail-w) + .75rem)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.reconnect-banner{z-index:80;text-align:center;font-family:var(--font-cond);letter-spacing:.04em;color:#1a1520;background:linear-gradient(#f0c14b 0%,#d4a437 100%);border-bottom:1px solid #1a152040;padding:.55rem 1rem;font-size:.95rem;position:fixed;top:0;left:0;right:0}.reconnect-banner.waiting{color:#1a1520;background:linear-gradient(#e8b4a0 0%,#c8785a 100%)}.ui-version{z-index:95;font-family:var(--font-cond);letter-spacing:.03em;color:#efe3c86b;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.58rem;font-weight:600;position:fixed;bottom:.28rem;right:.4rem}.duel-playmat .ui-version{color:#f0f4fa61}body{background:radial-gradient(1200px 800px at 85% -10%, #d4a43712, transparent 60%), radial-gradient(900px 700px at -10% 110%, #2f8f8314, transparent 55%), var(--ink);color:var(--foreground);font-family:var(--font-body)}.sea-chart:before{content:"";pointer-events:none;background-image:linear-gradient(#efe3c809 1px,#0000 1px),linear-gradient(90deg,#efe3c809 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 85%);mask-image:radial-gradient(#000 30%,#0000 85%)}.font-display{font-family:var(--font-display);letter-spacing:.02em}.font-cond{font-family:var(--font-cond)}.panel{background:linear-gradient(#efe3c80d,#efe3c805);border:1px solid #d4a43740;border-radius:10px}.btn{cursor:pointer;font-family:var(--font-cond);letter-spacing:.06em;text-transform:uppercase;color:var(--parchment);background:#101a2ee6;border:1px solid #d4a43773;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-weight:700;transition:filter .12s,transform .1s;display:inline-flex}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(#c8393e,#8f2428);border-color:#d4a4378c}.btn-brass{color:#1a1206;background:linear-gradient(#d4a437,#a8842f);border-color:#f0d48a}.btn-ghost{background:0 0;border-color:#efe3c833}.input{width:100%;color:var(--parchment);font:inherit;background:#00000059;border:1px solid #d4a4374d;border-radius:8px;padding:.65rem .85rem}.input:focus{outline:1px solid var(--brass)}a{color:var(--brass);text-decoration:none}a:hover{text-decoration:underline}.app-shell{flex-direction:column;min-height:100%;display:flex}.top-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#0a111feb;border-bottom:1px solid #d4a43740;align-items:center;gap:1rem;padding:.65rem 1.25rem;display:flex}.top-nav .brand{font-family:var(--font-display);color:var(--parchment);font-size:1.35rem}.top-nav .brand span{color:var(--brass)}.top-nav nav{flex:1;gap:.85rem;display:flex}.top-nav nav a{color:var(--parchment-dim);font-family:var(--font-cond);letter-spacing:.05em;text-transform:uppercase;font-size:.9rem}.top-nav nav a.active,.top-nav nav a:hover{color:var(--brass);text-decoration:none}.page{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.5rem}.toast{z-index:250;border:1px solid var(--brass);max-width:min(92vw,520px);color:var(--parchment);text-align:center;background:#0a111ff2;border-radius:8px;padding:.75rem 1.2rem;font-size:.95rem;line-height:1.35;animation:.25s ease-out toast-in;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.card-frame{-webkit-user-select:none;user-select:none;border:2px solid #efe3c840;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000073}.card-frame.draggable{cursor:grab}.card-frame.dragging{opacity:.55;cursor:grabbing}.card-frame.clickable{cursor:pointer}.card-frame.selected{outline-offset:2px;outline:3px solid #22c55e}.card-frame.targetable{outline:3px solid var(--brass);outline-offset:2px;animation:1.2s ease-in-out infinite pulse}.card-frame.unavailable{opacity:.42;filter:grayscale(.4);cursor:not-allowed}.card-frame.rested{transform:rotate(90deg)}@keyframes pulse{50%{outline-color:#fef08a}}.card-frame.card-back{background:radial-gradient(circle at 50% 40%,#d4a43740,#0000 55%),linear-gradient(160deg,#1a2744,#0a1220);border-color:#d4a43773}.card-frame.card-back:after{content:"OP";font-family:var(--font-cond);letter-spacing:.12em;color:#efe3c859;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex;position:absolute;inset:0}.card-slot{vertical-align:top;flex-direction:column;align-items:center;gap:3px;display:inline-flex;position:relative;overflow:visible}.card-slot.has-cost-badge{--ribbon-w:27%}.card-power-mod{z-index:5;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:clamp(.55rem,11%,.75rem);font-weight:800;line-height:1.2;transform:none;box-shadow:0 1px 4px #0006}.card-power-mod.buffed{color:#fff;background:#16a34af2}.card-power-mod.debuffed{color:#fff;background:#b91c1cf2}.card-frame.has-art{background:#0b1220;border-width:1px}.card-art-img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.card-badge{color:#422006;z-index:6;background:#fde047;border-radius:4px;padding:1px 4px;font-size:10px;font-weight:700;position:absolute;top:4px;right:4px}.card-frame.has-live-overlays{--ribbon-w:27%;overflow:visible}.card-frame.has-live-overlays .card-art-img{border-radius:6px}.card-cost-overlay,.card-power-ribbon-value,.card-power-bar-value{font-family:var(--font-stat);font-variant-numeric:tabular-nums;letter-spacing:.03em;-webkit-font-smoothing:antialiased;text-shadow:0 1px #0000006b,0 0 1px #00000047;font-weight:400}.card-cost-overlay{z-index:8;background:linear-gradient(165deg, var(--c-red) 0%, var(--crimson) 100%);color:#fff;pointer-events:none;border:2px solid #fff;border-radius:999px;place-items:center;width:1.75em;height:1.75em;padding:0;line-height:1;display:grid;position:absolute;top:-.42em;left:-.38em;box-shadow:0 2px 6px #00000061}.card-slot.has-power-ribbon-cost .card-cost-overlay{top:-.45em;left:calc(var(--ribbon-w) / 2);transform:translate(-50%)}.card-cost-overlay.mirror,.card-slot.mirror-cost .card-cost-overlay{left:auto;right:-.38em}.card-slot.has-power-ribbon-cost.mirror-cost .card-cost-overlay,.card-slot.has-power-ribbon-cost .card-cost-overlay.mirror{right:calc(var(--ribbon-w) / 2);left:auto;transform:translate(50%)}.card-power-ribbon{width:var(--ribbon-w);z-index:4;background:linear-gradient(180deg, #d84848 0%, var(--c-red) 52%, var(--crimson) 100%);pointer-events:none;border-right:1px solid #fff0eb47;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -1px 0 #ffffff1a}.card-power-ribbon.mirror{border-left:1px solid #fff0eb47;border-right:none;left:auto;right:0;transform:scaleX(-1);box-shadow:inset 1px 0 #ffffff1a}.card-power-ribbon-value{writing-mode:vertical-rl;text-orientation:mixed;color:#fff;line-height:1;transform:rotate(180deg)}.card-power-ribbon.mirror .card-power-ribbon-value{transform:rotate(180deg)scaleX(-1)}.card-power-bar{z-index:5;pointer-events:none;background:linear-gradient(#0c0a1026 0%,#0c0a10e0 38%,#08060cf5 100%);border-top:1px solid #ffffff24;justify-content:center;align-items:center;height:19%;display:flex;position:absolute;bottom:0;left:0;right:0}.card-power-bar-value{color:#fff;line-height:1}.card-size-sm .card-cost-overlay{font-size:1.18rem}.card-size-sm .card-power-ribbon-value{font-size:1.22rem}.card-size-sm .card-power-bar-value{font-size:1.08rem}.card-size-board .card-cost-overlay,.card-size-board .card-power-ribbon-value{font-size:1rem}.card-size-board .card-power-bar-value{font-size:.95rem}.card-size-md .card-cost-overlay{font-size:1.42rem}.card-size-md .card-power-ribbon-value{font-size:1.38rem}.card-size-md .card-power-bar-value{font-size:1.28rem}.card-face-inner{flex-direction:column;height:100%;padding:4px;display:flex}.card-header{justify-content:space-between;font-size:.65rem;font-weight:700;display:flex}.card-cost,.card-power{text-align:center;border-radius:999px;min-width:1.35em;padding:1px 4px}.card-cost{color:#422006;background:#fde047}.card-power{color:#fff;background:#1d4ed8;border-radius:4px}.card-art{text-align:center;word-break:break-word;background:#00000047;border-radius:3px;flex:1;justify-content:center;align-items:center;margin:2px 0;padding:2px;font-size:.7rem;font-weight:700;line-height:1.15;display:flex}.card-id{text-align:right;color:#cbbfa4d9;font-size:.55rem}.sample-stamp{pointer-events:none;z-index:2;font-family:var(--font-cond);letter-spacing:.14em;color:#ffffffc7;text-shadow:0 1px 2px #0000008c;background:#b41e288c;border:1px solid #ffffff59;padding:1px 6px;font-size:clamp(.55rem,11%,.75rem);font-weight:800;position:absolute;bottom:16%;left:50%;transform:translate(-50%)rotate(-18deg)}.drop-zone{border:2px dashed #d4a43759;border-radius:10px;min-height:110px;padding:.5rem;transition:background .15s,border-color .15s}.drop-zone.active{border-color:var(--brass);background:#d4a4371f}.duel-layout{grid-template-rows:auto 1fr auto auto;gap:.75rem;max-width:none;height:calc(100vh - 56px);padding:.75rem;display:grid}.board-row{flex-wrap:wrap;align-items:flex-start;gap:.75rem;display:flex}.hand-row{gap:.4rem;padding:.5rem 0;display:flex;overflow-x:auto}.action-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.choice-banner{background:#c8393e33;border:1px solid #c8393e80;border-radius:8px;padding:.65rem 1rem}.modal-backdrop{z-index:80;background:#060a12b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-panel{background:linear-gradient(165deg,#1a2438,#0f1624);border:1px solid #d4af3759;border-radius:12px;width:min(480px,100%);max-height:min(80vh,640px);padding:1rem 1.15rem;overflow:auto;box-shadow:0 18px 50px #00000073}.inspect-panel{width:min(520px,100%)}.zone-op-list{flex-direction:column;gap:.4rem;margin:.75rem 0 1rem;padding:0;list-style:none;display:flex}.zone-op-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .55rem;display:flex}.muted{color:var(--parchment-dim)}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=800px){.grid-2{grid-template-columns:1fr}}.deck-slot-grid{grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:.65rem;margin-top:.75rem;display:grid}.deck-slot-card{background:#0c12208c;border:1px solid #d4a43747;border-radius:8px;padding:.7rem .75rem}.deck-slot-card.empty{opacity:.72;border-style:dashed}.deck-slot-top{justify-content:space-between;align-items:flex-start;gap:.55rem;display:flex}.deck-slot-info{flex:1;min-width:0}.deck-slot-leader{flex-shrink:0}.deck-slot-leader-empty{background:#080c1666;border:1px dashed #d4a4374d;border-radius:8px;width:64px;height:89px}.deck-slot-label{letter-spacing:.12em;text-transform:uppercase;color:var(--brass);font-size:.68rem;font-weight:800}.deck-slot-name{font-family:var(--font-display);margin-top:.15rem;font-size:1.05rem;line-height:1.2}.deck-slot-meta{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.35rem;display:flex}.deck-slot-badge{letter-spacing:.06em;text-transform:uppercase;border:1px solid #0000;border-radius:4px;padding:.15rem .4rem;font-size:.62rem;font-weight:800;display:inline-block}.deck-slot-badge.ready{color:#0f2a18;background:#4abe78d9;border-color:#78dc9680}.deck-slot-badge.progress{color:#2a2208;background:#e8c56ad9;border-color:#f0d78a8c}.deck-confirm-backdrop{z-index:80;background:#040810d1;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.deck-confirm-modal{width:min(22rem,100%);color:var(--parchment);opacity:1;background:#141c2c;border:1px solid #d4a43773;padding:1.1rem 1.15rem;box-shadow:0 18px 40px #000000a6}.deck-confirm-modal h3{color:#fff;margin:0 0 .35rem}.deck-confirm-modal .muted{color:#efe3c8b8}.deck-confirm-modal strong{color:#fff}.deck-preview{background:#080c1673;border:1px solid #d4a43738;border-radius:8px;margin-top:.65rem;padding:.55rem .6rem}.deck-preview-meta{margin-bottom:.45rem;font-size:.78rem}.deck-preview-thumbs{scrollbar-width:thin;flex-wrap:wrap;gap:6px;max-height:11rem;display:flex;overflow:auto}.deck-preview-thumb{flex:none}:root{--mat:#c8cdd4;--mat-edge:#9aa3ae;--mat-ink:#2a3340;--mat-slot:#ffffff8c;--mat-slot-line:#37465a59;--mat-zone:#ffffff47;--table-void:#0b1220;--phase-bar:#141c2b;--phase-gold:#e8c56a;--banner-red:#c41e2a;--banner-ink:#1a1520}.duel-playmat{--bg:var(--table-void);--panel:#121a28;--panel2:#182233;--border:#b4c8dc2e;--text:#eef2f7;--muted:#9aa8bc;--accent:#5ec8ff;--danger:#ff6b7a;--ok:#5ddea0;background:radial-gradient(ellipse 90% 70% at 50% 42%, #152038 0%, var(--table-void) 72%), var(--table-void);min-height:100dvh;color:var(--text);overflow:hidden}.duel-playmat.playmat-dim .playmat-scene{filter:brightness(.72)drop-shadow(0 28px 40px #0000008c);transition:filter .2s}.playmat-shell{isolation:isolate;flex-direction:column;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.phase-dial{z-index:55;border:3px solid var(--phase-gold);pointer-events:none;background:radial-gradient(circle at 50% 42%,#1c2740 0%,#0c1422 70%),#0a101c;border-radius:50%;flex-shrink:0;place-items:center;width:12.5rem;height:12.5rem;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 2px #141c28e6,0 10px 28px #0000008c,inset 0 0 24px #00000073}.phase-dial-svg{z-index:0;width:100%;height:100%;position:absolute;inset:0}.phase-slice{fill:#2a3a52f2;stroke:none;transition:fill .2s}.phase-slice.active{fill:#0a0e16fa}.phase-slice-divider{stroke:#e8c56a59;stroke-width:1.2px}.phase-slice-label{fill:#c5d0e0;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;font-size:11.5px;font-weight:800;transition:fill .2s}.phase-slice-label.active{fill:#f0d078;font-size:12.5px;font-weight:900}.phase-dial-core{z-index:2;background:radial-gradient(circle at 40% 30%,#3a4d6e,#121a2c 72%);border:2px solid #e8c56aa6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:5.8rem;height:5.8rem;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1f,0 0 16px #00000073}.phase-dial-kicker{letter-spacing:.18em;color:#e8c56acc;font-size:.62rem;font-weight:800}.phase-dial-name{letter-spacing:.03em;color:#fff;text-shadow:0 0 12px #5ec8ff59;font-size:1.2rem;font-weight:900;line-height:1}.phase-dial-sub{letter-spacing:.06em;color:#b0bdce;margin-top:.12rem;font-size:.64rem;font-weight:700}.card-hover-panel.wanted{z-index:55;box-sizing:border-box;pointer-events:auto;color:#2a1c10;background:linear-gradient(#fff8e633,#0000 30%),linear-gradient(165deg,#e6d4ae 0%,#d4c095 40%,#c4ad7e 100%);border:2px solid #5a4018;border-radius:4px;flex-direction:column;flex:auto;gap:.22rem;width:12.5rem;height:auto;min-height:12rem;max-height:none;padding:.4rem .45rem .45rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e8c56a59,0 14px 32px #00000080,inset 0 0 40px #5a40181f}.card-hover-panel.wanted.empty{opacity:.92;justify-content:flex-start;align-items:stretch}.wanted-banner{border-bottom:2px solid #5a401873;flex-direction:column;flex-shrink:0;align-items:center;gap:.02rem;padding-bottom:.22rem;display:flex}.wanted-title{font-family:var(--font-display);letter-spacing:.08em;color:#8b1e1e;text-shadow:0 1px #fff0c866;font-size:1.05rem;line-height:1}.wanted-hunted,.wanted-sub{letter-spacing:.18em;text-transform:uppercase;color:#5a4018;font-size:.52rem;font-weight:700}.wanted-hunted{color:#8b1e1e}.card-hover-panel.wanted .card-hover-hint{letter-spacing:.04em;color:#6a5840;text-align:center;margin:auto 0;font-size:.68rem;font-weight:700}.card-hover-art{flex-shrink:0;justify-content:center;padding:.08rem 0;display:flex}.card-hover-body{flex-direction:column;flex:1;gap:.15rem;min-height:0;display:flex;overflow:hidden}.card-hover-panel.wanted .card-hover-name{color:#1a1208;text-align:center;margin:0;font-size:.85rem;font-weight:400;line-height:1.1}.card-hover-panel.wanted .card-hover-meta,.card-hover-panel.wanted .card-hover-stats,.card-hover-panel.wanted .card-hover-tags{color:#4a3a28;text-align:center;margin:0;font-size:.58rem;line-height:1.25}.card-hover-panel.wanted .card-hover-stats{color:#6a4010;font-size:.62rem;font-weight:700}.card-hover-panel.wanted .card-hover-tags strong{color:#8b1e1e;margin-right:.2rem;font-weight:700}.card-hover-panel.wanted .card-hover-text{min-height:0;font-family:var(--font-body);color:#2a1c10;white-space:pre-wrap;text-align:left;scrollbar-width:thin;background:#fff8e659;border:1px dashed #5a401859;border-radius:2px;flex:1;margin-top:.1rem;padding:.22rem .28rem;font-size:.88rem;font-weight:700;line-height:1.4;overflow:auto}.card-slot.is-dragging,.card-frame.dragging{opacity:.4}.card-drag-ghost .card-art-img{object-fit:cover;width:100%;height:100%}.duel-chrome-left{z-index:60;pointer-events:none;flex-direction:column;flex-shrink:0;align-self:stretch;align-items:center;gap:.55rem;width:12.5rem;height:auto;min-height:0;max-height:none;display:flex;position:relative;overflow:hidden}.duel-chrome-left>*{pointer-events:auto}.duel-chrome-left>div:last-child{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.duel-rail{z-index:60;pointer-events:none;flex-direction:column;flex-shrink:0;align-self:flex-start;align-items:center;gap:.55rem;width:12.5rem;max-height:none;display:flex;position:relative;overflow:visible}.rail-info,.rail-actions{pointer-events:auto}.rail-info.notice-board.match-notice{box-sizing:border-box;text-align:center;color:#2a1c10;background:linear-gradient(#fff8e633,#0000 30%),linear-gradient(165deg,#e6d4ae 0%,#d4c095 40%,#c4ad7e 100%);border:2px solid #5a4018;border-radius:4px;flex-direction:column;flex-shrink:0;gap:.32rem;width:12.5rem;height:15rem;padding:.5rem .55rem .55rem;display:flex;overflow:hidden;box-shadow:0 0 0 1px #e8c56a59,0 14px 32px #00000080,inset 0 0 40px #5a40181f}.rail-info.notice-board.match-notice .wanted-banner{flex-shrink:0;margin-bottom:0}.rail-info.notice-board.match-notice .wanted-title{font-size:1.35rem}.rail-info.notice-board.match-notice .wanted-sub{font-size:.62rem}.rail-info.notice-board.match-notice .rail-block{border-bottom:1px dashed #5a401847;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.08rem;min-width:0;padding-bottom:.22rem;display:flex}.rail-info.notice-board.match-notice .rail-block:last-child{border-bottom:none;padding-bottom:0}.rail-info.notice-board.match-notice .rail-label{letter-spacing:.12em;text-transform:uppercase;color:#6a4010;text-align:center;font-size:.62rem;font-weight:800}.rail-info.notice-board.match-notice .rail-value{font-family:var(--font-display);color:#1a1208;word-break:break-word;text-align:center;font-size:1.05rem;font-weight:400;line-height:1.15}.rail-info.notice-board.match-notice .rail-value.mono{font-family:var(--font-body);letter-spacing:.02em;font-size:.85rem;font-weight:700}.rail-info.notice-board.match-notice .rail-value.accent{color:#8b1e1e;font-size:1.25rem}.rail-info.notice-board.match-notice .rail-value.warn{color:#8b1e1e;font-family:var(--font-body);font-size:.78rem;font-weight:700}.rail-actions{box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:space-evenly;align-items:center;gap:.35rem;width:12.5rem;height:17.5rem;margin-top:0;display:flex}.voyage-btn{color:#f0f4fa;cursor:pointer;background:radial-gradient(circle at 35% 30%,#fff0c81f,#0000 50%),radial-gradient(circle at 50% 55%,#243044 0%,#151d2c 100%);border:3px solid #c9a84a;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.1rem;width:4.85rem;height:4.85rem;padding:.3rem;transition:transform .12s,filter .12s,border-color .12s;display:flex;box-shadow:0 0 0 2px #141c28e6,0 8px 18px #00000073}.voyage-btn:hover:not(:disabled){filter:brightness(1.08);border-color:#f0d78a;transform:scale(1.05)}.voyage-btn:active:not(:disabled){transform:scale(.97)}.voyage-btn:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.4)}.voyage-btn.primary{color:#1a1520;background:radial-gradient(circle at 35% 30%,#ffffff38,#0000 45%),radial-gradient(circle at 50% 55%,#e8c56a 0%,#9a7420 70%,#6e5214 100%);border-color:#f0d78a}.voyage-btn.danger{color:#ffe8ea;background:radial-gradient(circle at 35% 30%,#ffc8c826,#0000 45%),radial-gradient(circle at 50% 55%,#8a2430 0%,#4a1018 100%);border-color:#e07078}.voyage-btn-icon{place-items:center;display:grid}.voyage-btn-label{letter-spacing:.04em;text-align:center;max-width:3.8rem;font-size:.62rem;font-weight:800;line-height:1.1}.playmat-stage{perspective:1700px;perspective-origin:50% 42%;flex-direction:row;flex:1;justify-content:center;align-items:stretch;gap:1.35rem;min-height:0;padding:.35rem 2.5rem 4.25rem;display:flex;position:relative;overflow:hidden}.playmat-scene{z-index:1;width:min(1080px,100% - 32rem);min-width:0;height:min(100%,980px);max-height:calc(100% - .15rem);transform-style:preserve-3d;transform-origin:50% 48%;filter:drop-shadow(0 28px 40px #0000008c);flex:0 auto;justify-content:center;align-self:flex-start;align-items:flex-start;margin-inline:.35rem;transition:transform .35s;display:flex;position:relative;transform:rotateX(16deg)scale(.98)}.playmat-table{background:linear-gradient(180deg, #ffffff47 0%, transparent 22%), linear-gradient(180deg, #d8dde4 0%, var(--mat) 42%, #aeb6c0 100%);width:100%;height:100%;transform-style:preserve-3d;border:3px solid #8b9510;border-radius:12px;flex-direction:column;gap:.5rem;padding:.35rem 1rem .85rem;display:flex;position:relative;overflow:visible;box-shadow:0 0 0 2px #28321e73,inset 0 1px #ffffff80,inset 0 -18px 40px #1e28371f}.playmat-board{min-height:0;transform-style:preserve-3d;flex-direction:column;flex:1;justify-content:space-between;gap:.28rem;display:flex;overflow:visible}.board-side{grid-template-columns:auto 1fr auto;align-items:end;gap:.4rem .65rem;min-height:0;display:grid}.board-side.opp{align-items:start}.board-side.opp .cost-tray{min-height:calc(var(--don-active-h) + .35rem);height:auto;padding-top:.08rem;padding-bottom:.1rem;overflow:visible}.board-side.opp .char-tray{padding-top:.1rem;padding-bottom:.12rem}.board-side.opp .leader-tray,.board-side.opp .stage-tray{padding-top:.1rem;padding-bottom:.1rem}.board-side.self{align-items:end}.zone-tray{background:var(--mat-zone);border:1.5px solid var(--mat-slot-line);border-radius:6px;box-shadow:inset 0 1px #ffffff59}.zone-label{letter-spacing:.14em;text-transform:uppercase;color:#2a33408c;text-align:center;padding:.12rem .25rem 0;font-size:.55rem;font-weight:800;line-height:1.2}.zone-side{flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;gap:.35rem;min-width:1.35rem;padding:.15rem .2rem;display:flex}.zone-label.side{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.18em;padding:0;line-height:1}.zone-label-sub{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.12em;text-transform:uppercase;color:#2a33406b;max-height:5.5rem;font-size:.5rem;font-weight:800;overflow:hidden}.act-fab{color:#1a1520;cursor:pointer;background:linear-gradient(160deg,#f0d78a 0%,#c9a84a 55%,#8b6914 100%);border:2px solid #c9a84a;border-radius:50%;flex-shrink:0;place-items:center;width:1.85rem;height:1.85rem;padding:0;font-size:.72rem;font-weight:900;line-height:1;transition:transform .12s,filter .12s;display:grid;box-shadow:0 0 0 1px #1410088c,0 3px 8px #00000047}.act-fab:hover{filter:brightness(1.06);transform:scale(1.08)}.act-fab:active{transform:scale(.96)}.life-col{flex-direction:column;align-self:center;align-items:center;gap:.25rem;width:84px;display:flex}.board-side.opp .life-col{flex-direction:column-reverse}.life-tray{flex-direction:column;align-items:center;width:100%;padding:.25rem .25rem .3rem;display:flex;position:relative}.life-stack{flex-direction:column;align-items:center;width:79px;display:flex;position:relative}.life-count{z-index:8;border:2px solid var(--phase-gold);color:#fff;background:#1a2436;border-radius:999px;place-items:center;min-width:1.55rem;height:1.55rem;padding:0 .28rem;font-size:.72rem;font-weight:800;display:grid;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 6px #0006}.life-card{filter:drop-shadow(0 1px 2px #0000004d);z-index:1;margin-top:-88px;transition:transform .12s,filter .12s;position:relative}.life-card:first-child{margin-top:0}.life-card:hover{filter:drop-shadow(0 4px 8px #0006);z-index:20;transform:translate(8px)scale(1.03)}.board-side.opp .life-card:hover{transform:translate(8px)scale(1.03)}.life-empty{background:#fff3;border:1.5px dashed #37465a4d;border-radius:4px;width:79px;height:20px}.don-under-life{flex-direction:column;align-items:center;gap:.1rem;width:100%;display:flex}.don-under-life .zone-label{padding-top:0}.don-under-life .pile-tray{padding:.1rem .15rem .15rem}.don-under-life .don-deck-pile{margin-top:-2px;margin-left:-2px}.field-mid{flex-direction:column;align-self:stretch;gap:.12rem;min-width:0;display:flex}.board-side.opp .field-mid{flex-direction:column-reverse}.char-tray{--char-side-rail:1.7rem;flex-direction:row;align-items:stretch;gap:.25rem;min-height:0;padding:.15rem .35rem .18rem;display:flex}.char-tray>.zone-side{flex:0 0 var(--char-side-rail);width:var(--char-side-rail);min-width:var(--char-side-rail);box-sizing:border-box;padding-inline:0}.char-tray:after{content:"";flex:0 0 var(--char-side-rail);width:var(--char-side-rail);min-width:var(--char-side-rail);pointer-events:none;align-self:stretch}.char-row{gap:var(--char-slot-gap);flex:1;justify-content:center;align-items:center;min-width:0;min-height:110px;display:flex}.board-side.opp .char-row{align-items:center}.leader-stage-row{justify-content:center;align-items:stretch;gap:.45rem;display:flex}.board-side.opp .leader-stage-row{flex-direction:row-reverse;align-items:stretch}.leader-tray,.stage-tray{--leader-stage-cell:118px;box-sizing:border-box;min-width:calc(var(--char-side-rail,1.7rem) + var(--leader-stage-cell) + 1.1rem);min-height:calc(var(--leader-stage-cell) + .9rem);flex-direction:row;align-items:center;gap:.4rem;padding:.45rem .55rem;display:flex;overflow:visible}.leader-tray>.field-card-wrap,.stage-tray>.field-card-wrap,.leader-tray>.slot-empty,.stage-tray>.slot-empty{flex-shrink:0}.leader-tray>.zone-side,.stage-tray>.zone-side{z-index:3;position:relative}.cost-tray{min-height:calc(var(--don-active-h) + .35rem);box-sizing:border-box;flex-direction:row;align-items:center;gap:.25rem;height:auto;padding:.1rem .3rem .12rem;display:flex;overflow:visible}.cost-tray .zone-side{gap:.25rem;min-width:2.4rem}.cost-count-badge{min-width:1.7rem;height:1.35rem;font-family:var(--font-cond);letter-spacing:.02em;writing-mode:horizontal-tb;text-orientation:mixed;color:#1a1520;background:linear-gradient(#f0d078,#c9a84a);border:1px solid #5a401873;border-radius:999px;justify-content:center;align-items:center;padding:0 .35rem;font-size:.72rem;font-weight:800;display:inline-flex;box-shadow:0 1px 3px #00000040}.board-side.opp .char-tray,.board-side.opp .leader-tray,.board-side.opp .stage-tray,.board-side.opp .cost-tray{flex-direction:row-reverse}.board-side.opp .zone-label.side,.board-side.opp .zone-label-sub{writing-mode:vertical-lr;transform:rotate(180deg)}.cost-row{min-height:var(--don-active-h);flex-wrap:nowrap;flex:1;place-content:center flex-start;align-items:center;gap:0;min-width:0;height:auto;padding:0 .15rem;display:flex;overflow:visible}.board-side.opp .cost-row{justify-content:flex-end;padding-left:2.75rem;padding-right:.35rem}.cost-empty{color:#2a334066;letter-spacing:.04em;font-size:.62rem;font-weight:600}.piles-col{flex-direction:column;align-items:center;gap:.4rem;width:98px;display:flex}.board-side.opp .piles-col{flex-direction:column-reverse}.pile-tray{flex-direction:column;align-items:center;gap:.1rem;width:100%;padding:.15rem .2rem .2rem;display:flex;overflow:visible}.deck-pile,.trash-pile,.don-deck-pile{width:79px;height:110px;position:relative}.deck-pile .deck-layer,.don-deck-pile .deck-layer{background:linear-gradient(145deg,#ffffff1f,#0000 40%),#1e2a3d;border:1px solid #00000059;border-radius:7px;position:absolute;inset:0;box-shadow:0 1px 2px #00000059}.deck-pile .deck-layer:first-child{transform:translate(3px,3px)}.deck-pile .deck-layer:nth-child(2){transform:translate(2px,2px)}.deck-pile .deck-layer:nth-child(3){transform:translate(1px,1px)}.deck-pile .deck-layer:nth-child(4){transform:translate(0)}.don-deck-pile .deck-layer{background:linear-gradient(145deg,#ffdc6433,#0000 45%),#3a2a12;border-color:#c8962880}.don-deck-pile .deck-layer:first-child{transform:translate(3px,3px)}.don-deck-pile .deck-layer:nth-child(2){transform:translate(2px,2px)}.don-deck-pile .deck-layer:nth-child(3){transform:translate(1px,1px)}.don-deck-pile .deck-layer:nth-child(4){transform:translate(0)}.deck-pile .deck-top,.don-deck-pile .deck-top,.trash-pile .trash-top{z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.deck-count,.don-deck-count{z-index:8;border:2px solid var(--phase-gold);color:#fff;background:#1a2436;border-radius:999px;place-items:center;min-width:1.55rem;height:1.55rem;padding:0 .28rem;font-size:.72rem;font-weight:800;display:grid;position:absolute;bottom:-6px;right:-6px;box-shadow:0 2px 6px #0006}.trash-empty{background:#ffffff40;border:1.5px dashed #37465a59;border-radius:7px;width:100%;height:100%}.slot-empty{border:1.5px solid var(--mat-slot-line);background:var(--mat-slot);border-radius:7px;flex-shrink:0;width:79px;height:110px;box-shadow:inset 0 1px #fff6}.slot-empty.wide{width:100%;min-width:79px}.field-card-wrap{flex-direction:row;flex-shrink:0;align-items:center;gap:.25rem;display:flex;position:relative}.field-card-wrap.has-given-don{margin-right:.35rem}.unit-visual{flex-direction:row;justify-content:flex-start;align-items:center;display:inline-flex;position:relative}.field-card-wrap.rested .unit-visual{flex-shrink:0;justify-content:center;align-items:center;width:118px;height:118px}.field-card-wrap.rested.has-given-don{margin-right:0}.field-card-wrap.rested .card-slot{z-index:2;transform-origin:50%;position:relative;transform:rotate(90deg)}.field-card-wrap.rested .card-frame,.field-card-wrap.rested .card-frame.rested{transform:none}.field-card-wrap.rested .card-cost-overlay,.field-card-wrap.rested .card-slot.mirror-cost .card-cost-overlay,.field-card-wrap.rested .card-cost-overlay.mirror{inset:-.42em auto auto -.38em;transform:none}.attached-don-stack.strip-mode{z-index:0;pointer-events:none;flex-shrink:0;margin-left:-.2rem;position:relative}.attached-don-stack.rested-mode{z-index:0;pointer-events:none;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.attached-don-pip{background:#0b1220;border:1px solid #ffffff47;border-radius:5px;flex-shrink:0;position:absolute;overflow:hidden;box-shadow:0 2px 6px #00000073}.attached-don-pip.strip{border-left:none;border-radius:0 8px 8px 0}.attached-don-pip img{width:var(--don-w,100%);object-fit:cover;object-position:right center;height:100%;display:block}.attached-don-pip.strip img{margin-left:calc(var(--don-step,13px) - var(--don-w,79px))}.attached-don-pip.full-face,.attached-don-pip.under-layer{border-left:1px solid #ffffff47;border-radius:8px;position:absolute;top:0;left:0}.attached-don-pip.full-face img,.attached-don-pip.under-layer img{object-fit:cover;object-position:center;width:100%;height:100%;margin-left:0}.attached-don-pip.under-layer{opacity:.55}.attached-don-count-rested{z-index:20;font-size:.62rem;font-weight:800;font-family:var(--font-stat,Anton, sans-serif);color:#f5e6c8;text-shadow:0 1px 2px #000c;background:#080c16c7;border:1px solid #fff3;border-radius:4px;padding:1px 5px;position:absolute;bottom:3px;right:3px}.attached-don-more{z-index:12;color:#f5e6c8;text-shadow:0 1px 2px #000c;font-size:.65rem;font-weight:800;position:absolute;bottom:0;right:0}.unit-visual>.card-slot{z-index:2;position:relative}.char-tray,.char-row,.leader-tray,.field-mid{overflow:visible}.field-card-wrap.attacker:after{content:"";pointer-events:none;z-index:2;border:2px solid #ffd24a;border-radius:10px;position:absolute;inset:-4px;box-shadow:0 0 14px #ffd24a8c}.field-card-wrap.blocker:after{content:"";pointer-events:none;z-index:2;border:2px solid #5ec8ff;border-radius:10px;position:absolute;inset:-4px;box-shadow:0 0 14px #5ec8ff73}.don-chip-wrap{width:var(--don-active-w);height:var(--don-active-h);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.don-chip-wrap+.don-chip-wrap{margin-left:calc(-1 * var(--don-chip-overlap))}.don-chip-wrap.rested{width:var(--don-rested-w);height:var(--don-rested-h)}.don-chip-wrap.rested .card-frame{transform-origin:50%;transform:rotate(90deg)}.hand-float{z-index:60;width:max-content;max-width:none;box-shadow:none;pointer-events:none;background:0 0;border:none;flex-flow:row;justify-content:center;align-items:flex-end;gap:.3rem;margin:0;padding:0;display:flex;position:absolute;left:50%;overflow:visible}.hand-float.self{perspective:700px;perspective-origin:50% 100%;bottom:.15rem;transform:translate(-50%)}.hand-float.opp{perspective:700px;perspective-origin:50% 0;align-items:flex-start;top:-.15rem;transform:translate(-50%)}.hand-float-cards-slot{pointer-events:none;flex:none;position:relative;overflow:visible}.hand-float-cards{pointer-events:none;flex-flow:row;justify-content:center;align-items:flex-end;width:max-content;display:flex}.hand-float-cards-slot .hand-float-cards{position:absolute;left:0}.hand-float.self .hand-float-cards-slot .hand-float-cards{transform-origin:0 100%;bottom:0}.hand-float.opp .hand-float-cards-slot .hand-float-cards{transform-origin:0 0;align-items:flex-start;top:0}.hand-tools{pointer-events:auto;z-index:8;background:#0c122047;border:1px solid #e8c56a38;border-radius:8px;flex-direction:column;flex:none;align-items:center;gap:.18rem;margin-left:.45rem;padding:.12rem;display:flex}.hand-tools.self{align-self:flex-end;margin-bottom:.35rem}.hand-tools.opp{align-self:flex-start;margin-top:.35rem}.hand-tool-btn{color:#f0d078b8;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#10182873;border:1px solid #e8c56a47;border-radius:5px;justify-content:center;align-items:center;width:1.55rem;height:1.55rem;font-size:.95rem;font-weight:700;line-height:1;transition:color .15s,background .15s,border-color .15s,opacity .15s;display:inline-flex}.hand-tool-btn:hover:not(:disabled){color:#ffe8a0fa;background:#1c263ab3;border-color:#e8c56a8c}.hand-tool-btn:disabled{opacity:.28;cursor:default}.hand-tool-btn.pan{cursor:grab;font-size:.85rem}.hand-tool-btn.pan.active,.hand-float.panning .hand-tool-btn.pan{cursor:grabbing;color:#ffe8a0;background:#243048d9;border-color:#e8c56abf}.hand-float .hand-card{pointer-events:auto;background:0 0;border:none;flex:none;position:relative;overflow:visible}.hand-float.self .hand-card{z-index:1;width:88px;height:122px;margin-inline:-18px;transition:margin .16s}.hand-float.self .hand-card:first-child{margin-inline-start:0}.hand-float.self .hand-card:last-child{margin-inline-end:0}.hand-float.self:not(.collapsed) .hand-card:hover{z-index:8;margin-inline:6px}.hand-float.self:not(.collapsed) .hand-card:first-child:hover{margin-inline-start:0}.hand-float.self:not(.collapsed) .hand-card:last-child:hover{margin-inline-end:0}.hand-float.self .hand-card-visual{transform-origin:bottom;width:88px;transform:rotateX(20deg) rotate(var(--fan-rot,0deg));filter:drop-shadow(0 10px 18px #0000008c);pointer-events:auto;backface-visibility:hidden;transition:transform .16s,filter .16s;position:absolute;bottom:0;left:0}.hand-float.self:not(.collapsed) .hand-card:hover .hand-card-visual{filter:drop-shadow(0 16px 24px #0009);transform:translateY(-36px) scale(1.12) rotateX(20deg) rotate(var(--fan-rot,0deg))!important}.hand-float.opp .hand-card{pointer-events:none;width:64px;height:90px;margin-inline:-16px}.hand-float.opp .hand-card:first-child{margin-inline-start:0}.hand-float.opp .hand-card:last-child{margin-inline-end:0}.hand-float.opp .hand-card-visual{transform-origin:top;width:64px;transform:rotateX(-20deg) rotate(var(--fan-rot,0deg));filter:drop-shadow(0 6px 12px #00000073);pointer-events:none;backface-visibility:hidden;position:absolute;top:0;left:0}.hand-float.opp .card-frame.back{border-radius:6px;width:64px;height:90px}.hand-float.collapsed .hand-card{margin-inline:0}.hand-float.collapsed .hand-card-visual{transform:rotateX(20deg)rotate(0)}.hand-float.opp.collapsed .hand-card-visual{transform:rotateX(-20deg)rotate(0)}.hand-collapsed-stub{cursor:pointer;padding:0}.hand-float.opp .hand-collapsed-stub{cursor:default;pointer-events:none}.hand-collapsed-count{z-index:4;min-width:1.35rem;height:1.35rem;font-family:var(--font-cond,ui-sans-serif, system-ui);letter-spacing:.02em;color:#1a1520;pointer-events:none;background:linear-gradient(#f0d878 0%,#c9a84a 100%);border:1px solid #281e0a8c;border-radius:999px;justify-content:center;align-items:center;padding:0 .28rem;font-size:.78rem;font-weight:700;display:inline-flex;position:absolute;bottom:-.2rem;right:-.35rem;box-shadow:0 2px 6px #00000059}.hand-float.opp .hand-collapsed-count{top:-.2rem;bottom:auto}.center-banner{z-index:50;pointer-events:none;text-align:center;animation:.35s cubic-bezier(.2,1.2,.4,1) both banner-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-banner .banner-plate{clip-path:polygon(2% 0%,98% 0%,100% 18%,98% 100%,2% 100%,0% 18%);background:linear-gradient(#e8d4a8 0%,#c9a84a 40%,#8b6914 100%);border:3px solid #1a1520;padding:.65rem 2.2rem .75rem;display:inline-block;box-shadow:0 0 0 2px #c9a84a,0 12px 40px #0000008c}.center-banner.action .banner-plate{background:linear-gradient(180deg, #ff8a94 0%, var(--banner-red) 45%, #7a1018 100%);box-shadow:0 0 0 2px #ff6b7a,0 12px 40px #0000008c}.center-banner .banner-kicker{letter-spacing:.28em;text-transform:uppercase;color:#1a1520b3;margin-bottom:.15rem;font-size:.7rem;font-weight:800;display:block}.center-banner.action .banner-kicker{color:#ffffffbf}.center-banner .banner-title{letter-spacing:.06em;text-transform:uppercase;color:var(--banner-ink);text-shadow:0 1px #ffffff59;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:900;line-height:1.05;display:block}.center-banner.action .banner-title{color:#fff;text-shadow:0 2px #5a0810,0 0 20px #ff505a80}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)rotate(-2deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}.center-banner.action-side{left:var(--action-banner-left);right:var(--action-banner-right);z-index:70;text-align:right;justify-content:flex-end;align-items:center;width:auto;max-width:none;animation:.35s cubic-bezier(.2,1.2,.4,1) both banner-pop-side;display:flex;top:50%;transform:translateY(-50%)}.center-banner.action-side .banner-plate{box-sizing:border-box;width:auto;max-width:100%;padding:.55rem 1rem .65rem;display:inline-block}.center-banner.action-side .banner-title{font-size:clamp(1.15rem,2.4vw,1.85rem)}.center-banner.action-side .banner-kicker{letter-spacing:.18em;font-size:.62rem}@keyframes banner-pop-side{0%{opacity:0;transform:translateY(-50%)translate(14px)scale(.94)}to{opacity:1;transform:translateY(-50%)translate(0)scale(1)}}.playmat-toast{z-index:45;color:#f0f4fa;text-align:center;background:#141c2beb;border:1px solid #e8c56a66;border-radius:6px;max-width:min(90vw,420px);padding:.55rem 1rem;font-size:.85rem;animation:.25s both toast-in;position:absolute;bottom:18%;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000073}.duel-playmat .modal-backdrop{background:#080c16b8}.duel-playmat .modal-panel{color:var(--text);background:linear-gradient(#1a2436,#121a28);border:1px solid #e8c56a59;border-radius:10px}.duel-playmat .modal-panel h2,.duel-playmat .modal-panel h3{color:#f0f4fa}.duel-playmat .choice-grid{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.duel-playmat .banner-actions{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:.55rem;display:flex}.duel-playmat .center-banner{pointer-events:none}.duel-playmat .center-banner .banner-actions,.duel-playmat .center-banner .btn{pointer-events:auto}.duel-playmat .drop-zone.active,.duel-playmat .playmat-drop.active{outline-offset:2px;background:#5ec8ff1f;outline:2px solid #5ec8ffb3}@media (width<=1100px){.playmat-stage{perspective:1300px;gap:.5rem;padding:.85rem 1.75rem 4.75rem}.playmat-scene{width:min(1000px,100% - 26rem);height:min(100%,920px);transform:rotateX(14deg)scale(.97)}.phase-dial{width:10.5rem;height:10.5rem}.phase-dial-core{width:5.1rem;height:5.1rem}.phase-slice-label{font-size:10.5px}.phase-dial-name{font-size:1.05rem}.duel-chrome-left,.duel-rail,.rail-info.notice-board.match-notice,.card-hover-panel.wanted,.rail-actions{width:10.5rem}.rail-info.notice-board.match-notice{height:13.5rem}.card-hover-panel.wanted{height:auto;min-height:10rem}.rail-actions{height:15.5rem}.center-banner.action-side{--duel-rail-w:10.5rem;--life-col-w:78px;--char-five-end:calc(10.5rem + .5rem + .55rem + 78px + .4rem + var(--char-side-rail) + 395px + 4 * var(--char-slot-gap) + 1.6rem);--action-banner-left:var(--char-five-end);--action-banner-right:calc(10.5rem + .5rem)}.voyage-btn{width:4.4rem;height:4.4rem}.playmat-table{border-width:2px;padding:.5rem .55rem}.board-side{gap:.35rem .4rem}.life-col,.piles-col{width:78px}.char-tray{min-height:0}}@media (width<=900px){.hand-float.self .hand-card{margin-inline:-14px}.hand-float.self .hand-card:first-child{margin-inline-start:0}.hand-float.self .hand-card:last-child{margin-inline-end:0}.playmat-stage{flex-wrap:wrap;align-content:center;align-items:center;padding:.2rem .5rem 4.5rem}.duel-chrome-left{flex-direction:row;order:1;justify-content:center;width:auto;max-height:none}.playmat-scene{order:0;width:100%;transform:rotateX(12deg)scale(1)}.duel-rail{flex-direction:row;order:2;align-items:stretch;gap:.4rem;width:auto;max-height:none;position:relative}.rail-info.notice-board.match-notice{flex:1;height:auto;min-height:12rem}.card-hover-panel.wanted{height:auto;min-height:10rem}.rail-actions{flex-direction:row;width:auto;height:auto;margin-top:0}.voyage-btn{width:4.6rem;height:4.6rem}.voyage-btn-label{font-size:.62rem}.phase-dial{width:9.5rem;height:9.5rem}.phase-dial-core{width:4.6rem;height:4.6rem}.phase-slice-label{font-size:9.5px}.center-banner.action-side{--action-banner-left:calc(.5rem + 78px + .4rem + var(--char-side-rail) + 316px);--action-banner-right:.5rem;z-index:70;animation:.35s cubic-bezier(.2,1.2,.4,1) both banner-pop-side-mobile;top:40%;transform:translateY(-50%)}@keyframes banner-pop-side-mobile{0%{opacity:0;transform:translateY(-50%)translate(12px)scale(.94)}to{opacity:1;transform:translateY(-50%)translate(0)scale(1)}}}.duel-playmat.has-debug-rail{grid-template-rows:auto 1fr;grid-template-columns:minmax(220px,280px) 1fr;display:grid}.duel-playmat.has-debug-rail>.reconnect-banner{grid-column:1/-1}.duel-playmat.has-debug-rail>.debug-rail{grid-area:2/1}.duel-playmat.has-debug-rail>.playmat-shell{grid-area:2/2}.debug-rail{color:#e8eef6;z-index:80;background:linear-gradient(#101826 0%,#0a101a 100%);border-right:1px solid #b4c8dc29;flex-direction:column;gap:.65rem;height:100dvh;max-height:100dvh;padding:.65rem .55rem;font-size:.78rem;display:flex;overflow:hidden}.debug-rail-head{border-bottom:1px solid #b4c8dc24;flex-direction:column;gap:.2rem;padding-bottom:.35rem;display:flex}.debug-kicker{font-family:var(--font-cond);letter-spacing:.14em;text-transform:uppercase;color:#d4a437;font-size:.68rem}.debug-game-name{word-break:break-all;font-size:.82rem;line-height:1.25}.debug-section{flex-direction:column;gap:.4rem;min-height:0;display:flex}.debug-section-title{font-family:var(--font-cond);letter-spacing:.08em;text-transform:uppercase;color:#9aa8bc;font-size:.68rem}.debug-log{background:#00000047;border:1px solid #b4c8dc1f;border-radius:6px;flex:1;min-height:140px;max-height:42vh;padding:.4rem;overflow:auto}.debug-log-line{border-bottom:1px solid #ffffff0a;grid-template-columns:4.2rem 1fr;gap:.35rem;padding:.15rem 0;display:grid}.debug-log-line time{color:#7f8ea3;font-variant-numeric:tabular-nums}.debug-empty,.debug-hint{margin:0;font-size:.72rem}.debug-field{flex-direction:column;gap:.2rem;display:flex}.debug-field span{color:#9aa8bc}.debug-field select{color:#eef2f7;background:#152033;border:1px solid #b4c8dc33;border-radius:4px;padding:.3rem .35rem}.debug-btn{width:100%;padding:.35rem .5rem;font-size:.75rem}.debug-confirm-backdrop{z-index:200;background:#060a12b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.debug-confirm-panel{color:#eef2f7;background:#152033;border:1px solid #d4a43759;border-radius:10px;width:min(420px,100%);padding:1.1rem 1.15rem;box-shadow:0 18px 40px #00000073}.debug-confirm-panel h3{font-family:var(--font-display);margin:0 0 .55rem;font-size:1.15rem}.debug-confirm-panel p{color:#c5d0de;margin:0 0 1rem;font-size:.85rem;line-height:1.45}.debug-confirm-error{background:#b91c1c2e;border:1px solid #f8717173;border-radius:6px;padding:.55rem .65rem;color:#fecaca!important;margin:0 0 1rem!important;font-size:.82rem!important}.debug-confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}@media (width<=900px){.duel-playmat.has-debug-rail{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}.duel-playmat.has-debug-rail>.debug-rail{grid-area:2/1;height:auto;max-height:38vh}.duel-playmat.has-debug-rail>.playmat-shell{grid-area:3/1}}