:root{--serif: "Fraunces", "Playfair Display", Georgia, "Times New Roman", serif;--bg: #0a1020;--bg2: #0f172a;--panel: #121a2e;--panel2: #1a2440;--line: #26324f;--line2: #33416a;--text: #e8ecf6;--muted: #8a96b3;--gold: #f5c542;--gold2: #e0a91a;--blue: #2c6bd6;--red: #e0524a;--green: #3ccf7a;--on-gold: #241900;--felt1: #17402f;--felt2: #0f2d22;--felt-red: #3a1618;--side: 268px;--ch: clamp(70px, calc((100vh - 36px) / 7.3), 150px);--cw: calc(var(--ch) * .716);--gutter: calc((100vw - var(--side) - 16px - var(--ch) * 7.6) / 2 - 36px);font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 700px at 50% 20%,#111b33,var(--bg));min-height:100vh}button,select,input,textarea{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line2);border-radius:8px;padding:6px 12px}button{cursor:pointer;transition:border-color .12s,background .12s,transform .08s}button:hover:not(:disabled){border-color:var(--gold)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--gold);color:var(--on-gold);border-color:var(--gold);font-weight:700}button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--gold) 80%,#fff)}button.danger,.chip.danger{color:#ff8a83}textarea{width:100%;resize:vertical}select{cursor:pointer}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold)}h1{margin:0;font-size:26px;letter-spacing:-.01em}h2{margin:2px 0 8px}h3{margin:6px 0}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--red)}.grow{flex:1;min-width:0}.row-gap{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chip{padding:4px 10px;font-size:12px;border-radius:7px;background:var(--panel2);font-weight:600}.chip.on{border-color:var(--gold);color:var(--gold)}.chip.icon{padding:2px 9px}.chip.pill{cursor:default;color:#c7b7ff;border-color:#4a3c8a;background:#241c4a}.tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.03em;padding:2px 8px;border-radius:99px;background:var(--panel2);border:1px solid var(--line2);color:var(--muted)}.beta{font-size:11px;vertical-align:middle;padding:2px 8px;border-radius:99px;background:var(--gold);color:var(--on-gold);letter-spacing:.05em}.notice{background:#1c2b4f;border:1px solid var(--line2);padding:8px 12px;border-radius:8px}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--gold);color:var(--on-gold);font-weight:700;padding:9px 16px;border-radius:10px;z-index:50;box-shadow:0 6px 20px #0008}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.topnav{display:flex;gap:4px;align-items:center;padding:10px 20px;border-bottom:1px solid var(--line);background:#0b1224cc;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.logo{font-weight:900;font-size:18px;margin-right:18px;color:var(--gold);letter-spacing:-.02em}.logo span{color:var(--text);font-weight:600;margin-left:2px}.topnav button{background:transparent;border-color:transparent;font-weight:600;color:var(--muted)}.topnav button.on{color:var(--text);background:var(--panel2)}.page{padding:22px 24px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.page.wide{max-width:1500px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filters .search{flex:1 1 260px}.filters .trait-filter{width:130px}.filter-count{margin-left:auto;font-size:13px}.color-chips{display:flex;gap:4px}.color-chip{--chip: #666;padding:4px 10px;font-size:12px;border-radius:99px;border-color:var(--chip);background:transparent}.color-chip.on{background:var(--chip);color:#fff}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}.grid-slot{position:relative;cursor:pointer}.grid-card{width:100%!important;height:auto!important;aspect-ratio:63 / 88;cursor:pointer;transition:transform .12s}.grid-card:hover,.grid-slot:hover .grid-card{transform:translateY(-3px);box-shadow:0 8px 18px #0009}.qty-badge{position:absolute;top:6px;right:6px;background:var(--gold);color:var(--on-gold);font-weight:800;border-radius:99px;padding:1px 8px;font-size:13px}.zoom-btn{position:absolute;bottom:6px;right:6px;padding:0 7px;font-size:14px;opacity:0;background:#000b}.grid-slot:hover .zoom-btn{opacity:1}.more{align-self:center}.card-modal{display:flex;gap:22px;max-width:760px}.modal-card{width:300px!important;height:auto!important;aspect-ratio:63 / 88;flex-shrink:0}.cm-info{display:flex;flex-direction:column;gap:6px}.tags{display:flex;gap:5px;flex-wrap:wrap}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.mode-card{background:linear-gradient(160deg,#18244a,var(--panel));border:1px solid var(--line2);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,transform .15s}.mode-card:hover{border-color:var(--gold);transform:translateY(-2px)}.mode-card p{flex:1;margin:0 0 8px}.mode-tags{display:flex;gap:5px}.lobby-decks{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.deck-box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}.deck-box label{display:flex;align-items:center;gap:8px;justify-content:space-between}.deck-box label input,.deck-box label select{width:60%}.deck-box-body{display:flex;gap:12px;align-items:center}.deck-box-body select{width:100%;margin-bottom:4px}.leader-thumb{width:70px!important;height:98px!important;flex-shrink:0}.valid{display:inline-block;font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px;margin-top:4px}.valid.ok{background:#13351f;color:var(--green)}.valid.bad{background:#3a1517;color:#ff8a83}.replay-list{display:flex;flex-direction:column;gap:8px}.replay-row{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.replay-row .leader-thumb{width:44px!important;height:61px!important}.rr-leaders{display:flex;align-items:center;gap:6px}.builder{display:grid;grid-template-columns:1fr 400px;height:calc(100vh - 49px)}.builder-left{overflow:auto;padding:18px 20px;display:flex;flex-direction:column;gap:10px}.builder-right{border-left:1px solid var(--line);background:var(--panel);overflow:auto;padding:14px 16px 0;display:flex;flex-direction:column;gap:6px}.check{display:flex;gap:6px;align-items:center;color:var(--muted)}.deck-picker{display:flex;gap:6px}.deck-picker select{width:45%}.deck-picker input{flex:1}.deck-title{font-size:20px;font-weight:800;margin-top:6px}.deck-section{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin:10px 0 4px}.deck-leader{display:flex;gap:10px;align-items:center}.deck-leader .chip{margin-top:6px}.deck-row{display:flex;align-items:center;gap:6px;padding:3px 0;border-bottom:1px solid #ffffff08}.dr-cost{width:22px;height:22px;border-radius:99px;background:var(--panel2);display:grid;place-items:center;font-size:12px;font-weight:800}.dr-name{flex:1;cursor:pointer;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-qty{width:18px;text-align:center;font-weight:800}.builder-foot{position:sticky;bottom:0;background:var(--panel);border-top:1px solid var(--line);margin:auto -16px 0;padding:10px 16px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.builder-foot .count{font-weight:800;font-size:16px;margin-right:4px}.builder-foot .valid{margin-top:0}.warn-list{font-size:12px;color:#ffb3ae;padding-bottom:10px}.stats{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-top:8px;display:flex;flex-direction:column;gap:6px}.curve{display:flex;gap:4px;height:90px;align-items:flex-end}.curve .bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;font-size:10px}.curve .bar div{width:100%;background:var(--gold);border-radius:3px 3px 0 0;min-height:1px}.curve small{color:var(--muted)}.cf{--c1: #555;--c2: #555;position:relative;width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .06);overflow:hidden;background:linear-gradient(150deg,var(--c1) 0 50%,var(--c2) 50% 100%);box-shadow:0 2px 6px #0009;flex-shrink:0;-webkit-user-select:none;user-select:none}.cf img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cf:not(.has-img):before{content:"";position:absolute;top:9%;right:7%;bottom:26%;left:7%;background:#0006;border-radius:4px}.cf-cost{position:absolute;top:3%;left:5%;width:22%;aspect-ratio:1;border-radius:99px;background:#000c;display:grid;place-items:center;font-weight:900;font-size:calc(var(--cw) * .14);color:#fff}.cf-counter{position:absolute;left:0;top:30%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:calc(var(--cw) * .09);font-weight:800;background:#fff;color:#222;padding:3px 1px;border-radius:0 3px 3px 0}.cf-name{position:absolute;left:5%;right:5%;bottom:11%;font-size:calc(var(--cw) * .115);font-weight:800;color:#fff;text-shadow:0 1px 2px #000;line-height:1.1;text-align:center}.cf-type{position:absolute;left:5%;right:5%;bottom:3%;font-size:calc(var(--cw) * .08);color:#fffc;text-align:center;text-transform:capitalize}.cf-trig{position:absolute;left:7%;bottom:27%;font-size:calc(var(--cw) * .08);font-weight:800;background:#f5c542;color:#000;padding:0 4px;border-radius:3px}.cf-power{position:absolute;top:3%;right:4%;background:#000d;color:#fff;font-weight:900;font-size:calc(var(--cw) * .13);padding:1px 5px;border-radius:5px;z-index:2}.cf-power.up{background:#1d7a43}.cf-power.down{background:#a52b26}.cf.back{background:radial-gradient(circle at 50% 45%,#3b3f8f,#22245c 60%,#171845);border:2px solid #cfd3ff22}.cf.back:before{display:none}.back-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:900;font-size:calc(var(--cw) * .3);color:#e6c56a;letter-spacing:-.04em;text-shadow:0 0 10px #000}.back-mark:after{content:"";position:absolute;width:62%;aspect-ratio:1;border:2px solid #e6c56a88;border-radius:99px}.don{--dw: calc(var(--cw) * .44);width:var(--dw);height:calc(var(--dw) * 1.4);border-radius:4px;flex-shrink:0;background:linear-gradient(160deg,#6b3fa8,#3a1d6e);border:1px solid #c9a8ff66;display:grid;place-items:center;transition:transform .15s}.don.has-img{background:none;border:none;overflow:hidden}.don img{width:100%;height:100%;object-fit:cover;border-radius:4px}.cf.back.has-img{border:none;background:#111}.don span{font-size:calc(var(--dw) * .2);font-weight:900;color:#ffd65e;transform:rotate(-30deg)}.don.rested{transform:rotate(90deg) scale(.9);opacity:.7}.don.big{--dw: calc(var(--cw) * .9)}.game{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;overflow:clip}.table{position:absolute;inset:0 calc(var(--side) + 16px) 0 0}.halves{position:absolute;top:10px;bottom:10px;left:50%;transform:translate(-50%);width:calc(var(--ch) * 7.6);display:flex;flex-direction:column;gap:8px}.half{flex:1;min-height:0;border:1px solid #2b5a45;border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:8px;background:radial-gradient(120% 90% at 50% 40%,var(--felt1),var(--felt2));position:relative}.half:not(.flip){background:linear-gradient(180deg,transparent 40%,#3a161888),radial-gradient(120% 90% at 50% 40%,var(--felt1),var(--felt2))}.half.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 24px color-mix(in srgb,var(--gold) 20%,transparent)}.hrow{display:flex;gap:8px;align-items:stretch;min-height:0}.half.flip .hrow{flex-direction:row-reverse}.r-chars{flex:1.25}.r-core{flex:1.1;align-items:center}.r-cost{flex:.85}.spacer{flex:1}.slot-label,.area-label{position:absolute;top:3px;left:7px;font-size:9px;font-weight:800;letter-spacing:.1em;color:#fff5;pointer-events:none}.slot{position:relative;width:calc(var(--ch) * 1.02);height:calc(var(--ch) * 1.02);display:grid;place-items:center;border:1px dashed #ffffff22;border-radius:8px;background:#0002}.slot.leader,.slot.stage{border-style:solid;border-color:#ffffff14}.char-area{flex:1;position:relative;display:flex;gap:6px;align-items:center;justify-content:center;border-radius:10px;background:#0001;padding:14px 6px 4px}.char-area .slot{height:100%;max-height:calc(var(--ch) * 1.1)}.field-card{position:relative;cursor:pointer;transition:transform .2s}body[data-drag-don="0"] .slot[data-owner="0"] .field-card .cf,body[data-drag-don="1"] .slot[data-owner="1"] .field-card .cf{box-shadow:0 0 0 3px #b07cff,0 0 18px #b07cffaa}.status-chips{position:absolute;left:50%;top:4px;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:auto}.field-card.rested .status-chips{transform:translate(-50%) rotate(-90deg)}.half.flip .field-card.rested .status-chips{transform:translate(-50%) rotate(90deg)}.status-chip{white-space:nowrap;font-size:10px;font-weight:800;line-height:1;padding:3px 6px;border-radius:99px;background:#0b1226e6;color:#e8f1ff;border:1px solid #7fb2ff88;box-shadow:0 1px 4px #0008}.status-chip.cost-up{background:#3a1606ee;color:#ffd9b8;border-color:#ff8a3d}.status-chip.cost-down{background:#062a1cee;color:#c4ffe0;border-color:#3ddc97}.field-card.rested{transform:rotate(90deg)}.half.flip .field-card.rested{transform:rotate(-90deg)}.field-card.selected .cf{outline:3px solid var(--gold)}.field-card.target .cf,.fan-card.target{outline:3px solid #5fb4ff;box-shadow:0 0 18px #5fb4ff;animation:pulse 1s infinite alternate}@keyframes pulse{to{box-shadow:0 0 4px #5fb4ff}}.field-card.target.attack .cf{outline-color:#ff4d4d;box-shadow:0 0 18px #ff4d4d;animation:pulse-red 1s infinite alternate}@keyframes pulse-red{to{box-shadow:0 0 4px #ff4d4d}}.field-card.target.effect .cf,.fan-card.target.effect{outline:3px dashed #c084fc;box-shadow:0 0 18px #a855f7;animation:pulse-purple 1s infinite alternate}@keyframes pulse-purple{to{box-shadow:0 0 4px #a855f7}}.field-card.effect-source .cf{box-shadow:0 0 0 3px #a855f7,0 0 26px #a855f7cc}.aim-tag,.src-tag{position:absolute;left:50%;bottom:-10px;transform:translate(-50%);z-index:5;pointer-events:none;white-space:nowrap;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border-radius:99px;box-shadow:0 2px 6px #0009}.aim-tag.attack,.src-tag.attack{background:#b91c1c;color:#fff;border:1px solid #ff8a8a}.aim-tag.effect,.src-tag{background:#6b21a8;color:#fff;border:1px solid #d8b4fe}.src-tag{bottom:auto;top:-10px}.field-card.rested .aim-tag,.field-card.rested .src-tag{transform:translate(-50%) rotate(-90deg)}.field-card:hover .cf{box-shadow:0 0 0 2px #fff6,0 6px 14px #000a}.under-don{position:absolute;left:50%;bottom:-10%;transform:translate(-50%);display:flex;gap:0;z-index:0}.under-don .don{margin-left:calc(var(--cw) * -.25)}.field-card .cf{z-index:1}.don-count{position:absolute;bottom:-6px;right:-8px;z-index:3;background:#6b3fa8;color:#ffd65e;font-weight:900;border-radius:99px;padding:0 7px;font-size:12px;border:1px solid #c9a8ff}.zone{position:relative;border:1px solid #ffffff14;border-radius:10px;background:#0002;display:grid;place-items:center;min-width:calc(var(--cw) * 1.2);cursor:pointer;padding:12px 6px 4px}.zone:hover{border-color:#fff4}.pile{position:relative}.pile .cf{height:calc(var(--ch) * .82);width:calc(var(--cw) * .82)}.pile-count{position:absolute;right:-6px;bottom:-6px;background:#000d;border:1px solid #fff3;border-radius:6px;padding:0 6px;font-weight:800;font-size:12px}.zone.trash .cf{opacity:.9}.zone.life{width:calc(var(--cw) * 2.2);flex-shrink:0}.zone.life .slot-label{color:#ff8a83}.zone.life{width:calc(var(--ch) * .92)}.life-stack{position:relative;width:100%;height:100%}.life-card{position:absolute!important;left:50%;width:calc(var(--cw) * .84)!important;height:calc(var(--ch) * .84)!important;top:calc(var(--ch) * .15 + var(--i) * var(--ch) * .13);transform:translate(-50%,-25%) rotate(90deg);z-index:calc(10 - var(--i))}.half.flip .zone.life .slot-label{top:auto;bottom:3px}.cost-area{flex:1;position:relative;border-radius:10px;background:#0003;border:1px solid #ffffff10;padding:14px 8px 18px;cursor:pointer;display:flex;align-items:center}.don-row{display:flex;flex-wrap:wrap;gap:4px 0;align-items:center;justify-content:center;width:100%}.don-row .don{--dw: calc(var(--cw) * .62)}.don-row>div+div{margin-left:calc(var(--cw) * -.1)}.don-row>div[draggable]{cursor:grab}.cost-sum{position:absolute;bottom:3px;left:8px;font-size:9px;font-weight:800;letter-spacing:.08em;color:#fff6}.center{margin:auto;letter-spacing:.1em;font-size:11px;font-weight:700}.badge-stack{position:absolute;right:calc(100% + 10px);display:flex;flex-direction:column;align-items:flex-end;gap:6px}.badge-stack.top{top:0}.badge-stack.bottom{top:calc(50% + 4px)}.badge{display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line2);padding:5px 10px;border-radius:10px;font-weight:800;font-size:12px;white-space:nowrap}.badge .dot{width:8px;height:8px;border-radius:99px;background:var(--green)}.badge.turn{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}.turn-tag{background:var(--on-gold);color:var(--gold);font-size:9px;padding:1px 5px;border-radius:4px}.clock{background:var(--panel);border:1px solid var(--line2);padding:3px 8px;border-radius:8px;font-weight:700;font-size:12px;font-variant-numeric:tabular-nums}.my-hand{position:absolute;left:18px;bottom:14px;z-index:6}.hand-bar{display:flex;gap:8px;align-items:center;margin:0 0 10px calc(var(--cw) * .3)}.hand-count{font-weight:900;font-size:18px}.fan{display:flex;align-items:flex-end;padding-left:calc(var(--cw) * .3)}.fan .fan-card{width:calc(var(--cw) * 1.15);height:calc(var(--ch) * 1.15);margin-left:min(calc(var(--cw) * -.55),calc((var(--gutter) - var(--cw) * 1.15 * var(--n, 5)) / max(1,var(--n, 5) - 1)));transform-origin:50% 120%;cursor:pointer;transition:transform .15s,margin .15s;box-shadow:0 4px 12px #000b}.fan .fan-card:first-child{margin-left:0}.my-hand .fan-card:hover{z-index:50!important;filter:brightness(1.1);box-shadow:0 0 0 2px #fff9,0 8px 18px #000c}.my-hand .fan-card.selected{outline:3px solid var(--gold)}.opp-hand{position:absolute;right:-6px;top:8px;display:flex;flex-direction:column;align-items:center;z-index:4;transform:translate(100%)}.table .opp-hand{right:0;transform:none}.fan.small .fan-card{width:calc(var(--cw) * .9);height:calc(var(--ch) * .9);margin-left:calc(var(--cw) * -.45);transform-origin:50% -20%}.zoom{position:absolute;left:18px;top:12px;width:clamp(150px,calc((100vw - var(--side) - 16px - var(--ch) * 7.6) / 2 - 150px),calc(var(--cw) * 2.8));z-index:7;pointer-events:none;display:flex;flex-direction:column;gap:8px}.zoom-card{width:100%!important;height:auto!important;aspect-ratio:63 / 88;box-shadow:0 10px 30px #000c}.zoom-text{background:#0b1224ee;border:1px solid var(--line2);border-radius:10px;padding:8px 10px;font-size:12px}.zoom-text p{margin:6px 0 0}.don-pickable{position:relative;cursor:grab;border-radius:6px;transition:transform .12s}.don-pickable.picked{transform:translateY(-8px);filter:drop-shadow(0 0 8px #b07cff)}.don-picked-n{position:absolute;top:-6px;right:-6px;z-index:2;min-width:18px;height:18px;border-radius:99px;background:#b07cff;color:#fff;font-size:11px;font-weight:900;display:grid;place-items:center}.end-turn-big{flex:none;width:100%;padding:15px 0;font-size:19px;font-weight:900;letter-spacing:.04em;border-radius:12px;border:2px solid color-mix(in srgb,var(--gold) 70%,#fff);cursor:pointer;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 80%,#fff),var(--gold2));color:var(--on-gold);box-shadow:0 6px 24px color-mix(in srgb,var(--gold) 33%,transparent),0 2px #0006}.end-turn-big:disabled{opacity:1;background:var(--panel2);border-color:var(--line2);color:var(--muted);box-shadow:none;font-size:15px}.end-turn-big:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.side-panel{position:absolute;right:12px;top:max(27vh,190px);max-height:calc(100vh - max(27vh,190px) - 12px);width:var(--side);background:#0f1629f2;border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;z-index:8}.game.collapsed .side-panel{bottom:auto}.sp-head{display:flex;align-items:center;gap:6px}.sp-title{flex:1;text-align:center;font-weight:800}.sp-row{display:flex;gap:5px;flex-wrap:wrap}.acts{background:linear-gradient(160deg,#1f5bc4,#183f8a);border-radius:10px;padding:9px 11px;display:flex;flex-direction:column;gap:6px}.acts.ai{background:linear-gradient(160deg,#4b2f8f,#2c1d5c)}.acts.battle{background:linear-gradient(160deg,#b23a33,#6e1f1b)}.acts.over{background:var(--panel2)}.acts-who{font-size:10px;font-weight:900;letter-spacing:.12em;color:#fffa}.acts-text{font-weight:700;font-size:13px;line-height:1.35}.acts-buttons{display:flex;gap:6px;flex-wrap:wrap}.acts-buttons button{padding:5px 12px;font-size:13px;background:#ffffff1a;border-color:#fff3}.acts-buttons button.primary{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}.acts-error{background:#0006;color:#ffb3ae;padding:4px 8px;border-radius:6px;font-size:12px}.transport{display:flex;gap:4px}.transport button{flex:1;padding:4px 0;background:#ffffff1a;border-color:#fff3}.transport button.primary{background:var(--gold)}.scrub-wrap{position:relative;padding-bottom:8px}.scrub{width:100%;accent-color:var(--gold)}.note-mark{position:absolute;bottom:0;width:7px;height:7px;border-radius:99px;background:var(--gold);transform:translate(-50%);cursor:pointer}.sp-note input{width:100%;font-size:12px}.sp-note.col{display:flex;flex-direction:column;gap:4px}.log{flex:1 1 auto;height:38vh;min-height:60px;overflow:auto;font-size:12px;padding:2px}.log .panel-title{display:none}.log-line{padding:2px 4px;cursor:pointer;line-height:1.35;border-radius:4px}.log-line:hover{background:#ffffff0a}.log-line.turn{color:var(--gold);margin-top:6px;font-weight:800}.log-line.manual{color:#c9a8ff}.log-line.future,.log-note.future{opacity:.3}.log-line.now{background:color-mix(in srgb,var(--gold) 15%,transparent)}.log-note{background:color-mix(in srgb,var(--gold) 8%,transparent);border-left:3px solid var(--gold);padding:4px 6px;margin:4px 0;white-space:pre-wrap;cursor:pointer;border-radius:0 6px 6px 0}.center-modal{position:absolute;left:calc((100vw - var(--side) - 16px) / 2);top:66%;transform:translate(-50%,-50%);z-index:20;background:#0f1629f5;border:1px solid var(--line2);border-radius:14px;padding:14px 18px;text-align:center;box-shadow:0 14px 40px #000c;min-width:260px}.cm-title{font-weight:800;font-size:15px}.cm-sub{color:var(--gold);font-size:12px;font-weight:700;margin-top:4px}.cm-hint{color:var(--muted);font-size:12px;margin-top:4px}.cm-buttons{display:flex;gap:8px;justify-content:center;margin-top:10px}.cm-buttons button{border-radius:99px;padding:7px 18px}.ctx{position:fixed;z-index:40;background:#0f1629;border:1px solid var(--line2);border-radius:10px;padding:5px;min-width:200px;display:flex;flex-direction:column;box-shadow:0 10px 30px #000c}.ctx-title{font-size:11px;font-weight:800;color:var(--muted);padding:4px 8px 6px;letter-spacing:.04em}.ctx button{text-align:left;background:transparent;border:none;padding:6px 10px;border-radius:6px;font-size:13px}.ctx button:hover{background:var(--panel2)}.ctx button.primary{color:var(--gold);background:transparent;font-weight:800}.ctx button.primary:hover{background:color-mix(in srgb,var(--gold) 13%,transparent)}.don-pick{position:fixed;z-index:41;background:#0f1629;border:1px solid var(--gold);border-radius:12px;padding:8px 10px 10px;box-shadow:0 12px 40px #000c;display:flex;flex-direction:column;gap:8px;min-width:190px}.don-pick-row{display:flex;gap:6px;align-items:center;justify-content:center}.don-pick-row span{min-width:54px;text-align:center;font-size:15px;color:var(--muted)}.don-pick-row span b{color:var(--gold);font-size:18px}.don-pick-row button{border-radius:8px;padding:5px 11px;font-weight:800}.don-pick-row button.primary{flex:1}.ctx-sep{height:1px;background:var(--line);margin:4px 2px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;z-index:30}.modal{background:var(--panel);border:1px solid var(--line2);border-radius:14px;padding:16px;width:min(1000px,94vw);max-height:88vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.zone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.zone-item{display:flex;flex-direction:column;gap:4px;align-items:center}.zone-item .cf{width:110px;height:154px}.zone-actions{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.zone-actions button{font-size:11px;padding:2px 6px}@media (max-width: 1100px){:root{--side: 230px}.builder{grid-template-columns:1fr;height:auto}.zoom{display:none}}.editor{display:flex;gap:22px;max-width:900px}.editor-preview{display:flex;flex-direction:column;gap:8px;width:260px;flex-shrink:0}.editor-preview .modal-card{width:260px!important}.editor-form{flex:1;display:flex;flex-direction:column;gap:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.form-grid label,label.stack{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}.form-grid input,.form-grid select,label.stack input,label.stack textarea{color:var(--text);font-size:14px}.field-label{font-size:12px;color:var(--muted)}.custom-badge{position:absolute;bottom:6px;left:6px;background:#6b3fa8;color:#fff;font-size:10px;font-weight:800;padding:1px 7px;border-radius:99px}.zone-item.pickable{cursor:pointer;border-radius:10px;padding:4px;border:2px solid transparent}.zone-item.pickable.picked{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,transparent)}.zone-item.pickable.disabled{opacity:.35;cursor:default}.auto-badge{display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;border-radius:99px;margin-left:6px;vertical-align:middle}.auto-badge.full{background:#13351f;color:var(--green)}.auto-badge.partial{background:#3a3013;color:var(--gold)}.auto-badge.manual{background:#2a2f45;color:var(--muted)}.grid-slot .auto-dot{position:absolute;top:6px;left:6px;width:10px;height:10px;border-radius:99px;border:2px solid #000c}.auto-dot.full{background:var(--green)}.auto-dot.partial{background:var(--gold)}.auto-dot.manual{background:#667}.grouped section{margin-bottom:14px}.group-head{font-weight:800;font-size:13px;letter-spacing:.03em;padding:6px 2px;border-bottom:1px solid var(--line, #2a2f45);margin-bottom:8px;position:sticky;top:0;background:var(--bg, #0d1020);z-index:2}.group-head .muted{font-weight:500;margin-left:6px}.sort-by{display:flex;gap:6px;align-items:center;font-size:13px}.arts-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.art-pick{width:78px;cursor:pointer;border-radius:6px;padding:3px;border:2px solid transparent;text-align:center;font-size:10px}.art-pick.on{border-color:var(--gold)}.art-pick img{width:100%;border-radius:4px;display:block}.art-badge{position:absolute;bottom:6px;left:6px;font-size:10px;font-weight:800;background:#000c;color:var(--gold);border-radius:99px;padding:0 6px}.fx-arrow{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9;overflow:visible}.fx-arrow line{stroke:#ff5a4a;stroke-width:6;stroke-linecap:round;stroke-dasharray:14 10;filter:drop-shadow(0 0 6px #ff5a4acc);animation:fx-march .6s linear infinite}@keyframes fx-march{to{stroke-dashoffset:-24}}.turn-banner{position:absolute;left:50%;top:50%;z-index:12;pointer-events:none;white-space:nowrap;padding:12px 42px;font-size:22px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,transparent,#0b1226ee 18%,#0b1226ee 82%,transparent);color:var(--text);border-top:2px solid #ffffff22;border-bottom:2px solid #ffffff22;animation:fx-banner 1.5s ease forwards}.turn-banner.mine{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 40%,transparent)}@keyframes fx-banner{0%{opacity:0;transform:translate(-80%,-50%)}18%,75%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-20%,-50%)}}.cf-power.up,.cf-power.down{animation:fx-pop .35s ease-out}@keyframes fx-pop{0%{scale:1.6}to{scale:1}}.field-card .cf{transition:box-shadow .15s}@media (prefers-reduced-motion: reduce){.turn-banner,.fx-arrow line,.cf-power{animation:none!important}}.fx-reveal{position:absolute;left:50%;top:50%;z-index:13;pointer-events:none;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;animation:fx-reveal-in 2.6s ease forwards}.log-line.has-card{cursor:help}.log-eye{opacity:.8}.log-peek{position:fixed;z-index:50;transform:translate(-100%,-50%);display:flex;gap:8px;pointer-events:none;padding:8px;border-radius:10px;background:#0b1226f0;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);box-shadow:0 8px 30px #000a}.log-peek-card{width:180px;aspect-ratio:63 / 88}.log-peek-card .cf{width:100%!important;height:100%!important}.fx-reveal-row{display:flex;gap:12px}.fx-reveal-card{position:relative;width:150px;aspect-ratio:63 / 88;perspective:900px}.fx-reveal-back,.fx-reveal-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;backface-visibility:hidden;overflow:hidden;box-shadow:0 0 0 3px var(--gold),0 0 28px color-mix(in srgb,var(--gold) 67%,transparent),0 10px 30px #000a}.fx-reveal-back{background:repeating-linear-gradient(45deg,#1b2d5c,#1b2d5c 8px,#23397a 8px,#23397a 16px);animation:fx-flip-back 2.6s ease forwards}.fx-reveal-face{transform:rotateY(180deg);animation:fx-flip-face 2.6s ease forwards}.fx-reveal-face .cf,.fx-reveal-back .cf{width:100%!important;height:100%!important}.fx-reveal-text{max-width:420px;text-align:center;font-weight:800;font-size:14px;padding:6px 14px;border-radius:99px;background:#0b1226ee;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);color:var(--gold)}@keyframes fx-reveal-in{0%{opacity:0;scale:.6}12%{opacity:1;scale:1}85%{opacity:1;scale:1}to{opacity:0;scale:.95}}@keyframes fx-flip-back{0%,25%{transform:rotateY(0)}45%,to{transform:rotateY(180deg)}}@keyframes fx-flip-face{0%,25%{transform:rotateY(180deg)}45%,to{transform:rotateY(360deg)}}@media (prefers-reduced-motion: reduce){.fx-reveal,.fx-reveal-back,.fx-reveal-face{animation:none!important}.fx-reveal-back{display:none}.fx-reveal-face{transform:none}}.fx-pop.heal{color:#e6ffef;text-shadow:0 0 10px #22c55e,0 2px 0 #0008;background:#0b3a22cc;border-color:#3fe07a}.fx-pop{position:fixed;z-index:11;pointer-events:none;transform:translate(-50%,-50%);white-space:nowrap;font-weight:900;font-size:20px;letter-spacing:.04em;color:#dff1ff;text-shadow:0 0 10px #2f8fff,0 2px 0 #0008;padding:4px 12px;border-radius:99px;background:#0b2a55cc;border:2px solid #4fb4ff;animation:fx-rise 1.4s ease-out forwards}@keyframes fx-rise{0%{opacity:0;scale:.6}15%{opacity:1;scale:1.15}30%{scale:1}80%{opacity:1;translate:0 -30px}to{opacity:0;translate:0 -46px}}.dice-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:grid;place-items:center;background:#050914b0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dice-modal{background:var(--panel);border:1px solid var(--line2);border-radius:16px;padding:22px 34px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;box-shadow:0 20px 60px #000c;min-width:360px}.dice-row{display:flex;gap:70px;padding:18px 0 4px;position:relative}.leaders-reveal .dice-row{align-items:center}.lr-side{display:flex;flex-direction:column;align-items:center;gap:10px;animation:lr-in .6s cubic-bezier(.2,.8,.25,1) both}.lr-1{animation-delay:.25s}.lr-card{width:150px;aspect-ratio:63 / 88;border-radius:9px;overflow:hidden;box-shadow:0 0 0 3px var(--gold),0 0 24px color-mix(in srgb,var(--gold) 53%,transparent)}.lr-card .cf{width:100%!important;height:100%!important}.lr-vs{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:30px;font-weight:900;color:var(--gold);text-shadow:0 0 14px color-mix(in srgb,var(--gold) 67%,transparent);animation:lr-vs .5s .6s ease-out both}@keyframes lr-in{0%{opacity:0;transform:translateY(30px) rotateY(90deg)}to{opacity:1;transform:none}}@keyframes lr-vs{0%{opacity:0;scale:2}to{opacity:1;scale:1}}.dice-player{display:flex;flex-direction:column;align-items:center;gap:10px}.dice-name{font-weight:800}.dice-value{font-size:28px;font-weight:900;color:var(--gold);opacity:0;transition:opacity .3s;min-height:34px}.dice-value.on{opacity:1}.die-wrap{--s: 76px;width:var(--s);height:var(--s);perspective:600px;animation:die-drop .6s cubic-bezier(.3,1.4,.5,1) both}.die-wrap.won .die-face{box-shadow:inset 0 0 0 3px var(--gold),0 0 22px color-mix(in srgb,var(--gold) 53%,transparent)}.die-wrap.lost{opacity:.55;transition:opacity .4s}@keyframes die-drop{0%{transform:translateY(-120px) scale(.6);opacity:0}to{transform:none;opacity:1}}.die{position:relative;width:100%;height:100%;transform-style:preserve-3d}.die-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:linear-gradient(145deg,#fdfdfd,#d9dce6);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:12px;gap:2px;box-shadow:inset 0 0 0 1px #0002;backface-visibility:hidden}.die-face span{display:block}.die-face .pip{width:72%;height:72%;margin:auto;border-radius:50%;background:radial-gradient(circle at 35% 35%,#444,#0b0b0b)}.die-face.front{transform:translateZ(calc(var(--s) / 2))}.die-face.back{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.die-face.right{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.die-face.left{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.die-face.top{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.die-face.bottom{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.die-face.front .pip{background:radial-gradient(circle at 35% 35%,#e44,#8a0d0d)}.confirm-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:22;background:#0006}.center-modal.confirm{z-index:23;max-width:460px;animation:confirm-in .14s ease-out}@keyframes confirm-in{0%{opacity:0;scale:.94}}.fx-arrow.mine line{stroke:#3fe07a;filter:drop-shadow(0 0 6px #3fe07acc)}.fx-arrow.pending line{stroke-dasharray:8 9;opacity:.85}.cf-power small{display:block;font-size:.62em;font-weight:700;opacity:.9;line-height:1}.confirm-pop{position:fixed;z-index:45;transform:translate(-50%,-50%);background:#0b1020f2;border:1px solid #ffffff1f;border-radius:12px;padding:10px 12px;box-shadow:0 10px 30px #000c;display:flex;flex-direction:column;gap:8px;min-width:170px;animation:confirm-in .14s ease-out}.confirm-pop.inline{position:static;transform:none;margin-top:8px;width:max-content;min-width:150px}.cp-title{font-weight:800;font-size:13px;display:flex;gap:6px;align-items:center;white-space:nowrap}.cp-info{position:relative;color:var(--muted);cursor:help;font-weight:400}.cp-tip{display:none;position:absolute;left:50%;bottom:140%;transform:translate(-50%);width:240px;white-space:normal;background:#000e;color:var(--text);font-size:12px;padding:8px 10px;border-radius:8px;border:1px solid var(--line2);z-index:2}.cp-info:hover .cp-tip{display:block}.cp-buttons{display:flex;gap:6px}.cp-yes{flex:1;background:linear-gradient(180deg,#ffd34d,#f0b400);color:var(--on-gold);border:none;border-radius:7px;font-weight:900;font-size:15px;padding:5px 18px}.cp-no{background:#ffffff12;color:var(--text);border:1px solid #ffffff1f;border-radius:7px;padding:5px 11px}.battle-hud{position:fixed;z-index:14;left:calc((100vw - var(--side) - 16px) / 2);top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.battle-hud button{pointer-events:auto}.battle-hud.at-up{top:26%}.battle-hud.at-down{top:74%}.vs-box{display:flex;align-items:center;gap:14px;background:#070b16ee;border:1px solid #ffffff1a;border-radius:12px;padding:8px 16px;box-shadow:0 10px 30px #000b}.vs-side{display:flex;flex-direction:column;align-items:center;line-height:1}.vs-side span{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted)}.vs-side:first-child span{color:#ffb648}.vs-side b{font-size:30px;font-weight:900;margin-top:3px}.vs-side:first-child b{color:var(--gold)}.vs{font-weight:900;color:var(--muted);font-size:18px}.vs-result{margin-left:4px;padding-left:12px;border-left:1px solid #ffffff22;font-weight:900;font-size:17px}.vs-result.hit{color:#fff}.vs-result.miss{color:#6fc0ff}.step-banner{background:linear-gradient(180deg,#121a2ef5,#0a0f1cf5);border:1px solid #ffffff1f;border-radius:14px;padding:12px 34px 10px;text-align:center;box-shadow:0 16px 40px #000c;animation:banner-pop 1.3s ease forwards}.sb-title{font-size:30px;font-weight:900;letter-spacing:.14em;display:flex;align-items:center;gap:12px;justify-content:center}.sb-icon{width:34px;height:34px;border-radius:50%;background:#ffffff14;display:inline-grid;place-items:center;font-size:18px}.sb-sub{color:var(--muted);font-size:13px;font-weight:600}@keyframes banner-pop{0%{opacity:0;scale:.8}12%{opacity:1;scale:1.04}22%{scale:1}85%{opacity:1}to{opacity:0}}.stepper{display:flex;gap:0;font-size:10px;font-weight:800;letter-spacing:.12em;color:#fff5;text-transform:uppercase}.stepper .st{padding:0 10px;position:relative}.stepper .st+.st:before{content:"";position:absolute;left:-8px;top:50%;width:16px;border-top:1px solid #ffffff33}.stepper .st.on{color:var(--gold)}.stepper .st.done{color:#fffa}.hud-actions{display:flex;gap:8px}.hud-primary{background:linear-gradient(180deg,#ffd34d,#f0b400);color:var(--on-gold);font-weight:900;border:none;border-radius:99px;padding:8px 22px;box-shadow:0 6px 18px #000a}.hud-secondary{border-radius:99px;padding:8px 18px}.waiting-pill{position:fixed;left:50%;top:94vh;transform:translate(-50%);background:#0b1020ee;border:1px solid #ffffff22;border-radius:99px;padding:7px 16px;font-size:13px;color:var(--text);white-space:nowrap;animation:confirm-in .2s}.step-tag{position:fixed;z-index:13;transform:translate(-50%,-60%);background:#090d18ee;border:1px solid #ffffff2a;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--gold);display:flex;gap:8px;align-items:center;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #000a}.step-tag .dots{display:flex;gap:3px}.step-tag .dots i{width:6px;height:6px;border-radius:50%;background:#fff3}.step-tag .dots i.on{background:var(--gold)}.effect-bar{position:fixed;z-index:16;left:calc((100vw - var(--side) - 16px) / 2);bottom:70px;transform:translate(-50%);background:#05070ef5;border:1px solid #ffffff1f;border-radius:12px;padding:4px 18px 12px;min-width:300px;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 14px 40px #000c;animation:confirm-in .15s}.effect-bar.at-top{bottom:auto;top:12px}.effect-bar.at-mid{bottom:auto;top:50%;transform:translate(-50%,-50%)}.eb-handle{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;cursor:grab;padding:4px 0 0;min-height:14px;touch-action:none}.eb-grip{width:34px;height:4px;border-radius:4px;background:#ffffff40}.eb-reset{font-size:11px;background:none;border:none;color:var(--muted);padding:0}.eb-text{font-weight:700;font-size:13px;text-align:center}.eb-buttons{display:flex;gap:8px}.eb-buttons button{border-radius:7px;padding:6px 14px;font-weight:700;background:#ffffff14;border:1px solid #ffffff22;color:var(--text)}.eb-buttons .eb-primary{background:linear-gradient(180deg,#ffbd3a,#f08c00);color:#1b1000;border:none;font-weight:900}.pick-window{position:fixed;z-index:30;left:calc((100vw - var(--side) - 16px) / 2);top:50%;transform:translate(-50%,-50%);width:min(780px,calc(100vw - var(--side) - 60px));background:#0e1322f7;border:1px solid #2fcf8a55;border-radius:12px;box-shadow:0 0 0 100vmax #0009,0 20px 60px #000}.pick-window.mini{top:auto;bottom:16px;transform:translate(-50%);width:auto;box-shadow:0 10px 30px #000c}.pw-head{display:flex;align-items:center;gap:12px;padding:12px 16px 6px}.pw-title{font-weight:800;font-size:17px}.pw-count{margin-left:auto;color:var(--muted);font-size:12px}.pw-min{width:30px;height:30px;border-radius:7px;padding:0}.pw-help{padding:0 16px 10px;font-size:13px;color:#cfd6e6}.pw-cards{display:flex;gap:8px;padding:0 16px 14px;flex-wrap:wrap}.pw-card{position:relative;width:118px;cursor:pointer;border-radius:8px;transition:transform .12s}.pw-card .cf{width:100%!important;height:auto!important;aspect-ratio:63 / 88}.pw-card.ok .cf{box-shadow:0 0 0 2px #5fb4ff,0 0 14px #5fb4ffaa}.pw-card.no{opacity:.45;cursor:default}.pw-card.view{cursor:default}.pw-order .pw-card{cursor:grab}.pw-order .pw-card.dragging{opacity:.35}.pw-arrows{display:flex;justify-content:space-between;margin-top:4px}.pw-arrows button{padding:2px 10px;font-size:11px}.pw-order-ends{display:flex;justify-content:space-between;padding:0 16px 8px;font-size:11px;color:var(--muted, #9aa7c0)}.pw-card.ok:hover{transform:translateY(-4px)}.pw-card.picked .cf{box-shadow:0 0 0 3px var(--gold),0 0 18px var(--gold)}.pw-check{position:absolute;top:6px;right:6px;background:var(--gold);color:#000;font-weight:900;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.pw-foot{display:flex;gap:8px;padding:10px 16px;border-top:1px solid #ffffff14}.pw-take{background:#ffffff10;border:1px solid #ffffff22;color:var(--text);border-radius:6px;padding:6px 14px;font-weight:700}.pw-take:not(:disabled){background:linear-gradient(180deg,#ffd34d,#f0b400);color:var(--on-gold);border:none}.pw-none{background:#e6e9f0;color:#111;border:none;border-radius:6px;padding:6px 14px;font-weight:800}.in-focus{margin-top:8px;background:#2a1e0a99;border:1px solid color-mix(in srgb,var(--gold) 27%,transparent);border-radius:10px;padding:8px 10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.if-label{font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--gold)}.if-chip{background:#0005;border:1px solid #ffffff1a;border-radius:7px;padding:3px 8px;font-size:12px}.if-chip small{color:var(--muted);font-size:9px;letter-spacing:.08em}.trigger-reveal{position:fixed;z-index:15;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;animation:confirm-in .25s ease-out;pointer-events:none}.trigger-reveal .cf{width:calc(var(--cw) * 1.35)!important;height:calc(var(--ch) * 1.35)!important;box-shadow:0 0 0 3px var(--gold),0 0 26px color-mix(in srgb,var(--gold) 60%,transparent)}.tr-tag{background:#2b0710;border:1px solid #ff4d6d66;color:#ffd0d8;font-size:12px;font-weight:700;border-radius:99px;padding:3px 10px}.logo{cursor:pointer}.home{max-width:1440px;margin:0 auto;padding:0 24px 48px;display:flex;flex-direction:column;gap:22px}.hero{position:relative;overflow:clip;display:flex;align-items:center;gap:24px;min-height:calc(100vh - 60px);padding:40px 4vw;background:radial-gradient(700px 500px at 72% 52%,color-mix(in srgb,var(--gold) 8%,transparent),transparent 70%)}.hero-compass{position:absolute;right:6%;top:50%;width:min(720px,60vw);transform:translateY(-50%);color:#c9b27a;opacity:.09;pointer-events:none}.hero-text{position:relative;flex:1 1 540px;max-width:600px;z-index:1}.hero-brand{display:inline-flex;flex-direction:column;align-items:center;margin-bottom:22px;font-family:var(--serif);color:#e8e1cf;line-height:1}.hero-brand b{font-size:42px;font-weight:800;letter-spacing:-.01em}.hero-brand span{font-family:inherit;font-size:17px;letter-spacing:.14em;color:#c9c2b0;margin-top:4px}.hero-tag{display:flex;width:fit-content;gap:8px;align-items:center;padding:6px 14px;border:1px solid var(--line2);border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.18em;color:#c3cbe0}.hero-tag i{font-style:normal;color:var(--gold)}.hero h1{margin:22px 0;font-family:var(--serif);font-weight:500;font-size:clamp(44px,5.4vw,84px);line-height:1.02;letter-spacing:-.02em;color:#f3ecdc}.hero h1 em{color:var(--gold);font-style:italic}.hero p{margin:0 0 30px;color:#b9c0d3;font-size:17px;line-height:1.65;max-width:560px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.cta{padding:13px 22px;border-radius:8px;font-weight:700;background:#0d1426;border-color:var(--line2)}.cta.gold{background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 80%,#fff),var(--gold2));color:var(--on-gold);border-color:var(--gold);box-shadow:0 8px 26px color-mix(in srgb,var(--gold) 20%,transparent)}.cta.gold:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 80%,#fff),var(--gold2))}.cta.link{background:none;border-color:transparent;color:#d6dbe8;padding-left:6px}.cta span{margin-left:6px}.hero-stats{display:flex;gap:0;margin-top:48px}.hero-stats div{display:flex;flex-direction:column;padding:0 30px 0 16px;border-left:1px solid var(--line2)}.hero-stats b{font-family:var(--serif);font-size:38px;font-weight:500;color:#f3ecdc;line-height:1.1}.hero-stats span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:4px}.hero-fan{position:relative;flex:1 1 520px;height:460px;z-index:1}.hero-glow{position:absolute;left:50%;top:58%;width:520px;height:200px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--gold) 25%,transparent),#2c9bd630 55%,transparent);filter:blur(20px)}.hero-card{--ch: 300px;--cw: calc(var(--ch) * .716);position:absolute;left:50%;top:50%;border-radius:14px;transform:translate(calc(-50% + var(--i) * 108px),calc(-50% + var(--a) * 22px)) rotate(calc(var(--i) * 9deg)) scale(calc(1 - var(--a) * .07));box-shadow:0 0 0 2px #fff2,0 18px 40px #000c,0 0 36px color-mix(in srgb,var(--gold) 13%,transparent);transition:transform .25s}.hero-card:hover{transform:translate(calc(-50% + var(--i) * 108px),calc(-56% + var(--a) * 22px)) rotate(calc(var(--i) * 9deg)) scale(1.03);z-index:20!important}.wn-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px;animation:wn-fade .2s ease-out}@keyframes wn-fade{0%{opacity:0}}@keyframes wn-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.wn-modal{width:min(520px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:#0f1b33;border:1px solid var(--line2);border-radius:14px;box-shadow:0 24px 60px #000c;animation:wn-in .25s ease-out;overflow:hidden}.wn-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:800;font-size:14px}.wn-top span{color:var(--gold)}.wn-x{background:none;border:0;color:var(--muted);font-size:16px;padding:2px 6px}.wn-body{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.wn-body h3{margin:0;font-size:20px;font-weight:900}.wn-body p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.45}.wn-body p b{color:var(--text, #fff)}.wn-group h4{margin:0 0 6px;font-size:12.5px;font-weight:800}.wn-cards{display:flex;gap:10px;flex-wrap:wrap}.wn-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:66px;cursor:default}.wn-card .cf{--ch: 92px;--cw: calc(var(--ch) * .716);transition:transform .15s}.wn-card:hover .cf{transform:translateY(-3px)}.wn-card small{font-size:11px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wn-rar{position:absolute;top:3px;right:3px;font-size:9px;font-weight:900;padding:1px 4px;border-radius:4px;background:#fff;color:#111}.wn-rar.r-SR,.wn-rar.r-SEC{background:var(--gold);color:var(--on-gold)}.wn-rar.r-L{background:#e04a3f;color:#fff}.wn-more{font-weight:800;font-size:13px}.wn-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid var(--line);flex-wrap:wrap}.home-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.home-tile{text-align:left;display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:14px;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line2)}.home-tile:hover:not(:disabled){transform:translateY(-2px)}.home-tile .ico{font-size:24px}.home-tile b{font-size:16px}.home-tile span:last-child{color:var(--muted);font-size:13px;line-height:1.4}.home-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}.home-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.home-panel h2{margin:0 0 4px;font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}.home-sets{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.home-set{display:flex;gap:12px;align-items:center;text-align:left;padding:12px;border-radius:12px;background:var(--bg2);border-color:var(--line)}.home-set-fan{display:flex;width:104px;flex-shrink:0}.home-set-fan .cf{--ch: 84px;--cw: calc(var(--ch) * .716)}.home-set-fan .cf+.cf{margin-left:-38px}.home-set-info{display:flex;flex-direction:column;gap:2px;min-width:0}.home-set-info b{color:var(--gold)}.home-set-info span{font-weight:600;font-size:13px}.home-set-info small{color:var(--muted)}.home-row{display:flex;gap:12px;align-items:center;text-align:left;padding:10px 12px;border-radius:10px;background:var(--bg2);border-color:var(--line)}.home-row>div{flex:1;display:flex;flex-direction:column;min-width:0}.home-row small{color:var(--muted)}.home-row .go{color:var(--gold);font-weight:700;font-size:13px}.home-row .cf.mini{--ch: 56px;--cw: calc(var(--ch) * .716)}.home-row .dot{width:10px;height:10px;border-radius:99px;background:var(--muted);margin:0 6px}.home-row .dot.live{background:var(--green);box-shadow:0 0 10px var(--green)}.home-empty p{color:var(--muted);margin:0 0 10px}@media (max-width: 900px){.hero{flex-direction:column;padding:28px 4px;min-height:0}.hero-text{flex:none}.hero-brand b{font-size:32px}.hero-stats div{padding:0 16px 0 12px}.hero-stats b{font-size:28px}.hero-compass{width:120vw;right:-40vw;top:70%}.hero-fan{flex:none;width:100%;height:250px}.hero-card{--ch: 190px;transform:translate(calc(-50% + var(--i) * 58px),calc(-50% + var(--a) * 14px)) rotate(calc(var(--i) * 9deg)) scale(calc(1 - var(--a) * .07))}.topnav{overflow-x:auto}.topnav>.muted{display:none}.home-tiles{grid-template-columns:repeat(2,1fr)}.home-cols,.home-sets{grid-template-columns:1fr}}.topnav button.nav-gold{color:var(--on-gold);background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 80%,#fff),var(--gold2));border-color:var(--gold);box-shadow:0 0 18px color-mix(in srgb,var(--gold) 33%,transparent);margin:0 4px}.topnav button.nav-gold.on{color:var(--on-gold);background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 80%,#fff),var(--gold2))}.topnav button.nav-gold .beta{background:#fff5;color:#3a2800;font-size:9px;margin-left:4px}.dot{display:inline-block;width:8px;height:8px;border-radius:99px;background:var(--muted);vertical-align:middle}.dot.live{background:var(--green);box-shadow:0 0 8px var(--green)}.dot.wait{background:#5b8cff;box-shadow:0 0 8px #5b8cff}.cc{font-size:10px;font-weight:800;color:var(--muted);letter-spacing:.04em;margin-right:2px}.coliseum{padding-bottom:60px}.col-hero{position:relative;overflow:hidden;min-height:220px;display:flex;align-items:center;padding:26px max(24px,calc((100vw - 1440px)/2 + 24px));background:linear-gradient(100deg,#1d3a80,#1a3270 45%,#213a7a);border-bottom:1px solid #2f4b93}.col-hero-map{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;pointer-events:none;background:radial-gradient(circle at 18% 40%,transparent 0 60px,#ffffff14 61px 62px,transparent 63px),radial-gradient(circle at 62% 70%,transparent 0 90px,#ffffff10 91px 92px,transparent 93px),repeating-linear-gradient(32deg,transparent 0 46px,#ffffff0a 46px 47px),repeating-linear-gradient(-58deg,transparent 0 64px,#ffffff08 64px 65px),radial-gradient(500px 200px at 35% 120%,#0b1a44,transparent)}.col-hero-text{position:relative;z-index:1;max-width:640px}.hero-brand.small{margin-bottom:4px}.hero-brand.small b{font-size:28px}.hero-brand.small span{font-size:12px}.col-hero h1{margin:0 0 6px;font-family:var(--serif);font-size:46px;font-weight:800;color:#fff;letter-spacing:-.01em}.col-hero h1 .beta{font-family:Inter,system-ui,sans-serif;vertical-align:middle;font-size:11px}.col-hero p{margin:0 0 14px;color:#d8e1f7;max-width:560px}.col-hero-links{display:flex;gap:22px}.col-hero-links a{color:#e8ecf6;text-decoration:none;font-weight:700;display:inline-flex;gap:6px;align-items:center}.col-hero-links a:hover{color:var(--gold)}.col-hero-cards{position:absolute;right:max(24px,calc((100vw - 1440px)/2 + 24px));top:50%;transform:translateY(-50%);display:flex;opacity:.55;mask-image:linear-gradient(90deg,transparent,#000 25%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%)}.col-hero-cards .cf{--ch: 190px;--cw: calc(var(--ch) * .716);margin-left:-30px;filter:saturate(.8) hue-rotate(-10deg);box-shadow:0 10px 24px #0008}.col-live{position:absolute;right:max(24px,calc((100vw - 1440px)/2 + 24px));bottom:14px;z-index:2;background:#0b1530dd;border:1px solid #3b5aa8;padding:6px 14px;border-radius:999px;font-size:13px;display:flex;gap:6px;align-items:center}.col-body{max-width:1440px;margin:0 auto;padding:22px 24px;display:flex;flex-direction:column;gap:18px}.col-top{display:flex;gap:16px;flex-wrap:wrap;align-items:stretch}.equip,.account{background:var(--panel);border:1px solid var(--line2);border-radius:14px;padding:12px 16px;display:flex;gap:14px;align-items:center}.equip{flex:1 1 560px;max-width:760px}.equip-thumb{--ch: 76px;--cw: calc(var(--ch) * .716)}.equip-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.equip-info small,.account-info small{color:var(--muted);letter-spacing:.12em;font-size:11px}.equip-leader{display:flex;gap:6px;align-items:center;font-size:13px;color:#c3cbe0;flex-wrap:wrap}.cdot{width:9px;height:9px;border-radius:99px;display:inline-block}.fmt-badge{font-size:10px;font-weight:800;padding:2px 8px;border-radius:99px;letter-spacing:.06em;background:#133b2b;color:#5fe0a0;border:1px solid #1f6b4a}.fmt-badge.newcards{background:#10322f;color:#5fe0d0;border-color:#1f6b62}.fmt-badge.extended{background:#3a1730;color:#ff8fc8;border-color:#6b2a55}.fmt-badge.bad{background:#3a1618;color:#ff8a83;border-color:#6b2a2a}.equip-pick{display:flex;gap:8px;align-items:center;color:#c3cbe0}.equip-pick select{min-width:220px}.account{flex:1 1 320px}.account-info{display:flex;flex-direction:column;gap:2px;flex:1}.account-info small{letter-spacing:0;font-size:12px}.avatar{width:40px;height:40px;border-radius:99px;display:grid;place-items:center;background:#3a2c08;color:var(--gold);font-weight:900;border:1px solid #6b5216}.bounty{color:var(--gold);font-weight:800}.resume-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;background:#13213f;border:1px solid var(--line2)}.resume-bar.gold{border-color:#8a6a1c;background:#2a2210}.notice.bad{background:#3a1618;border-color:#6b2a2a;color:#ffb3ad}.modes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.mode{--ac: var(--gold);--ac-bg: #2a2210;position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 18px 16px;border-radius:14px;background:linear-gradient(180deg,#121a2c,#0e1525);border:1px solid var(--line2);border-top:3px solid var(--ac);min-width:0}.mode.accent-blue{--ac: #3b82f6;--ac-bg: #10203f}.mode.accent-green{--ac: #2fbf8a;--ac-bg: #0f2a22}.mode.accent-pink{--ac: #e0607e;--ac-bg: #321620}.mode.accent-slate{--ac: #7d8bb0;--ac-bg: #1a2236}.mode.accent-violet{--ac: #8b7cf6;--ac-bg: #1f1a3d}.mode{overflow:hidden}.mode-art{position:relative;margin:-18px -18px 10px;height:118px;overflow:visible;isolation:isolate;background:radial-gradient(120% 140% at 50% 0%,color-mix(in srgb,var(--ac) 35%,transparent),var(--ac-bg))}.mode-art-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mode-art-card{position:absolute!important;z-index:0;left:50%;top:-28%;width:100%!important;height:auto!important;aspect-ratio:63 / 88;transform:translate(-50%);border-radius:0!important;box-shadow:none!important;filter:saturate(1.05);transition:transform .4s ease}.mode-art-card img{object-fit:cover}.mode-art-clip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,transparent 30%,color-mix(in srgb,#0e1525 70%,transparent) 72%,#111a2b 100%),linear-gradient(90deg,color-mix(in srgb,var(--ac) 22%,transparent),transparent 60%)}.mode:hover .mode-art-card{transform:translate(-50%) scale(1.06)}.mode-icon{position:absolute;left:14px;bottom:-16px;z-index:2;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 32%,#0e1525),#0e1525);color:var(--ac);border:1px solid color-mix(in srgb,var(--ac) 60%,transparent);box-shadow:0 6px 16px #000a,0 0 18px color-mix(in srgb,var(--ac) 30%,transparent)}.mode-badge{position:absolute;top:10px;right:10px;z-index:2;font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--ac);border:1px solid color-mix(in srgb,var(--ac) 50%,transparent);background:color-mix(in srgb,#0b1120 80%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2px 8px;border-radius:99px}.mode-kind{margin-top:12px;font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--ac)}.mode-kind small{color:var(--muted);letter-spacing:0;font-weight:500}.mode h3{margin:0;font-family:var(--serif);font-size:26px;font-weight:600;color:#f3ecdc;display:flex;align-items:center;gap:6px}.mode h3 .info{color:var(--muted);display:inline-flex;cursor:help}.mode-text{margin:0;color:#c3cbe0;font-size:13px}.mode-sub{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted);display:flex;gap:5px;align-items:center}.mode-chips{display:flex;flex-wrap:wrap;gap:5px}.mode-chips span{font-family:ui-monospace,Menlo,monospace;font-size:11px;padding:2px 6px;border-radius:5px;color:var(--ac);background:var(--ac-bg);border:1px solid color-mix(in srgb,var(--ac) 35%,transparent)}.mode-new{font-size:11px;color:#c3cbe0;border:1px solid color-mix(in srgb,var(--ac) 45%,transparent);border-radius:6px;padding:5px 8px;display:flex;gap:5px;align-items:center}.mode-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:6px}.mode-tags span,.mode-tags button{font-size:10.5px;padding:3px 8px;border-radius:6px;background:#0b1120;border:1px solid var(--line2);color:#b9c0d3}.mode-tags button.on{color:var(--ac);border-color:var(--ac);background:var(--ac-bg)}.mode-foot{font-size:12px;color:#b9c0d3;min-height:18px;display:flex;gap:5px;align-items:center;flex-wrap:wrap}.mode-foot .link{background:none;border:0;padding:0;color:var(--muted);font-size:12px;text-decoration:underline}.mode-go{width:100%;padding:11px;border-radius:8px;font-weight:800;border:0;background:var(--ac);color:#10131c;display:inline-flex;gap:8px;align-items:center;justify-content:center}.mode.accent-slate .mode-go,.mode.accent-violet .mode-go,.mode.accent-blue .mode-go,.mode.accent-pink .mode-go{color:#fff}.mode-go:hover:not(:disabled){filter:brightness(1.1)}.mode-go.searching{background:transparent;color:var(--ac)!important;border:1px solid var(--ac);animation:pulse-border 1.4s infinite}@keyframes pulse-border{50%{box-shadow:0 0 14px color-mix(in srgb,var(--ac) 50%,transparent)}}.opp-pick{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted)}.opp-pick select{flex:1;min-width:0;font-size:12px;padding:4px 6px}.private{background:var(--panel);border:1px solid var(--line2);border-radius:14px;padding:14px 16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between}.private-head{display:flex;gap:12px;align-items:center;color:var(--gold)}.private-head div{display:flex;flex-direction:column;color:var(--text)}.private-head small{color:var(--muted)}.private-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.private-row .or{color:var(--muted)}.code-in{width:96px;text-transform:uppercase;letter-spacing:.2em;font-family:ui-monospace,Menlo,monospace;text-align:center}.cta.sm{padding:6px 14px;font-size:13px}.col-section{display:flex;flex-direction:column;gap:14px;margin-top:18px;scroll-margin-top:70px}.sec-head{display:flex;gap:14px;align-items:center}.sec-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;color:var(--gold);background:#2a2210;border:1px solid #6b5216;flex-shrink:0}.sec-head h2{margin:0;font-family:var(--serif);font-size:24px;font-weight:600;color:#f3ecdc}.sec-head h2 .beta{font-family:Inter,system-ui,sans-serif;font-size:10px}.sec-head small{color:#b9c0d3}.sec-line{flex:1;height:1px;background:linear-gradient(90deg,#6b5216,transparent)}.friend-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.friend-panel{position:relative;overflow:hidden;background:#0e1525;border:1px solid var(--line2);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}.friend-panel.host{border-top:3px solid var(--gold);background:radial-gradient(120% 100% at 0% 0%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 60%),#0e1525}.friend-panel.join{border-top:3px solid #3b82f6;background:radial-gradient(120% 100% at 100% 0%,#3b82f61a,transparent 60%),#0e1525}.friend-panel p{margin:0}.friend-step{display:flex;gap:10px;align-items:center}.friend-step span{width:26px;height:26px;border-radius:99px;display:grid;place-items:center;font-weight:900;font-size:13px;background:var(--panel2);border:1px solid var(--line2);color:var(--gold)}.friend-step b{font-size:18px}.friend-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.friend-opts label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.friend-checks{display:flex;gap:18px;flex-wrap:wrap}.friend-go{margin-top:auto;display:inline-flex;gap:8px;align-items:center;justify-content:center}.friend-warn{color:#ffb3ad}.code-in.big{width:100%;font-size:26px;padding:10px;letter-spacing:.4em}@media (max-width: 760px){.friend-cols,.friend-opts{grid-template-columns:1fr}}.tour-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tour-panel{background:#0e1525;border:1px solid var(--line2);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}.tour-head{display:flex;gap:10px;align-items:center}.tour-head b{font-size:18px}.pill-count{font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--panel2);border:1px solid var(--line2)}.tour-sort{align-self:flex-end;color:var(--muted);font-size:13px;display:flex;gap:8px;align-items:center}.tour-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;max-height:640px;overflow:auto}.tour-card{text-align:left;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:12px;background:#111a2d;border:1px solid var(--line2)}.tour-card.mine,.tour-card.running{border-color:#2fbf8a88;background:#0f1f24}.tour-card.mine .tour-name,.tour-card.running .tour-name{color:#5fe0b0}.tour-card.finished,.tour-card.cancelled{opacity:.65}.tour-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.tour-card .status{font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:6px;background:#0b1120;border:1px solid var(--line2);display:inline-flex;gap:5px;align-items:center}.tour-card.running .status{color:#5fe0b0;border-color:#2fbf8a88}.tour-card .host{font-size:10px;color:#5fe0b0;font-weight:700}.tour-name{font-size:16px}.tour-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:#c3cbe0}.tour-meta span{display:inline-flex;gap:5px;align-items:center}.tour-modal{width:min(900px,94vw);display:flex;flex-direction:column;gap:12px}.tour-title{font-size:20px;font-family:var(--serif)}.tour-info{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:#c3cbe0}.tour-info span{display:inline-flex;gap:6px;align-items:center}.tour-info .status{padding:2px 10px;border-radius:99px;border:1px solid var(--line2)}.tour-info .status.running{color:#5fe0b0;border-color:#2fbf8a}.champ{color:var(--gold);font-weight:800;display:flex;gap:8px;align-items:center;font-size:16px}.rounds{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px}.round{min-width:210px;display:flex;flex-direction:column;gap:6px;justify-content:space-around}.round-label{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--gold);text-transform:uppercase}.pairing{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;padding:7px 10px;border-radius:8px;background:#111a2d;border:1px solid var(--line2);font-size:13px}.pairing span:last-child{text-align:right}.pairing .won{color:var(--gold);font-weight:800}.pairing.playing{border-color:#2fbf8a}.pairing small{color:var(--muted)}.entrants{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.entrant{display:inline-flex;gap:6px;align-items:center;padding:3px 10px 3px 3px;border-radius:99px;background:#111a2d;border:1px solid var(--line2);font-size:13px}.cf.mini{--ch: 34px;--cw: calc(var(--ch) * .716);border-radius:3px}.cf.mini .cf-cost,.cf.mini .cf-counter,.cf.mini .cf-type,.cf.mini .cf-trig{display:none}.cf.mini .cf-name{font-size:6px}.auth{width:min(420px,94vw);display:flex;flex-direction:column;gap:12px}.auth h3{margin:0;font-family:var(--serif)}.auth label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#c3cbe0;flex:1}.auth-tabs{display:flex;gap:6px}.auth-tabs button{flex:1;background:transparent}.auth-tabs button.on{border-color:var(--gold);color:var(--gold)}.lb-wrap{background:#0e1525;border:1px solid var(--line2);border-radius:14px;overflow:auto}.lb{width:100%;border-collapse:collapse;font-size:14px}.lb th{text-align:left;font-size:11px;letter-spacing:.1em;color:var(--muted);font-weight:600;padding:12px 16px;border-bottom:1px solid var(--line)}.lb td{padding:11px 16px;border-bottom:1px solid #1a2438;white-space:nowrap}.lb tr.me td{background:#2a221022}.lb .r{text-align:right}.lb td.gold{color:var(--gold);font-weight:800}.lb td.bounty{color:var(--gold)}.lb .up{color:var(--green)}.lb .down{color:#ff8a83}.lb .leaders{display:flex;gap:6px;align-items:center}.lb .res{font-weight:800;padding:2px 8px;border-radius:6px;font-size:12px}.lb .res.w{background:#133b2b;color:#5fe0a0}.lb .res.l{background:#3a1618;color:#ff8a83}.small-table td,.small-table th{padding:6px 10px}.lb-more{display:block;width:100%;border:0;border-radius:0;background:#111a2d;padding:12px;font-weight:700}.meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.meta-card{display:flex;gap:12px;align-items:center;padding:10px;border-radius:12px;background:#0e1525;border:1px solid var(--line2)}.meta-card .cf{--ch: 70px;--cw: calc(var(--ch) * .716)}.meta-card>div{display:flex;flex-direction:column;gap:2px;min-width:0}.meta-card small{color:var(--muted)}.meta-bars{display:flex;gap:10px;font-size:12px}.meta-bars .up{color:var(--green)}.meta-bars .down{color:#ff8a83}.online-wait{min-height:100vh;display:grid;place-items:center;padding:20px}.online-card{background:var(--panel);border:1px solid var(--line2);border-radius:16px;padding:28px 32px;text-align:center;max-width:480px;display:flex;flex-direction:column;gap:8px}.online-card small{color:var(--muted);letter-spacing:.14em}.online-card h2{margin:0;font-family:var(--serif)}.room-code{font-family:ui-monospace,Menlo,monospace;font-size:54px;letter-spacing:.25em;color:var(--gold);font-weight:800}.online-row{gap:8px;align-items:center;font-size:12px}.result-modal .cm-title.win{color:var(--gold);font-size:28px}.result-modal .cm-title.loss{color:#ff8a83;font-size:28px}.result-modal{overflow:visible;animation:result-pop .5s cubic-bezier(.2,1.4,.4,1) both}.result-modal.won{box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 53%,transparent),0 0 40px color-mix(in srgb,var(--gold) 33%,transparent),0 20px 60px #000c}.result-modal .cm-title.win{animation:win-glow 1.6s ease-in-out .4s infinite alternate}.result-modal.lost .cm-title.loss{animation:loss-sink .7s ease-out both}@keyframes result-pop{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes win-glow{0%{text-shadow:0 0 6px color-mix(in srgb,var(--gold) 40%,transparent);transform:scale(1)}to{text-shadow:0 0 22px var(--gold),0 0 44px color-mix(in srgb,var(--gold) 53%,transparent);transform:scale(1.06)}}@keyframes loss-sink{0%{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.confetti i{position:absolute;left:50%;top:45%;width:8px;height:13px;border-radius:2px;opacity:0;--a: calc(var(--i) * 137.5deg);--r: calc(170px + sin(calc(var(--i) * 91deg))*90px) ;background:hsl(calc(var(--i) * 47deg) 90% 60%);animation:confetti-burst 1.9s cubic-bezier(.12,.7,.3,1) calc(var(--i) * 12ms) forwards}@keyframes confetti-burst{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(.4)}55%{opacity:1;transform:translate(calc(cos(var(--a)) * var(--r)),calc(sin(var(--a)) * var(--r) * .7)) rotate(calc(var(--i) * 60deg)) scale(1)}to{opacity:0;transform:translate(calc(cos(var(--a)) * var(--r) * 1.15),calc(sin(var(--a)) * var(--r) * .7 + 140px)) rotate(calc(var(--i) * 140deg)) scale(.9)}}.bounty-change{font-weight:800;font-size:18px;text-align:center}.bounty-change.up{color:var(--gold)}.bounty-change.down{color:#ff8a83}.notices{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:60}.notice-pop{display:flex;gap:10px;align-items:center;background:#2a2210;border:1px solid #8a6a1c;padding:10px 12px;border-radius:10px;box-shadow:0 10px 30px #000a;max-width:380px}@media (max-width: 1300px){.modes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.modes{grid-template-columns:repeat(2,minmax(0,1fr))}.tour-cols{grid-template-columns:1fr}.col-hero-cards{display:none}.col-hero h1{font-size:34px}.col-live{position:static;margin-top:12px;width:fit-content}.col-hero{flex-direction:column;align-items:flex-start}.equip{flex-wrap:wrap}.equip-pick select{min-width:0;width:100%}}@media (max-width: 560px){.modes{grid-template-columns:1fr}}.fmt-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0}.fmt-bar select{margin-left:6px}.legal-badge{position:absolute;top:34%;left:50%;transform:translate(-50%) rotate(-12deg);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #000a}.legal-badge.banned{background:var(--red);color:#fff}.legal-badge.rotated,.legal-badge.new,.legal-badge.custom{background:#000d;color:var(--muted);border:1px solid #fff3}.legal-badge.restricted{background:var(--gold);color:var(--on-gold)}.grid-slot:has(.legal-badge.banned) .grid-card,.grid-slot:has(.legal-badge.rotated) .grid-card{filter:grayscale(.85) brightness(.7)}.legal-tag{display:inline-block;margin-left:6px;font-size:10px;font-weight:800;text-transform:uppercase;padding:0 6px;border-radius:99px;border:1px solid currentColor;color:var(--muted);vertical-align:middle}.legal-tag.banned{color:var(--red)}.legal-tag.restricted{color:var(--gold)}.ban-panel .ban-row{cursor:pointer}.ban-panel .deck-section{margin-top:10px}.history-page{max-width:1000px}.history-page .eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--muted)}.hist-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hist-head h1{font-family:var(--serif);font-size:34px;font-weight:600;margin:4px 0 2px;color:#f3ecdc}.hist-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hist-leaders{display:flex;gap:12px;flex-wrap:wrap}.hist-leader{display:flex;gap:12px;background:#0e1525;border:1px solid var(--line2);border-radius:12px;padding:10px 14px 10px 10px;min-width:240px}.hist-leader .hl-art{width:64px!important;height:89px!important;border-radius:6px;flex:none}.hl-body{display:flex;flex-direction:column;gap:2px;min-width:0}.hl-top{display:flex;gap:10px;align-items:baseline;justify-content:space-between}.hl-pct{font-family:var(--serif);font-size:22px;font-weight:600}.hl-split{display:grid;grid-template-columns:auto auto auto;gap:2px 10px;margin-top:6px;font-size:12px;align-items:baseline}.hl-split span{color:var(--muted);font-size:11px;letter-spacing:.06em}.hl-split small{color:var(--muted)}.history-page .up{color:var(--green)}.history-page .down{color:var(--red)}.hist-list{display:flex;flex-direction:column;gap:8px}.hist-row{display:flex;align-items:center;gap:16px;background:#0e1525;border:1px solid var(--line2);border-radius:12px;padding:10px 14px}.hist-res{font-size:12px;font-weight:800;letter-spacing:.06em;padding:6px 0;width:78px;text-align:center;border-radius:6px;flex:none}.hist-res.w{background:#133b2b;color:#5fe0a0}.hist-res.l{background:#3b1517;color:#ff8a80}.hist-vs{display:flex;align-items:center;gap:8px;flex:none}.hist-vs small{color:var(--muted)}.hist-vs .hv-art{width:36px!important;height:50px!important;border-radius:4px;display:inline-block;background:var(--panel2)}.hist-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.hist-play{padding:6px 14px;border-radius:99px;font-weight:700;flex:none}.hist-play:hover:not(:disabled){color:var(--gold)}@media (max-width: 640px){.hist-row{flex-wrap:wrap;gap:10px}.hist-info{flex-basis:100%;order:3}}.private-opts{margin-top:8px;gap:18px}.hover-zoom{position:fixed;z-index:400;pointer-events:none;display:flex;gap:10px;align-items:flex-start;animation:hz-in .14s ease-out;transform-origin:center}.hover-zoom .hz-card{height:var(--hz-h)!important;width:auto!important;aspect-ratio:63 / 88;border-radius:14px;box-shadow:0 18px 50px #000d,0 0 0 1px #fff2}.hover-zoom .hz-text{width:240px;max-height:var(--hz-h);overflow:hidden;background:#0b1224f2;border:1px solid var(--line2);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.4;box-shadow:0 10px 30px #000a}.hover-zoom .hz-text p{margin:7px 0 0}@keyframes hz-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@media (hover: none){.hover-zoom{display:none}}.don-return{cursor:pointer;border-radius:6px;outline:2px dashed #ff6b6b;outline-offset:2px;animation:don-ret .9s infinite alternate}.don-return:hover{transform:translateY(-6px);outline-style:solid}button.don-count.don-return{background:#c0392b;color:#fff;border:0;font-weight:800;z-index:6}@keyframes don-ret{0%{box-shadow:0 0 #ff6b6b00}to{box-shadow:0 0 14px #ff6b6bcc}}.life-card.life-peek{z-index:20!important;outline:3px solid #ffd54a;box-shadow:0 0 22px #ffd54acc;transform:translate(-50%,-25%) scale(1.35);animation:life-peek .5s ease-out}@keyframes life-peek{0%{transform:translate(-50%,-25%) rotate(90deg)}to{transform:translate(-50%,-25%) scale(1.35)}}.fx-reveal.secret .fx-reveal-text{background:#3b2a5c;border-color:#b07cff}.eb-card{width:120px;aspect-ratio:63 / 88;cursor:zoom-in}.eb-card .cf{width:100%!important;height:100%!important}.ctx button.ctx-attack{background:linear-gradient(180deg,#d63a2f,#a3241b);color:#fff;font-weight:800;border:1px solid #ff7a6e}.ctx button.ctx-attack:hover{filter:brightness(1.12)}.ctx button.ctx-ability{background:#2a1846;color:#f1e6ff;border:1px dashed #b07cff;text-align:left;margin-top:6px}.ctx button.ctx-ability:hover{background:#3a2160}.ctx-sub{display:block;font-size:11px;font-weight:400;opacity:.8;line-height:1.3;margin-top:2px;white-space:normal}.empty-decks{max-width:560px;margin:60px auto;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.empty-decks .row{display:flex;gap:10px}.home-panel.wide{grid-column:1 / -1}.cosmetics{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.cosmetics>.muted,.cosmetics>.warn-list{grid-column:1 / -1}.cos-item{display:flex;gap:12px;align-items:flex-start}.cos-item b{display:block;margin-bottom:2px}.cos-item .chip{margin:8px 6px 0 0}.cos-preview{flex-shrink:0;border-radius:8px;border:1px solid var(--line2);background:#0004 center / cover no-repeat;display:grid;place-items:center;color:var(--muted);font-size:11px}.cos-preview.mat{width:140px;height:79px}.cos-preview.sleeve{width:57px;height:79px}.chip.file{position:relative;overflow:hidden;cursor:pointer;display:inline-block}.chip.file input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.half.has-mat{background-image:linear-gradient(var(--mat-tint, #0a1a1299),var(--mat-tint, #0a1a1299)),var(--mat);background-size:cover;background-position:center}@media (max-width: 900px) and (orientation: portrait){.mulligan-modal{top:24%}.game{--side: 0px;--dock: 168px;--handh: clamp(92px, 16vw, 132px);--ch: min(calc((100vw - 14px) / 7.7), calc((100dvh - var(--dock) - var(--handh) * .82 - 70px) / 7.25));--cw: calc(var(--ch) * .716)}.table{top:0;right:0;bottom:0;left:0}.halves{top:58px;bottom:auto;height:calc(var(--ch) * 7.25)}.half{padding:4px;gap:4px;border-radius:8px}.hrow{gap:4px}.slot-label,.area-label{font-size:7px;top:2px;left:4px}.cost-area{padding:8px 4px 10px}.cost-sum{display:none}.badge-stack{right:auto;flex-direction:row;align-items:center;gap:4px}.badge-stack.top{left:max(0px,calc(48px - ((100vw - 100%)/2)));top:-54px}.badge-stack.bottom{left:auto;right:0;top:-54px}.badge{padding:3px 8px;font-size:11px}.clock{padding:2px 6px;font-size:11px}.table .opp-hand{top:30px;left:50%;right:auto;transform:translate(-50%);flex-direction:row-reverse;gap:6px}.opp-hand .fan.small{padding:0;overflow:visible}.opp-hand .fan.small .fan-card{width:16px!important;height:22px!important;margin-left:-6px!important;transform:none!important;box-shadow:none}.opp-hand .fan.small .fan-card:first-child{margin-left:0}.opp-hand .hand-count{font-size:12px}.my-hand{left:0;right:0;top:calc(58px + var(--ch) * 7.25 - var(--handh) * .1);bottom:auto;z-index:7}.hand-bar{position:absolute;right:8px;bottom:6px;margin:0}.hand-count{font-size:14px}.hand-bar{top:-30px;bottom:auto}.my-hand .fan{overflow:visible;justify-content:center;padding:0 10px}.my-hand .fan .fan-card{flex:none;height:var(--handh);width:calc(var(--handh) * .716);transform:none!important;box-shadow:-3px 0 8px #000a;margin-left:min(4px,calc((100vw - 20px - var(--handh) * .716 * var(--n, 5)) / max(1,var(--n, 5) - 1)))!important}.my-hand .fan .fan-card:first-child{margin-left:0!important}.my-hand .fan-card:hover{transform:none!important}.my-hand .fan .fan-card.selected{transform:translateY(-14px)!important}.side-panel,.game.collapsed .side-panel{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-height:62dvh;border-radius:14px 14px 0 0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:6px;border-bottom:0;box-shadow:0 -10px 30px #0009}.acts{padding:7px 10px}.acts-text{font-size:12px}.log{height:22dvh}.end-turn-big{padding:12px 0;font-size:16px}.battle-hud,.effect-bar,.pick-window{left:50%}.effect-bar{bottom:calc(var(--dock) + var(--handh) + 8px);max-width:calc(100vw - 16px)}.effect-bar.at-top{top:56px}.pick-window{width:calc(100vw - 16px);max-height:80dvh;overflow:auto}}@media (orientation: landscape) and (max-width: 1180px) and (max-height: 820px),(orientation: landscape) and (max-height: 520px){.game{--side: clamp(190px, 22vw, 240px);--handh: clamp(84px, 17dvh, 132px);--reserve: 260px;--ch: min(calc((100dvh - 16px - var(--handh) * .55) / 7.3), calc((100vw - var(--side) - var(--reserve)) / 7.6));--cw: calc(var(--ch) * .716);--gutter: calc((100vw - var(--side) - 16px - var(--ch) * 7.6) / 2 - 10px)}.game.collapsed{--side: 22px;--reserve: 150px}.halves{top:8px;bottom:calc(var(--handh) * .55 + 8px)}.half{padding:4px;gap:4px;border-radius:8px}.hrow{gap:4px}.slot-label,.area-label{font-size:7px;top:2px;left:4px}.cost-sum{display:none}.badge-stack{right:auto;left:calc(var(--ch) * 7.6 + 10px);flex-direction:column;align-items:flex-start;gap:4px}.badge-stack.top{top:calc(var(--ch) * .8 + 22px)}.badge-stack.bottom{top:auto;bottom:calc(var(--ch) * 1.05 + 40px)}.badge{padding:3px 7px;font-size:11px}.clock{padding:2px 6px;font-size:11px}.table .opp-hand{right:6px;top:6px}.opp-hand .fan.small .fan-card{width:calc(var(--cw) * .74);height:calc(var(--ch) * .74);margin-left:min(calc(var(--cw) * -.4),calc((var(--gutter) - var(--cw) * .2 - var(--cw) * .74 * var(--n, 5)) / max(1,var(--n, 5) - 1)))}.opp-hand .fan.small .fan-card:first-child{margin-left:0}.opp-hand .hand-count{font-size:13px}.my-hand{left:0;right:0;bottom:calc(var(--handh) * -.28);z-index:7}.hand-bar{position:absolute;left:8px;bottom:calc(var(--handh) * .28 + 6px);margin:0;flex-direction:column;align-items:flex-start;gap:4px}.fan{padding:0}.my-hand .fan{justify-content:center}.my-hand .fan .fan-card{width:calc(var(--handh) * .716);height:var(--handh);box-shadow:-3px 0 8px #000a;transform:none!important;margin-left:min(4px,calc((100vw - var(--side) - 16px - 2 * var(--gutter) - var(--handh) * .716 * var(--n, 5)) / max(1,var(--n, 5) - 1)))}.fan .fan-card:first-child{margin-left:0}.my-hand .fan .fan-card:hover,.my-hand .fan .fan-card:active{transform:translateY(calc(var(--handh) * -.3))!important;z-index:50!important}.my-hand .fan .fan-card.selected{transform:translateY(calc(var(--handh) * -.3))!important}.side-panel,.game.collapsed .side-panel{top:6px;bottom:auto;right:6px;max-height:calc(100dvh - 12px);padding:6px;gap:5px;font-size:12px}.game.collapsed .side-panel{display:none}.sp-row .chip{font-size:11px;padding:3px 7px}.acts{padding:6px 8px}.acts-text{font-size:11.5px}.log{flex:1 1 auto;height:auto;min-height:40px;max-height:none}.end-turn-big{padding:9px 0;font-size:15px}.fs-chip{display:none}.game:not(.ctl) .sp-row:not(.online-row){display:none}.game .ctl-chip{display:inline-flex!important}.battle-hud,.effect-bar,.pick-window{left:calc((100vw - var(--side) - 16px) / 2)}.pick-window{max-height:92dvh;overflow:auto}}.sp-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9;writing-mode:vertical-rl;display:flex;gap:8px;align-items:center;padding:12px 7px;border-radius:12px 0 0 12px;background:var(--panel);border:1px solid var(--line2);border-right:0;font-size:12px}.sp-tab.act{border-color:var(--gold);color:var(--gold);box-shadow:0 0 14px color-mix(in srgb,var(--gold) 30%,transparent)}.end-turn-float{position:fixed;right:44px;bottom:10px;z-index:9;padding:10px 18px;font-weight:900;border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 80%,#fff),var(--gold2));color:var(--on-gold);border:2px solid color-mix(in srgb,var(--gold) 70%,#fff)}.acts-float{position:fixed;right:44px;bottom:62px;z-index:9;width:min(320px,46vw);box-shadow:0 8px 22px #000b;border:1px solid #ffffff2a}.ctl-chip{display:none!important}.fs-float{position:fixed;left:8px;top:8px;z-index:9;width:34px;height:34px;padding:0;border-radius:9px;font-size:16px;background:#0b1224cc}.field-card.can-drag{cursor:grab;touch-action:none}.fx-arrow.drag{z-index:80}.fx-arrow.drag line{stroke-dasharray:10 8;animation:drag-march .5s linear infinite}.fx-arrow.drag.locked line{stroke:#ff5a4a;stroke-dasharray:none;stroke-width:8;filter:drop-shadow(0 0 8px #ff5a4acc);animation:none}@keyframes drag-march{to{stroke-dashoffset:-18}}body:has(.fx-arrow.drag){cursor:grabbing;-webkit-user-select:none;user-select:none}.fx-finish{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;overflow:hidden;--hot: #ffd166}.fx-finish.theirs{--hot: #ff5a4a}.ff-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--x) var(--y),transparent 0 90px,#000c 420px);opacity:0;animation:ff-dim 2.6s ease-out forwards}.ff-lines{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:0;background:repeating-conic-gradient(from 0deg at calc(var(--x) + 50vw) calc(var(--y) + 50vh),#fff0,#fff0 4deg,#ffffffb0 4.4deg,#ffffffb0 5deg,#fff0 5.4deg,#fff0 9deg);-webkit-mask:radial-gradient(circle at calc(var(--x) + 50vw) calc(var(--y) + 50vh),transparent 0 120px,#000 380px);mask:radial-gradient(circle at calc(var(--x) + 50vw) calc(var(--y) + 50vh),transparent 0 120px,#000 380px);animation:ff-lines 1.6s ease-out .45s forwards}.ff-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;animation:ff-flash .5s ease-out .48s forwards}.ff-ring{position:absolute;left:var(--x);top:var(--y);width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:8px solid var(--hot);box-shadow:0 0 30px var(--hot),inset 0 0 20px var(--hot);opacity:0;animation:ff-ring .9s cubic-bezier(.1,.7,.3,1) .5s forwards}.ff-ring.r2{border-color:#fff;border-width:4px;animation-delay:.6s}.ff-ring.r3{animation-delay:.72s;animation-duration:1.2s}.ff-spark{position:absolute;left:var(--x);top:var(--y)}.ff-spark i{position:absolute;width:6px;height:46px;margin:-23px 0 0 -3px;border-radius:4px;background:linear-gradient(#fff,var(--hot));opacity:0;rotate:calc(var(--i) * 25.7deg);animation:ff-spark .7s ease-out calc(.5s + var(--i) * 8ms) forwards}.ff-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.ff-text b{font-family:Palooka,Luckiest Guy,Bangers,sans-serif;font-weight:400;font-size:clamp(64px,13vw,190px);letter-spacing:.02em;line-height:1;color:var(--hot);-webkit-text-stroke:4px #000;paint-order:stroke fill;text-shadow:0 6px 0 #000,0 0 40px color-mix(in srgb,var(--hot) 70%,transparent),0 0 90px #ff3b3b88;transform:skew(-8deg);opacity:0;animation:ff-slam 2.1s cubic-bezier(.2,1.6,.4,1) .62s forwards}@keyframes ff-dim{0%{opacity:0}18%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes ff-lines{0%{opacity:0;transform:scale(1.3)}15%{opacity:.9}to{opacity:0;transform:scale(1) rotate(4deg)}}@keyframes ff-flash{0%{opacity:0}12%{opacity:.9}to{opacity:0}}@keyframes ff-ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(14)}}@keyframes ff-spark{0%{opacity:1;translate:0 0;transform:translateY(0) scaleY(.4)}to{opacity:0;transform:translateY(-190px) scaleY(1)}}@keyframes ff-slam{0%{opacity:0;scale:3.2;rotate:-8deg}14%{opacity:1;scale:.92;rotate:-4deg}22%{scale:1.04}30%{scale:1;rotate:-4deg}82%{opacity:1;scale:1.02}to{opacity:0;scale:1.1}}.result-modal.after-finish{animation-delay:2.2s}.result-modal.after-finish .confetti i{animation-delay:calc(2.3s + var(--i) * 12ms)}.result-modal.after-finish.lost .cm-title.loss{animation-delay:2.3s}.fx-play{position:fixed;z-index:10;pointer-events:none;width:0;height:0;--hot: #ffd166}.fx-play.theirs{--hot: #ff7a5a}.fp-ring{position:absolute;left:0;top:0;width:calc(var(--w) * 1.1);aspect-ratio:1;border-radius:50%;border:3px solid var(--hot);box-shadow:0 0 18px var(--hot),inset 0 0 12px var(--hot);transform:translate(-50%,-50%) scale(.2);opacity:0;animation:fp-ring .55s .38s cubic-bezier(.2,.8,.3,1) forwards}.fp-ring.r2{border-width:2px;animation-delay:.48s;animation-duration:.7s}@keyframes fp-ring{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}to{transform:translate(-50%,-50%) scale(2.1);opacity:0}}.fp-spark i{position:absolute;left:0;top:0;width:4px;height:14px;border-radius:2px;background:#fff;box-shadow:0 0 8px var(--hot),0 0 2px var(--hot);opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--i) * 36deg)) translateY(0);animation:fp-spark .5s calc(.4s + var(--i) * 8ms) ease-out forwards}@keyframes fp-spark{0%{opacity:1;transform:translate(-50%,-50%) rotate(calc(var(--i) * 36deg)) translateY(calc(var(--w) * -.3)) scaleY(1.3)}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--i) * 36deg)) translateY(calc(var(--w) * -1.05)) scaleY(.4)}}.fx-cast{position:absolute;left:50%;top:50%;z-index:13;pointer-events:none;transform:translate(-50%,-50%);--hot: #ffd166}.fx-cast.theirs{--hot: #ff7a5a}.fc-burst{position:absolute;left:50%;top:50%;width:320px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--hot) 70%,transparent) 0%,transparent 62%);transform:translate(-50%,-50%) scale(.3);opacity:0;animation:fc-burst .9s ease-out forwards}@keyframes fc-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}.fc-card{position:relative;width:140px;aspect-ratio:63 / 88;border-radius:9px;overflow:hidden;box-shadow:0 0 0 2px var(--hot),0 0 30px var(--hot),0 12px 30px #000a;animation:fc-card .95s cubic-bezier(.2,.9,.3,1) forwards}.fc-card .cf{width:100%!important;height:100%!important}@keyframes fc-card{0%{opacity:0;transform:scale(.3) rotate(-14deg)}22%{opacity:1;transform:scale(1.12) rotate(3deg)}34%{transform:scale(1) rotate(0)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85) translateY(-10px)}}.fc-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,#fff9 48%,transparent 62%);transform:translate(-120%);animation:fc-shine .5s .25s ease-out forwards}@keyframes fc-shine{to{transform:translate(120%)}}@media (prefers-reduced-motion: reduce){.fx-play,.fx-cast{display:none}}.mat-opacity{display:flex;align-items:center;gap:8px;margin-top:8px}.mat-opacity input{flex:1;min-width:90px;accent-color:var(--gold)}.mat-opacity span{min-width:3.2em;text-align:right;font-variant-numeric:tabular-nums}.fx-fired{position:fixed;z-index:10;pointer-events:none;width:0;height:0;--hot: #5fd4ff}.fx-fired.theirs{--hot: #ff7a5a}.fe-frame{position:absolute;left:0;top:0;width:calc(var(--w) + 8px);height:calc(var(--h) + 8px);border-radius:10px;transform:translate(-50%,-50%);opacity:0;background:conic-gradient(from var(--fe-a, 0deg),transparent 0 60%,var(--hot) 75%,#fff 80%,var(--hot) 85%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:3px;filter:drop-shadow(0 0 6px var(--hot));animation:fe-frame .9s ease-out forwards}@property --fe-a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes fe-frame{0%{opacity:0;--fe-a: 0deg}15%{opacity:1}75%{opacity:1}to{opacity:0;--fe-a: 540deg}}.fe-ring{position:absolute;left:0;top:0;width:var(--w);height:var(--h);border-radius:10px;border:2px solid var(--hot);box-shadow:0 0 14px var(--hot);transform:translate(-50%,-50%) scale(1);opacity:0;animation:fe-ring .7s ease-out forwards}@keyframes fe-ring{0%{opacity:.9;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}.fe-label{position:absolute;left:0;top:calc(var(--h) * -.5 - 6px);transform:translate(-50%,-100%);white-space:nowrap;font:900 12px/1 var(--font-display, system-ui);letter-spacing:.08em;color:#fff;padding:5px 10px;border-radius:99px;background:color-mix(in srgb,var(--hot) 35%,#0b1226);border:1px solid var(--hot);box-shadow:0 0 14px color-mix(in srgb,var(--hot) 70%,transparent);opacity:0;animation:fe-label 1.15s cubic-bezier(.2,.9,.3,1) forwards}@keyframes fe-label{0%{opacity:0;transform:translate(-50%,-60%) scale(.6)}18%{opacity:1;transform:translate(-50%,-110%) scale(1.12)}30%{transform:translate(-50%,-100%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-130%) scale(1)}}@media (prefers-reduced-motion: reduce){.fx-fired{display:none}}.inspect{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#050a16e6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:inspect-in .16s ease-out}@keyframes inspect-in{0%{opacity:0}}.inspect-card{width:min(78vw,46dvh,360px);aspect-ratio:63 / 88;flex-shrink:0;animation:inspect-pop .2s cubic-bezier(.2,.9,.3,1.2)}@keyframes inspect-pop{0%{transform:scale(.85)}}.inspect-card .cf{width:100%!important;height:100%!important;border-radius:12px;box-shadow:0 12px 40px #000a}.inspect-text{width:min(92vw,520px);max-height:38dvh;overflow-y:auto;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.45;background:#0b1226f2;border:1px solid color-mix(in srgb,var(--gold, #e8b84a) 40%,transparent)}.inspect-text p{margin:8px 0 0}.inspect-hint{font-size:12px;opacity:.6}@media (orientation: landscape) and (max-height: 600px){.inspect{flex-direction:row;flex-wrap:wrap}.inspect-card{width:auto;height:min(84dvh,420px)}.inspect-text{width:min(46vw,460px);max-height:84dvh}.inspect-hint{width:100%;text-align:center}}.table [data-uid]{-webkit-touch-callout:none}[data-theme=wanted]{--serif: "Rye", "Fraunces", Georgia, serif;--bg: #17110b;--bg2: #1f170f;--panel: #241a10;--panel2: #322416;--line: #3d2d1c;--line2: #5a4128;--text: #f3e6c8;--muted: #b39d78;--gold: #e9b44c;--gold2: #c98f2a;--blue: #8a5a2b;--red: #c8402f;--green: #8fb860;--felt1: #4a3220;--felt2: #2a1c10;--felt-red: #5a1c12;--hero-bg: linear-gradient(100deg, #5a3a1c 0%, #4a2f16 50%, #5c3b1a 100%);--hero-line: #7a5430;--nav-bg: #140e08e6;--tint: #2d2013;--on-gold: #2a1a06}[data-theme=wanted] body{background:radial-gradient(1200px 700px at 50% 15%,#2a1d11,transparent),repeating-linear-gradient(0deg,#ffffff03 0 2px,transparent 2px 5px),var(--bg)}[data-theme=wanted] .panel,[data-theme=wanted] .home-panel,[data-theme=wanted] .mode-card{border-radius:4px}[data-theme=wanted] .hero h1,[data-theme=wanted] .col-hero h1{letter-spacing:.01em;font-weight:400}[data-theme=wanted] .half{border-color:#6b4a2b;border-radius:4px}[data-theme=marine]{--serif: "Oswald", "Inter", system-ui, sans-serif;--bg: #0b1218;--bg2: #0f1922;--panel: #121f2a;--panel2: #18293a;--line: #22384b;--line2: #2f4c66;--text: #eaf3fa;--muted: #8aa4b8;--gold: #5cc8ff;--gold2: #2e9fe0;--blue: #2c7ad6;--red: #ff5d5d;--green: #45d49a;--felt1: #143a55;--felt2: #0a2236;--felt-red: #2a1a2e;--hero-bg: linear-gradient(100deg, #e9f1f7 0%, #d5e3ee 100%);--hero-line: #9db7cc;--nav-bg: #09111ae6;--tint: #15283a;--on-gold: #04202f}[data-theme=marine] body{background:linear-gradient(180deg,#0f1c28,var(--bg) 480px)}[data-theme=marine] .hero h1,[data-theme=marine] .col-hero h1,[data-theme=marine] .hero-stats b{text-transform:uppercase;letter-spacing:.02em;font-weight:600}[data-theme=marine] .col-hero h1,[data-theme=marine] .col-hero .hero-brand{color:#0d2236}[data-theme=marine] .col-hero p,[data-theme=marine] .col-hero-links a{color:#24435e}[data-theme=marine] .col-hero-map{opacity:.6;filter:invert(1)}[data-theme=marine] .panel,[data-theme=marine] .home-panel,[data-theme=marine] .mode-card{border-radius:6px}[data-theme=marine] .half{border-color:#2e5f84;border-radius:6px}[data-theme=emperor]{--serif: "Cinzel", "Fraunces", Georgia, serif;--bg: #0b090a;--bg2: #120e10;--panel: #161113;--panel2: #21181b;--line: #30222a;--line2: #4a2f38;--text: #f4ecee;--muted: #a98f97;--gold: #ff4d5e;--gold2: #d12e40;--blue: #7a3cff;--red: #ff6a4a;--green: #48d18a;--felt1: #3d0f1a;--felt2: #1c060b;--felt-red: #12090c;--hero-bg: linear-gradient(100deg, #3d0b15 0%, #24060c 55%, #3a0a14 100%);--hero-line: #6e1a2a;--nav-bg: #0a0708e6;--tint: #22131a;--on-gold: #fff}[data-theme=emperor] body{background:radial-gradient(1100px 650px at 50% 10%,#2a0d16,var(--bg))}[data-theme=emperor] .hero h1,[data-theme=emperor] .col-hero h1{font-weight:600;letter-spacing:.03em}[data-theme=emperor] .half{border-color:#6a1f30}[data-theme=wano]{--serif: "Shippori Mincho", "Fraunces", Georgia, serif;--bg: #0e0d1c;--bg2: #141327;--panel: #18172e;--panel2: #22203f;--line: #2d2a52;--line2: #3f3a6e;--text: #f2eef8;--muted: #a29cc4;--gold: #ff8fc2;--gold2: #e86aa6;--blue: #5b6cff;--red: #ff6a6a;--green: #6fd6a8;--felt1: #23264f;--felt2: #121430;--felt-red: #3a1630;--hero-bg: linear-gradient(100deg, #2b2463 0%, #1f1a4d 55%, #3a2260 100%);--hero-line: #5a4aa0;--nav-bg: #0c0b19e6;--tint: #1d1b3a;--on-gold: #2a0b1c}[data-theme=wano] body{background:radial-gradient(900px 500px at 85% 0%,#ff8fc214,transparent 60%),radial-gradient(1200px 700px at 30% 20%,#1c1a40,var(--bg))}[data-theme=wano] .panel,[data-theme=wano] .home-panel,[data-theme=wano] .mode-card{border-radius:16px}[data-theme=wano] .half{border-color:#4a4590;border-radius:16px}[data-theme=admiral]{--serif: "Oswald", "Inter", system-ui, sans-serif;--felt1: #143a55;--felt2: #0a2236;--felt-red: #2a1a2e;--hero-bg: linear-gradient(100deg, #10294a 0%, #0c1f3a 55%, #132e52 100%);--hero-line: #2a4a78;--nav-bg: #0b1224cc;--tint: #16223f}[data-theme=admiral] body{background:linear-gradient(180deg,#111d36,var(--bg) 480px)}[data-theme=admiral] .hero h1,[data-theme=admiral] .col-hero h1,[data-theme=admiral] .hero-stats b{text-transform:uppercase;letter-spacing:.02em;font-weight:600}[data-theme=admiral] .panel,[data-theme=admiral] .home-panel,[data-theme=admiral] .mode-card{border-radius:6px}[data-theme=admiral] .half{border-color:#2e5f84;border-radius:6px}[data-theme] .topnav{background:var(--nav-bg)}[data-theme] .notice{background:var(--tint)}[data-theme] .col-hero{background:var(--hero-bg);border-bottom-color:var(--hero-line)}[data-theme] .mode-card{background:linear-gradient(160deg,var(--tint),var(--panel))}[data-theme] .zoom-text,[data-theme] .hover-zoom .hz-text{background:color-mix(in srgb,var(--bg) 94%,transparent)}[data-theme] .hero{background:radial-gradient(700px 500px at 72% 52%,color-mix(in srgb,var(--gold) 9%,transparent),transparent 70%)}[data-theme] .half:not(.flip){background:linear-gradient(180deg,transparent 40%,color-mix(in srgb,var(--felt-red) 55%,transparent)),radial-gradient(120% 90% at 50% 40%,var(--felt1),var(--felt2))}[data-theme] .half.has-mat{background-image:linear-gradient(var(--mat-tint, #0008),var(--mat-tint, #0008)),var(--mat)}.theme-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.theme-pick{display:flex;flex-direction:column;gap:6px;padding:8px;text-align:left;border-radius:10px}.theme-pick.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.theme-swatch{height:54px;border-radius:6px;position:relative;overflow:hidden;border:1px solid #ffffff14}.theme-swatch i{position:absolute;bottom:8px;height:10px;border-radius:99px}.theme-pick b{font-size:13px}.theme-pick span{font-size:11px;color:var(--muted)}.game.wood{--rim: #e3ab3c}.half.leader-felt:not(.has-mat),[data-theme] .half.leader-felt:not(.has-mat),[data-theme] .half.leader-felt:not(.flip):not(.has-mat){background:radial-gradient(120% 90% at 50% 40%,#ffffff0d,transparent 65%),linear-gradient(100deg,color-mix(in srgb,var(--lc1) 34%,#080b12),color-mix(in srgb,var(--lc1) 26%,#080b12) 38%,color-mix(in srgb,var(--lc2) 26%,#080b12) 62%,color-mix(in srgb,var(--lc2) 34%,#080b12));border-color:color-mix(in srgb,var(--lc1) 50%,#22303a)}.half.leader-felt.active{border-color:var(--gold)}.midline{flex:none;display:flex;align-items:center;gap:10px;height:34px;margin:0 -10px;position:relative;z-index:3}.turn-pill{display:flex;align-items:center;gap:7px;background:#0b1224e6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:2px solid var(--rim);border-radius:99px;padding:3px 5px 3px 12px;box-shadow:0 3px 8px #0007;white-space:nowrap}.tp-turn{color:#ff6a4d;font-weight:900;font-style:italic;letter-spacing:.04em;font-size:14px;text-shadow:0 1px 0 #000}.tp-dots{display:flex;gap:4px}.tp-dots i{width:6px;height:6px;border-radius:99px;background:#f5c54240}.tp-dots i.done{background:#f5c542aa}.tp-phase{background:linear-gradient(180deg,#ffe08a,#f2b632);color:#2a1606;font-weight:900;font-size:11px;letter-spacing:.1em;border-radius:99px;padding:3px 11px}.turn-rule{flex:1;height:4px;border-radius:2px;opacity:.9;background:repeating-linear-gradient(90deg,var(--rim) 0 14px,transparent 14px 23px);filter:drop-shadow(0 1px 0 #0008)}.end-turn-mid{padding:9px 24px;font-size:15px;font-weight:900;letter-spacing:.08em;border-radius:11px;color:#2a1606;background:linear-gradient(180deg,#ffe7a0,#f2b632);border:2px solid #fff4cc;box-shadow:0 3px #8a5a12,0 8px 18px #0007}.end-turn-mid:hover:not(:disabled){filter:brightness(1.06);border-color:#fff}.end-turn-mid:disabled{opacity:1;background:var(--panel2);color:var(--muted);border-color:var(--line2);box-shadow:0 3px 8px #0006;font-size:13px}.sp-h{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--rim, #e3ab3c);margin:2px 0 -2px}.crews{display:flex;flex-direction:column;gap:7px}.crew{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#ffffff0d;border:2px solid #ffffff14}.crew.on{border-color:var(--rim, #e3ab3c);background:linear-gradient(90deg,#e3ab3c2a,#ffffff0a);box-shadow:0 0 18px #e3ab3c33}.crew-ava{position:relative;flex:none;width:46px;height:46px;border-radius:99px;overflow:hidden;border:2px solid #ffffff55;background:#000}.crew.on .crew-ava{border-color:var(--rim, #e3ab3c)}.crew-ava .cf{--ch: 112px;--cw: 80px;position:absolute;left:50%;top:-14px;transform:translate(-50%);box-shadow:none}.crew-info{min-width:0;display:flex;flex-direction:column;gap:3px}.crew-info b{font-family:var(--serif);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.crew.on .crew-info b{color:#ffd76a}.crew-stats{display:flex;gap:9px;font-size:12px;font-weight:800;color:#cfd8ee;font-variant-numeric:tabular-nums}.crew-clock{margin-left:auto;font-size:11px;font-weight:800;color:#cfd8ee;font-variant-numeric:tabular-nums}.revealed{display:flex;gap:6px}.rev-card .cf{--ch: 62px;--cw: 44px;border-radius:4px;box-shadow:0 2px 6px #0008}.log-thumb{display:inline-block;vertical-align:middle;margin-right:6px}.log-thumb .cf{--ch: 26px;--cw: 19px;border-radius:2px;display:inline-block;vertical-align:middle}.log-thumb .cf>:not(img){display:none}.game.wood .log-line.turn{text-align:center;letter-spacing:.14em;font-size:11px;text-transform:uppercase;margin:10px 0 4px}.game.wood .log-line:not(.turn){border-left:3px solid #ffffff14;margin:2px 0;background:#ffffff06}.game.wood .log-line.manual{border-left-color:#c9a8ff66}@media not all and (max-width: 900px) and (orientation: portrait){.game.wood:not(.compact){--side: 290px;--board: 8;--ch: clamp(54px, min( calc((100dvh - 142px)/6.4) , calc((100vw - var(--side) - 60px) / (var(--board) + 4.8))), 150px);--cw: calc(var(--ch) * .716);--gutter: calc((100vw - var(--side) - var(--ch) * var(--board)) / 2 - 36px)}.game.wood:not(.compact) .table{inset:0 var(--side) 0 0}.game.wood:not(.compact) .halves{top:10px;bottom:10px;width:calc(var(--ch) * var(--board))}.game.wood:not(.compact) .half{justify-content:space-between}.game.wood:not(.compact) .hrow{flex:none}.game.wood:not(.compact) .r-chars{height:calc(var(--ch) * 1.24)}.game.wood:not(.compact) .life-card{top:calc(var(--ch) * .06 + var(--i) * var(--ch) * .095)}.game.wood:not(.compact) .r-core{height:calc(var(--ch) * 1.12)}.game.wood:not(.compact) .r-core .spacer{flex:none;width:calc(50% - var(--ch) * .53 - 8px)}.game.wood:not(.compact) .r-core>.zone{margin-left:auto}.game.wood:not(.compact) .half.flip .r-core>.zone{margin-left:0;margin-right:auto}.game.wood:not(.compact) .r-chars .char-area{padding-right:calc(var(--ch) * .92 + 14px)}.game.wood:not(.compact) .half.flip .r-chars .char-area{padding-right:6px;padding-left:calc(var(--ch) * .92 + 14px)}.game.wood:not(.compact) .r-core .slot{height:calc(var(--ch) * 1.1);width:calc(var(--ch) * 1.06)}.game.wood:not(.compact) .char-area{gap:calc(var(--ch) * .06)}.game.wood:not(.compact) .char-area .slot{max-height:none;width:calc(var(--ch) * 1.08)}.game.wood:not(.compact) .r-cost{height:calc(var(--ch) * .84)}.game.wood:not(.compact) .cost-area{padding-bottom:14px}.game.wood:not(.compact) .zone.don-deck .don.big{--dw: calc(var(--ch) * .44)}.game.wood:not(.compact) .badge-stack{display:none}.game.wood:not(.compact) .side-panel{top:0;bottom:0;right:0;max-height:none;border-radius:0;border:none;border-left:1px solid #ffffff14;background:linear-gradient(180deg,#0f2246,#0a1731);padding:12px}.game.wood:not(.compact) .side-panel .end-turn-big{display:none}.game.wood:not(.compact) .log{height:auto;flex:1 1 0}.game.wood:not(.compact) .my-hand{left:14px;bottom:26px;--hw: min(calc(var(--cw) * 1.3), 150px)}.game.wood:not(.compact) .my-hand .fan{padding-left:16px}.game.wood:not(.compact) .my-hand .hand-bar{margin-left:16px}.game.wood:not(.compact) .my-hand .fan .fan-card{width:var(--hw);height:calc(var(--hw) / .716);margin-left:min(calc(var(--hw) * -.2),calc((var(--gutter) - 24px - var(--hw) * var(--n, 5)) / max(1,var(--n, 5) - 1)))}.game.wood:not(.compact) .table .opp-hand{right:16px;top:16px}.game.wood:not(.compact) .opp-hand .fan.small .fan-card{width:calc(var(--cw) * 1.05);height:calc(var(--ch) * 1.05);margin-left:min(calc(var(--cw) * -.25),calc((var(--gutter) - var(--cw) * .2 - var(--cw) * 1.05 * var(--n, 5)) / max(1,var(--n, 5) - 1)))}.game.wood:not(.compact) .fan .fan-card:first-child{margin-left:0}.game.wood:not(.compact) .zoom{top:8px;left:16px;width:min(calc(var(--gutter) + 16px),calc(var(--cw) * 2.6))}.game.wood:not(.compact) .center-modal{left:calc((100vw - var(--side)) / 2)}}@media (max-width: 900px) and (orientation: portrait){.game.wood .midline,.game.wood .crews,.game.wood .log-h{display:none}}.game.wood.compact .midline,.game.wood.compact .crews,.game.wood.compact .log-h{display:none}.cos-preview.table-wood{background:linear-gradient(180deg,#4a1a1c 0,#4a1a1c 46%,#e3ab3c 46%,#e3ab3c 54%,#173a5c 54%);border:1px solid #33416a}.cos-preview.table-classic{background:radial-gradient(circle at 50% 50%,#17402f,#0f2d22);border:1px solid #2b5a45}.game.manga{--ink: #111;--paper: #f4f0e6;--pow: #e63b2e;--hi: #ffd43b;--comic: "Bangers", "Impact", "Arial Black", sans-serif;background:var(--paper);background-image:radial-gradient(#0000001a 1px,transparent 1.3px);background-size:7px 7px}.game.manga .half:not(.has-mat){background:radial-gradient(color-mix(in srgb,var(--lc1, #888) 34%,transparent) 1.3px,transparent 1.7px) 0 0 / 8px 8px,linear-gradient(100deg,color-mix(in srgb,var(--lc1, #fff) 9%,#fffdf8),color-mix(in srgb,var(--lc2, #fff) 9%,#fffdf8))!important}.game.manga .half{color:var(--ink);border:4px solid var(--ink)!important;border-radius:3px;box-shadow:7px 7px 0 var(--ink)!important}.game.manga .half.active{box-shadow:7px 7px 0 var(--pow),0 0 0 2px var(--pow)!important}.game.manga .zone,.game.manga .slot,.game.manga .char-area,.game.manga .cost-area{background:#ffffffb3;border:2px solid var(--ink);border-radius:2px;box-shadow:none}.game.manga .char-area{background:transparent;border-style:dashed;border-color:#1117}.game.manga .slot:not(:has(.field-card)),.game.manga .zone:not(:has(.pile,.cf)){background:repeating-linear-gradient(-45deg,#0000000d 0 3px,transparent 3px 7px),#ffffff8c;border-color:#1119}.game.manga .slot-label,.game.manga .area-label{font-family:var(--comic);font-weight:400;font-size:clamp(8px,calc(var(--ch) * .1),13px);letter-spacing:.08em;color:var(--ink)}.game.manga .zone.life .slot-label{color:var(--pow)}.game.manga .cost-sum{font-family:var(--comic);font-weight:400;font-size:12px;letter-spacing:.08em;color:#111b}.game.manga .cost-area{color:var(--ink)}.game.manga .half .cf,.game.manga .fan .cf{outline:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.game.manga .half .don,.game.manga .fan .don{box-shadow:2px 2px 0 var(--ink);outline:1.5px solid var(--ink)}.game.manga .pile-count,.game.manga .don-count{font-family:var(--comic);font-weight:400;font-size:clamp(10px,calc(var(--ch) * .12),15px);letter-spacing:.04em;background:var(--ink);color:#fff;border:2px solid #fff}.game.manga .cf-power{font-family:var(--comic);font-weight:400;letter-spacing:.04em}.game.manga .turn-pill{background:#fff;border:3px solid var(--ink);border-radius:22px 22px 22px 4px;box-shadow:4px 4px 0 var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}.game.manga .tp-turn{font-family:var(--comic);font-style:normal;font-weight:400;font-size:22px;letter-spacing:.06em;color:var(--ink);text-shadow:none}.game.manga .tp-dots i{background:#1113}.game.manga .tp-dots i.done{background:var(--ink)}.game.manga .tp-phase{font-family:var(--comic);font-weight:400;font-size:15px;letter-spacing:.08em;background:var(--ink);color:var(--hi);border-radius:3px}.game.manga .turn-rule{height:5px;opacity:1;filter:none;background:repeating-linear-gradient(90deg,var(--ink) 0 22px,transparent 22px 30px)}.game.manga .end-turn-mid{font-family:var(--comic);font-weight:400;font-size:26px;letter-spacing:.08em;padding:4px 28px;color:#fff;background:var(--pow);border:3px solid var(--ink);border-radius:3px;transform:skew(-8deg);box-shadow:5px 5px 0 var(--ink);text-shadow:2px 2px 0 var(--ink)}.game.manga .end-turn-mid:hover:not(:disabled){filter:none;background:#ff4b3c;border-color:var(--ink);transform:skew(-8deg) translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}.game.manga .end-turn-mid:disabled{background:#e8e3d6;color:#1117;text-shadow:none;box-shadow:4px 4px #1115;border-color:#1117;font-size:20px}.game.manga .my-hand .hand-count,.game.manga .opp-hand .hand-count{font-family:var(--comic);font-weight:400;font-size:clamp(18px,calc(var(--ch) * .22),30px);color:var(--ink)}.game.manga .hand-bar .chip{background:#fff;color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-weight:800}.game.manga .side-panel{background:var(--ink)!important;background-image:radial-gradient(#ffffff12 1px,transparent 1.3px)!important;background-size:7px 7px!important;border-left:4px solid var(--ink)!important}.game.manga .sp-h{font-family:var(--comic);font-weight:400;font-size:18px;letter-spacing:.1em;color:var(--hi)}.game.manga .crew{background:#1d1d1d;border:2px solid #fff3;border-radius:3px}.game.manga .crew.on{border-color:var(--hi);background:#2a250f;box-shadow:4px 4px 0 var(--pow)}.game.manga .crew-info b{font-family:var(--comic);font-weight:400;font-size:19px;letter-spacing:.04em}.game.manga .crew.on .crew-info b{color:var(--hi)}.game.manga .crew-ava{border-color:#fff}.game.manga .acts{background:#fff!important;color:var(--ink);border:3px solid var(--ink);border-radius:16px 16px 16px 3px;box-shadow:4px 4px 0 var(--pow)}.game.manga .acts-who{font-family:var(--comic);font-weight:400;font-size:15px;letter-spacing:.1em;color:var(--pow)}.game.manga .acts-text{color:var(--ink)}.game.manga .log,.game.manga .log-wrap{background:#1b1b1b!important;border-color:#fff2!important}.game.manga .log-line.turn{font-family:var(--comic);font-weight:400;font-size:15px;color:var(--hi)}.game.manga .side-panel button:not(.chip.on):not(:disabled):not(.end-turn-big):not(.primary){background:#1d1d1d;border:2px solid #fff4;border-radius:3px}.game.manga .side-panel button.on{border-radius:3px}.game.manga .step-banner{background:#fff;color:var(--ink);border:4px solid var(--ink);border-radius:3px;box-shadow:8px 8px 0 var(--pow)}.game.manga .sb-title{font-family:var(--comic);font-weight:400;font-size:44px;letter-spacing:.08em}.game.manga .sb-icon{background:var(--ink);color:#fff}.game.manga .sb-sub{color:#111b}.game.manga .turn-banner{font-family:var(--comic);font-weight:400;font-size:46px;letter-spacing:.08em;color:var(--ink);background:#fff;border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:6px 40px}.game.manga .turn-banner.mine{color:var(--pow);border-color:var(--ink)}.game.manga .fx-pop{font-family:var(--comic);font-weight:400;font-size:26px;letter-spacing:.06em;color:#fff;background:var(--ink);border:3px solid #fff;border-radius:3px;text-shadow:none;box-shadow:4px 4px 0 var(--pow)}.game.manga .fx-pop.heal{background:#1d7a43}.fx-pop.sfx{display:none}.game.manga .fx-pop.sfx{display:block;background:none;border:none;box-shadow:none;padding:0;font-size:64px;color:var(--hi);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);animation:manga-sfx 1.3s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes manga-sfx{0%{opacity:0;transform:translate(-50%,-50%) rotate(-14deg) scale(.3)}18%{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1.08)}75%{opacity:1;transform:translate(-50%,-62%) rotate(-8deg) scale(1)}to{opacity:0;transform:translate(-50%,-70%) rotate(-8deg) scale(.95)}}@media (prefers-reduced-motion: reduce){.game.manga .fx-pop.sfx{animation:none;opacity:0}}.game.manga .end-turn-big:not(:disabled){font-family:var(--comic);font-weight:400;letter-spacing:.08em;color:#fff;background:var(--pow);border:3px solid #fff;text-shadow:2px 2px 0 var(--ink)}.cos-preview.table-manga{background:radial-gradient(#0002 1px,transparent 1.3px) 0 0 / 6px 6px,#fffdf8;border:3px solid #111;box-shadow:4px 4px #111}.game.sea{--sea1: #0e5a76;--sea2: #062537;--foam: #bfefff;--brass: #ffd166;--brass2: #e9a23b;--chart: "Cinzel", "Georgia", serif;background:linear-gradient(#bfefff0d 1px,transparent 1px) 0 0 / 46px 46px,linear-gradient(90deg,#bfefff0d 1px,transparent 1px) 0 0 / 46px 46px,radial-gradient(130% 100% at 40% 45%,var(--sea1),var(--sea2))}.game.sea .table:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background:radial-gradient(60% 30% at 50% 50%,#8fe3ff14,transparent 70%) 0 0 / 120% 60%;animation:sea-swell 16s ease-in-out infinite alternate}@keyframes sea-swell{0%{background-position:0 0}to{background-position:100% 100%}}@media (prefers-reduced-motion: reduce){.game.sea .table:before{animation:none}}.game.sea .half:not(.has-mat){background:radial-gradient(110% 80% at 50% 50%,#ffffff0a,transparent 70%),linear-gradient(100deg,color-mix(in srgb,var(--lc1, #0e5a76) 24%,#04202fd9),color-mix(in srgb,var(--lc2, #0e5a76) 24%,#04202fd9))!important}.game.sea .half{border:1.5px solid #7fd6ff59!important;border-radius:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:inset 0 0 40px #00000040,0 10px 30px #0006!important}.game.sea .half.active{border-color:var(--brass)!important;box-shadow:inset 0 0 40px #00000040,0 0 0 1px #ffd16666,0 0 30px #ffd16633!important}.game.sea .zone,.game.sea .slot,.game.sea .cost-area{background:#7fd6ff0d;border:1px solid #7fd6ff3d;border-radius:9px}.game.sea .char-area{background:#00000014;outline:1px dashed #7fd6ff2e;outline-offset:-1px;border-radius:12px}.game.sea .slot-label,.game.sea .area-label{font-family:var(--chart);font-weight:800;letter-spacing:.14em;color:#bfefff8c}.game.sea .zone.life .slot-label{color:#ff9d8f}.game.sea .cost-sum{font-family:var(--chart);letter-spacing:.12em;color:#bfefff73}.game.sea .half .cf{box-shadow:0 6px 14px #0009,0 0 0 1px #bfefff26}.game.sea .pile-count,.game.sea .don-count{background:#04202f;border:1px solid var(--brass);color:var(--brass)}.game.sea .turn-pill{background:#04202fd9;border:1.5px solid #bfefff8c;box-shadow:0 4px 14px #0008;padding-left:5px}.game.sea .tp-turn{font-family:var(--chart);font-style:normal;font-weight:800;font-size:15px;letter-spacing:.12em;color:#e9f8ff;text-shadow:none}.game.sea .tp-dots i{background:#bfefff33}.game.sea .tp-dots i.done{background:var(--foam)}.game.sea .tp-phase{font-family:var(--chart);background:linear-gradient(180deg,var(--brass),var(--brass2));color:#2a1a04}.game.sea .turn-rule{height:10px;opacity:.75;filter:none;background:radial-gradient(circle at 7px -3px,transparent 7px,var(--foam) 7.5px 9px,transparent 9.5px) 0 0 / 14px 10px repeat-x}.game.sea .end-turn-mid{font-family:var(--chart);font-weight:800;letter-spacing:.12em;color:#2a1a04;background:linear-gradient(180deg,#ffe39a,var(--brass) 45%,var(--brass2));border:2px solid #fff3c4;box-shadow:0 3px #8a5a12,0 0 22px #ffd16640,0 8px 18px #0007}.game.sea .end-turn-mid:disabled{background:#04202fd9;color:#bfefff8c;border-color:#bfefff40;box-shadow:0 3px 10px #0006}.logpose{display:none}.game.sea .logpose{display:inline-block;position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#e9f8ff40,#bfefff10 70%);border:2px solid var(--foam);box-shadow:inset 0 0 8px #bfefff55}.game.sea .logpose i{position:absolute;left:50%;top:3px;bottom:3px;width:4px;margin-left:-2px;border-radius:2px;background:linear-gradient(#ff5d5d 50%,#e9f8ff 50%);transition:transform .9s cubic-bezier(.3,1.6,.4,1)}.game.sea .logpose.down i{transform:rotate(180deg)}.game.sea .my-hand .hand-count,.game.sea .opp-hand .hand-count{font-family:var(--chart);color:var(--foam)}.game.sea .fan .cf{box-shadow:0 6px 16px #000a,0 0 0 1px #bfefff26}.game.sea .side-panel{background:linear-gradient(#bfefff08 1px,transparent 1px) 0 0 / 23px 23px,linear-gradient(90deg,#bfefff08 1px,transparent 1px) 0 0 / 23px 23px,linear-gradient(180deg,#072c40,#041b28)!important;border-left:1px solid #7fd6ff33!important}.game.sea .sp-h{font-family:var(--chart);font-weight:800;font-size:13px;letter-spacing:.2em;color:var(--brass)}.game.sea .crew{background:#ffffff08;border:1.5px solid #7fd6ff26}.game.sea .crew.on{border-color:var(--brass);background:linear-gradient(90deg,#ffd16622,#ffffff08);box-shadow:0 0 18px #ffd16626}.game.sea .crew-info b{font-family:var(--chart);font-weight:800;letter-spacing:.04em}.game.sea .crew.on .crew-info b{color:var(--brass)}.game.sea .acts:not(.battle):not(.ai):not(.over){background:linear-gradient(160deg,#127394,#0a4560);border:1px solid #7fd6ff55}.game.sea .log{background:#00000026;border-radius:10px}.game.sea .log-line.turn{font-family:var(--chart);color:var(--brass)}.game.sea .turn-banner{font-family:var(--chart);letter-spacing:.14em;background:linear-gradient(90deg,transparent,#04202ff0 18%,#04202ff0 82%,transparent);border-color:#bfefff55;color:var(--foam)}.game.sea .turn-banner.mine{color:var(--brass);border-color:#ffd16666}.game.sea .step-banner{background:linear-gradient(180deg,#072c40f5,#041b28f5);border-color:#7fd6ff40}.game.sea .sb-title{font-family:var(--chart)}.cos-preview.table-sea{background:linear-gradient(#bfefff14 1px,transparent 1px) 0 0 / 10px 10px,linear-gradient(90deg,#bfefff14 1px,transparent 1px) 0 0 / 10px 10px,radial-gradient(circle at 50% 50%,#0e5a76,#062537);border:1px solid #7fd6ff55}.app.site-table{--sea1: #0e5a76;--sea2: #062537;--foam: #bfefff;--brass: #ffd166;--brass2: #e9a23b;--glass: #04202fcc;--rim: #7fd6ff40;--chart: "Cinzel", "Georgia", serif;min-height:100vh;background:linear-gradient(#bfefff0b 1px,transparent 1px) 0 0 / 46px 46px,linear-gradient(90deg,#bfefff0b 1px,transparent 1px) 0 0 / 46px 46px,radial-gradient(140% 1100px at 40% 300px,var(--sea1),var(--sea2))}body:has(.app.site-table){background:var(--sea2, #062537)}.app.site-table{background-attachment:scroll}.site-table .topnav{background:#04202fe6;border-bottom:1px solid var(--rim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.site-table .topnav button{color:#bfefffb3}.site-table .topnav button.on:not(.nav-gold){color:#fff;background:#ffffff14}.site-table .topnav button.nav-gold{color:#2a1a04;background:linear-gradient(180deg,#ffe39a,var(--brass) 45%,var(--brass2));border-color:#fff3c4;box-shadow:0 0 18px #ffd16640}.tpage{max-width:1440px;margin:0 auto;padding:22px 24px 60px;display:flex;flex-direction:column;gap:16px}.tarena.tpage{padding:0 0 60px}.tarena .col-body{padding-top:6px}.t-head{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.tarena .t-head{max-width:1440px;width:100%;margin:0 auto;padding:22px 24px 4px;position:relative}.t-head .hero-brand{margin:0}.t-head>div{min-width:0}.tarena .col-hero-links{flex-wrap:wrap}.t-head h1{margin:0;font-family:var(--chart);font-weight:800;font-size:clamp(22px,2.6vw,34px);letter-spacing:.03em;color:#e9f8ff}.t-head h1 em{font-style:normal;color:var(--brass)}.t-head p{margin:6px 0 0;color:#cfe9f5;max-width:760px;font-size:14px}.tarena .col-live{position:static;margin-left:auto;background:var(--glass);border-color:var(--rim)}.tarena .col-hero-links a{color:#cfe9f5}.tz{position:relative;min-width:0;background:var(--glass);border:1px solid var(--rim);border-radius:16px;padding:14px 16px;box-shadow:inset 0 0 40px #0004,0 10px 30px #0004;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tz.on{border-color:var(--brass);box-shadow:inset 0 0 40px #0004,0 0 0 1px #ffd16655,0 0 28px #ffd16626}.tz-label{font-family:var(--chart);font-weight:800;font-size:11px;letter-spacing:.18em;color:var(--brass);margin-bottom:10px}.t-brass{font-family:var(--chart);font-weight:800;letter-spacing:.08em;color:#2a1a04;padding:9px 20px;border-radius:10px;background:linear-gradient(180deg,#ffe39a,var(--brass) 45%,var(--brass2));border:1.5px solid #fff3c4;box-shadow:0 3px #8a5a12,0 8px 18px #0006}.t-brass:hover{filter:brightness(1.06)}.t-link{background:none;border:none;color:var(--foam);padding:0;font-weight:700}.t-link:hover{color:#fff}.t-board{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 230px;gap:16px}.tz-game{grid-column:1}.tz-decks{grid-column:2 / 4}.tz-new{grid-column:1 / 3}.tz-count{grid-column:3;display:flex;flex-direction:column;gap:4px}.tz-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.tz-note{color:#bfefffb3;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tz-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:#cfe9f5}.tz-empty p{margin:0;max-width:380px}.mini-board{--ch: clamp(44px, 4.6vw, 66px);--cw: calc(var(--ch) * .716);display:flex;flex-direction:column;gap:6px}.mini-board.err{color:#bfefffb3;font-size:13px}.mb-side{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:10px;background:#7fd6ff0a;border:1px solid #7fd6ff26}.mb-side.far{flex-direction:column-reverse}.mb-side.active{border-color:#ffd16699}.mb-chars{display:flex;gap:6px;justify-content:center;min-height:var(--ch);align-items:center}.mb-slot{width:var(--cw);height:var(--ch);border-radius:5px;border:1px dashed #7fd6ff33}.mini-board .cf{box-shadow:0 3px 8px #0008}.mini-board .cf.rested{transform:rotate(90deg) scale(.86)}.mini-board .cf>:not(img){font-size:7px}.mb-core{display:flex;align-items:center;gap:10px;justify-content:center}.mb-stats{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#cfe9f5}.mb-stats b{font-family:var(--chart);color:#e9f8ff;font-size:13px}.mb-mid{display:flex;align-items:center;gap:10px;font-family:var(--chart);font-weight:800;font-size:11px;letter-spacing:.14em;color:var(--brass)}.mb-mid i{flex:1;height:8px;opacity:.7;background:radial-gradient(circle at 6px -3px,transparent 6px,var(--foam) 6.5px 8px,transparent 8.5px) 0 0 / 12px 8px repeat-x}.t-stacks{display:flex;gap:18px;flex-wrap:wrap}.t-stack{--ch: 132px;--cw: calc(var(--ch) * .716);background:none;border:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:3px;width:calc(var(--cw) + 14px);color:#e9f8ff}.t-stack-cards{position:relative;display:block;width:var(--cw);height:var(--ch);margin:0 10px 8px 0;transition:transform .15s}.t-stack-cards>i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;background:#0b2a3d;border:1px solid #7fd6ff33}.t-stack-cards>i:nth-child(1){transform:translate(8px,8px)}.t-stack-cards>i:nth-child(2){transform:translate(4px,4px)}.t-stack-cards>.cf{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 6px 14px #0009}.t-stack:hover .t-stack-cards{transform:translateY(-4px)}.t-stack.on .t-stack-cards>.cf{outline:2px solid var(--brass);box-shadow:0 0 20px #ffd16655,0 6px 14px #0009}.t-stack b{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-stack small{font-size:10px;color:#bfefff99}.t-stack.on small{color:var(--brass)}.t-stack.add .t-stack-cards{border:1.5px dashed #7fd6ff66;border-radius:7px;display:grid;place-items:center}.t-plus{font-size:34px;color:#bfefffaa}.t-row{--ch: 150px;--cw: calc(var(--ch) * .716);display:flex;gap:10px;overflow:hidden;padding:6px 2px 8px}.t-card{background:none;border:none;padding:0;flex:none;transition:transform .15s}.t-card .cf{box-shadow:0 6px 14px #0009}.t-card:hover{transform:translateY(-6px)}.tz-new .t-link{margin-top:6px}.t-counter{background:none;border:none;padding:6px 2px;display:flex;align-items:baseline;gap:8px;color:#cfe9f5;text-align:left;border-bottom:1px solid #7fd6ff1a}.t-counter:last-child{border-bottom:none}.t-counter b{font-family:var(--chart);font-weight:800;font-size:26px;color:var(--brass)}.t-counter span{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.t-counter:hover b{color:#ffe39a}.t-settings>summary{cursor:pointer;list-style:none;margin:0}.t-settings>summary:before{content:"▸ "}.t-settings[open]>summary:before{content:"▾ "}.t-settings-body{display:flex;flex-direction:column;gap:16px;margin-top:14px}.t-arena{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:16px;align-items:stretch}.t-leader{display:flex;flex-direction:column;align-items:center;gap:10px}.t-leader-card{--ch: 250px;--cw: calc(var(--ch) * .716);box-shadow:0 10px 24px #000a,0 0 0 1px #bfefff33}.t-leader-empty{width:179px;height:250px;border:1.5px dashed #7fd6ff55;border-radius:10px;display:grid;place-items:center;color:#bfefff99}.t-leader .equip{background:none;border:none;padding:0;flex-direction:column;align-items:stretch;gap:8px;width:100%;max-width:none;flex:none}.t-leader .equip-thumb{display:none}.t-leader .equip-pick{flex-direction:column;align-items:stretch;gap:4px;font-size:12px}.t-leader .equip-pick select{min-width:0;width:100%}.t-account .account{background:none;border:none;padding:0;flex-direction:column;align-items:flex-start}.t-account .account .cta{align-self:stretch}.t-played{border-color:color-mix(in srgb,var(--brass) 70%,transparent)}.t-played .mode{display:grid;grid-template-columns:minmax(150px,34%) minmax(0,1fr);column-gap:22px;row-gap:8px;align-content:start;background:none;border:none;box-shadow:none;padding:0;overflow:visible}.t-played .mode>*{grid-column:2}.t-played .mode>.mode-art{grid-column:1;grid-row:1 / span 12;margin:0;height:auto;min-height:280px;border-radius:12px;overflow:hidden}.t-played .mode-art-card{top:-6%!important}.t-played .mode-icon{bottom:12px}.t-played .mode-badge{right:0;top:-30px}.t-played .mode-kind{margin-top:0}.t-played .mode h3{font-family:var(--chart);font-size:32px;color:#e9f8ff}.t-played .mode-tags{margin-top:4px}.t-played .mode-go{justify-self:start;min-width:220px;font-family:var(--chart);font-weight:800;letter-spacing:.08em;color:#2a1a04;background:linear-gradient(180deg,#ffe39a,var(--brass) 45%,var(--brass2));border:1.5px solid #fff3c4;box-shadow:0 3px #8a5a12,0 8px 18px #0006}.t-played .mode-go:disabled{background:#ffffff10;color:#bfefff99;border-color:#7fd6ff40;box-shadow:none}.t-hand-wrap{position:relative;padding-top:4px;min-width:0;max-width:100%}.tpage>*,.tarena .col-body>*{min-width:0}.tarena .col-body{width:100%;box-sizing:border-box}.t-leader .equip{min-width:0}.t-hand{--ch: 210px;--cw: calc(var(--ch) * .716);display:flex;justify-content:center;padding:26px 0 8px}.t-mode{--ac: var(--brass);position:relative;flex:none;width:var(--cw);height:var(--ch);margin-left:calc(var(--cw) * -.14);padding:0;overflow:hidden;border-radius:12px;border:2px solid color-mix(in srgb,var(--ac) 60%,#0000);background:#04202f;color:#fff;text-align:left;transform:rotate(calc(var(--k) * 3deg)) translateY(calc(var(--k) * var(--k) * 3px));transform-origin:50% 120%;box-shadow:0 10px 24px #000a;transition:transform .18s,box-shadow .18s,border-color .18s}.t-mode:first-child{margin-left:0}.t-mode:hover{transform:translateY(-16px) scale(1.04);z-index:5}.t-mode.on{transform:translateY(-26px);z-index:6;border-color:var(--brass);box-shadow:0 0 0 2px #ffd16666,0 0 30px #ffd16655,0 14px 28px #000b}.t-mode.accent-blue{--ac: #3b82f6}.t-mode.accent-green{--ac: #2fbf8a}.t-mode.accent-pink{--ac: #e0607e}.t-mode.accent-slate{--ac: #7d8bb0}.t-mode.accent-violet{--ac: #8b7cf6}.t-mode.accent-gold{--ac: #f5c542}.t-mode-art{position:absolute;top:0;right:0;bottom:0;left:0}.t-mode-art .cf{position:absolute;left:-8%;top:-6%;width:116%!important;height:auto!important;aspect-ratio:63 / 88}.t-mode-art .cf>:not(img){display:none}.t-mode-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 38%,color-mix(in srgb,var(--ac) 30%,#04202f) 70%,#04202f)}.t-mode{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left}.t-mode-kind{position:relative;margin:0 10px 3px 12px;z-index:1;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ac)}.t-mode b{position:relative;margin:0 10px 12px 12px;z-index:1;font-family:var(--chart);font-weight:800;font-size:18px;line-height:1.1;color:#fff;text-shadow:0 2px 6px #000}.tarena .col-section,.tarena .friend-panel,.tarena .resume-bar{background:var(--glass);border-color:var(--rim)}@media (max-width: 1100px){.t-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tz-game,.tz-decks{grid-column:1 / 3}.tz-new{grid-column:1}.tz-count{grid-column:2}.t-arena{grid-template-columns:200px minmax(0,1fr)}.t-account{grid-column:1 / 3}.t-leader-card{--ch: 200px}}@media (max-width: 700px){.tpage{padding:14px 12px 40px}.t-board{grid-template-columns:minmax(0,1fr)}.tz-game,.tz-decks,.tz-new,.tz-count{grid-column:1}.tz-count{flex-direction:row;flex-wrap:wrap;gap:10px 18px}.t-stack{--ch: 104px}.t-row{--ch: 120px;overflow-x:auto}.t-arena{grid-template-columns:minmax(0,1fr)}.t-account{grid-column:1}.t-leader{flex-direction:row;align-items:center}.t-leader-card{--ch: 120px;flex:none}.t-leader .equip{flex:1 1 0}.t-leader .tz-label{position:absolute;top:10px;left:14px}.t-played .mode{grid-template-columns:minmax(0,1fr)}.t-played .mode>*{grid-column:1}.t-played .mode>.mode-art{grid-row:auto;min-height:140px}.t-hand{--ch: 150px;overflow-x:auto;justify-content:flex-start;padding-left:8px}.t-mode{transform:none;margin-left:6px}.tarena .t-head{padding:14px 12px 0}}.app.site-table{--bg: #062537;--bg2: #072c40;--panel: #04202fcc;--panel2: #0a3a52;--line: #7fd6ff33;--line2: #7fd6ff4d;--muted: #9ccbe0;--gold: #ffd166;--gold2: #e9a23b;--on-gold: #2a1a04}.site-table select,.site-table input,.site-table textarea{background:#04202fd9;border-color:#7fd6ff40}.site-table input::placeholder{color:#bfefff73}.site-table button.primary,.site-table .mode-card button.primary{font-family:var(--chart);font-weight:800;letter-spacing:.06em;color:#2a1a04;background:linear-gradient(180deg,#ffe39a,var(--brass) 45%,var(--brass2));border:1.5px solid #fff3c4;box-shadow:0 2px #8a5a12,0 6px 14px #0005}.site-table button.primary:hover:not(:disabled){background:linear-gradient(180deg,#ffe9b0,var(--brass) 45%,var(--brass2));filter:brightness(1.05)}.site-table .chip.on{border-color:var(--brass);color:var(--brass);background:#ffd1661a}.site-table .page-head h1,.site-table .history-page h1,.site-table .builder-left h1,.site-table .modal h2{font-family:var(--chart);font-weight:800;font-size:clamp(24px,2.4vw,32px);letter-spacing:.03em;color:#e9f8ff}.site-table .page-head h1+.muted,.site-table .page-head .muted{color:#cfe9f5b3}.site-table .history-page .eyebrow,.site-table .deck-section{font-family:var(--chart);font-weight:800;letter-spacing:.18em;color:var(--brass)}.site-table .deck-title{font-family:var(--chart);letter-spacing:.03em}.site-table .panel,.site-table .mode-card,.site-table .deck-box,.site-table .replay-row,.site-table .hist-row,.site-table .stats,.site-table .modal{background:var(--glass);border:1px solid var(--rim);border-radius:14px;box-shadow:inset 0 0 30px #0003,0 8px 22px #0004;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.site-table .mode-card:hover,.site-table .replay-row:hover,.site-table .hist-row:hover{border-color:var(--brass)}.site-table .modal{background:linear-gradient(180deg,#072c40f5,#041b28f5)}.site-table .tag{background:#04202f;border-color:#7fd6ff40;color:#cfe9f5}.site-table .card-grid .cf,.site-table .grid-card .cf{box-shadow:0 6px 14px #0008,0 0 0 1px #bfefff1f}.site-table .filters select{max-width:100%;min-width:0}.site-table .filters{background:var(--glass);border:1px solid var(--rim);border-radius:14px;padding:10px 12px}.site-table .builder-right,.site-table .builder-foot{background:linear-gradient(#bfefff08 1px,transparent 1px) 0 0 / 23px 23px,linear-gradient(90deg,#bfefff08 1px,transparent 1px) 0 0 / 23px 23px,linear-gradient(180deg,#072c40,#041b28);border-color:#7fd6ff33}.site-table .filters .color-chips{flex-wrap:wrap;min-width:0;max-width:100%}@font-face{font-family:Palooka;font-weight:400;font-style:normal;font-display:swap;size-adjust:122%;src:url(/fonts/Palooka-BoldItalic.woff2) format("woff2"),url(/fonts/Palooka-BoldItalic.woff) format("woff"),url(/fonts/Palooka-BoldItalic.otf) format("opentype"),url(/fonts/Palooka-BoldItalic.ttf) format("truetype")}.app.site-table{--chart: "Palooka", "Luckiest Guy", "Bangers", Impact, sans-serif;--ink: #000;--red: #e0524a;--red2: #b8322b;--panel-b: #0d1b26f2;background:linear-gradient(168deg,var(--red) 0 150px,#0000 151px) no-repeat,repeating-linear-gradient(168deg,#0000 0,#0000 38px,#ffffff0a 38px,#ffffff0a 76px) 0 0 / 100% 170px no-repeat,linear-gradient(#bfefff0b 1px,transparent 1px) 0 0 / 46px 46px,linear-gradient(90deg,#bfefff0b 1px,transparent 1px) 0 0 / 46px 46px,radial-gradient(140% 1100px at 40% 300px,var(--sea1),var(--sea2))}.site-table h1,.site-table .t-head h1,.site-table .page-head h1,.site-table .history-page h1,.site-table .builder-left h1{font-family:var(--chart);font-weight:400;letter-spacing:.03em;color:#fff;text-shadow:0 3px 0 var(--ink);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.site-table .t-head h1 em,.site-table h1 em{color:var(--brass)}.site-table h2,.site-table .modal h2,.site-table .col-sec-head h2{font-family:var(--chart);font-weight:400;letter-spacing:.03em;text-shadow:0 2px 0 var(--ink)}.site-table .tz-label,.site-table .deck-section,.site-table .history-page .eyebrow{font-family:var(--chart);font-weight:400;letter-spacing:.08em;font-size:14px}.site-table .deck-title{font-family:var(--chart);font-weight:400;letter-spacing:.04em}.site-table .tz,.site-table .b-panel,.site-table .panel,.site-table .mode-card,.site-table .deck-box,.site-table .replay-row,.site-table .hist-row,.site-table .stats,.site-table .filters,.site-table .col-section,.site-table .friend-panel,.site-table .resume-bar{background:var(--panel-b);border:3px solid var(--ink);border-radius:16px;box-shadow:inset 0 2px #ffffff14,0 5px 0 var(--ink),0 14px 28px #0006;-webkit-backdrop-filter:none;backdrop-filter:none}.site-table .modal{border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink),0 30px 60px #000a}.site-table .mode-card:hover,.site-table .replay-row:hover,.site-table .hist-row:hover{border-color:var(--ink);outline:3px solid var(--brass)}.b-panel{position:relative;padding:0 16px 16px;overflow:hidden;min-width:0}.b-ribbon{display:block;width:max-content;max-width:86%;margin:0 0 14px -16px;padding:9px 34px 6px 16px;font-family:var(--chart);font-size:18px;letter-spacing:.05em;color:#fff;text-shadow:0 2px 0 #0007;background:linear-gradient(90deg,var(--red),var(--red2));clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b-ribbon.blue{background:linear-gradient(90deg,#2c8fd6,#1a5d99)}.b-ribbon.green{background:linear-gradient(90deg,#2fbf8a,#17805a)}.b-ribbon.slate{background:linear-gradient(90deg,#5b6b8f,#3c4865)}.b-btn,.site-table button.primary,.site-table .t-brass,.site-table .cta,.site-table .mode-go{font-family:var(--chart);font-weight:400;font-size:18px;letter-spacing:.05em;color:#fff;text-shadow:0 2px 0 #8a3b00;padding:11px 22px 7px;border:3px solid var(--ink);border-radius:14px;background:linear-gradient(180deg,#ffe39a 0,#ffc23d 45%,#f39a1e 55%,#e47c12);box-shadow:inset 0 3px #fff8,0 5px 0 var(--ink)}.b-btn:hover:not(:disabled),.site-table button.primary:hover:not(:disabled),.site-table .t-brass:hover,.site-table .cta:hover:not(:disabled),.site-table .mode-go:hover:not(:disabled){border-color:var(--ink);filter:brightness(1.08);background:linear-gradient(180deg,#ffe9b0 0,#ffc23d 45%,#f39a1e 55%,#e47c12)}.b-btn:active,.site-table button.primary:active:not(:disabled),.site-table .mode-go:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 3px #fff8,0 2px 0 var(--ink)}.site-table button.primary:disabled,.site-table .mode-go:disabled{background:#22313d;color:#9ccbe0;text-shadow:none;box-shadow:0 5px 0 var(--ink)}.b-btn.ghost{background:#1b0f05d9;text-shadow:none;box-shadow:0 5px 0 var(--ink)}.b-btn.ghost:hover{background:#2a1a0ae6}.b-btn.big{width:100%;font-size:32px;padding:12px 16px 8px;line-height:1}.b-btn small{display:block;margin-top:4px;font-size:12px;letter-spacing:.12em;color:#7a3a00;text-shadow:none}.site-table select,.site-table input:not([type=checkbox]):not([type=radio]),.site-table textarea{border:2px solid var(--ink);background:#0a1620}.site-table .chip{border:2px solid var(--ink);background:#1b0f05cc}.site-table .chip.on{border-color:var(--ink);background:linear-gradient(180deg,#ffe39a,#f39a1e);color:#3a1a00}.site-table .topnav.bnav{position:relative;z-index:20;gap:14px;padding:14px 24px 10px;min-height:78px;background:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.bnav .logo{font-family:var(--chart);font-weight:400;font-size:30px;letter-spacing:.04em;color:#fff;white-space:nowrap;margin-right:8px;text-shadow:0 3px 0 var(--ink);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.bnav .logo b{color:var(--brass)}.bn-tabs{display:flex;gap:8px;align-items:center}.site-table .topnav.bnav .bn-tab{display:flex;align-items:center;gap:7px;font-family:var(--chart);font-weight:400;font-size:17px;letter-spacing:.05em;color:#ffe7c2;white-space:nowrap;padding:8px 16px 5px;border:3px solid var(--ink);border-radius:6px;background:#1b0f05d9;transform:skew(-10deg);box-shadow:0 4px 0 var(--ink)}.bn-tab>*{transform:skew(10deg)}.bn-tab i{display:grid;place-items:center;margin-top:-3px}.site-table .topnav.bnav .bn-tab:hover:not(.on){border-color:var(--ink);background:#2a1a0ae6;color:#fff}.site-table .topnav.bnav .bn-tab.on{color:#3a1a00;background:linear-gradient(180deg,#ffe39a,#f39a1e);box-shadow:inset 0 3px #fff8,0 4px 0 var(--ink)}.site-table .topnav.bnav .bn-tab.bn-play{font-size:21px;padding:9px 22px 6px;color:#fff;text-shadow:0 2px 0 #7a1010;background:linear-gradient(180deg,#ff8a7a,var(--red) 55%,var(--red2));box-shadow:inset 0 3px #fff6,0 5px 0 var(--ink),0 0 22px #ff5d5d88}.site-table .topnav.bnav .bn-tab.bn-play.on{outline:3px solid var(--brass);outline-offset:2px;color:#fff}.bn-pill{display:flex;align-items:center;gap:6px;font-family:var(--chart);font-size:16px;letter-spacing:.03em;color:#fff;white-space:nowrap;background:#1b0f05e6;border:3px solid var(--ink);border-radius:99px;padding:3px 12px 0 4px;box-shadow:inset 0 2px #ffffff1a}.bn-pill i{width:24px;height:24px;margin-top:-3px;border-radius:50%;display:grid;place-items:center;font:900 12px Inter,sans-serif;font-style:normal;background:linear-gradient(180deg,#ffe39a,#e9a23b);color:#4a2c00;border:2px solid var(--ink)}.bn-pill i.blue{background:linear-gradient(180deg,#9fe7ff,#2c8fd6);color:#04202f}.site-table .topnav.bnav .bn-me{display:flex;align-items:center;gap:10px;padding:0;background:none;border:none;color:#fff;text-align:left}.bn-ava{--ch: 60px;--cw: 48px;flex:none;width:48px;height:48px;border-radius:12px;overflow:hidden;border:3px solid var(--brass);box-shadow:0 0 0 2px var(--ink),0 4px 0 var(--ink);background:#0a1620;position:relative}.bn-ava .cf,.bn-ava .card-back{position:absolute;left:-10%;top:-6%;width:120%!important;height:auto!important;aspect-ratio:63 / 88;border-radius:0}.bn-ava .cf>:not(img){display:none}.bn-who b{display:block;font-family:var(--chart);font-weight:400;font-size:18px;letter-spacing:.04em;text-shadow:0 2px 0 var(--ink);white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.bn-who small{font-size:11px;color:#ffe7c2}.bhome{gap:22px;padding-top:10px}.b-top{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px}.b-banner{position:relative;min-height:400px;border:4px solid var(--ink);border-radius:18px;overflow:hidden;background:#1b0f05;box-shadow:0 6px 0 var(--ink),0 20px 40px #0008}.b-slide{position:absolute;top:0;right:0;bottom:0;left:0;animation:b-in .45s ease-out}@keyframes b-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.b-slide{animation:none}}.b-slide-art{position:absolute;top:0;bottom:0;right:0;width:58%;overflow:hidden}.b-slide-art .cf{position:absolute;left:0;top:-20%;width:100%!important;height:auto!important;aspect-ratio:63 / 88;border-radius:0}.b-slide-art .cf>:not(img){display:none}.b-slide-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#1b0f05 0,#1b0f05aa 30%,transparent 70%)}.b-slide-visual{position:absolute;top:18px;right:22px;bottom:18px;width:min(46%,480px);display:flex;align-items:center}.b-slide-visual .mini-board{width:100%;padding:10px;border-radius:14px;background:#04202fd9;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink)}.b-slide-text{position:absolute;left:34px;top:34px;right:40%;display:flex;flex-direction:column;align-items:flex-start;z-index:1}.s-game .b-slide-text{right:52%}.b-tag{font-family:var(--chart);font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#3a1a00;background:var(--brass);padding:5px 12px 1px;border:3px solid var(--ink);transform:skew(-10deg);box-shadow:0 3px 0 var(--ink)}.b-slide-text h1{margin:16px 0 8px;font-size:clamp(40px,4.4vw,68px);line-height:.95;-webkit-text-stroke:2px var(--ink);text-shadow:0 5px 0 var(--ink)}.b-slide-text p{margin:0 0 20px;color:#ffe7c2;font-size:15px;max-width:460px}.b-row{display:flex;gap:12px;flex-wrap:wrap}.b-dots{position:absolute;left:34px;bottom:14px;display:flex;gap:6px;z-index:2}.b-dots button{width:12px;height:12px;padding:0;border-radius:6px;background:#fff6;border:2px solid var(--ink);transition:width .2s}.b-dots button.on{width:30px;background:var(--brass)}.b-crew{display:flex;flex-direction:column;align-items:center;text-align:center}.b-crew .b-ribbon{align-self:flex-start}.b-crew-card{--ch: 250px;--cw: calc(var(--ch) * .716);padding:0;border:none;background:none;transform:rotate(-3deg);transition:transform .15s}.b-crew-card .cf,.b-crew-card .card-back{border-radius:12px;box-shadow:0 0 0 4px var(--brass),0 0 0 7px var(--ink),0 0 40px #ffd16655,0 14px 24px #000a}.b-crew-card:hover{transform:rotate(0) translateY(-4px)}.b-crew-card.empty{width:var(--cw);height:var(--ch);border:3px dashed #bfefff66;border-radius:12px;display:grid;place-items:center;font-size:50px;color:#bfefffaa}.b-crew-name{margin-top:18px;font-family:var(--chart);font-weight:400;font-size:26px;letter-spacing:.04em;text-shadow:0 3px 0 var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-crew-sub{color:#cfe9f5;font-size:12px;margin-bottom:12px}.b-stats{display:flex;gap:8px;margin-bottom:16px}.b-stats div{min-width:70px;background:#000a;border:2px solid var(--ink);border-radius:10px;padding:6px 8px 3px}.b-stats b{display:block;font-family:var(--chart);font-weight:400;font-size:20px}.b-stats small{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9ccbe0}.b-crew .b-btn.big{margin-top:auto}.b-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0 8px}.b-tiles.six{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.b-tile{--ac: #e0524a;position:relative;height:230px;padding:0;border:4px solid var(--ink);border-radius:16px;overflow:hidden;background:#1b0f05;color:#fff;text-align:left;transform:skew(-5deg);box-shadow:0 6px 0 var(--ink);transition:transform .15s}.b-tiles.six .b-tile{height:190px}.b-tile>*{transform:skew(5deg)}.b-tile:hover:not(:disabled){border-color:var(--ink);transform:skew(-5deg) translateY(-6px)}.b-tile.on{outline:4px solid var(--brass);outline-offset:3px;transform:skew(-5deg) translateY(-6px)}.b-tile.accent-blue{--ac: #2c6bd6}.b-tile.accent-green{--ac: #17805a}.b-tile.accent-pink{--ac: #c0406a}.b-tile.accent-slate{--ac: #4a5a80}.b-tile.accent-violet{--ac: #6a3fd0}.b-tile.accent-gold{--ac: #b8860b}.b-tile.accent-red{--ac: #b8322b}.b-tile-art{position:absolute;top:-4px;right:-14px;bottom:-4px;left:-14px}.b-tile-art .cf{position:absolute;left:0;top:-12%;width:100%!important;height:auto!important;aspect-ratio:63 / 88;border-radius:0}.b-tile-art .cf>:not(img){display:none}.b-tile-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,color-mix(in srgb,var(--ac) 92%,#000) 20%,transparent 72%)}.b-tile small{position:absolute;left:16px;top:14px;font-family:var(--chart);font-size:13px;letter-spacing:.1em;text-transform:uppercase;background:#000b;padding:4px 9px 1px;border-radius:5px}.b-tile b{position:absolute;left:16px;right:10px;bottom:30px;font-family:var(--chart);font-weight:400;font-size:36px;line-height:1;letter-spacing:.03em;text-shadow:0 4px 0 var(--ink);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.b-tiles.six .b-tile b{font-size:25px;bottom:16px}.b-tile-sub{position:absolute;left:18px;bottom:11px;font-size:12px;font-weight:600;color:#ffe7c2}.b-lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:22px}.b-lower .t-stacks{gap:14px}.b-lower .t-row{--ch: 168px}.site-table .t-stack-cards>i{background:#1b0f05;border:2px solid var(--ink)}.site-table .t-stack.on .t-stack-cards>.cf{outline:3px solid var(--brass)}.site-table .t-stack b{font-family:var(--chart);font-weight:400;font-size:14px;letter-spacing:.03em}.site-table .t-stack.add .t-stack-cards{border:3px dashed #bfefff55}.site-table .t-card .cf,.site-table .t-stack-cards>.cf{box-shadow:0 0 0 2px var(--ink),0 5px 0 var(--ink)}.t-settings.b-panel>summary.b-ribbon{margin-bottom:0;cursor:pointer}.t-settings.b-panel[open]>summary.b-ribbon{margin-bottom:14px}.t-settings.b-panel>summary:before{content:"▸ "}.t-settings.b-panel[open]>summary:before{content:"▾ "}.site-table .mini-board .mb-side{border-color:#fff2}.site-table .mb-stats b{font-family:var(--chart);font-weight:400;letter-spacing:.03em}.site-table .mb-mid{font-family:var(--chart);font-weight:400;letter-spacing:.08em;font-size:13px}.barena .b-head{padding-top:6px}.barena .b-head h1{font-size:clamp(30px,3.2vw,46px)}.barena .b-head h1 .beta{-webkit-text-stroke:0;text-shadow:none;vertical-align:middle}.barena .col-hero-links a{font-family:var(--chart);font-weight:400;letter-spacing:.04em;color:#fff;text-shadow:0 2px 0 var(--ink)}.barena .col-live{border:3px solid var(--ink);background:#1b0f05e6;box-shadow:0 4px 0 var(--ink)}.barena .b-tiles{padding:4px 8px 6px}.b-arena{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:stretch}.b-played .mode{display:grid;grid-template-columns:minmax(150px,30%) minmax(0,1fr);column-gap:22px;row-gap:8px;align-content:start;background:none;border:none;box-shadow:none;padding:0;overflow:visible}.b-played .mode>*{grid-column:2}.b-played .mode>.mode-art{grid-column:1;grid-row:1 / span 12;margin:0;height:auto;min-height:280px;border-radius:12px;overflow:hidden;border:3px solid var(--ink)}.b-played .mode-art-card{top:-6%!important}.b-played .mode-icon{bottom:12px}.b-played .mode-badge{right:0;top:-44px}.b-played .mode-kind{margin-top:0}.b-played .mode h3{font-family:var(--chart);font-weight:400;font-size:34px;letter-spacing:.03em;color:#fff;text-shadow:0 3px 0 var(--ink)}.b-played .mode-go{justify-self:stretch;font-size:24px;margin-top:8px}.b-played .mode-tags button.on{background:linear-gradient(180deg,#ffe39a,#f39a1e);color:#3a1a00;border-color:var(--ink)}.b-crew-row{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}.b-crew-row .t-leader-card{--ch: 190px;flex:none;transform:rotate(-3deg);box-shadow:0 0 0 3px var(--brass),0 0 0 6px var(--ink),0 10px 20px #000a}.b-crew-row .equip{background:none;border:none;padding:0;flex-direction:column;align-items:stretch;gap:8px;min-width:0;flex:1 1 0;max-width:none}.b-crew-row .equip-thumb{display:none}.b-crew-row .equip-pick{flex-direction:column;align-items:stretch;gap:4px;font-size:12px}.b-crew-row .equip-pick select{min-width:0;width:100%}.b-crew .account{background:#000a;border:2px solid var(--ink);border-radius:12px;padding:12px;flex-direction:column;align-items:stretch;text-align:left}.barena .b-crew{align-items:stretch;text-align:left}.site-table .builder-right,.site-table .builder-foot{background:#0d1b26;border-color:var(--ink);border-width:3px}.site-table .tag{border:2px solid var(--ink);background:#1b0f05;color:#ffe7c2}.site-table .card-grid .cf,.site-table .grid-card .cf{box-shadow:0 0 0 2px var(--ink),0 4px 0 var(--ink)}@media (max-width: 1440px){.bn-decks{display:none}.site-table .topnav.bnav .bn-tab{padding:8px 11px 5px;font-size:15px}.b-tiles.six{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1100px){.b-top,.b-arena{grid-template-columns:minmax(0,1fr) 300px}.b-lower{grid-template-columns:minmax(0,1fr)}.bn-tab span,.bn-who{display:none}.site-table .topnav.bnav .bn-tab.bn-play span{display:inline}.b-crew-card{--ch: 200px}}@media (max-width: 760px){.app.site-table{padding-bottom:92px;background-size:auto,100% 120px,34px 34px,34px 34px,auto;background-image:linear-gradient(168deg,var(--red) 0 92px,#0000 93px),repeating-linear-gradient(168deg,#0000 0,#0000 38px,#ffffff0a 38px,#ffffff0a 76px),linear-gradient(#bfefff0b 1px,transparent 1px),linear-gradient(90deg,#bfefff0b 1px,transparent 1px),radial-gradient(140% 1100px at 40% 300px,var(--sea1),var(--sea2))}.site-table .topnav.bnav{overflow:visible;padding:10px 12px;min-height:64px;gap:8px}.bnav .logo{font-size:22px}.bn-pill{font-size:14px}.bn-pill:not(.gold):not(.bn-decks){display:none}.bn-ava{width:40px;height:40px}.bn-tabs{position:fixed;left:0;right:0;bottom:0;z-index:50;height:82px;padding:0 4px 14px;justify-content:space-around;align-items:flex-end;gap:0;background:linear-gradient(180deg,#2a1a0a,#1b0f05);border-top:3px solid var(--brass);box-shadow:0 -6px 18px #0008}.site-table .topnav.bnav .bn-tab{flex-direction:column;gap:2px;width:64px;padding:0;font-size:12px;transform:none;background:none;border:none;box-shadow:none;color:#c9b08a}.bn-tab>*{transform:none}.bn-tab span,.site-table .topnav.bnav .bn-tab.bn-play span{display:block}.site-table .topnav.bnav .bn-tab.on{background:none;box-shadow:none;color:var(--brass)}.bn-history{display:none!important}.site-table .topnav.bnav .bn-tab.bn-play{order:0;width:82px;font-size:13px;background:none;box-shadow:none;text-shadow:0 2px 0 var(--ink)}.bn-tab.bn-play i{width:66px;height:66px;margin-top:-34px;border-radius:50%;border:3px solid var(--ink);color:#fff;background:linear-gradient(180deg,#ff8a7a,var(--red) 55%,var(--red2));box-shadow:inset 0 3px #fff6,0 4px 0 var(--ink),0 0 20px #ff5d5d88}.site-table .topnav.bnav .bn-tab.bn-play.on{outline:none}.bn-tab.bn-play.on i{outline:3px solid var(--brass);outline-offset:2px}.bn-home{order:-2}.bn-library{order:-1}.bn-builder{order:1}.bn-replays{order:2}.bhome{padding-top:6px;gap:16px}.b-top,.b-arena,.b-lower{grid-template-columns:minmax(0,1fr)}.b-banner{min-height:400px}.b-slide-text p{font-size:14px}.b-slide-art{width:100%;opacity:.55}.b-slide-text{left:18px;right:18px;top:22px}.s-game .b-slide-text{right:18px}.b-slide-visual{display:none}.b-slide-text h1{font-size:42px}.b-dots{left:18px}.b-tiles,.b-tiles.six{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 6px}.b-tile,.b-tiles.six .b-tile{height:140px}.b-tile b,.b-tiles.six .b-tile b{font-size:26px;bottom:22px}.b-tile-sub{display:none}.b-played .mode{grid-template-columns:minmax(0,1fr)}.b-played .mode>*{grid-column:1}.b-played .mode>.mode-art{grid-row:auto;min-height:140px}.b-crew-row .t-leader-card{--ch: 130px}.b-lower .t-row{--ch: 130px;overflow-x:auto}.notices{bottom:96px}}.b-crew .account{flex:none}.barena .b-crew{justify-content:flex-start}.b-arena{align-items:start}@media (min-width: 1101px){.site-table .builder{height:calc(100vh - 78px)}}.rank-badge{--rk: #9ca3af;display:inline-flex;align-items:center;gap:4px;font-family:Palooka,Luckiest Guy,Bangers,sans-serif;font-weight:400;font-size:14px;letter-spacing:.05em;line-height:1;color:var(--rk);padding:4px 9px 1px 6px;border-radius:99px;background:color-mix(in srgb,var(--rk) 16%,#0a1620);border:2px solid #000;white-space:nowrap}.rank-badge i{font-style:normal;font-size:12px;margin-top:-2px}.rank-badge.small{font-size:11px;padding:3px 7px 0 5px}.rank-badge.rk-king{color:#3a1a00;background:linear-gradient(180deg,#ffe39a,#f39a1e);box-shadow:0 0 14px #ffd16688}.bn-who .rank-badge{margin-top:2px}.rank-progress{display:flex;flex-direction:column;gap:5px;margin-top:8px}.rank-progress small{font-size:12px;color:#cfe9f5}.rp-top{display:flex;align-items:center;gap:8px}.rp-place{font-family:Palooka,Luckiest Guy,sans-serif;font-size:16px;color:#ffd166}.rp-bar{height:12px;border-radius:8px;background:#04202f;border:2px solid #000;overflow:hidden}.rp-bar i{display:block;height:100%;background:linear-gradient(180deg,#ffe39a,#e9a23b)}.rank-ladder{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 14px}.rank-ladder>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px;border-radius:12px;background:#0a1620;border:2px solid #000}.rank-ladder .rank-badge{--rk: inherit;color:var(--rk)}.rank-ladder small{font-size:11px;color:#9ccbe0}.rank-change{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px}.rank-change b{font-family:Palooka,Luckiest Guy,sans-serif;font-weight:400;font-size:22px;letter-spacing:.04em}.rank-change.up b{color:#ffd166;text-shadow:0 2px 0 #000}.rank-change.down b{color:#ff9d8f}.rank-change .rank-badge{font-size:18px;padding:6px 12px 2px 8px}.rank-ladder .rank-badge.rk-king{color:#3a1a00}.season-chip{display:inline-flex;align-items:baseline;gap:8px;vertical-align:middle;padding:5px 12px 2px;border-radius:10px;background:linear-gradient(180deg,#2b6f9a,#174a6b);border:2px solid #000;box-shadow:0 3px #000;transform:skew(-8deg);font-family:var(--chart);font-weight:400;letter-spacing:.04em;text-shadow:none}.season-chip b{font-weight:400;font-size:16px;color:#ffd166}.season-chip small{font-family:inherit;font-size:12px;color:#d5ecf7}.season-chip.small{padding:3px 8px 1px;box-shadow:0 2px #000}.season-chip.small b{font-size:12px}h1 .season-chip{margin-left:6px}.rp-top .season-chip{margin-left:auto}.season-note{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 12px}.season-note>small{flex:1 1 280px;font-size:13px;color:#cfe9f5}.past-seasons{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.past-seasons>span{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:10px;background:#0a1620;border:2px solid #000}.past-seasons small{font-size:11px;color:#9ccbe0}.past-seasons em{font-style:normal;font-family:var(--chart);font-size:13px;color:#ffd166}.hall{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}.hall-season{flex:0 1 460px;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,#3a2a10,#1d1508);border:2px solid #000;box-shadow:0 3px #000}.hall-season>b{font-family:var(--chart);font-weight:400;font-size:18px;color:#ffd166;letter-spacing:.04em}.hall-season ol{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}.hall-season li{display:flex;align-items:center;gap:8px}.hall-season li small{margin-left:auto;color:#ffe7c2;font-size:12px}.bn-ava-wrap{position:relative;flex:none;display:block}.bn-ava-wrap .bn-ava{display:block}.bn-lvl{position:absolute;right:-9px;bottom:-9px;z-index:1;min-width:22px;height:22px;padding:2px 4px 0;border-radius:11px;display:grid;place-items:center;font-family:var(--chart);font-weight:400;font-size:13px;color:#3a1a00;background:linear-gradient(180deg,#ffe39a,#f39a1e);border:2px solid #000}.bn-xp{display:flex;align-items:center;gap:6px;margin-top:3px}.bn-xp small{font-family:var(--chart);font-size:12px;letter-spacing:.04em;color:#ffe7c2;white-space:nowrap}.bn-xp i{display:block;width:110px;height:9px;border-radius:6px;background:#04202f;border:2px solid #000;overflow:hidden}.bn-xp em{display:block;height:100%;background:linear-gradient(180deg,#9fe7ff,#2c8fd6)}.bn-signin{display:block;font-size:11px;color:#ffe7c2;margin-top:1px}.site-table .bnav>.rank-badge{font-size:13px}.art-pick{position:relative}.art-pick.locked img{filter:grayscale(.85) brightness(.55)}.art-pick.locked{cursor:not-allowed}.art-lock{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);white-space:nowrap;font:800 11px Inter,sans-serif;color:#fff;background:#000c;border:1px solid #ffd16699;border-radius:99px;padding:3px 8px}@media (max-width: 1100px){.bn-xp i{width:70px}.site-table .bnav>.rank-badge{display:none}}@media (max-width: 760px){.bn-who{display:block!important}.bn-who>b,.bn-signin{display:none!important}.bn-xp small{display:none}.bn-xp i{width:54px}}