@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=ZCOOL+QingKe+HuangYou&display=swap";:root{--avo-0:#f4fce8;--avo-1:#e2f5b8;--avo-2:#c6e86a;--avo-3:#a4d03a;--avo-4:#7cb518;--avo-5:#4f7a0c;--avo-deep:#1a1a1a;--ink:#111;--foam:#fff;--muted:#5a5a5a;--magenta:#e91e8c;--magenta-dark:#b01068;--gold:#ffe566;--coral:#ff4d6d;--mint:#7cb518;--panel:#fff;--grid:#1111110f;--pixel:4px;--font-pixel:"Press Start 2P", monospace;--font-cn:"ZCOOL QingKe HuangYou", "Press Start 2P", sans-serif;--card-w:108px;--card-h:148px;--sea-0:var(--avo-0);--sea-1:var(--avo-1);--sea-2:var(--avo-2);--sea-3:var(--avo-3);--sea-4:var(--avo-4);--sea-5:var(--avo-5);--sea-deep:var(--avo-deep);color:var(--ink);background-color:var(--foam);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), radial-gradient(ellipse at 20% 0%, var(--avo-1) 0%, transparent 45%), radial-gradient(ellipse at 90% 10%, #e91e8c1f 0%, transparent 40%);font-family:var(--font-cn);image-rendering:pixelated;background-size:24px 24px,24px 24px,auto,auto}*{box-sizing:border-box}body{-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:100dvh;margin:0;overflow-x:hidden}#root{min-height:100dvh}button{font:inherit;cursor:pointer;image-rendering:pixelated}button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3)}.is-disabled{opacity:.55;filter:grayscale(.15);cursor:default}.primary-btn,.ghost-btn,.action-buttons>button{border:4px solid var(--avo-deep);border-radius:0;padding:.7rem 1rem;transition:none;box-shadow:inset -3px -3px #00000026,inset 3px 3px #ffffff59,4px 4px #00000038}.primary-btn{background:var(--avo-3);color:var(--ink);font-family:var(--font-cn);letter-spacing:.04em;border-color:var(--avo-deep);font-size:1.15rem}.primary-btn:hover:not(:disabled){background:var(--avo-4);color:var(--ink);transform:translate(2px,2px);box-shadow:inset -2px -2px #0003,inset 2px 2px #ffffff40,2px 2px #00000040}.ghost-btn{background:var(--foam);color:var(--ink);border-color:var(--avo-deep)}.ghost-btn:hover:not(:disabled){background:var(--avo-1)}.px-logo{background:var(--avo-3);border:4px solid var(--avo-deep);width:72px;height:56px;box-shadow:4px 4px 0 var(--magenta);color:var(--ink);font-family:var(--font-pixel);place-items:center;margin:0 auto .75rem;font-size:.7rem;display:grid}.eyebrow{font-family:var(--font-pixel);letter-spacing:.2em;color:var(--avo-5);margin:0 0 .75rem;font-size:.55rem}.phase-chip.active,.px-tabs button.on,.px-filter button.on,.px-deck-pick .chip.on{background:var(--avo-3);color:var(--ink);border-color:var(--avo-deep)}.px-deck-card.active,.px-deck-card.big.active{border-color:var(--avo-deep);background:linear-gradient(180deg, var(--avo-1), var(--avo-2));box-shadow:4px 4px 0 var(--magenta)}.px-card{background:linear-gradient(180deg, var(--avo-2) 0%, var(--avo-4) 100%);border-color:var(--avo-deep);box-shadow:0 0 0 3px var(--foam), 4px 4px 0 #00000059}.px-token{background:var(--avo-2);border-color:var(--avo-deep)}.px-talent{background:linear-gradient(180deg, var(--avo-2), var(--avo-4));border-color:var(--avo-deep)}.px-cost{background:var(--foam);border-color:var(--avo-deep);color:var(--ink)}.board,.action-panel,.hand-view,.log-panel,.game-header,.modal-panel{border-color:var(--avo-deep);background:#ffffffeb}.board-divider.px-wave{background:repeating-linear-gradient(90deg, var(--avo-4) 0 8px, transparent 8px 12px, var(--magenta) 12px 16px, transparent 16px 20px)}.hp-pips i.on{background:var(--magenta)}.px-token.fx-attack{border-color:var(--avo-4)!important}.px-token.fx-block{border-color:var(--gold)!important}.card-detail-panel{background:var(--avo-2)!important;border:4px solid var(--avo-deep)!important;box-shadow:6px 6px 0 var(--magenta)!important}.detail-body{background:var(--foam);border-color:var(--avo-deep)}.px-pool-card{background:linear-gradient(180deg, var(--avo-2), var(--avo-4));border-color:var(--foam);box-shadow:0 0 0 3px var(--avo-deep)}.mode-footnote{display:none}.app-shell,.mode-select,.deck-builder{min-height:100dvh;padding:1.25rem}.mode-select{grid-template-columns:minmax(220px,.9fr) minmax(280px,1.2fr);align-items:start;gap:1.5rem;max-width:1100px;margin:0 auto;display:grid}.mode-select.mode-step-mode{grid-template-columns:1fr;place-items:center;max-width:520px;min-height:100dvh}.mode-select.mode-step-mode .menu-brand{width:100%;position:static}.mode-select.mode-step-decks{animation:.28s ease-out mode-step-in}@keyframes mode-step-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.menu-brand{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex;position:sticky;top:1rem}.menu-brand h1{font-family:var(--font-cn);color:var(--ink);text-shadow:4px 4px 0 var(--avo-3), 7px 7px 0 var(--magenta);margin:0;font-size:clamp(2.4rem,7vw,3.8rem);line-height:1}.menu-decks{flex-direction:column;gap:1rem;min-width:0;display:flex}.hero{text-align:center;max-width:560px}.hero h1,.page-header h1,.deck-builder h1{font-family:var(--font-cn);color:var(--ink);text-shadow:4px 4px 0 var(--avo-3), 7px 7px 0 var(--magenta);margin:0;font-size:clamp(2.8rem,9vw,4.6rem);line-height:1}.mode-actions{flex-direction:column;gap:.75rem;width:min(280px,100%);margin-top:.5rem;display:flex}.game-header{border:4px solid var(--sea-deep);background:#e8f6fcd9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.65rem .85rem;display:flex;box-shadow:4px 4px #1a4a5e33}.phase-bar{flex-wrap:wrap;gap:.4rem;display:flex}.phase-chip{font-family:var(--font-pixel);border:3px solid var(--sea-4);background:var(--sea-1);color:var(--sea-5);padding:.45rem .55rem;font-size:.45rem}.phase-chip.active{background:var(--avo-3);color:var(--ink);border-color:var(--avo-deep)}.turn-indicator{font-family:var(--font-pixel);color:var(--sea-5);font-size:.45rem}.game-main{grid-template-columns:minmax(0,1.45fr) minmax(240px,.75fr);gap:.85rem;display:grid}.board,.action-panel,.hand-view,.log-panel{border:4px solid var(--sea-deep);background:#e8f6fcc7;border-radius:0;box-shadow:4px 4px #1a4a5e2e}.board{grid-column:1;padding:.85rem}.lane-label{font-family:var(--font-pixel);color:var(--sea-5);letter-spacing:.08em;margin:.7rem 0 .4rem;font-size:.42rem}.slot-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.slot-row.talent-row{flex-wrap:wrap;grid-template-columns:none;justify-content:center;gap:.45rem;display:flex}.slot-row.talent-row .px-talent,.slot-row.talent-row .px-talent.empty{flex:none;width:min(104px,28vw)}.slot-row.token-row{flex-wrap:wrap;grid-template-columns:none;justify-content:center;gap:.85rem;display:flex}.board-divider.px-wave{background:repeating-linear-gradient(90deg, var(--sea-4) 0 8px, transparent 8px 12px, var(--sea-3) 12px 20px, transparent 20px 24px);opacity:.7;border:none;height:8px;margin:.9rem 0}.player-panel{background:var(--sea-1);border:3px solid var(--sea-4);margin-bottom:.5rem;padding:.45rem .55rem}.player-title{font-family:var(--font-pixel);color:var(--sea-deep);margin-bottom:.35rem;font-size:.55rem}.player-stats{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.stat-chip{font-family:var(--font-pixel);background:var(--foam);border:2px solid var(--sea-4);color:var(--sea-5);padding:.25rem .35rem;font-size:.4rem}.hp-bar{align-items:center;gap:.4rem;min-width:7.5rem;display:inline-flex}.hp-bar-track{border:3px solid var(--avo-deep);background:#1111111f;flex:1;min-width:72px;height:14px;position:relative;overflow:hidden;box-shadow:inset 2px 2px #0000001f}.hp-bar-fill{background:linear-gradient(90deg,#ff4d6d 0%,#ff7a93 55%,#ff9aab 100%);height:100%;transition:width .25s ease-out;display:block;box-shadow:inset 0 -2px #0000002e}.hp-bar-label{font-family:var(--font-pixel);color:var(--coral);white-space:nowrap;min-width:2.6rem;font-size:.38rem}.hp-pips{gap:3px;display:inline-flex}.hp-pips i{border:2px solid var(--sea-deep);width:12px;height:12px;image-rendering:pixelated;display:block}.hp-pips i.on{background:var(--coral);box-shadow:inset -2px -2px #0003}.hp-pips i.off{background:var(--sea-2)}.px-cost{z-index:2;background:var(--foam);border:3px solid var(--avo-deep);width:28px;height:28px;color:var(--ink);font-family:var(--font-pixel);border-radius:50%;place-items:center;font-size:.55rem;line-height:1;display:grid;position:absolute;top:6px;left:6px;box-shadow:2px 2px #00000040}.px-gem{background:var(--mint);border:2px solid var(--sea-deep);width:10px;height:10px;display:block;transform:rotate(45deg);box-shadow:1px 1px #0003}.px-gem.top{z-index:2;background:var(--gold);margin-left:-5px;position:absolute;top:4px;left:50%}.px-gem.mid{background:var(--sea-4);flex-shrink:0;width:12px;height:12px}.px-gem.mid.small{width:8px;height:8px}.px-gem.token-gem{background:var(--gold);z-index:2;margin-left:-5px;position:absolute;top:4px;left:50%}.px-stat{min-width:26px;height:22px;font-family:var(--font-pixel);color:var(--ink);border:2px solid var(--sea-deep);place-items:center;font-size:.45rem;display:grid}.px-stat.atk{background:var(--avo-2);clip-path:polygon(20% 0,100% 0,100% 100%,20% 100%,0 50%);padding-left:4px}.px-stat.def{background:var(--foam);clip-path:polygon(0 0,80% 0,100% 50%,80% 100%,0 100%);padding-right:4px}.px-id{font-family:var(--font-pixel);color:var(--ink);letter-spacing:.04em;opacity:.65;font-size:.32rem}.px-card{width:var(--card-w);height:var(--card-h);border:4px solid var(--foam);background:linear-gradient(180deg, var(--sea-3) 0%, var(--sea-4) 100%);box-shadow:0 0 0 3px var(--sea-deep), 4px 4px 0 #1a4a5e4d;color:var(--ink);flex-direction:column;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.px-card.royal{background:linear-gradient(#7ec4d8 0%,#4a8fb0 55%,#c9a84c 140%)}.px-card.suit-hearts .px-suit-big,.px-card.suit-diamonds .px-suit-big{color:#c62828}.px-card.suit-clubs .px-suit-big,.px-card.suit-spades .px-suit-big{color:var(--ink)}.px-card.is-selected{box-shadow:0 0 0 3px var(--gold), 4px 8px 0 #1a4a5e59;transform:translateY(-8px)}.px-card:not(:disabled):hover{transform:translateY(-4px)}.px-art{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff0f 2px 3px),#1a4a5e40;border:3px solid #ffffff59;flex:1;place-items:center;width:calc(100% - 16px);margin-top:34px;display:grid}.px-suit-big{text-shadow:2px 2px #00000059;font-size:2rem;line-height:1}.px-name{text-align:center;width:100%;padding:.25rem .15rem .1rem}.px-name .zh{font-size:.95rem;line-height:1.1;display:block}.px-name .en{font-family:var(--font-pixel);opacity:.85;margin-top:2px;font-size:.32rem;display:block}.px-footer{justify-content:space-between;align-items:center;gap:4px;width:calc(100% - 10px);padding:0 2px 4px;display:flex}.px-card .px-id{white-space:nowrap;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.px-token{border:4px solid var(--avo-deep);background:var(--avo-3);width:100%;height:100%;min-height:0;color:var(--ink);border-radius:4px;flex-direction:column;justify-content:flex-end;align-items:center;gap:.25rem;padding:.35rem .25rem .4rem;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:4px 4px #00000047}.px-token.empty{box-shadow:none;color:var(--muted);background:0 0;border:3px dashed #11111159}.px-token.lit{box-shadow:0 0 0 3px var(--gold), 4px 4px 0 #00000040;animation:1s ease-in-out infinite fx-slot-pulse}.px-token.used{filter:saturate(.6)brightness(.9)}.px-token-art{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;margin-top:.6rem;font-size:1.35rem;display:flex}.px-token-art strong{font-family:var(--font-pixel);font-size:.7rem}.px-token-stats{align-items:center;gap:3px;display:flex}.px-token-inner{font-family:var(--font-pixel);color:var(--muted);font-size:.45rem}.px-used-tag{font-family:var(--font-pixel);background:var(--coral);color:var(--ink);border:2px solid var(--sea-deep);padding:2px 3px;font-size:.35rem;position:absolute;top:14px;right:6px}.px-aura-tag{font-family:var(--font-pixel);border:2px solid var(--avo-deep);z-index:3;padding:2px 4px;font-size:.4rem;position:absolute;top:4px;left:4px}.px-aura-tag.up{background:var(--avo-2);color:var(--ink)}.px-aura-tag.down{color:var(--ink);background:#ffcdd2}.px-aura-tag.fx-delta-pop{animation:.55s ease-out fx-delta-pop}@keyframes fx-delta-pop{0%{opacity:.3;transform:scale(1.6)}40%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.px-talent{border:4px solid var(--foam);background:linear-gradient(180deg, var(--sea-3), var(--sea-4));min-height:88px;box-shadow:0 0 0 3px var(--sea-deep), 3px 3px 0 #1a4a5e33;color:var(--ink);text-align:left;flex-direction:column;padding:.55rem .45rem 1.1rem;display:flex;position:relative}.px-talent.compact{min-height:72px;padding-top:.7rem}.px-talent.empty{color:var(--muted);background:#9fd4ea66;border-style:dashed;justify-content:center;align-items:center}.px-talent.lit{box-shadow:0 0 0 3px var(--gold), 3px 3px 0 #1a4a5e33}.px-talent .px-cost{width:22px;height:22px;font-size:.45rem;top:4px;left:4px}.px-talent-body{margin-top:1.1rem;padding-left:.15rem}.px-talent-body strong{font-size:1rem;line-height:1.15;display:block}.px-talent-body .en{font-family:var(--font-pixel);opacity:.8;font-size:.35rem}.px-talent-body p{color:var(--ink);margin:.35rem 0 0;font-size:.85rem;line-height:1.35}.px-talent .px-id{position:absolute;bottom:4px;left:6px}.px-talent .muted{font-family:var(--font-pixel);font-size:.45rem}.action-panel,.hand-view,.log-panel{padding:.85rem}.action-panel{grid-column:1}.status-text{min-height:2.4rem;color:var(--sea-deep);margin:0 0 .65rem;font-size:1.05rem;line-height:1.4}.action-buttons{flex-wrap:wrap;gap:.55rem;display:flex}.hand-title,.log-panel h3{font-family:var(--font-pixel);color:var(--sea-5);margin:0 0 .65rem;font-size:.5rem}.hand-cards{flex-wrap:wrap;align-items:flex-end;gap:.55rem;display:flex}.hand-empty{font-family:var(--font-pixel);color:var(--muted);font-size:.45rem}.log-panel{grid-area:1/2/span 3;max-height:82vh;overflow:auto}.log-panel ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.log-panel li{color:var(--muted);border-left:4px solid var(--sea-4);background:#ffffff73;padding:.35rem .45rem;font-size:.88rem}.modal-overlay{z-index:20;-webkit-backdrop-filter:none;backdrop-filter:none;background:#1a4a5e8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.card-detail-overlay{z-index:80;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.modal-panel{background:var(--sea-1);border:4px solid var(--sea-deep);width:min(760px,100%);padding:1.1rem;box-shadow:6px 6px #1a4a5e59}.modal-panel h3,.px-modal h3{font-family:var(--font-pixel);color:var(--sea-deep);margin:0 0 .85rem;font-size:.55rem;line-height:1.6}.talent-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.talent-options .px-talent{cursor:pointer;min-height:160px}.talent-options .px-talent:hover{transform:translateY(-3px)}.end-panel{text-align:center}.end-panel h2{font-family:var(--font-cn);color:var(--sea-deep);margin:0 0 .5rem;font-size:2rem}.royal-favor-picker{flex-wrap:wrap;gap:.45rem;display:flex}.deck-builder .page-header,.builder-grid{gap:1rem;display:grid}.builder-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.preset-row{flex-wrap:wrap;gap:.55rem;margin-bottom:1rem;display:flex}.catalog-list,.current-deck{gap:.55rem;display:grid}.catalog-item{border:3px solid var(--sea-deep);background:var(--sea-1);justify-content:space-between;gap:.65rem;padding:.65rem;display:flex}.catalog-item p{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}.catalog-actions{align-items:center;gap:.3rem;display:flex}.current-deck{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));margin-bottom:1rem}.deck-chip{border:3px solid var(--sea-deep);background:var(--sea-3);color:var(--ink);padding:.45rem}.error-text{color:var(--coral);font-family:var(--font-pixel);font-size:.45rem}@media (width<=900px){.game-main{grid-template-columns:1fr}.log-panel{grid-area:auto/1;max-height:200px}}.px-sub{font-family:var(--font-pixel);color:var(--sea-5);margin:.35rem 0 0;font-size:.45rem}.px-tabs{flex-wrap:wrap;gap:.4rem;margin:1rem 0;display:flex}.px-tabs button,.px-filter button,.px-deck-pick .chip{font-family:var(--font-cn);border:3px solid var(--sea-deep);background:var(--sea-1);color:var(--sea-5);padding:.55rem .85rem;font-size:1.05rem}.px-tabs button.on,.px-filter button.on,.px-deck-pick .chip.on{background:var(--avo-3);color:var(--ink)}.px-deck-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.px-deck-card{border:4px solid var(--sea-deep);background:linear-gradient(180deg, var(--sea-2), var(--sea-3));text-align:left;color:var(--sea-deep);flex-direction:column;gap:.35rem;padding:.85rem;display:flex;box-shadow:4px 4px #1a4a5e33}.px-deck-card .badge{font-family:var(--font-pixel);background:var(--foam);border:2px solid var(--sea-deep);align-self:flex-start;padding:.2rem .35rem;font-size:.35rem}.px-deck-card .en,.px-deck-card .hint{font-family:var(--font-pixel);color:var(--sea-5);font-size:.35rem}.px-deck-card.active,.px-deck-card.big{border-color:var(--gold)}.px-deck-card.new{border-style:dashed;justify-content:center;align-items:center;min-height:100px}.px-deck-card .row-actions{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.px-active-deck{width:min(420px,100%)}.px-active-deck h2,.px-manage h2,.px-hs-builder h2{font-family:var(--font-pixel);color:var(--sea-5);font-size:.5rem}.px-deck-pick{flex-wrap:wrap;gap:.35rem;margin:.55rem 0 1rem;display:flex}.px-hs-cols{grid-template-columns:1.55fr 1fr;gap:1rem;min-height:520px;display:grid}.px-hs-toolbar{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.85rem;display:flex}.px-name-input{font-family:var(--font-cn);border:3px solid var(--sea-deep);background:var(--foam);color:var(--sea-deep);min-width:220px;padding:.5rem .75rem;font-size:1.45rem}.px-hs-toolbar .count{font-family:var(--font-pixel);color:var(--sea-deep);font-size:.65rem}.px-pool-pane,.px-deck-pane{border:4px solid var(--sea-deep);background:#ffffffeb;max-height:72vh;padding:.85rem;overflow:auto}.px-deck-pane.drop-ready{outline:3px dashed var(--gold)}.px-pool-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.px-pool-card{border:3px solid var(--foam);box-shadow:0 0 0 3px var(--sea-deep);background:linear-gradient(180deg, var(--sea-3), var(--sea-4));color:var(--ink);cursor:grab;min-height:150px;padding:.75rem .65rem .65rem;position:relative}.px-pool-card.dim{opacity:.4;cursor:not-allowed}.px-pool-card.set-shenshou{background:linear-gradient(180deg, var(--avo-3), var(--avo-5))}.px-pool-card.set-xixue{background:linear-gradient(#d4f07a,#8bc34a)}.px-pool-card.set-moshou{background:linear-gradient(#c8d5b9,#7a8f6a)}.px-pool-card.set-yuanjie{background:linear-gradient(#f0c4c8,#d4788a)}.px-pool-card.set-douhun{background:linear-gradient(#e8a070,#c45c2a)}.px-pool-card.set-jiyun{background:linear-gradient(#f5e6a3,#d4b84a)}.px-pool-card.set-xiuluo{background:linear-gradient(#d99090,#a33a3a)}.px-pool-card .px-cost{position:absolute;top:4px;left:4px}.px-pool-card strong{color:var(--ink);margin:1.5rem 0 .35rem;font-size:1.25rem;line-height:1.15;display:block}.px-pool-card .set,.px-pool-card .copies{font-family:var(--font-pixel);opacity:.9;color:var(--ink);font-size:.42rem}.px-pool-card p{color:var(--ink);margin:.4rem 0 0;font-size:.95rem;line-height:1.4}.px-deck-list{flex-direction:column;gap:.45rem;min-height:240px;display:flex}.px-deck-row{border:3px solid var(--sea-deep);background:var(--foam);cursor:grab;font-family:var(--font-pixel);color:var(--sea-deep);grid-template-columns:56px 1fr 44px;align-items:center;gap:.45rem;padding:.55rem .65rem;font-size:.48rem;display:grid}.px-deck-row .nm{font-family:var(--font-cn);font-size:1.25rem}.px-deck-row .lv,.px-deck-row .n{font-size:.55rem}.px-remove-zone{border:3px dashed var(--coral);text-align:center;font-family:var(--font-pixel);color:var(--coral);background:#e86a5c14;margin-top:.65rem;padding:.85rem;font-size:.5rem}.px-drag-wrap.can-drag{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.px-drag-wrap.can-drag:active{cursor:grabbing;transform:scale(1.04)}.px-drop-slot.atk-source{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}body.pw-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;touch-action:none}body.pw-dragging .px-drag-wrap,body.pw-dragging .px-drop-slot.atk-source{transform:none}.pw-drag-ghost{z-index:9999;pointer-events:none;border:3px solid var(--avo-deep);background:var(--cream,#fff8e7);min-width:2.4rem;font-family:var(--font-pixel);color:var(--avo-deep);will-change:transform;padding:.45rem .55rem;font-size:.7rem;position:fixed;top:0;left:0;box-shadow:4px 4px #00000047}.px-drop-slot,.px-slot-zone{width:var(--card-w);height:var(--card-h);min-width:var(--card-w);box-sizing:border-box;flex:none}.px-slot-zone.is-empty{border:4px solid var(--avo-deep);background:#fff;padding:0;box-shadow:4px 4px #0003}.px-slot-zone.is-empty.is-lit{border-color:var(--avo-4);box-shadow:0 0 0 3px var(--gold), 4px 4px 0 #00000038;animation:1s ease-in-out infinite fx-slot-pulse}.px-slot-zone.is-empty .px-token.empty{box-shadow:none;background:0 0;border:none;width:100%;height:100%}.px-slot-zone.is-empty .px-token-inner{color:var(--muted);font-size:.55rem}.px-slot-zone:not(.is-empty){box-shadow:none;background:0 0;border:none}.drop-face{transition:background .2s;position:relative}.drop-hint{font-family:var(--font-pixel);color:var(--sea-5);opacity:.7;font-size:.35rem}.player-panel-inner{width:100%}@keyframes px-pulse-green{0%,to{box-shadow:0 0 0 3px #2ecc71,0 0 12px 2px #2ecc718c,3px 3px #1a4a5e40}50%{box-shadow:0 0 0 5px #7dffa8,0 0 20px 4px #2ecc71d9,3px 3px #1a4a5e40}}@keyframes px-pulse-yellow{0%,to{box-shadow:0 0 0 3px #f1c40f,0 0 12px 2px #f1c40f80,3px 3px #1a4a5e40}50%{box-shadow:0 0 0 5px #ffe566,0 0 20px 4px #f1c40fd9,3px 3px #1a4a5e40}}.px-token.fx-attack{z-index:2;animation:.85s ease-in-out infinite px-pulse-green;border-color:#2ecc71!important}.px-token.fx-block{z-index:2;animation:.85s ease-in-out infinite px-pulse-yellow;border-color:#f1c40f!important}.card-detail-panel{text-align:center;max-width:360px}.card-detail-panel h3{font-family:var(--font-cn);color:var(--sea-deep);margin:.35rem 0;font-size:1.8rem}.detail-sub{font-family:var(--font-pixel);color:var(--sea-5);margin:0 0 .75rem;font-size:.45rem}.detail-body{color:var(--sea-deep);text-align:left;background:var(--foam);border:3px solid var(--sea-deep);margin:0 0 .75rem;padding:.75rem;font-size:1.05rem;line-height:1.5}.detail-meta{font-family:var(--font-pixel);color:var(--muted);margin:0 0 1rem;font-size:.35rem}.mode-select .hero-copy{display:none}.board.royal-drop-ready{outline-offset:4px;outline:3px dashed #7cb51873}.px-slot-zone.king-target{outline:3px dashed var(--magenta);outline-offset:2px}.px-slot-zone.force-target{outline:3px solid var(--gold);outline-offset:2px;animation:.8s ease-in-out infinite fx-slot-pulse}.px-deck-matrix{grid-template-rows:repeat(5,minmax(88px,auto));grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;min-height:480px;display:grid}.px-deck-cell{border:3px solid var(--avo-deep);background:linear-gradient(180deg, var(--avo-2), var(--avo-4));color:var(--ink);cursor:grab;flex-direction:column;justify-content:space-between;min-height:88px;padding:.45rem;display:flex;box-shadow:3px 3px #0003}.px-deck-cell.empty{color:var(--muted);cursor:default;box-shadow:none;font-family:var(--font-pixel);background:#fff;border-style:dashed;justify-content:center;align-items:center;font-size:.45rem}.px-deck-cell strong{font-size:1.05rem;line-height:1.15}.px-deck-cell .lv,.px-deck-cell .set{font-family:var(--font-pixel);font-size:.38rem}.px-deck-cell.set-shenshou{background:linear-gradient(180deg, var(--avo-3), var(--avo-5))}.px-deck-cell.set-xixue{background:linear-gradient(#d4f07a,#8bc34a)}.px-deck-cell.set-core{background:linear-gradient(180deg, var(--avo-1), var(--avo-3))}.px-deck-cell.set-moshou{background:linear-gradient(#c8d5b9,#7a8f6a)}.px-deck-cell.set-yuanjie{background:linear-gradient(#f0c4c8,#d4788a)}.px-deck-cell.set-douhun{background:linear-gradient(#e8a070,#c45c2a)}.px-deck-cell.set-jiyun{background:linear-gradient(#f5e6a3,#d4b84a)}.px-deck-cell.set-xiuluo{background:linear-gradient(#d99090,#a33a3a)}.px-browse-tools{flex-direction:column;gap:.65rem;margin-bottom:.85rem;display:flex}.px-search-input{width:min(420px,100%);font-family:var(--font-cn);border:3px solid var(--sea-deep);background:var(--sea-1);color:var(--ink);padding:.45rem .65rem;font-size:1rem}.px-hs-toolbar .px-search-input{width:min(240px,100%)}.px-toast{z-index:40;border:3px solid var(--sea-deep);max-width:min(520px,92vw);font-family:var(--font-cn);color:var(--ink);background:var(--avo-2);padding:.7rem 1rem;font-size:1rem;position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%);box-shadow:4px 4px #1a4a5e59}.px-toast.err{background:#f0c4c4}.px-toast.ok{background:var(--avo-3)}.px-modal-overlay{z-index:50;background:#1a4a5e73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.px-modal{background:var(--sea-1);border:4px solid var(--sea-deep);width:min(420px,100%);padding:1.1rem;box-shadow:6px 6px #1a4a5e59}.px-modal p{color:var(--ink);margin:0 0 1rem}.px-modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.85rem;display:flex}@media (width<=900px){.px-hs-cols{grid-template-columns:1fr}.px-deck-matrix{grid-template-rows:repeat(5,minmax(72px,auto));grid-template-columns:repeat(4,minmax(0,1fr))}}.fx-layer{pointer-events:none;z-index:80;position:fixed;inset:0;overflow:hidden}@keyframes fx-particle-fly{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(.2)}}.fx-particles{pointer-events:none;position:absolute;inset:0;overflow:visible}.fx-particle{border:2px solid var(--avo-deep);animation:.85s ease-out forwards fx-particle-fly;position:absolute}.fx-particle.green{background:var(--avo-3)}.fx-particle.pink{background:var(--magenta)}.fx-particles-dense .fx-particle{animation-duration:1.1s}.click-burst-layer{z-index:9999;pointer-events:none;position:fixed;inset:0;overflow:hidden}.click-burst-bit{border:2px solid var(--avo-deep);image-rendering:pixelated;border-radius:0;animation:.7s cubic-bezier(.15,.75,.35,1) forwards click-burst-fly;display:block;position:fixed;transform:translate(-50%,-50%);box-shadow:2px 2px #0003}.click-burst-bit.hue-green{background:var(--avo-3)}.click-burst-bit.hue-pink{background:var(--magenta)}.click-burst-bit.hue-gold{background:var(--gold)}.click-burst-bit.hue-foam{background:var(--foam)}@keyframes click-burst-fly{0%{opacity:1;transform:translate(-50%,-50%)translate(0)rotate(0)scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(.35)}}@media (prefers-reduced-motion:reduce){.click-burst-layer{display:none}}@keyframes fx-root-shake{0%,to{transform:translate(0)}15%{transform:translate(-8px,4px)}30%{transform:translate(7px,-5px)}45%{transform:translate(-6px,-3px)}60%{transform:translate(5px,4px)}75%{transform:translate(-3px,2px)}}html.fx-root-shake,html.fx-root-shake body{animation:.55s linear fx-root-shake}@keyframes fx-king-fly-in{0%{opacity:0;transform:translate(-50%,40%)scale(.3)rotate(-25deg)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.25)rotate(8deg)}55%{transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)rotate(0)}}@keyframes fx-king-flash{0%,to{opacity:0}20%,45%{opacity:.85}60%{opacity:.2}}.fx-king-epic{z-index:5;width:280px!important;height:240px!important;margin-top:-120px!important;margin-left:-140px!important}.fx-king-flash{background:radial-gradient(circle,#ffe566e6 0%,#e91e8c8c 40%,#0000 70%);animation:1.4s ease-out forwards fx-king-flash;position:absolute;inset:-20%}.fx-king-fly-card{background:linear-gradient(180deg, #ffe566, var(--avo-3), var(--magenta));border:5px solid var(--avo-deep);z-index:4;width:120px;height:160px;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;margin:0;animation:1.45s ease-out forwards fx-king-fly-in;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 0 0 4px #fff,8px 8px #0006}.fx-king-fly-card .en{font-family:var(--font-pixel);font-size:.4rem}.fx-crack-ring{border:6px solid var(--coral);box-shadow:0 0 24px var(--magenta);border-radius:50%;animation:1s ease-out forwards fx-king-burst;position:absolute;inset:15%}.fx-slash-thick{background:linear-gradient(90deg, transparent, #fff, var(--magenta), #ffe566, transparent)!important;height:14px!important}.fx-slash-cross{animation-delay:80ms;top:40%!important;transform:rotate(32deg)!important}@keyframes fx-card-fly{0%{opacity:0;transform:translate(-50%,80px)scale(.6)rotate(-15deg)}40%{opacity:1;transform:translate(-50%,-20px)scale(1.1)rotate(5deg)}75%{opacity:1;transform:translate(-50%,-60px)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-100px)scale(.85)}}@keyframes fx-impact{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.fx-card-attack{width:160px;height:160px;margin-top:-80px;margin-left:-80px;position:absolute;top:58%;left:50%}.fx-card-attack.to-face{top:22%}.fx-card-attack.from-0{left:36%}.fx-card-attack.from-2{left:64%}.fx-card-attack.to-slot-0{left:36%}.fx-card-attack.to-slot-2{left:64%}.fx-atk-card{background:linear-gradient(180deg, var(--avo-2), var(--avo-4));border:4px solid var(--avo-deep);width:72px;height:96px;box-shadow:4px 4px 0 var(--magenta);z-index:3;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;animation:.85s ease-out forwards fx-card-fly;display:flex;position:absolute;top:50%;left:50%}.fx-atk-label{font-family:var(--font-pixel);font-size:.4rem}.fx-atk-power{font-family:var(--font-pixel);font-size:.85rem}.fx-atk-trail{background:linear-gradient(90deg, transparent, var(--avo-3), transparent);width:60%;height:6px;animation:.7s ease-out forwards fx-slash-sweep;position:absolute;top:55%;left:20%}.fx-impact-ring{border:4px solid var(--gold);opacity:0;border-radius:50%;width:70px;height:70px;animation:.7s ease-out .25s forwards fx-impact;position:absolute;top:30%;left:50%}.fx-shake-pulse{background:#e91e8c14;animation:.55s ease-out forwards fx-king-flash;position:absolute;inset:0}@keyframes fx-aura-in{0%{opacity:0;transform:translate(-50%, calc(-50% + 24px + var(--tip-i) * 52px)) scale(.85)}18%{opacity:1;transform:translate(-50%, calc(-50% + var(--tip-i) * 52px)) scale(1.06)}70%{opacity:1;transform:translate(-50%, calc(-50% + var(--tip-i) * 52px)) scale(1)}to{opacity:0;transform:translate(-50%, calc(-50% - 12px + var(--tip-i) * 52px)) scale(.95)}}@keyframes fx-aura-ring{0%{opacity:.8;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}.fx-aura-tip{z-index:6;pointer-events:none;animation:1.35s ease-out forwards fx-aura-in;position:absolute;top:42%;left:50%}.fx-aura-tip-inner{z-index:2;border:4px solid var(--avo-deep);background:var(--foam);min-width:160px;color:var(--ink);flex-direction:column;align-items:center;gap:.2rem;padding:.55rem .85rem;display:flex;position:relative;box-shadow:5px 5px #00000047}.fx-aura-name{font-family:var(--font-cn);font-size:1.35rem;line-height:1.1}.fx-aura-text{font-family:var(--font-pixel);letter-spacing:.04em;font-size:.42rem}.fx-aura-ring{border:4px solid var(--avo-3);z-index:1;border-radius:50%;width:120px;height:120px;animation:.9s ease-out forwards fx-aura-ring;position:absolute;top:50%;left:50%}.fx-aura-tip.tone-buff .fx-aura-tip-inner{background:linear-gradient(180deg, var(--avo-1), var(--avo-2));box-shadow:5px 5px 0 var(--avo-4)}.fx-aura-tip.tone-buff .fx-aura-ring{border-color:var(--avo-4)}.fx-aura-tip.tone-debuff .fx-aura-tip-inner{box-shadow:5px 5px 0 var(--magenta);background:linear-gradient(#ffe0e6,#ffcdd2)}.fx-aura-tip.tone-debuff .fx-aura-ring{border-color:var(--magenta)}.fx-aura-tip.tone-info .fx-aura-tip-inner{background:linear-gradient(180deg, #fff8e1, var(--gold));box-shadow:5px 5px #f0c000}.fx-aura-tip.tone-info .fx-aura-ring{border-color:var(--gold)}.fx-king-kill{animation:1.5s ease-out forwards fx-king-burst!important}@keyframes fx-royal-in{0%{opacity:0;transform:translate(-50%,-40%)scale(.4)rotate(-12deg)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(3deg)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-58%)scale(.9)}}.fx-royal{animation:1.05s ease-out forwards fx-royal-in;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.fx-royal-card{background:linear-gradient(180deg, var(--avo-2), var(--magenta));border:5px solid var(--avo-deep);width:130px;height:170px;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;display:flex;box-shadow:8px 8px #00000059}.fx-royal-K .fx-royal-card{background:linear-gradient(180deg, #ffe566, var(--avo-3), var(--magenta))}.fx-royal-rank{font-family:var(--font-pixel);font-size:1.4rem}.fx-royal-card strong{font-family:var(--font-cn);font-size:1.6rem}.fx-royal-card .en{font-family:var(--font-pixel);font-size:.45rem}@keyframes fx-king-burst{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.4)}}.fx-king-kill{width:220px;height:180px;margin-top:-90px;margin-left:-110px;animation:1.1s ease-out forwards fx-king-burst;position:absolute;top:55%;left:50%}.fx-king-kill.side-opp{top:28%}.fx-king-kill.slot-0{margin-left:-200px}.fx-king-kill.slot-2{margin-left:-20px}.fx-king-banner{background:var(--avo-3);border:4px solid var(--avo-deep);box-shadow:6px 6px 0 var(--magenta);font-family:var(--font-pixel);color:var(--ink);z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;font-size:.7rem;display:flex;position:absolute;inset:20% 10%}.fx-shatter-burst{background:radial-gradient(circle at 50% 50%, var(--magenta) 0 8%, transparent 9%), radial-gradient(circle at 30% 40%, var(--avo-3) 0 6%, transparent 7%), radial-gradient(circle at 70% 45%, var(--gold) 0 5%, transparent 6%), radial-gradient(circle at 40% 70%, #fff 0 4%, transparent 5%), radial-gradient(circle at 65% 70%, var(--coral) 0 5%, transparent 6%);animation:.9s ease-out forwards fx-king-burst;position:absolute;inset:10%}.fx-slash{background:linear-gradient(90deg, transparent, #fff, var(--magenta), transparent);width:70%;height:8px;box-shadow:0 0 12px var(--magenta);animation:.55s ease-out forwards fx-slash-sweep;position:absolute;top:45%;left:15%;transform:rotate(-28deg)}@keyframes fx-slash-sweep{0%{opacity:0;transform:rotate(-28deg)scaleX(.2)}40%{opacity:1;transform:rotate(-28deg)scaleX(1)}to{opacity:0;transform:rotate(-28deg)translate(20px)scaleX(1.1)}}.fx-atk-slash{background:linear-gradient(90deg, transparent, var(--avo-4), #fff, transparent);width:160px;height:10px;margin-left:-80px;animation:.7s ease-out forwards fx-slash-sweep;position:absolute;top:40%;left:50%;transform:rotate(-35deg)}.fx-atk-slash.to-face{top:18%}@keyframes fx-hit-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-70%)scale(1)}}.fx-hit-flash{animation:.65s ease-out forwards fx-hit-pop;position:absolute;top:18%;left:50%;transform:translate(-50%,-50%)}.fx-hit-flash.side-my{top:78%}.fx-hit-text{font-family:var(--font-pixel);color:var(--coral);border:4px solid var(--avo-deep);box-shadow:4px 4px 0 var(--magenta);background:#fff;padding:.55rem .85rem;font-size:1rem}@keyframes fx-screen-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(3px,2px)}}.fx-screen-shake{animation:.55s linear fx-screen-shake}.fx-panel-hit{animation:.55s linear fx-screen-shake;border-color:var(--coral)!important;background:#ff4d6d59!important}@keyframes fx-deploy-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-80%)scale(1)}}.fx-deploy{font-family:var(--font-pixel);background:var(--avo-3);border:3px solid var(--avo-deep);padding:.4rem .55rem;font-size:.55rem;animation:.75s ease-out forwards fx-deploy-pop;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.fx-deploy.slot-0{left:35%}.fx-deploy.slot-2{left:65%}.fx-unit-pop{pointer-events:none;z-index:5;width:140px;height:140px;margin-top:-70px;margin-left:-70px;animation:.9s ease-out forwards fx-king-burst;position:absolute;top:58%;left:50%}.fx-unit-pop.side-opp{top:28%}.fx-unit-pop.slot-0{left:36%}.fx-unit-pop.slot-2{left:64%}.fx-shatter .fx-shatter-flash{background:radial-gradient(circle,#ffe566d9 0%,#ff4d6d8c 40%,#0000 70%);animation:.85s ease-out forwards fx-king-flash;position:absolute;inset:-10%}.fx-shatter-label{font-family:var(--font-pixel);color:#fff;text-shadow:2px 2px #111;z-index:4;font-size:.55rem;animation:.9s ease-out forwards fx-king-burst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fx-phase-banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.fx-phase-pop{font-family:var(--font-pixel);letter-spacing:.12em;background:var(--avo-deep);color:var(--avo-2);border:4px solid var(--avo-3);box-shadow:6px 6px 0 var(--magenta);padding:.75rem 1.1rem;font-size:.85rem;animation:.85s ease-out forwards fx-phase-banner;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fx-slot-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}@keyframes fx-royal-shimmer{0%,to{box-shadow:0 0 0 3px var(--foam), 4px 4px 0 #00000059, 0 0 0 0 #e91e8c66}50%{box-shadow:0 0 0 3px var(--gold), 4px 4px 0 #00000059, 0 0 16px 2px #e91e8c8c}}.px-card.fx-royal-idle{animation:1.8s ease-in-out infinite fx-royal-shimmer}.px-card.is-selected{animation:.7s ease-in-out infinite fx-slot-pulse}.px-token.filled{animation:.35s ease-out fx-token-in}@keyframes fx-token-in{0%{opacity:.4;transform:scale(.85)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.phase-chip.active{animation:1.2s ease-in-out infinite fx-slot-pulse}.px-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.px-section-head h2{margin:0}.danger-btn{color:var(--coral);border:3px solid var(--coral);font-family:var(--font-cn);background:#fff;padding:.4rem .65rem;font-size:1rem}.danger-btn:hover:not(:disabled){background:var(--coral);color:var(--ink)}.px-deck-card .row-actions button{font-size:.95rem}.px-deck-pick .chip{padding:.4rem .7rem;font-size:1rem}.deck-builder.px-deckhub{max-width:1280px;margin:0 auto}.px-deck-card{min-height:120px;padding:1rem}.px-deck-card strong{font-size:1.35rem}@media (width<=900px){.app-shell{padding:.35rem}.game-header{flex-wrap:wrap;gap:.35rem;padding:.35rem .45rem}.phase-bar{order:3;justify-content:center;width:100%}.game-main{grid-template-columns:1fr;gap:.45rem}.px-board{padding:.35rem}.slot-row{gap:.35rem}:root{--card-w:72px;--card-h:100px}.hand-view .hand-cards{-webkit-overflow-scrolling:touch;padding-bottom:.35rem;overflow-x:auto}.action-panel{padding:.45rem}.action-buttons{flex-wrap:wrap;gap:.35rem}.log-panel{max-height:140px;font-size:.85rem}.px-filter{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.px-hs-toolbar{flex-wrap:wrap}}@media (orientation:landscape) and (height<=560px){.app-shell{padding:.2rem .4rem}.game-header{min-height:0;padding:.2rem .35rem}.game-header h1,.turn-indicator{font-size:.7rem}.phase-chip{padding:.2rem .4rem;font-size:.55rem}.game-main{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.4fr) minmax(180px,.7fr);gap:.3rem;max-height:calc(100dvh - 2.4rem)}.px-board{grid-row:1/span 2;max-height:calc(100dvh - 2.6rem);padding:.25rem;overflow:auto}.lane-label{margin:.1rem 0;font-size:.38rem}:root{--card-w:58px;--card-h:80px}.player-panel{padding:.2rem .35rem}.action-panel{padding:.25rem}.status-text{margin:.15rem 0;font-size:.85rem}.hand-view{grid-column:2;max-height:42dvh;overflow:auto}.log-panel{grid-column:2;max-height:28dvh;overflow:auto}.hand-view{--card-w:52px;--card-h:72px}.primary-btn,.ghost-btn,.action-buttons>button{padding:.4rem .65rem;font-size:.95rem}.mode-select.px-menu .hero h1{font-size:1.4rem}.mode-select{grid-template-columns:minmax(160px,.7fr) minmax(240px,1.3fr);gap:.75rem;max-height:100dvh;padding:.5rem .75rem;overflow:hidden}.mode-select.mode-step-mode{grid-template-columns:1fr;max-width:420px;max-height:none;overflow:auto}.menu-brand{gap:.35rem;position:static}.menu-brand h1{font-size:clamp(1.4rem,4vw,2rem)}.menu-decks{gap:.5rem;max-height:calc(100dvh - 1rem);overflow:auto}.mode-actions{gap:.4rem;width:min(200px,100%)}.mode-actions .primary-btn,.mode-actions .ghost-btn{padding:.4rem .6rem;font-size:.95rem}.deck-acc-head h2{font-size:1rem}.px-deck-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.cover-title-main,.cover-title-glitch{font-size:clamp(2.2rem,8vw,3.4rem)!important}.cover-float{width:44px!important;height:60px!important}.cover-float-rank{font-size:1rem!important}.cover-chips{display:none}}@media (orientation:landscape) and (height<=420px){:root{--card-w:48px;--card-h:66px}.game-main{max-height:calc(100dvh - 1.8rem)}.log-panel{display:none}}.fx-jack-swap{pointer-events:none;z-index:40;place-items:center;display:grid;position:absolute;inset:0}.fx-jack-banner{font-family:var(--font-pixel);background:var(--magenta);color:var(--foam);border:3px solid var(--avo-deep);z-index:2;padding:.45rem .8rem;font-size:.55rem;animation:1.1s ease-out forwards fx-aura-in;position:absolute;top:18%}.fx-jack-card{border:4px solid var(--avo-deep);background:linear-gradient(180deg, var(--avo-2), var(--magenta));width:72px;height:96px;font-family:var(--font-pixel);place-items:center;font-size:.7rem;display:grid;position:absolute;box-shadow:4px 4px #00000059}.fx-jack-card.from-own{animation:1.05s ease-in-out forwards fx-jack-fly-own}.fx-jack-card.from-opp{animation:1.05s ease-in-out forwards fx-jack-fly-opp}.fx-jack-arrows{color:var(--gold);text-shadow:2px 2px 0 var(--avo-deep);z-index:3;font-size:2rem;animation:1s ease-out fx-delta-pop}@keyframes fx-jack-fly-own{0%{opacity:.4;transform:translate(-120px,80px)scale(.8)}45%{opacity:1;transform:translate(0)scale(1.05)}to{opacity:0;transform:translate(120px,-80px)scale(.85)}}@keyframes fx-jack-fly-opp{0%{opacity:.4;transform:translate(120px,-80px)scale(.8)}45%{opacity:1;transform:translate(0)scale(1.05)}to{opacity:0;transform:translate(-120px,80px)scale(.85)}}.fx-dice-roll{pointer-events:none;z-index:42;place-items:center;display:grid;position:absolute;inset:0}.fx-dice-panel{border:4px solid var(--avo-deep);background:#fffffff0;flex-direction:column;align-items:center;gap:.65rem;padding:1rem 1.25rem;animation:1.25s ease-out forwards fx-aura-in;display:flex;box-shadow:6px 6px #00000047}.fx-dice-label{font-family:var(--font-pixel);color:var(--ink);font-size:.45rem}.fx-dice-faces{gap:.55rem;display:flex}.fx-die{border:4px solid var(--avo-deep);background:linear-gradient(145deg, var(--avo-1), var(--avo-3));place-items:center;width:56px;height:56px;animation:.7s ease-out both fx-die-bounce;display:grid;box-shadow:3px 3px #00000040}.fx-die-spin{font-family:var(--font-pixel);font-size:1.1rem;animation:.55s steps(6,end) both fx-die-flip}@keyframes fx-die-bounce{0%{opacity:0;transform:translateY(-40px)scale(.6)rotate(-20deg)}60%{opacity:1;transform:translateY(4px)scale(1.08)rotate(8deg)}to{transform:translateY(0)scale(1)rotate(0)}}@keyframes fx-die-flip{0%{content:"1";filter:blur(2px);transform:rotateX(360deg)}to{filter:blur();transform:rotateX(0)}}.cover-page{cursor:pointer;text-align:center;width:100%;min-height:100dvh;color:inherit;background:#142208;border:none;margin:0;padding:0;display:block;position:relative;overflow:hidden}.cover-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cover-wash{background:radial-gradient(90% 70% at 50% 30%,#c4e86abf 0%,#0000 55%),radial-gradient(55% 45% at 15% 75%,#ffe56659 0%,#0000 55%),radial-gradient(50% 40% at 90% 20%,#e91e8c73 0%,#0000 50%),linear-gradient(155deg,#0d1a06 0%,#2a4a0e 28%,#5a9014 58%,#a4d03a 82%,#dff08a 100%);animation:7s ease-in-out infinite alternate cover-wash-shift;position:absolute;inset:-10%}.cover-wash-b{opacity:.55;mix-blend-mode:soft-light;background:radial-gradient(circle at 30% 40%,#ff4d6d59,#0000 40%),radial-gradient(circle at 70% 60%,#ffe56666,#0000 42%);animation:5s ease-in-out infinite alternate-reverse cover-wash-shift}.cover-grid{background-image:linear-gradient(#ffffff17 1px,#0000 1px),linear-gradient(90deg,#ffffff17 1px,#0000 1px);background-size:22px 22px;animation:14s linear infinite cover-grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 65% at 50% 42%,#000 15%,#0000 78%);mask-image:radial-gradient(75% 65% at 50% 42%,#000 15%,#0000 78%)}.cover-rays{opacity:.85;background:conic-gradient(#0000 0deg,#ffe5661f 12deg,#0000 24deg,#e91e8c1a 40deg,#0000 55deg,#a6d03a24 70deg,#0000 90deg);width:140vmax;height:140vmax;margin:-70vmax 0 0 -70vmax;animation:18s linear infinite cover-rays-spin;position:absolute;top:38%;left:50%}.cover-ring{border:3px solid #ffffff47;border-radius:50%;animation:3.2s ease-out infinite cover-ring-pulse;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.cover-ring-a{border-color:#ffe56673;width:min(52vw,280px);height:min(52vw,280px)}.cover-ring-b{border-color:#e91e8c59;width:min(72vw,400px);height:min(72vw,400px);animation-delay:.7s}.cover-ring-c{border-color:#a6d03a40;width:min(92vw,520px);height:min(92vw,520px);animation-delay:1.4s}.cover-orb{filter:blur(1px);opacity:.7;border-radius:50%;animation:5.5s ease-in-out infinite cover-orb-float;position:absolute}.cover-orb-a{background:radial-gradient(circle,#ffe566 0%,#0000 68%);width:200px;height:200px;top:12%;left:4%}.cover-orb-b{background:radial-gradient(circle,#e91e8cd9 0%,#0000 68%);width:260px;height:260px;animation-delay:-1.6s;top:18%;right:2%}.cover-orb-c{background:radial-gradient(circle,#c6e86a 0%,#0000 68%);width:160px;height:160px;animation-delay:-3.2s;bottom:8%;left:38%}.cover-orb-d{opacity:.45;background:radial-gradient(circle,#fff 0%,#0000 70%);width:120px;height:120px;animation-delay:-4.4s;bottom:22%;right:22%}.cover-float{color:#111;z-index:1;border:4px solid #111;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;width:78px;height:108px;animation:6s ease-in-out infinite cover-card-spin;display:flex;position:absolute;box-shadow:6px 6px #0006,0 0 18px #ffe56640}.cover-float-suit{font-size:1.1rem;line-height:1}.cover-float-rank{font-family:var(--font-cn);font-size:1.65rem;line-height:1}.cover-float.f1{background:linear-gradient(#ffe566,#e91e8c);animation-delay:0s;top:48%;left:6%}.cover-float.f2{background:linear-gradient(#fff,#ff6b81);animation-delay:-.7s;top:36%;right:8%}.cover-float.f3{color:#fff;background:linear-gradient(#c6e86a,#4f7a0c);width:62px;height:86px;animation-delay:-1.4s;top:16%;left:16%}.cover-float.f4{background:linear-gradient(#ffe566,#a4d03a);width:64px;height:90px;animation-delay:-2.1s;top:58%;right:18%}.cover-float.f5{background:linear-gradient(#fff,#7cb518);width:56px;height:78px;animation-delay:-2.8s;bottom:14%;left:28%}.cover-float.f6{color:#fff;background:linear-gradient(#ffb3c1,#c9184a);width:58px;height:80px;animation-delay:-3.5s;top:14%;right:28%}.cover-float.f7{background:linear-gradient(#ffe566,#e91e8c);width:50px;height:70px;animation-delay:-4.2s;top:8%;left:42%}.cover-float.f8{color:#fff;background:linear-gradient(#d5e0c8,#5a6f48);width:52px;height:72px;animation-delay:-4.9s;bottom:10%;right:40%}.cover-spark{z-index:2;background:#ffe566;border:2px solid #111;width:8px;height:8px;animation:2.4s ease-in-out infinite cover-spark-pop;position:absolute}.cover-spark.s1{animation-delay:0s;top:30%;left:22%}.cover-spark.s2{background:#ff4d6d;animation-delay:.4s;top:24%;left:68%}.cover-spark.s3{animation-delay:.8s;top:18%;left:48%}.cover-spark.s4{background:#fff;animation-delay:1.2s;top:48%;left:78%}.cover-spark.s5{background:#a4d03a;animation-delay:1.6s;top:62%;left:12%}.cover-spark.s6{background:#e91e8c;animation-delay:2s;top:68%;left:58%}.cover-slash{background:linear-gradient(90deg, transparent, #ffffffbf, var(--magenta), #ffe566, transparent);opacity:0;z-index:2;width:130%;height:14px;animation:3.2s ease-in-out infinite cover-slash-sweep;position:absolute;top:44%;left:-15%;transform:rotate(-16deg);box-shadow:0 0 20px #e91e8c80}.cover-slash-b{background:linear-gradient(90deg, transparent, var(--avo-2), #ffe566, transparent);height:8px;animation-delay:1s;top:52%;transform:rotate(11deg)}.cover-slash-c{background:linear-gradient(90deg, transparent, #fff, var(--coral), transparent);height:6px;animation-delay:2s;top:38%;transform:rotate(-28deg)}.cover-burst{z-index:0;background:#ffe566;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:2.8s ease-in-out infinite cover-burst-thump;position:absolute;top:42%;left:50%;box-shadow:0 0 40px 20px #ffe56673}.cover-lane{opacity:.55;background:repeating-linear-gradient(90deg,#11111159 0 18px,#a4d03a40 18px 36px);height:48px;animation:8s linear infinite cover-lane-scroll;position:absolute;left:0;right:0}.cover-lane-top{top:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.cover-lane-bot{animation-direction:reverse;bottom:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.cover-brand{z-index:3;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;min-height:100dvh;padding:2rem 1rem 5.5rem;display:flex;position:relative}.cover-logo-wrap{margin-bottom:.35rem;position:relative}.cover-logo-glow{background:radial-gradient(circle,#ffe566b3,#0000 70%);animation:2s ease-in-out infinite cover-logo-glow;position:absolute;inset:-18px}.cover-logo{width:84px;height:84px;box-shadow:7px 7px 0 var(--magenta), 0 0 0 4px #ffffff40;font-family:var(--font-pixel);color:#111;background:linear-gradient(160deg,#ffe566,#a4d03a 55%,#7cb518);border:5px solid #111;place-items:center;font-size:1.15rem;animation:.9s cubic-bezier(.2,1.5,.4,1) both cover-logo-pop,2.4s ease-in-out 1s infinite cover-logo-wobble;display:grid;position:relative}.cover-title{margin:.25rem 0 0;line-height:.95;position:relative}.cover-title-main{z-index:1;font-family:var(--font-cn);color:#fff;text-shadow:5px 5px 0 #111, 10px 10px 0 var(--magenta), 0 0 48px #a6d03a8c;font-size:clamp(3.4rem,13vw,6rem);animation:.85s cubic-bezier(.2,1.25,.4,1) .1s both cover-title-in,3s ease-in-out 1.2s infinite cover-title-breathe;display:block;position:relative}.cover-title-glitch{font-family:var(--font-cn);color:var(--magenta);opacity:0;z-index:0;pointer-events:none;font-size:clamp(3.4rem,13vw,6rem);animation:4s steps(2,end) infinite cover-glitch;display:block;position:absolute;inset:0}.cover-tag{font-family:var(--font-pixel);letter-spacing:.22em;color:#ffe566;text-shadow:2px 2px #111;align-items:center;gap:.55rem;margin:.55rem 0 0;font-size:.58rem;animation:.8s .3s both cover-title-in;display:inline-flex}.cover-tag i{background:var(--magenta);border:2px solid #111;width:8px;height:8px;animation:.9s ease-in-out infinite cover-dot;display:block}.cover-chips{flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:360px;margin-top:.85rem;animation:.8s .45s both cover-title-in;display:flex}.cover-chips span{font-family:var(--font-pixel);color:#ffe566;background:#1111118c;border:2px solid #ffe566;padding:.35rem .45rem;font-size:.38rem;animation:2.8s ease-in-out infinite cover-chip-blink}.cover-chips span:nth-child(2){color:#c6e86a;border-color:#c6e86a;animation-delay:.35s}.cover-chips span:nth-child(3){color:#ff6b81;border-color:#ff6b81;animation-delay:.7s}.cover-chips span:nth-child(4){color:#fff;border-color:#fff;animation-delay:1.05s}.cover-cta{left:50%;bottom:max(1.4rem, env(safe-area-inset-bottom));z-index:4;font-family:var(--font-cn);color:#111;pointer-events:none;background:linear-gradient(#fff,#e2f5b8);border:4px solid #111;align-items:center;gap:.55rem;margin:0;padding:.65rem 1.15rem;font-size:1.25rem;animation:1.4s ease-in-out infinite cover-cta-pulse;display:inline-flex;position:absolute;transform:translate(-50%);box-shadow:5px 5px #0006,0 0 24px #ffe56659}.cover-cta-pulse{background:var(--magenta);border:2px solid #111;width:10px;height:10px;animation:.9s ease-in-out infinite cover-dot}@keyframes cover-wash-shift{0%{filter:saturate(1.05)brightness(.96)hue-rotate(-4deg);transform:scale(1)}to{filter:saturate(1.25)brightness(1.08)hue-rotate(6deg);transform:scale(1.04)}}@keyframes cover-grid-drift{0%{background-position:0 0,0 0}to{background-position:44px 44px,44px 44px}}@keyframes cover-rays-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cover-ring-pulse{0%{opacity:.85;transform:translate(-50%,-50%)scale(.72)}70%{opacity:.15;transform:translate(-50%,-50%)scale(1.15)}to{opacity:0;transform:translate(-50%,-50%)scale(1.28)}}@keyframes cover-orb-float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(18px,-22px)scale(1.12)}}@keyframes cover-card-spin{0%,to{transform:translateY(0) rotate(var(--r,-8deg)) scale(1)}50%{transform:translateY(-18px) rotate(calc(var(--r,-8deg) + 6deg)) scale(1.06)}}.cover-float.f1{--r:-14deg}.cover-float.f2{--r:10deg}.cover-float.f3{--r:16deg}.cover-float.f4{--r:-8deg}.cover-float.f5{--r:6deg}.cover-float.f6{--r:-18deg}.cover-float.f7{--r:12deg}.cover-float.f8{--r:-6deg}@keyframes cover-spark-pop{0%,to{opacity:0;transform:scale(.4)rotate(0)}40%{opacity:1;transform:scale(1.3)rotate(20deg)}70%{opacity:.8;transform:scale(1)rotate(-10deg)}}@keyframes cover-slash-sweep{0%,40%{opacity:0;clip-path:inset(0 100% 0 0)}55%{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(0 0 0 100%)}}@keyframes cover-burst-thump{0%,to{opacity:.35;transform:scale(.6)}45%{opacity:.9;transform:scale(1.8)}70%{opacity:.2;transform:scale(2.4)}}@keyframes cover-lane-scroll{0%{background-position:0 0}to{background-position:72px 0}}@keyframes cover-logo-pop{0%{opacity:0;transform:scale(.35)rotate(-16deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes cover-logo-wobble{0%,to{transform:rotate(-2deg)scale(1)}50%{transform:rotate(3deg)scale(1.05)}}@keyframes cover-logo-glow{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes cover-title-in{0%{opacity:0;transform:translateY(28px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cover-title-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes cover-glitch{0%,90%,to{opacity:0;transform:translate(0)}92%{opacity:.7;transform:translate(4px,-2px)}94%{opacity:.5;transform:translate(-5px,1px)}96%{opacity:.8;transform:translate(3px,2px)}}@keyframes cover-chip-blink{0%,to{opacity:.65;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes cover-cta-pulse{0%,to{transform:translate(-50%)translateY(0)scale(1)}50%{transform:translate(-50%)translateY(-6px)scale(1.03)}}@keyframes cover-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}.set-icon{color:#111;border:3px solid #111;flex-shrink:0;place-items:center;display:inline-grid;box-shadow:2px 2px #0003}.set-icon.set-core{background:linear-gradient(160deg,#ffe566,#c6e86a)}.set-icon.set-season1{color:#111;background:linear-gradient(160deg,#ffe566,#e91e8c)}.set-icon.set-shenshou{color:#fff;background:linear-gradient(160deg,#c6e86a,#4f7a0c)}.set-icon.set-xixue{background:linear-gradient(160deg,#e8f7b8,#8bc34a)}.set-icon.set-moshou{background:linear-gradient(160deg,#d5e0c8,#6a7f58)}.set-icon.set-yuanjie{color:#fff;background:linear-gradient(160deg,#f5cfd4,#c45a6e)}.set-icon.set-douhun{color:#fff;background:linear-gradient(160deg,#f0a878,#b84818)}.set-icon.set-jiyun{background:linear-gradient(160deg,#f8e9a8,#c9a83a)}.set-icon.set-xiuluo{color:#fff;background:linear-gradient(160deg,#e0a0a0,#8a2a2a)}.set-icon.set-adventure{color:#111;background:linear-gradient(160deg,#ffb347,#e85d04)}.set-icon.set-custom{background:linear-gradient(160deg,#fff,#a4d03a)}.deck-accordion{background:#ffffffe0;border:4px solid #111;padding:.65rem .75rem .85rem;box-shadow:4px 4px #0000002e}.deck-acc-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem;display:flex}.deck-acc-head h2{margin:0;font-size:1.15rem}.deck-acc-current{align-items:center;gap:.45rem;min-width:0;display:flex}.deck-acc-current strong{font-size:1rem;line-height:1.1;display:block}.deck-acc-current span{font-family:var(--font-pixel);color:var(--muted);font-size:.38rem}.deck-acc-list{flex-direction:column;gap:.35rem;display:flex}.deck-acc-group{background:#f4fce8a6;border:3px solid #11111159}.deck-acc-group.open{border-color:#111;box-shadow:2px 2px #0000001f}.deck-acc-toggle{text-align:left;background:0 0;border:none;align-items:center;gap:.45rem;width:100%;padding:.45rem .55rem;display:flex}.deck-acc-label{flex:1;font-size:1.05rem}.deck-acc-count{font-family:var(--font-pixel);color:var(--muted);font-size:.4rem}.deck-acc-chevron{text-align:center;width:1rem;font-size:.85rem}.deck-acc-items{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.4rem;padding:0 .5rem .55rem;display:grid}.deck-acc-item{text-align:left;background:#fff;border:3px solid #111;align-items:center;gap:.4rem;padding:.4rem .45rem;display:flex;box-shadow:2px 2px #00000026}.deck-acc-item.on{background:var(--avo-2);box-shadow:0 0 0 2px var(--magenta), 2px 2px 0 #0003}.deck-acc-item .nm{font-size:.95rem;line-height:1.15}.prebuilt-items{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.deck-acc-pre{flex-direction:row;align-items:center;gap:.55rem;min-height:0;padding:.75rem;display:flex}.deck-acc-pre-meta{flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0;display:flex}.deck-acc-pre strong{font-size:1.15rem}.deck-acc-pre .badge{font-size:.75rem}@media (width<=900px){.mode-select{grid-template-columns:1fr;place-items:stretch stretch}.mode-select.mode-step-mode{place-items:center}.menu-brand{position:static}.menu-decks{max-height:none}}@keyframes fx-execute-flash{0%,to{opacity:0}18%,40%{opacity:.9}55%{opacity:.25}}@keyframes fx-execute-blade{0%{opacity:0;transform:translate(-50%,-120%)rotate(-28deg)scaleX(.2)}25%{opacity:1;transform:translate(-50%,-50%)rotate(-28deg)scaleX(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,40%)rotate(-28deg)scaleX(1.1)}}@keyframes fx-execute-banner{0%{opacity:0;transform:translate(-50%,-40%)scale(.6)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-60%)scale(.9)}}.fx-execute{z-index:5;pointer-events:none;width:260px;height:220px;margin-top:-110px;margin-left:-130px;animation:1.5s ease-out forwards fx-king-burst;position:absolute;top:58%;left:50%}.fx-execute.side-opp{top:28%}.fx-execute.slot-0{left:36%}.fx-execute.slot-2{left:64%}.fx-execute-flash{background:radial-gradient(circle,#ff4d6df2 0%,#ffe56666 35%,#0000 68%);animation:1.4s ease-out forwards fx-execute-flash;position:absolute;inset:-15%}.fx-execute-blade{background:linear-gradient(90deg, transparent, #fff, var(--coral), #ffe566, transparent);width:160%;height:12px;box-shadow:0 0 16px var(--coral);z-index:3;margin-left:0;animation:1.1s ease-out forwards fx-execute-blade;position:absolute;top:50%;left:50%}.fx-execute-blade-b{filter:brightness(1.1);height:8px;animation-delay:80ms;transform:rotate(28deg)}.fx-execute-banner{z-index:4;color:#fff;background:linear-gradient(#ff6b81,#c9184a);border:4px solid #111;flex-direction:column;align-items:center;gap:.2rem;padding:.45rem .9rem;animation:1.45s ease-out forwards fx-execute-banner;display:flex;position:absolute;top:42%;left:50%;box-shadow:5px 5px #0006}.fx-execute-banner strong{font-family:var(--font-cn);font-size:1.6rem;line-height:1}.fx-execute-banner .en{font-family:var(--font-pixel);letter-spacing:.12em;font-size:.4rem}.fx-execute-burst{filter:hue-rotate(-25deg)saturate(1.4)}.fx-king-kill.is-victim .fx-king-flash{background:radial-gradient(circle,#ff4d6df2 0%,#b01068a6 38%,#0000 70%)}.fx-king-kill.is-victim .fx-king-fly-card{color:#fff;background:linear-gradient(#ff8fa3,#c9184a,#5c0a24)}.fx-king-kill.is-victim .fx-king-banner{color:#fff;background:linear-gradient(90deg,#5c0a24,#c9184a,#5c0a24);min-width:180px}.fx-king-kill.is-victim .fx-crack-ring{border-color:#ff4d6d;box-shadow:0 0 28px #e91e8c}.fx-king-victim-veil{z-index:1;background:radial-gradient(circle,#0000 20%,#50001473 70%,#1400008c 100%);animation:1.5s ease-out forwards fx-king-flash;position:absolute;inset:-30%}.fx-king-kill.is-killer .fx-king-banner span:last-child{letter-spacing:.08em}.rulebook-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);touch-action:manipulation;background:#0c1606b8;place-items:center;padding:.75rem;display:grid;position:fixed;inset:0}.rulebook-panel{background:linear-gradient(165deg,#f7fce8 0%,#e8f5c0 55%,#d4e892 100%);border:5px solid #111;flex-direction:column;width:min(920px,100%);max-height:min(92dvh,820px);display:flex;overflow:hidden;box-shadow:8px 8px #00000059,0 0 0 3px #ffe56659}.rulebook-head{background:linear-gradient(90deg, var(--avo-2), var(--avo-3));border-bottom:4px solid #111;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.rulebook-head h2{font-family:var(--font-cn);text-shadow:2px 2px #ffffff73;margin:0;font-size:1.75rem;line-height:1}.rulebook-body{flex:1;grid-template-columns:minmax(140px,200px) 1fr;min-height:0;display:grid}.rulebook-nav{background:#ffffff59;border-right:4px solid #111;flex-direction:column;gap:.3rem;padding:.65rem;display:flex;overflow:auto}.rulebook-nav-item{text-align:left;background:0 0;border:3px solid #0000;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.45rem .55rem;display:flex}.rulebook-nav-item .en{font-family:var(--font-pixel);color:var(--muted);font-size:.32rem}.rulebook-nav-item.on{background:#fff;border-color:#111;box-shadow:2px 2px #0000002e}.rulebook-chapter{min-height:0;padding:1rem 1.15rem 1.1rem;overflow:auto}.rulebook-eyebrow{font-family:var(--font-pixel);color:var(--magenta-dark);letter-spacing:.12em;margin:0;font-size:.42rem}.rulebook-chapter h3{font-family:var(--font-cn);color:#111;margin:.35rem 0 .85rem;font-size:1.85rem;line-height:1.1}.rulebook-chapter>p{color:#222;margin:0 0 .7rem;font-size:1.05rem;line-height:1.55}.rulebook-tips{background:#ffffffb3;border:3px solid #111;margin:.5rem 0 1rem;padding:.65rem .75rem .65rem 1.35rem;list-style:square}.rulebook-tips li{margin:.25rem 0;line-height:1.45}.rulebook-pager{border-top:3px dashed #11111140;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.75rem;display:flex}.rulebook-page-num{font-family:var(--font-pixel);color:var(--muted);font-size:.42rem}@media (width<=720px){.rulebook-body{grid-template-rows:auto 1fr;grid-template-columns:1fr}.rulebook-nav{-webkit-overflow-scrolling:touch;border-bottom:4px solid #111;border-right:none;flex-flow:row;overflow-x:auto}.rulebook-nav-item{flex:none;min-width:5.5rem}.rulebook-chapter h3{font-size:1.45rem}.rulebook-chapter>p{font-size:.98rem}}@media (orientation:landscape) and (height<=520px){.rulebook-panel{max-height:96dvh}.rulebook-head{padding:.4rem .65rem}.rulebook-head h2{font-size:1.2rem}.rulebook-chapter{padding:.55rem .75rem}.rulebook-chapter h3{margin-bottom:.4rem;font-size:1.2rem}.rulebook-chapter>p{margin-bottom:.4rem;font-size:.9rem}}.lan-lobby .lan-status{font-family:var(--font-cn);color:var(--ink);margin:.5rem 0;line-height:1.4}.lan-lobby .lan-urls{flex-direction:column;gap:.4rem;margin:.5rem 0 .75rem;display:flex}.lan-lobby .lan-urls-label,.lan-lobby .lan-hint{opacity:.85;margin:0;font-size:.85rem}.lan-lobby .lan-hint-ok{color:var(--avo-deep);opacity:1;font-weight:600}.lan-lobby .lan-url{border:3px solid var(--avo-deep);background:var(--avo-1);word-break:break-all;text-align:left;cursor:pointer;color:inherit;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem;padding:.55rem .65rem;font-family:inherit;font-size:.8rem;display:flex}.lan-lobby .lan-url-copy{opacity:.75;flex-shrink:0;font-size:.75rem}.lan-lobby .lan-error{color:#8b1e3f;margin:.35rem 0;font-weight:700}.lan-lobby .lan-deck-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:.35rem;max-height:min(60vh,480px);padding-right:.25rem;display:flex;overflow:auto}.lan-lobby .deck-acc-item .tag{opacity:.7;margin-left:auto;font-size:.75rem}.lan-lobby .lan-qr-wrap{justify-content:center;padding:.5rem 0;display:flex}.lan-lobby .lan-qr{border:3px solid var(--avo-deep);image-rendering:pixelated;background:#f4f7f0;display:block}.lan-lobby .lan-qr.skeleton{background:linear-gradient(90deg,#e4ebe0,#f4f7f0,#e4ebe0) 0 0/200% 100%;animation:1.2s infinite lan-shimmer}@keyframes lan-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.lan-lobby .lan-url-actions{flex-wrap:wrap;gap:.4rem;display:flex}.lan-lobby .lan-url-actions .primary-btn,.lan-lobby .lan-url-actions .ghost-btn{flex:8rem;min-height:2.75rem}.lan-lobby .lan-host-input{flex-direction:column;gap:.35rem;margin:.35rem 0 .5rem;display:flex}.lan-lobby .lan-host-input label{font-size:.85rem;font-weight:600}.lan-lobby .lan-host-row{align-items:stretch;gap:.4rem;display:flex}.lan-lobby .lan-host-row input{border:3px solid var(--avo-deep);background:var(--paper,#fff);flex:1;min-width:0;min-height:2.75rem;padding:.45rem .6rem;font-family:inherit;font-size:1rem}.lan-lobby .lan-host-row .ghost-btn{flex-shrink:0;min-height:2.75rem}.lan-lobby .lan-code-area{box-sizing:border-box;border:3px solid var(--avo-deep);background:var(--paper,#fff);resize:vertical;word-break:break-all;width:100%;min-height:4.5rem;padding:.5rem .6rem;font-family:ui-monospace,monospace;font-size:.72rem;line-height:1.35}.lan-lobby .lan-signal{flex-direction:column;gap:.4rem;margin:.35rem 0;display:flex}.lan-lobby .lan-scan-video{object-fit:cover;border:3px solid var(--avo-deep);background:#111;width:100%;max-height:220px}@media (width<=720px){.lan-lobby{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.lan-lobby .lan-deck-list{max-height:min(42vh,360px)}.lan-lobby .mode-actions .primary-btn,.lan-lobby .mode-actions .ghost-btn{width:100%;min-height:2.85rem}}.adventure-hub{box-sizing:border-box;grid-template-columns:minmax(240px,320px) 1fr;gap:1.25rem;min-height:100vh;padding:1.25rem clamp(1rem,3vw,2rem);display:grid}.adventure-hub .adv-brand h1{font-family:var(--font-cn);color:var(--sea-deep);margin:.2rem 0 .6rem;font-size:clamp(1.8rem,4vw,2.6rem)}.adventure-hub .adv-lead{color:var(--ink-2,#3a4a55);margin:0 0 1rem;line-height:1.55}.adv-meta{gap:.45rem;margin:0 0 1rem;display:grid}.adv-meta>div{border:2px solid var(--sea-4);background:var(--sea-1);justify-content:space-between;gap:.75rem;padding:.35rem .5rem;display:flex}.adv-meta dt{opacity:.7;margin:0}.adv-meta dd{margin:0;font-weight:700}.adv-stage-rail{grid-template-columns:repeat(5,1fr);gap:.35rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.adv-endless-stage{border:2px solid var(--sea-4);background:var(--sea-1);margin:0 0 1rem;padding:.55rem .75rem;font-size:.95rem}.adv-endless-stage strong{font-size:1.15rem}.adv-encounter{margin-bottom:1rem}.adv-stage-rail li{border:2px solid var(--sea-4);background:var(--sea-1);opacity:.55;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .15rem;display:flex}.adv-stage-rail li.done{opacity:.85;background:color-mix(in srgb, var(--sea-3) 35%, white)}.adv-stage-rail li.current{opacity:1;border-color:var(--sea-deep);box-shadow:0 0 0 2px color-mix(in srgb, var(--sea-deep) 25%, transparent)}.adv-stage-rail .num{font-size:.95rem;font-weight:800}.adv-stage-rail .label{letter-spacing:.04em;font-size:.68rem}.adv-main{flex-direction:column;gap:.75rem;padding:.5rem 0;display:flex}.adv-main h2{font-family:var(--font-cn);color:var(--sea-deep);margin:0;font-size:1.55rem}.adv-sub{opacity:.75;margin:0}.adv-draft{margin:.5rem 0 1rem}.adv-deck-panel{border:3px solid var(--sea-4);background:var(--sea-1);padding:.75rem 1rem}.adv-deck-panel h3{font-family:var(--font-cn);margin:0 0 .5rem}.adv-deck-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.adv-deck-list li{border:1px solid var(--sea-3);align-items:baseline;gap:.35rem;padding:.25rem .4rem;display:flex}.adv-deck-list .lv{opacity:.65;font-size:.75rem}.adv-deck-list .nm{flex:1;font-weight:600}.adv-deck-list .ct{font-variant-numeric:tabular-nums}.adv-empty-deck{opacity:.65;margin:0}.adv-end .mode-actions{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}@media (width<=860px){.adventure-hub{padding-bottom:calc(1rem + env(safe-area-inset-bottom));grid-template-columns:1fr}.adv-stage-rail .label{display:none}}