@font-face{font-family:Vollkorn SC;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/vollkorn-sc-latin-600-normal-BPuKMELZ.woff2)format("woff2"),url(/assets/vollkorn-sc-latin-600-normal-BaPvSWxc.woff)format("woff")}@font-face{font-family:Vollkorn SC;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/vollkorn-sc-cyrillic-600-normal-BlRDTM4Z.woff2)format("woff2"),url(/assets/vollkorn-sc-cyrillic-600-normal-CKfIA5D1.woff)format("woff")}@font-face{font-family:Vollkorn SC;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vollkorn-sc-latin-700-normal-DoyLWVEe.woff2)format("woff2"),url(/assets/vollkorn-sc-latin-700-normal-C0T9ER8t.woff)format("woff")}@font-face{font-family:Vollkorn SC;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vollkorn-sc-cyrillic-700-normal-KQnk_KHS.woff2)format("woff2"),url(/assets/vollkorn-sc-cyrillic-700-normal-CXlYClR4.woff)format("woff")}@font-face{font-family:Vollkorn SC;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/vollkorn-sc-latin-900-normal-Dpqb4JaO.woff2)format("woff2"),url(/assets/vollkorn-sc-latin-900-normal-Dnmn5eTt.woff)format("woff")}@font-face{font-family:Vollkorn SC;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/vollkorn-sc-cyrillic-900-normal-C_OCMpTa.woff2)format("woff2"),url(/assets/vollkorn-sc-cyrillic-900-normal-iG8-l6AQ.woff)format("woff")}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fira-sans-latin-400-normal-a0AnQzuD.woff2)format("woff2"),url(/assets/fira-sans-latin-400-normal-66xCkunx.woff)format("woff")}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fira-sans-cyrillic-400-normal-CKu2TFQr.woff2)format("woff2"),url(/assets/fira-sans-cyrillic-400-normal-D9eUeF-O.woff)format("woff")}@font-face{font-family:Fira Sans;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/fira-sans-latin-400-italic-BHZPyyGY.woff2)format("woff2"),url(/assets/fira-sans-latin-400-italic-D1LrdPSQ.woff)format("woff")}@font-face{font-family:Fira Sans;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/fira-sans-cyrillic-400-italic-BAKcRBDi.woff2)format("woff2"),url(/assets/fira-sans-cyrillic-400-italic-XFS4x9o7.woff)format("woff")}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fira-sans-latin-500-normal-Bvbxc8ch.woff2)format("woff2"),url(/assets/fira-sans-latin-500-normal-Bkfzcwmr.woff)format("woff")}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fira-sans-cyrillic-500-normal-CXfldnQ8.woff2)format("woff2"),url(/assets/fira-sans-cyrillic-500-normal-Daski1k2.woff)format("woff")}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fira-sans-latin-600-normal-CXKlxLG9.woff2)format("woff2"),url(/assets/fira-sans-latin-600-normal-DtSgd811.woff)format("woff")}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fira-sans-cyrillic-600-normal-JSBvCpTs.woff2)format("woff2"),url(/assets/fira-sans-cyrillic-600-normal-CJ5P9t7t.woff)format("woff")}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fira-sans-latin-700-normal-CRhwpWTq.woff2)format("woff2"),url(/assets/fira-sans-latin-700-normal-DgqLm3Fi.woff)format("woff")}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fira-sans-cyrillic-700-normal-Bl-HczEO.woff2)format("woff2"),url(/assets/fira-sans-cyrillic-700-normal-KyW5QH4H.woff)format("woff")}@font-face{font-family:Fira Sans Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fira-sans-condensed-latin-500-normal-B1UMRPS4.woff2)format("woff2"),url(/assets/fira-sans-condensed-latin-500-normal-BbCxD8sU.woff)format("woff")}@font-face{font-family:Fira Sans Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fira-sans-condensed-cyrillic-500-normal-CQSBA2k-.woff2)format("woff2"),url(/assets/fira-sans-condensed-cyrillic-500-normal-C63bsobc.woff)format("woff")}@font-face{font-family:Fira Sans Condensed;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/fira-sans-condensed-latin-500-italic-NXDEGIg_.woff2)format("woff2"),url(/assets/fira-sans-condensed-latin-500-italic-BRWJYPve.woff)format("woff")}@font-face{font-family:Fira Sans Condensed;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/fira-sans-condensed-cyrillic-500-italic-dY0gcfxS.woff2)format("woff2"),url(/assets/fira-sans-condensed-cyrillic-500-italic-BsP4M5uq.woff)format("woff")}@font-face{font-family:Fira Sans Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fira-sans-condensed-latin-600-normal-CdJSnjCb.woff2)format("woff2"),url(/assets/fira-sans-condensed-latin-600-normal-BqwbndUu.woff)format("woff")}@font-face{font-family:Fira Sans Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fira-sans-condensed-cyrillic-600-normal-DJXvezZW.woff2)format("woff2"),url(/assets/fira-sans-condensed-cyrillic-600-normal-DebqAd1_.woff)format("woff")}@font-face{font-family:Fira Sans Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fira-sans-condensed-latin-700-normal-COwqi4SY.woff2)format("woff2"),url(/assets/fira-sans-condensed-latin-700-normal-DW9vo9LN.woff)format("woff")}@font-face{font-family:Fira Sans Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fira-sans-condensed-cyrillic-700-normal-BQ1RFKz5.woff2)format("woff2"),url(/assets/fira-sans-condensed-cyrillic-700-normal-C0V57pds.woff)format("woff")}.match3d{--ord-attack:#d9553f;--ord-hold:#c9962a;--ord-defend:#3f7fd6;--plate:linear-gradient(180deg, #302217f2, #19110bf2);--plate-solid:linear-gradient(180deg, #33251a, #1a120c);--plate-line:#6b4f2e;-webkit-user-select:none;user-select:none;background:#8fb8d8;position:fixed;inset:0;overflow:hidden}.match3d .board-wrap{position:absolute;inset:0}.match3d .board-wrap.cur-target canvas{cursor:crosshair}.phase-chip,.player-chip,.side-panel,.hud-stack,.cam-btns,.target-prompt,.hover-card,.mana-tip{color:var(--text);background:var(--plate);border:1px solid var(--plate-line);box-shadow:0 0 0 1px #060403d9,inset 0 1px #ffe6be14,0 6px 18px #00000073}.match3d kbd{min-width:18px;height:18px;font-family:var(--font-cond);text-align:center;color:var(--text);border:1px solid var(--line-2);vertical-align:1px;background:#120c08;border-bottom-width:2px;border-radius:3px;padding:0 4px;font-size:11px;font-weight:600;line-height:16px;display:inline-block}.hud-top{z-index:4;pointer-events:none;align-items:flex-start;gap:10px;display:flex;position:absolute;top:10px;left:10px;right:10px}.hud-top>*{pointer-events:auto}.phase-chip{border-radius:8px;align-items:center;gap:10px;min-width:196px;height:52px;padding:0 16px 0 7px;display:flex;position:relative;overflow:hidden}.phase-icon{color:#2a1704;background:radial-gradient(circle at 35% 30%,#fff0c2,#d6a64e 55%,#8a5a14);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 0 2px #120b06,0 0 0 3px #f6dc9c8c}.phase-icon .gi{width:22px;height:22px}.phase-chip.battle{border-color:#8a3a26}.phase-chip.battle .phase-icon{color:#fff1e8;background:radial-gradient(circle at 35% 30%,#ffb59e,#c4442e 55%,#6a1a10);animation:1.2s ease-in-out infinite battlePulse}@keyframes battlePulse{50%{box-shadow:0 0 0 2px #120b06,0 0 0 3px #ffa082cc,0 0 14px #ff6e5099}}.phase-title{font-family:var(--font-display);color:var(--gild-hi);font-size:19px;font-weight:700;line-height:1.05}.phase-title small{color:var(--muted);font-size:14px}.phase-sub{color:var(--text-2);align-items:center;gap:8px;font-size:12.5px;display:flex}.phase-timer{font-family:var(--font-cond);color:var(--warn);align-items:center;gap:3px;font-weight:700;display:inline-flex}.phase-progress{background:linear-gradient(90deg,#0000,#ff9f86,#0000) 0 0/50% 100% no-repeat;height:2px;animation:1.1s linear infinite phaseRun;position:absolute;bottom:0;left:0;right:0}@keyframes phaseRun{0%{background-position:-50% 0}to{background-position:150% 0}}.match3d .players{flex-wrap:wrap;flex:1;gap:8px;min-width:0;display:flex}.player-chip{--seat:#888;cursor:default;border-radius:8px;align-items:center;gap:8px;height:52px;padding:0 10px 0 0;font-size:13px;transition:border-color .12s,box-shadow .12s,opacity .2s;display:flex;position:relative;overflow:hidden}.player-chip.me{border-color:#d7ab5bb3}.pc-banner{background:linear-gradient(180deg, color-mix(in srgb, var(--seat) 80%, #fff 20%), color-mix(in srgb, var(--seat) 75%, #000 25%));flex:none;align-self:stretch;width:7px;box-shadow:1px 0 #0009}.player-chip .medal{box-shadow:0 0 0 1px #120b06, 0 0 0 2px color-mix(in srgb, var(--seat) 70%, #d7ab5b)}.pc-body{flex-direction:column;gap:4px;min-width:0;display:flex}.pc-name{align-items:center;gap:6px;line-height:1.1;display:flex}.pc-name b{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-weight:600;overflow:hidden}.pc-you{color:var(--gild-hi);background:#d7ab5b29;border:1px solid #d7ab5b66;border-radius:3px;padding:0 5px;font-size:10.5px;font-weight:600;line-height:15px;display:inline-block}.pc-warn{color:var(--warn)}.pc-target{color:#ff8a70}.pc-warn .gi,.pc-target .gi{width:15px;height:15px}.pc-stats{align-items:center;gap:8px;display:flex}.hpmini{background:#1e0c0a;border-radius:3px;width:72px;height:6px;display:block;overflow:hidden;box-shadow:inset 0 1px 2px #000c,0 0 0 1px #00000080}.hpmini>div{background:linear-gradient(#f08070,#b8362a);border-radius:3px;height:100%;transition:width .3s}.pc-units{font-family:var(--font-cond);color:var(--text-2);align-items:center;gap:3px;font-size:12.5px;font-weight:600;display:inline-flex}.pc-units .gi{width:13px;height:13px;color:var(--muted)}.ready-mark{width:22px;height:22px;color:var(--muted);border:1px solid var(--line-2);background:#00000059;border-radius:50%;flex:none;place-items:center;display:grid}.ready-mark .gi{width:13px;height:13px}.ready-mark.on{color:#e6ffe8;background:radial-gradient(circle at 35% 30%,#8fe09a,#2f8a42);border-color:#9fe0a0}.player-chip.clickable{cursor:pointer}.player-chip.clickable:hover{border-color:var(--gild)}.player-chip.target{border-color:#ff8a70;box-shadow:0 0 0 1px #060403d9,0 0 12px #ff785a73}.player-chip.out{opacity:.45;filter:grayscale(.8)}.player-chip.out .pc-name b{text-decoration:line-through}.hud-top-actions{gap:6px;margin-left:auto;display:flex}.phase-banner{z-index:30;pointer-events:none;text-align:center;animation:1.9s ease-out forwards pbIn;position:fixed;top:21%;left:50%;transform:translate(-50%)}.pb-ribbon{background:linear-gradient(90deg,#0000,#1c130ced 16% 84%,#0000);border-top:2px solid;border-bottom:2px solid;border-image:linear-gradient(90deg,#0000,#d7ab5b 18%,#f6dc9c 50%,#d7ab5b 82%,#0000) 1;align-items:center;gap:16px;padding:10px 60px;display:inline-flex}.pb-icon{width:38px;height:38px;color:var(--gild-hi);filter:drop-shadow(0 2px 2px #000000b3)}.pb-title{font-family:var(--font-display);letter-spacing:.03em;background:linear-gradient(#fff3cf 15%,#e3b464 60%,#a8742a);color:#0000;filter:drop-shadow(0 3px #000000b3);-webkit-background-clip:text;background-clip:text;font-size:46px;font-weight:900;line-height:1.05}.phase-banner.battle .pb-icon{color:#ffb59e}.phase-banner.battle .pb-title{background-image:linear-gradient(#ffe2d6 15%,#f2876c 60%,#a8382a)}.phase-banner.battle .pb-ribbon{border-image:linear-gradient(90deg,#0000,#c4442e 18%,#ff9f86 50%,#c4442e 82%,#0000) 1}.pb-sub{color:#f3e6c8;text-shadow:0 1px 2px #000,0 0 10px #000c;margin-top:8px;font-size:14.5px}@keyframes pbIn{0%{opacity:0;transform:translate(-50%)scale(.92)}12%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}.target-prompt{z-index:5;white-space:nowrap;border-color:#d7ab5bbf;border-radius:8px;align-items:center;gap:10px;padding:6px 7px 6px 12px;font-size:14px;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.target-prompt.danger{border-color:#a8483a}.tp-icon{width:20px;height:20px;color:var(--gild)}.target-prompt.danger .tp-icon{color:var(--danger)}.order-picker{z-index:40;width:344px;color:var(--text);background:linear-gradient(#392a1d,#1c140d);border:1px solid #8a6a3a;border-radius:10px;padding:11px 11px 9px;animation:.14s ease-out opIn;position:fixed;transform:translate(-50%,-100%);box-shadow:0 0 0 1px #060403,0 0 0 4px #140d08d9,0 0 0 5px #d7ab5b59,0 14px 34px #0009}.order-picker:after{content:"";background:#1c140d;border-bottom:1px solid #8a6a3a;border-right:1px solid #8a6a3a;width:13px;height:13px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes opIn{0%{transform:translate(-50%,calc(8px - 100%))}}.order-picker.below{animation:.14s ease-out opInBelow;transform:translate(-50%)}.order-picker.below:after{background:#392a1d;top:-8px;bottom:auto;transform:translate(-50%)rotate(225deg)}@keyframes opInBelow{0%{transform:translate(-50%,-8px)}}.op-title{font-family:var(--font-display);color:var(--gild-hi);margin:0 2px 9px;font-size:15px;font-weight:700}.op-buttons{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.op-btn{--oc:var(--ord-attack);border:1px solid var(--line-2);color:var(--text);font-family:var(--font-display);cursor:pointer;background:linear-gradient(#3d2c1e,#241810);border-radius:7px;flex-direction:column;align-items:center;gap:6px;padding:11px 4px 8px;font-size:15px;font-weight:600;transition:transform 80ms,border-color .12s,box-shadow .12s;display:flex;position:relative;box-shadow:inset 0 1px #ffe6be1a}.op-btn.hold{--oc:var(--ord-hold)}.op-btn.defend{--oc:var(--ord-defend)}.op-btn:hover{border-color:var(--oc);box-shadow:inset 0 1px 0 #ffe6be1f, 0 0 14px color-mix(in srgb, var(--oc) 40%, transparent);transform:translateY(-1px)}.op-btn.pre{border-color:var(--oc);box-shadow:inset 0 0 0 1px var(--oc), 0 0 12px color-mix(in srgb, var(--oc) 35%, transparent)}.op-btn.current{background:linear-gradient(180deg, color-mix(in srgb, var(--oc) 30%, #3d2c1e), #241810)}.op-icon{color:#fff;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--oc) 55%, #fff), var(--oc) 55%, color-mix(in srgb, var(--oc) 55%, #000));filter:drop-shadow(0 1px #0006);border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 0 2px #120b06,0 0 0 3px #f6dc9c73,0 3px 6px #00000080}.op-label{line-height:1}.op-btn kbd{min-width:16px;height:16px;color:var(--muted);font-size:10px;line-height:14px;position:absolute;top:5px;right:5px}.op-now{font-family:var(--font-body);color:var(--gild-hi);font-size:10px;font-weight:600;position:absolute;top:5px;left:6px}.op-row{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.op-link{color:#ffb59e;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:3px 5px;font-size:13px;font-weight:500;display:inline-flex}.op-link .gi{width:15px;height:15px}.op-link:hover{color:#ffd2c2;background:#ffe4b412}.op-link.muted{color:var(--muted)}.op-hint{color:var(--text-2);border-top:1px solid #6b4f2e99;margin-top:7px;padding-top:7px;font-size:12.5px;line-height:1.4}.hover-wrap{z-index:35;pointer-events:none;position:fixed}.hover-card{--team:#cfc6b4;border-radius:8px;width:304px;padding-bottom:10px;font-size:13px;overflow:hidden}.hc-head{background:linear-gradient(90deg, color-mix(in srgb, var(--team) 30%, transparent), transparent 75%);box-shadow:inset 0 3px 0 var(--team);border-bottom:1px solid #6b4f2e99;align-items:center;gap:10px;padding:10px 12px 9px;display:flex}.hc-kind{color:#fff5dd;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--team) 60%, #fff 10%), color-mix(in srgb, var(--team) 55%, #000));border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 0 0 2px #120b06,0 0 0 3px #f6dc9c80}.hc-kind .gi{width:18px;height:18px}.hc-name{font-family:var(--font-display);color:var(--gild-hi);font-size:17px;font-weight:700;line-height:1.1}.hc-sub{color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:flex}.hc-sub .dot{border-radius:50%;width:8px;height:8px;display:inline-block}.hover-card>:not(.hc-head){margin-left:12px;margin-right:12px}.hc-hp{font-family:var(--font-cond);font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-top:9px;font-size:13.5px;font-weight:700;display:flex}.hc-heart{color:#e04848;width:16px;height:16px}.hc-hpbar{background:#1a0f0b;border-radius:4px;flex:1;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #000c,0 0 0 1px #0009}.hc-hpbar>div{border-radius:4px;height:100%}.hc-stats{gap:5px;margin-top:8px;display:flex}.hc-stat{background:#0000004d;border:1px solid #6b4f2e8c;border-radius:5px;flex-direction:column;flex:1;align-items:center;gap:1px;padding:5px 2px 4px;display:flex}.hc-v{font-family:var(--font-display);align-items:center;gap:4px;font-size:17px;font-weight:900;line-height:1.1;display:inline-flex}.hc-v .gi{width:14px;height:14px;color:var(--gild)}.hc-stat.atk .hc-v .gi{color:#f0912f}.hc-stat.heal .hc-v .gi{color:#5fc770}.hc-l{color:var(--muted);font-size:10.5px}.hc-order{--oc:var(--ord-attack);border-left:3px solid var(--oc);color:var(--text-2);background:#00000047;border-radius:6px;align-items:flex-start;gap:9px;margin-top:8px;padding:7px 9px;display:flex}.hc-order.hold{--oc:var(--ord-hold)}.hc-order.defend{--oc:var(--ord-defend)}.hc-order-icon{color:#fff;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--oc) 55%, #fff), var(--oc) 55%, color-mix(in srgb, var(--oc) 55%, #000));border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid;box-shadow:0 0 0 1px #120b06}.hc-order b{color:var(--text);font-family:var(--font-display);font-weight:700}.hc-order .small{font-size:12px;line-height:1.35}.hc-status{color:#ffd7a8;flex-direction:column;gap:2px;margin-top:8px;font-size:12.5px;display:flex}.hc-text{color:var(--text-2);margin-top:8px;margin-bottom:0;line-height:1.45}.hc-kws{color:var(--muted);margin-top:6px;margin-bottom:0;padding-left:16px;font-size:12px;line-height:1.4}.hc-note{color:var(--warn);margin-top:8px;font-size:12px}.side-panel{z-index:4;border-radius:8px;flex-direction:column;width:296px;display:flex;position:absolute;top:72px;bottom:182px;right:10px;overflow:auto}.side-panel section{border-bottom:1px solid #6b4f2e80;flex:none;padding:10px 12px}.side-panel h4{font-family:var(--font-display);letter-spacing:.03em;color:var(--gild);text-shadow:none;align-items:center;gap:7px;margin:0 0 8px;font-size:14px;font-weight:600;display:flex}.side-panel h4 .gi{width:16px;height:16px}.side-panel h4.toggle{cursor:pointer}.side-panel h4.toggle:hover{color:var(--gild-hi)}.side-panel .tips-section{flex:0 auto;min-height:96px;max-height:46%;overflow:auto}.side-panel .tip{padding:6px 8px 6px 26px;font-size:12.5px}.side-panel .tip:before{width:7px;height:7px;top:11px;left:10px}.side-panel .hover-card{width:auto;box-shadow:none;background:0 0;border:0;border-radius:0;margin:-10px -12px}.trait-row{color:var(--text-2);align-items:center;gap:8px;padding:3px 0;font-size:13px;display:flex}.trait-row .gi{width:15px;height:15px;color:var(--faint)}.trait-row .num{font-family:var(--font-cond);align-items:center;font-weight:700;display:inline-flex}.trait-row.active{color:var(--gild-hi)}.trait-row.active .gi{color:var(--gild)}.trait-row.artifact .gi{color:#b48cff}.side-panel .grow-section{flex-direction:column;flex:120px;min-height:110px;display:flex;overflow:hidden}.log{flex-direction:column;flex:1;gap:3px;min-height:0;font-size:12.5px;line-height:1.35;display:flex;overflow:auto}.log>div{color:var(--text-2);border-left:2px solid #0000;padding-left:8px}.log>div.log-seat{border-left-color:var(--seat);color:color-mix(in srgb, var(--seat) 45%, #f0e4c8)}.side-panel .help{color:var(--muted);flex:none;padding:8px 12px;font-size:12px;line-height:1.55}.side-panel .help summary{cursor:pointer;font-family:var(--font-display);color:var(--gild);align-items:center;gap:7px;font-size:14px;font-weight:600;list-style:none;display:flex}.side-panel .help summary::-webkit-details-marker{display:none}.side-panel .help summary .gi{width:16px;height:16px}.side-panel .help summary .glyph{transition:transform .15s;transform:rotate(-90deg)}.side-panel .help[open] summary .glyph{transform:none}.side-panel .help summary:hover{color:var(--gild-hi)}.side-panel .help p{margin:6px 0 0}.hud-left{z-index:4;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:12px;left:12px}.mana-orb{cursor:help;flex-direction:column;align-items:center;width:92px;display:flex;position:relative}.mana-gem-big{filter:drop-shadow(0 6px 10px #0009)drop-shadow(0 0 14px #5096ff59);width:92px;height:92px}.mana-sub{font-family:var(--font-cond);color:#d6e6ff;white-space:nowrap;background:linear-gradient(#1a3266,#0c1838);border:1px solid #4c7fd0;border-radius:10px;margin-top:-8px;padding:1px 9px;font-size:12px;font-weight:700;position:relative;box-shadow:0 2px 4px #00000080}.mana-tip{z-index:30;text-align:left;cursor:default;border-color:#3f6db0;border-radius:8px;width:252px;padding:10px 12px;font-size:13px;position:absolute;bottom:calc(100% + 10px);left:0}.mt-title{font-family:var(--font-display);color:#cfe0ff;align-items:center;gap:7px;margin-bottom:6px;font-size:15px;font-weight:700;display:flex}.mt-title .gi{color:#6fa9ff;width:16px;height:16px}.mt-row{color:var(--text-2);border-bottom:1px dashed #6b4f2e73;justify-content:space-between;padding:3px 0;display:flex}.mt-row b{font-family:var(--font-cond);color:#9cc8ff;font-weight:700}.mt-row.cap{color:var(--warn)}.mt-foot{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.4}.hud-stack{border-radius:8px;flex-direction:column;gap:7px;width:232px;padding:8px;display:flex}.hero-btn{font:inherit;text-align:left;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#00000047;border-radius:24px;align-items:center;gap:9px;padding:4px 10px 4px 4px;transition:border-color .12s,box-shadow .12s;display:flex}.hero-btn:disabled{cursor:default}.hero-btn.ready{border-color:var(--gild);animation:1.8s ease-in-out infinite heroGlow}.hero-btn.ready:hover{border-color:var(--gild-hi)}@keyframes heroGlow{50%{box-shadow:0 0 14px #f0be5f8c}}.hb-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.hb-text b{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.hb-text span{color:var(--muted);font-size:11.5px}.hero-btn.ready .hb-text span{color:var(--gild-hi)}.stance-row{align-items:center;gap:5px;display:flex}.sr-label{color:var(--muted);margin-right:auto;font-size:12.5px}.order-all{--oc:var(--ord-attack);border:1px solid color-mix(in srgb, var(--oc) 55%, #3a2a1c);background:linear-gradient(180deg, color-mix(in srgb, var(--oc) 22%, #3a2a1c), #20160e);width:44px;height:30px;color:color-mix(in srgb, var(--oc) 75%, #fff);cursor:pointer;border-radius:5px;place-items:center;transition:filter .12s,border-color .12s;display:grid;box-shadow:inset 0 1px #ffe6be1a}.order-all.hold{--oc:var(--ord-hold)}.order-all.defend{--oc:var(--ord-defend)}.order-all:hover:not(:disabled){filter:brightness(1.25);border-color:var(--oc)}.order-all:disabled{opacity:.4;cursor:default}.deck-counters{font-family:var(--font-cond);color:var(--text-2);border-top:1px solid #6b4f2e80;justify-content:space-between;padding:5px 4px 0;font-size:13px;font-weight:600;display:flex}.deck-counters span{align-items:center;gap:4px;display:inline-flex}.deck-counters .gi{width:14px;height:14px;color:var(--gild)}.hud-right{z-index:4;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:14px;right:14px}.cam-btns{border-radius:8px;grid-template-columns:repeat(2,30px);gap:3px;margin-bottom:4px;padding:4px;display:grid}.cam-btns .sound-btns{display:contents}.cam-btns .btn{box-shadow:none}.cam-btns .btn .gi,.cam-btns .btn .glyph{width:16px;height:16px;color:var(--text-2)}.cam-btns .btn:hover .gi,.cam-btns .btn:hover .glyph{color:var(--gild-hi)}.end-turn{cursor:pointer;color:#2a1704;background:radial-gradient(circle at 50% 32%,#fff1c2 0%,#ecbd62 34%,#b8822e 66%,#6d4610 100%);border:none;border-radius:50%;flex:none;width:128px;height:128px;padding:0;transition:transform .1s,filter .2s;position:relative;box-shadow:0 0 0 3px #1a110a,0 0 0 6px #d7ab5b,0 0 0 8px #1a110a,0 10px 28px #0009,inset 0 -12px 20px #5a2d0073,inset 0 6px 10px #fff6}.end-turn:not(:disabled):not(.waiting){animation:2.2s ease-in-out infinite readyGlow}@keyframes readyGlow{50%{box-shadow:0 0 0 3px #1a110a,0 0 0 6px #f6dc9c,0 0 0 8px #1a110a,0 10px 28px #0009,0 0 34px #f6c86e8c,inset 0 -12px 20px #5a2d0073,inset 0 6px 10px #fff6}}.end-turn:hover:not(:disabled){filter:brightness(1.06);transform:scale(1.04)}.end-turn:active:not(:disabled){transform:scale(.97)}.et-face{z-index:1;flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.et-icon{color:#3a2208;filter:drop-shadow(0 1px #fff0c899);width:34px;height:34px}.et-label{font-family:var(--font-display);letter-spacing:.02em;text-shadow:0 1px #fff4d299;font-size:21px;font-weight:900;line-height:1}.end-turn small{opacity:.85;max-width:96px;font-size:10.5px;font-weight:600;line-height:1.15}.end-turn.waiting{color:#06210f;background:radial-gradient(circle at 50% 32%,#dcffe4 0%,#7fd795 34%,#2f8a4a 66%,#134a25 100%);box-shadow:0 0 0 3px #1a110a,0 0 0 6px #9fe0a0,0 0 0 8px #1a110a,0 10px 28px #0009,inset 0 -12px 20px #00321473,inset 0 6px 10px #fff6}.end-turn.waiting .et-icon{color:#0b3a1b}.end-turn.off{cursor:default;color:#efe6da;background:radial-gradient(circle at 50% 32%,#a49a90 0%,#6a6058 40%,#3a332d 75%,#1e1915 100%);box-shadow:0 0 0 3px #1a110a,0 0 0 6px #6b5d4c,0 0 0 8px #1a110a,0 10px 28px #0009,inset 0 -12px 20px #00000073,inset 0 6px 10px #ffffff26}.end-turn.off .et-icon{color:#efe6da;filter:none;opacity:.8}.end-turn.off .et-label{text-shadow:0 1px 1px #000;font-size:16px}.end-turn .ring{pointer-events:none;width:calc(100% + 24px);height:calc(100% + 24px);position:absolute;inset:-12px;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:none}.ring-fg{fill:none;stroke:#ffd98a;stroke-width:1.6px;stroke-linecap:round;filter:drop-shadow(0 0 3px #ffc864cc);transition:stroke-dasharray .25s linear}.results-modal{max-width:760px}.result-head{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px;display:flex}.result-head h1{margin:6px 0 0;font-size:46px;font-weight:900}.result-head.won h1{background:linear-gradient(#fff3cf 15%,#e3b464 60%,#a8742a);color:#0000;text-shadow:none;filter:drop-shadow(0 3px #000000b3);-webkit-background-clip:text;background-clip:text}.result-head.lost h1{color:#e08a72}.result-head.aborted h1{color:var(--text-2)}.result-sub{color:var(--muted);justify-content:center;gap:16px;display:flex}.places{flex-direction:column;gap:6px;margin:12px 0 16px;display:flex}.place{--seat:#888;border:1px solid var(--line);background:#00000040;border-radius:6px;align-items:center;gap:12px;padding:8px 12px;display:flex}.place.first{background:linear-gradient(90deg,#d7ab5b38,#0003);border-color:#d7ab5b99}.place.me .place-name{color:var(--gild-hi)}.place-n{width:28px;height:28px;font-family:var(--font-display);color:var(--text);border:1px solid var(--line-2);background:#00000059;border-radius:50%;place-items:center;font-weight:900;display:grid}.place.first .place-n{color:#2a1704;background:radial-gradient(circle at 35% 30%,#fff0c2,#d6a64e 60%,#8a5a14);border-color:#6d4610}.place-seat{background:var(--seat);border-radius:2px;width:6px;height:24px}.place-name{align-items:center;gap:8px;font-weight:600;display:flex}.result-rewards{border:1px solid var(--line);background:#00000038;border-radius:8px;padding:14px 16px}.result-rewards h3{color:var(--gild-hi);margin:0 0 10px}.result-rewards .row{gap:8px;margin-bottom:8px}.result-rewards .chip{height:28px;font-size:13.5px}.result-rewards .chip .medal{box-shadow:0 0 0 1px #120b06}.result-actions{justify-content:center;margin-top:18px;display:flex}@media (height<=780px){.side-panel{bottom:164px}.end-turn{width:112px;height:112px}.et-label{font-size:19px}.mana-orb,.mana-gem-big{width:82px}.mana-gem-big{height:82px}}@media (width<=1100px){.side-panel{width:250px}.pc-name b{max-width:90px}.hpmini{width:50px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#100b08;--bg-2:#17100b;--wood:#22170f;--wood-2:#2c1f15;--wood-3:#3a291c;--well:#0c0806;--edge:#060403;--line:#4a3524;--line-2:#614731;--gild:#d7ab5b;--gild-hi:#f6dc9c;--gild-lo:#8a6327;--parch:#ecdcb8;--parch-2:#d9c398;--ink:#2b1e12;--ink-2:#5b4630;--ink-accent:#7a2e10;--text:#f0e4c8;--text-2:#cdbb98;--muted:#a08f72;--faint:#6e5f49;--accent:var(--gild);--accent2:var(--gild-hi);--danger:#d65a4e;--danger-bg:#6e241c;--ok:#82c77a;--info:#7fa9db;--warn:#e8b552;--mana:#4c8ee6;--gold-c:#f2c45a;--shard-c:#8fd0ff;--common:#c2b296;--rare:#7aaaf0;--epic:#c48ff2;--bg2:var(--bg-2);--panel:var(--wood);--panel2:var(--wood-2);--font-display:"Vollkorn SC", Georgia, "Times New Roman", serif;--font-body:"Fira Sans", "Segoe UI", Roboto, "Noto Sans", sans-serif;--font-cond:"Fira Sans Condensed", "Fira Sans", "Arial Narrow", sans-serif;--fs-xs:11.5px;--fs-sm:12.5px;--fs:14px;--fs-md:15.5px;--fs-lg:18px;--fs-xl:24px;--fs-2xl:32px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--r-xs:3px;--r-sm:5px;--r:8px;--r-lg:12px;--radius:var(--r);--shadow-sm:0 2px 6px #00000073;--shadow:0 10px 28px #0000008c;--shadow-lg:0 24px 60px #000000b3;--bevel:inset 0 1px 0 #ffecc812, inset 0 -1px 0 #00000059;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--corner-tl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M1.5 21V7.5L7.5 1.5H21' fill='none' stroke='%23d7ab5b' stroke-width='1.5'/%3E%3Cpath d='M6 3.4L8.6 6L6 8.6L3.4 6Z' fill='%23f0cd85'/%3E%3C/svg%3E");--corner-tr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M20.5 21V7.5L14.5 1.5H1' fill='none' stroke='%23d7ab5b' stroke-width='1.5'/%3E%3Cpath d='M16 3.4L18.6 6L16 8.6L13.4 6Z' fill='%23f0cd85'/%3E%3C/svg%3E");--corner-bl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M1.5 1V14.5L7.5 20.5H21' fill='none' stroke='%23d7ab5b' stroke-width='1.5'/%3E%3Cpath d='M6 13.4L8.6 16L6 18.6L3.4 16Z' fill='%23f0cd85'/%3E%3C/svg%3E");--corner-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M20.5 1V14.5L14.5 20.5H1' fill='none' stroke='%23d7ab5b' stroke-width='1.5'/%3E%3Cpath d='M16 13.4L18.6 16L16 18.6L13.4 16Z' fill='%23f0cd85'/%3E%3C/svg%3E");--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23d7ab5b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#5a4330 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#4d3826 padding-box padding-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#6b4f33}::selection{color:#fff;background:#d7ab5b59}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse 90% 55% at 50% -12%, #c4803433, transparent 62%), radial-gradient(ellipse 140% 90% at 50% 125%, #000000b3, transparent 60%), var(--noise), linear-gradient(180deg, #19110b, #0e0906 70%);color:var(--text);font-family:var(--font-body);font-size:var(--fs);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.45}button{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 var(--sp-3);letter-spacing:.01em;color:var(--gild-hi);text-shadow:0 2px #0000008c;font-weight:700;line-height:1.15}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg);color:var(--text)}h4{font-size:var(--fs-md);color:var(--text)}a{color:var(--gild-hi);text-underline-offset:3px}a:hover{color:#fff3cf}p{margin:0 0 var(--sp-2)}:focus-visible{outline:2px solid var(--gild-hi);outline-offset:2px}.gi,.glyph{vertical-align:-.14em;flex:none;display:inline-block}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:var(--fs-sm)}.gold{color:var(--gild-hi)}.danger-text{color:var(--danger)}.ok-text{color:var(--ok)}.center{text-align:center}.row{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.col{gap:var(--sp-3);flex-direction:column;display:flex}.grow{flex:1;min-width:0}.spacer{flex:1}.nowrap{white-space:nowrap}.num{font-family:var(--font-cond);font-variant-numeric:tabular-nums;font-weight:600}.cur-gold{color:var(--gold-c)}.cur-shard{color:var(--shard-c)}.eyebrow{font-family:var(--font-display);letter-spacing:.12em;color:var(--gild);text-transform:lowercase;font-size:13px;font-weight:600}.hint{color:var(--muted);font-size:var(--fs-sm);line-height:1.5}.divider{height:1px;margin:var(--sp-4) 0;background:linear-gradient(90deg,#0000,#d7ab5b73,#0000);border:0}.page-head{align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.page-head h1{margin:0}.page-head .sub{color:var(--text-2);font-size:var(--fs-md);padding-bottom:4px}.page-title{padding-bottom:10px;position:relative}.page-title:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M6 1L11 6L6 11L1 6Z' fill='%23d7ab5b'/%3E%3C/svg%3E") left center / 6px 6px no-repeat, linear-gradient(90deg, var(--gild) 0, #d7ab5b99 40%, transparent) 10px center / calc(100% - 10px) 1px no-repeat;width:min(320px,100%);height:6px;position:absolute;bottom:0;left:0}.btn{height:38px;font-family:var(--font-display);letter-spacing:.02em;color:var(--text);text-shadow:0 1px #000000a6;border:1px solid var(--line-2);border-radius:var(--r-sm);box-shadow:0 0 0 1px var(--edge), inset 0 1px 0 #ffe6be24, inset 0 -2px 0 #00000047, 0 2px 4px #0006;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:linear-gradient(#45321f 0%,#2e2015 55%,#251a11 100%);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15.5px;font-weight:600;line-height:1;text-decoration:none;transition:filter .12s,border-color .12s,transform 60ms,box-shadow .12s,color .12s;display:inline-flex;position:relative}.btn .gi{width:1.15em;height:1.15em;color:var(--gild)}.btn:hover:not(:disabled){border-color:var(--gild);filter:brightness(1.12);color:#fff6de}.btn:active:not(:disabled){box-shadow:0 0 0 1px var(--edge), inset 0 2px 5px #00000080;transform:translateY(1px)}.btn:disabled{cursor:not-allowed;filter:grayscale(.75)brightness(.72);opacity:.6}.btn.primary:disabled{filter:saturate(.45)brightness(.68);opacity:.85}.btn.primary{color:#2a1704;text-shadow:0 1px #fff4d28c;box-shadow:0 0 0 1px var(--edge), inset 0 1px 0 #ffffffa6, inset 0 -2px 0 #5a320561, 0 3px 10px #00000073, 0 0 18px #e7b55a29;background:linear-gradient(#ffe9ae 0%,#ebbb62 42%,#c98f37 58%,#a8702a 100%);border-color:#6b4512;font-weight:700}.btn.primary .gi{color:#3a2208}.btn.primary:hover:not(:disabled){color:#1d0f02;filter:brightness(1.07)saturate(1.08);box-shadow:0 0 0 1px var(--edge), inset 0 1px 0 #ffffffb3, inset 0 -2px 0 #5a320561, 0 4px 14px #00000073, 0 0 26px #f0be5f61;border-color:#8a5d1a}.btn.danger{color:#ffe9e2;background:linear-gradient(#a2402f 0%,#7d2a1f 55%,#651f17 100%);border-color:#3e110b}.btn.danger .gi{color:#ffc9b9}.btn.danger:hover:not(:disabled){border-color:#e0806e}.btn.ghost{box-shadow:none;color:var(--text-2);text-shadow:none;background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){color:var(--text);filter:none;background:#ffe4b412;border-color:#0000}.btn.small{gap:6px;height:30px;padding:0 12px;font-size:13.5px}.btn.large{letter-spacing:.04em;height:50px;padding:0 30px;font-size:20px}.btn.block{width:100%}.btn.icon{width:38px;padding:0}.btn.small.icon{width:30px}.btn.active{border-color:var(--gild);color:var(--gild-hi);box-shadow:0 0 0 1px var(--edge), inset 0 0 0 1px #d7ab5b73, inset 0 2px 5px #00000059}.input,.select{border:1px solid var(--line);border-radius:var(--r-sm);height:38px;color:var(--text);font:inherit;font-size:var(--fs);background:linear-gradient(#0a0604,#140e0a);min-width:0;padding:0 12px;transition:border-color .12s,box-shadow .12s;box-shadow:inset 0 2px 5px #000000a6,0 1px #ffe6be0f}.input::placeholder{color:var(--faint)}.input:hover,.select:hover{border-color:var(--line-2)}.input:focus,.select:focus{border-color:var(--gild);outline:none;box-shadow:inset 0 2px 5px #000000a6,0 0 0 3px #d7ab5b33}.select{appearance:none;cursor:pointer;background:var(--chevron) right 12px center / 12px 12px no-repeat, linear-gradient(180deg, #1c140e, #120c08);box-shadow:0 0 0 1px var(--edge), inset 0 1px 0 #ffe6be14;padding-right:34px}.select option,.select optgroup{color:var(--text);background:#1d150e}.input.small,.select.small{height:30px;font-size:var(--fs-sm)}.field{align-items:center;display:flex;position:relative}.field>.gi{width:16px;height:16px;color:var(--muted);pointer-events:none;position:absolute;left:11px}.field>.input{width:100%;padding-left:34px}.label{font-family:var(--font-display);color:var(--text-2);letter-spacing:.03em;margin-bottom:6px;font-size:13.5px;font-weight:600;display:block}input[type=checkbox]{appearance:none;border-radius:var(--r-xs);border:1px solid var(--line-2);cursor:pointer;background:linear-gradient(#0a0604,#160f0a);flex:none;place-content:center;width:18px;height:18px;margin:0;display:inline-grid;box-shadow:inset 0 1px 3px #000000b3}input[type=checkbox]:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12.5l5 5L20 6.5' fill='none' stroke='%23f6dc9c' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:10px;height:10px;transition:transform .1s;transform:scale(0)}input[type=checkbox]:checked{border-color:var(--gild);background:linear-gradient(#5a3d17,#3a2510)}input[type=checkbox]:checked:after{transform:scale(1)}.check{cursor:pointer;color:var(--text-2);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.check:hover{color:var(--text)}.seg{background:var(--well);border:1px solid var(--line);border-radius:var(--r-sm);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex;box-shadow:inset 0 2px 5px #0009}.seg>button{border-radius:var(--r-xs);height:30px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 11px;font-size:13.5px;transition:background .12s,color .12s;display:inline-flex}.seg>button .gi{width:16px;height:16px;color:var(--muted)}.seg>button:hover{color:var(--text);background:#ffe4b40f}.seg>button.on{color:#fff3d6;background:linear-gradient(#4d3721,#352516);border-color:#d7ab5b8c;box-shadow:inset 0 1px #ffe6be26,0 1px 3px #00000080}.seg>button.on .gi{color:var(--gild-hi)}.tabs{border-bottom:1px solid var(--line);margin-bottom:var(--sp-4);gap:0;display:flex}.tabs>button{height:42px;font-family:var(--font-display);color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;font-size:16px;font-weight:600;position:relative}.tabs>button:hover{color:var(--text)}.tabs>button.active{color:var(--gild-hi)}.tabs>button.active:after{content:"";background:linear-gradient(90deg, transparent, var(--gild), transparent);height:2px;position:absolute;bottom:-1px;left:10%;right:10%;box-shadow:0 0 10px #d7ab5b99}.chip{height:24px;color:var(--text-2);border:1px solid var(--line);border-radius:var(--r-xs);white-space:nowrap;background:#ffe4b40f;align-items:center;gap:5px;padding:0 9px;font-size:12.5px;font-weight:500;display:inline-flex}.chip .gi{width:14px;height:14px}.chip.gold{color:var(--gild-hi);background:#d7ab5b1a;border-color:#d7ab5b80}.chip.ok{color:var(--ok);background:#82c77a14;border-color:#82c77a73}.chip.danger{color:#ff9d90;background:#d65a4e1a;border-color:#d65a4e80}.progress,.xpbar{background:var(--well);border:1px solid var(--line);border-radius:4px;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000b3}.progress>div,.xpbar>div{background:linear-gradient(#ffe39a,#d29a3c 60%,#9c6a22);border-radius:3px;height:100%;transition:width .4s;box-shadow:0 0 8px #f0be5f73}.progress.thin{height:6px}.panel{background:linear-gradient(180deg, #ffe2aa0d, #00000024), var(--noise), var(--wood);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 0 0 1px var(--edge), var(--bevel), 0 6px 18px #00000061;padding:var(--sp-4);position:relative}.panel>h3:first-child,.panel>h2:first-child{margin-top:0}.framed:before{content:"";pointer-events:none;background:var(--corner-tl) top left no-repeat, var(--corner-tr) top right no-repeat, var(--corner-bl) bottom left no-repeat, var(--corner-br) bottom right no-repeat;z-index:1;position:absolute;inset:3px}.panel-head{align-items:center;gap:var(--sp-2);margin:calc(var(--sp-4) * -1) calc(var(--sp-4) * -1) var(--sp-4);padding:12px var(--sp-4);border-bottom:1px solid var(--line);border-radius:var(--r) var(--r) 0 0;background:linear-gradient(#ffe2aa0f,#0000001a);display:flex}.panel-head h3,.panel-head h2{margin:0}.panel-head>.gi{width:22px;height:22px;color:var(--gild)}.parchment{color:var(--ink);background:radial-gradient(ellipse at 50% 40%, #fffaeb73, transparent 70%), radial-gradient(ellipse at 50% 50%, transparent 55%, #784e1e52 100%), var(--noise), linear-gradient(180deg, var(--parch), var(--parch-2));border-radius:var(--r-sm);box-shadow:0 0 0 1px var(--edge), inset 0 0 0 4px #fffae62e, inset 0 0 0 5px #6e481e40, 0 8px 22px #00000073;border:1px solid #5b3f22;position:relative}.parchment h1,.parchment h2,.parchment h3,.parchment h4{color:var(--ink-accent);text-shadow:none}.parchment .muted{color:var(--ink-2)}.parchment a{color:var(--ink-accent)}.medal{--size:44px;--tone:#6b5134;width:var(--size);height:var(--size);background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--tone) 70%, #fff 30%), var(--tone) 45%, color-mix(in srgb, var(--tone) 40%, #000 60%));box-shadow:0 0 0 2px #120b06, 0 0 0 4px var(--gild), 0 0 0 5px #120b06, 0 3px 8px #0009, inset 0 2px 4px #fff3, inset 0 -4px 8px #0006;color:#fff5dd;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.medal>.gi{filter:drop-shadow(0 2px 1px #0009);width:58%;height:58%}.medal.dim{filter:grayscale(.9)brightness(.55)}.medal .lock{border:1px solid var(--line-2);width:20px;height:20px;color:var(--text-2);background:#1a120b;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.medal .lock .gi{width:12px;height:12px}.empty{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-4);text-align:center;color:var(--muted);border:1px dashed var(--line-2);border-radius:var(--r);background:#0000002e;flex-direction:column;display:flex}.empty>.gi{width:40px;height:40px;color:var(--faint)}.empty b{color:var(--text-2);font-family:var(--font-display);font-size:var(--fs-md)}.tip{border-radius:var(--r-sm);background:#d7ab5b12;border:1px solid #d7ab5b2e;margin-bottom:6px;padding:8px 10px 8px 30px;font-size:13px;line-height:1.45;position:relative}.tip:before{content:"";background:var(--gild);width:8px;height:8px;position:absolute;top:13px;left:11px;transform:rotate(45deg);box-shadow:0 0 6px #d7ab5b99}.kws{flex-wrap:wrap;gap:4px;display:flex}.kw{border-radius:var(--r-xs);border:1px solid var(--line);color:var(--text-2);cursor:help;white-space:nowrap;background:#ffe4b412;padding:1px 6px;font-size:11.5px}.hero-badge{border:1px solid var(--line);height:26px;color:var(--text);white-space:nowrap;background:#0000004d;border-radius:13px;align-items:center;gap:6px;padding:0 9px 0 4px;font-size:13px;display:inline-flex}.hero-badge .medal{--size:20px;box-shadow:0 0 0 1px #120b06, 0 0 0 2px var(--gild-lo)}.hero-badge.locked{opacity:.5;filter:grayscale()}.modal-backdrop{z-index:50;padding:var(--sp-4);background:radial-gradient(at 50% 40%,#1e12088c,#040201e0),#0402014d;justify-content:center;align-items:center;animation:.18s ease-out fadein;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:880px;max-height:92vh;padding:var(--sp-5) var(--sp-6);background:linear-gradient(180deg, #ffe2aa0f, #0000002e), var(--noise), var(--wood);border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--edge), 0 0 0 5px #140d08e6, 0 0 0 6px #d7ab5b59, var(--shadow-lg);border:1px solid #6b4f2e;animation:.2s cubic-bezier(.2,.9,.3,1.2) popin;position:relative;overflow:auto}.modal-close{z-index:2;position:absolute;top:12px;right:12px}.modal h2.center{margin-bottom:var(--sp-2)}@keyframes fadein{0%{opacity:0}}@keyframes popin{0%{opacity:0;transform:translateY(8px)scale(.98)}}.toasts{z-index:100;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--r-sm);max-width:380px;box-shadow:0 0 0 1px var(--edge), var(--shadow);background:linear-gradient(#ffe2aa0f,#0003),#21170f;border:1px solid #6b4f2e;align-items:flex-start;gap:10px;padding:12px 16px 12px 14px;font-size:14px;line-height:1.4;animation:.22s ease-out slidein;display:flex;position:relative}.toast:before{content:"";background:var(--info);width:10px;height:10px;box-shadow:0 0 8px var(--info);flex:none;margin-top:4px;transform:rotate(45deg)}.toast.error{border-color:#7d2f25}.toast.error:before{background:var(--danger);box-shadow:0 0 8px var(--danger)}.toast.success:before{background:var(--ok);box-shadow:0 0 8px var(--ok)}@keyframes slidein{0%{opacity:0;transform:translate(30px)}}.app{flex-direction:column;height:100%;display:flex}.topbar{z-index:10;background:linear-gradient(180deg, #ffdca00f, #00000040), var(--noise), linear-gradient(180deg, #2b1d13, #1a110b);border-bottom:1px solid #6b4f2e;flex:none;align-items:center;gap:18px;height:64px;padding:0 18px 0 16px;display:flex;position:relative;box-shadow:0 1px #000,0 8px 22px #00000080,inset 0 1px #ffe6be14}.topbar:after{content:"";background:linear-gradient(90deg,#0000,#d7ab5b99 20% 80%,#0000);height:1px;position:absolute;bottom:-2px;left:0;right:0}.brand{cursor:pointer;-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:10px;display:flex}.brand-emblem{flex:none;width:36px;height:40px}.brand-word{font-family:var(--font-display);letter-spacing:.05em;background:linear-gradient(#fff3cf 10%,#e2b464 55%,#9a6a24 100%);color:#0000;filter:drop-shadow(0 2px #000000b3);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900;line-height:1}.nav{align-self:stretch;min-width:0;display:flex}.nav button{color:var(--text-2);font-family:var(--font-display);letter-spacing:.01em;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:7px;padding:0 12px;font-size:15.5px;font-weight:600;transition:color .12s;display:flex;position:relative}.nav button .gi{width:20px;height:20px;color:var(--faint);transition:color .12s}.nav button:hover{color:var(--text)}.nav button:hover .gi{color:var(--gild)}.nav button.active{color:var(--gild-hi);background:radial-gradient(70% 90% at 50% 100%,#d7ab5b33,#0000 70%)}.nav button.active .gi{color:var(--gild-hi)}.nav button.active:after{content:"";background:linear-gradient(90deg, transparent, var(--gild-hi), transparent);height:3px;position:absolute;bottom:0;left:10px;right:10px;box-shadow:0 0 10px #f6dc9c99}.nav .live{background:var(--ok);width:7px;height:7px;box-shadow:0 0 6px var(--ok);border-radius:50%;position:absolute;top:14px;right:6px}.topbar-right{flex:none;align-items:center;gap:10px;margin-left:auto;display:flex}.res{background:var(--well);border:1px solid var(--line);border-radius:var(--r-sm);height:32px;font-family:var(--font-cond);font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap;align-items:center;gap:7px;padding:0 12px 0 9px;font-size:15.5px;font-weight:600;display:inline-flex;box-shadow:inset 0 2px 4px #000000a6,0 1px #ffe6be0f}.res .gi{width:18px;height:18px}.profile-chip{align-items:center;gap:10px;padding-left:6px;display:flex}.profile-chip .who{flex-direction:column;gap:4px;min-width:90px;display:flex}.profile-chip .who b{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:15px;font-weight:700;line-height:1;overflow:hidden}.profile-chip .progress{height:5px}.level-badge{flex:none;place-items:center;width:34px;height:38px;display:grid;position:relative}.level-badge svg{width:100%;height:100%;position:absolute;inset:0}.level-badge span{font-family:var(--font-display);color:#fff4d6;text-shadow:0 1px #000,0 0 4px #000c;margin-top:-3px;font-size:16px;font-weight:900;position:relative}.conn-dot{background:var(--danger);width:8px;height:8px;box-shadow:0 0 6px var(--danger);border-radius:50%;flex:none;display:inline-block}.conn-dot.on{background:var(--ok);box-shadow:0 0 6px var(--ok)}.tb-sep{background:linear-gradient(180deg, transparent, var(--line-2), transparent);width:1px;height:30px}.sound-btns{gap:2px;display:flex}.content{padding:var(--sp-5) var(--sp-5) var(--sp-7);flex:1;overflow:auto}.page{max-width:1600px;margin:0 auto;animation:.22s ease-out pagein}@keyframes pagein{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.page,.modal,.modal-backdrop,.toast,.card-zoom,.granted,.chapter-node,.boot-emblem,.cv,.tile{transition:none!important;animation:none!important}}@media (width<=1640px){.profile-chip .who{display:none}}@media (width<=1500px){.brand-word{display:none}.nav button{padding:0 11px;font-size:15px}}@media (width<=1240px){.nav button{padding:0 9px}.nav button .gi{display:none}}@media (width<=1060px){.topbar{flex-wrap:wrap;gap:8px;height:auto;padding:8px 12px}.nav{order:3;width:100%;height:40px;overflow-x:auto}.content{padding:var(--sp-4)}}.cv{--rx:0deg;--ry:0deg;--fc:#8a8f98;--frame-top:#3a3229;--frame-bottom:#1e1712;--fc-accent:#e7d9b9;--trim-hi:#e6cfa2;--trim-mid:#a9875a;--trim-lo:#4a361f;-webkit-user-select:none;user-select:none;width:15em;height:20.977em;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));font-size:14px;font-family:var(--font-body);color:var(--text);border-radius:.94em;flex:none;line-height:1.15;transition:transform .14s ease-out,filter .14s,box-shadow .14s;position:relative}.cv.sm{font-size:10px}.cv.md{font-size:14px}.cv.lg{font-size:19px}.cv-frame{border-radius:inherit;background:linear-gradient(180deg, #fff0d21a, transparent 22%), repeating-linear-gradient(180deg, #ffffff06 0 1px, transparent 1px 3px, #0000000d 3px 5px), linear-gradient(180deg, var(--frame-top), var(--frame-bottom));border:.12em solid #0c0805;position:absolute;inset:0;box-shadow:0 .3em .8em #0000008c,0 .05em .15em #0009}.cv-frame:before{content:"";border:.075em solid;border-color:var(--trim-hi) var(--trim-mid) var(--trim-lo) var(--trim-mid);border-radius:.64em;position:absolute;inset:.26em;box-shadow:0 0 0 .07em #0000008c,inset 0 0 0 .07em #00000073}.cv-art{background-color:#2a2420;background-position:50%;background-size:cover;border-radius:.47em;width:13.48em;height:10.25em;position:absolute;top:.76em;left:.76em;overflow:hidden;box-shadow:0 0 0 .18em #0c0805}.cv-art:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 .09em var(--trim-mid), inset 0 0 0 .16em #00000080, inset 0 0 1.4em #0006;pointer-events:none;position:absolute;inset:0}.cv-art img{object-fit:contain;pointer-events:none;width:10.66em;height:10.66em;position:absolute;bottom:.18em;left:50%;transform:translate(-50%)}.cv-art-icon{color:#fff8ea;width:6.9em;height:6.9em;filter:drop-shadow(0 0 .7em color-mix(in srgb, var(--fc) 55%, #ffe6a8)) drop-shadow(0 .08em .1em #000000b3);position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - .35em))}.cv-plate{clip-path:polygon(.41em 0,calc(100% - .41em) 0,100% 50%,calc(100% - .41em) 100%,.41em 100%,0 50%);background:linear-gradient(180deg, var(--trim-hi), var(--trim-mid) 45%, var(--trim-lo));align-items:center;gap:.2em;width:14.06em;height:1.82em;padding:0 .55em;display:flex;position:absolute;top:10.08em;left:.47em}.cv-plate:before{content:"";z-index:0;clip-path:polygon(.38em 0,calc(100% - .38em) 0,100% 50%,calc(100% - .38em) 100%,.38em 100%,0 50%);background:linear-gradient(#3d2e21,#22170f 50%,#140d08);position:absolute;inset:.07em .08em}.cv-plate .rarity-gem{z-index:1;flex:none;width:.78em;height:.78em;position:relative}.cv-name{z-index:1;text-align:center;min-width:0;font-family:var(--font-display);color:#f7e9c8;text-shadow:0 .08em #000000bf;white-space:nowrap;text-overflow:ellipsis;flex:1;padding-bottom:.05em;font-weight:700;line-height:1;position:relative;overflow:hidden}.cv-role{height:1.05em;font-family:var(--font-cond);color:color-mix(in srgb, var(--trim-hi) 50%, #f3e6c8);white-space:nowrap;justify-content:center;align-items:center;gap:.3em;font-size:1em;font-weight:600;display:flex;position:absolute;top:12.03em;left:.5em;right:.5em;overflow:hidden}.cv-role span{text-overflow:ellipsis;font-size:.79em;overflow:hidden}.cv-sigil{width:.82em;height:.82em;color:var(--fc-accent)}.cv-text{color:#2b1d10;text-align:center;background:radial-gradient(#0000 45%,#78501e47 100%),linear-gradient(#efe2c2,#dcc89f);border:.12em solid #0c0805;border-radius:.29em;justify-content:center;align-items:center;width:13.24em;height:5.04em;display:flex;position:absolute;top:13.18em;left:.88em;overflow:hidden}.cv.no-stats .cv-text{height:6.62em}.cv-text:before{content:"";pointer-events:none;border:.045em solid #6e481e59;border-radius:.2em;position:absolute;inset:.1em}.cv-watermark{color:#5a3c1917;width:4.2em;height:4.2em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cv-text-inner{font-family:var(--font-cond);padding:.3em .6em .45em;font-size:.88em;font-weight:500;line-height:1.16;position:relative}.cv.has-stats .cv-text-inner{padding-bottom:.85em}.cv.snug .cv-text-inner{font-size:.8em}.cv.dense .cv-text-inner{font-size:.74em}.cv-text-inner p{margin:0 0 .18em}.cv-text-inner p:last-child{margin-bottom:0}.cv-kws,.cv-term{color:#6e2a0e;font-weight:700}.cv-kws b{cursor:help;font-weight:700}.cv-flavor{color:#4a3824;font-style:italic}.cv-chips{justify-content:center;gap:.23em;height:1.23em;display:flex;position:absolute;top:18.49em;left:3.7em;right:3.7em}.cv.no-stats .cv-chips{top:19.43em;left:1em;right:1em}.cv-chip{height:1.4em;font-family:var(--font-cond);color:#f7ecd2;border:.068em solid color-mix(in srgb, var(--trim-mid) 75%, #000);cursor:help;background:#0c0805d9;border-radius:.3em;align-items:center;gap:.2em;padding:0 .35em 0 .3em;font-size:.88em;font-weight:700;line-height:1;display:inline-flex}.cv-chip .gi{width:1em;height:1em;color:color-mix(in srgb, var(--trim-hi) 60%, #f3e6c8)}.cv-atk,.cv-hp{filter:drop-shadow(0 .08em .12em #0009);width:3.69em;height:3.69em;position:absolute;top:17.23em;overflow:visible}.cv-atk{left:.12em}.cv-hp{right:.12em}.cv-cost{filter:drop-shadow(0 .08em .15em #000000b3);width:3.46em;height:3.46em;position:absolute;top:.06em;left:.12em}.svg-num{font-family:var(--font-display);paint-order:stroke;stroke-width:7px;stroke-linejoin:round;font-weight:900}.cv-count{font-family:var(--font-cond);color:var(--gild-hi);border:1px solid var(--trim-mid);background:#0a0604e0;border-radius:.3em;padding:.18em .5em;font-size:max(.95em,11px);font-weight:700;line-height:1.1;position:absolute;top:1.05em;right:1.05em;box-shadow:0 .1em .3em #0009}.cv-glare{border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,0%), #fff5dc2e, transparent 50%);opacity:0;transition:opacity .15s;position:absolute;inset:0}.cv:hover .cv-glare{opacity:1}.cv.clickable{cursor:pointer}.cv.clickable:hover{transform:perspective(900px) translateY(-.3em) rotateX(var(--rx)) rotateY(var(--ry))}.cv.clickable:hover .cv-frame{box-shadow:0 .6em 1.4em #0009,0 0 0 .08em #f6dc9c8c}.cv:focus-visible{outline:2px solid var(--gild-hi);outline-offset:3px}.cv.dim{filter:grayscale(.8)brightness(.62)}.cv.dim:hover{filter:grayscale(.5)brightness(.75)}.cv.selected .cv-frame{box-shadow:0 0 0 .12em var(--gild-hi), 0 0 1.2em #f6d2828c, 0 .6em 1.4em #0009}.cv.selected{transform:perspective(900px) translateY(-.5em) rotateX(var(--rx)) rotateY(var(--ry))}.card-zoom{z-index:200;pointer-events:none;animation:.14s ease-out zoomin;position:fixed}.card-zoom .cv{font-size:19px;transform:none}@keyframes zoomin{0%{opacity:0;transform:scale(.94)}}.card-grid{flex-wrap:wrap;gap:20px 16px;padding:6px 2px 10px;display:flex}.card-slot{flex-direction:column;align-items:center;gap:8px;display:flex}.deckline{--fc:#8a8f98;border-radius:var(--r-sm);background:linear-gradient(90deg, color-mix(in srgb, var(--fc) 26%, transparent), transparent 55%), linear-gradient(180deg, #24190f, #1a120b);border:1px solid var(--line);height:38px;box-shadow:0 0 0 1px var(--edge);cursor:default;align-items:center;gap:8px;margin-bottom:4px;padding:0 10px 0 4px;font-size:14px;display:flex;position:relative;overflow:hidden}.deckline.clickable{cursor:pointer}.deckline.clickable:hover{border-color:var(--gild);filter:brightness(1.12)}.deckline .c{flex:none;width:30px;height:30px}.deckline .thumb{background-position:50%;background-size:cover;border-radius:3px;flex:none;width:46px;height:30px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0c0805,inset 0 0 0 1px #ffe6be26}.deckline .thumb img{width:46px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.deckline .thumb .gi{color:#fff3dc;width:auto;height:auto;margin:auto;position:absolute;inset:3px}.deckline .n{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}.deckline .x{font-family:var(--font-cond);color:var(--gild-hi);font-weight:700}.deckline.rarity-rare .n{color:#cfe0ff}.deckline.rarity-epic .n{color:#ead2ff}.deckline.warn .n{color:var(--danger)}.reward-cards{margin:var(--sp-4) 0;flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.converted{text-align:center;color:#dff2ff;border-radius:var(--r-sm);background:#080e18e6;border:1px solid #8fd0ff80;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:12.5px;font-weight:600;display:flex;position:absolute;bottom:40%;left:8px;right:8px}.amount{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.amount .gi{width:1.1em;height:1.1em}.alert-banner{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);border-radius:var(--r);box-shadow:0 0 0 1px var(--edge);background:linear-gradient(90deg,#d7ab5b33,#d7ab5b0d);border:1px solid #d7ab5b8c;padding:12px 16px;display:flex}.alert-banner>.gi{width:26px;height:26px;color:var(--gild-hi)}.boot-screen{flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;display:flex}.boot-emblem{width:64px;height:72px;animation:1.6s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.6;transform:scale(.96)}}.hero-card{border-radius:var(--r);background:linear-gradient(180deg, #ffe2aa0d, #00000026), var(--wood);border:1px solid var(--line);box-shadow:0 0 0 1px var(--edge);flex-direction:column;gap:10px;padding:14px;transition:border-color .12s,transform .12s,box-shadow .12s;display:flex;position:relative}.hero-card.clickable{cursor:pointer}.hero-card.clickable:hover{border-color:var(--gild);transform:translateY(-2px)}.hero-card.selected{border-color:var(--gild-hi);box-shadow:0 0 0 1px var(--edge), 0 0 0 3px #d7ab5b4d}.hero-card.locked{opacity:.6}.hero-card-head{align-items:center;gap:12px;display:flex}.hero-name{font-family:var(--font-display);color:var(--gild-hi);font-size:18px;font-weight:700}.hero-skill{color:var(--text-2);font-size:13px;line-height:1.45}.hero-skill-label{font-family:var(--font-display);color:var(--text);align-items:center;gap:8px;margin-bottom:1px;font-size:13.5px;font-weight:600;display:flex}.hero-cd{font-family:var(--font-cond);color:var(--muted);align-items:center;gap:3px;font-size:12px;display:inline-flex}.hero-lock{color:var(--warn);align-items:center;gap:6px;font-size:12.5px;display:flex}.login-screen{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex;position:relative;overflow:hidden}.backdrop{width:100%;height:100%;display:block;position:absolute;inset:0}.login-box{width:420px;max-width:100%;margin-right:min(32vw,380px);position:relative}.login-brand{text-align:center;margin-bottom:22px}.login-emblem{filter:drop-shadow(0 6px 14px #000000b3);width:76px;height:84px}.logo{font-family:var(--font-display);letter-spacing:.05em;background:linear-gradient(#fff6d8 10%,#e8bb6a 55%,#9a6a24 100%);color:#0000;filter:drop-shadow(0 3px #000c)drop-shadow(0 0 22px #f0aa5040);-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:52px;font-weight:900;line-height:1}.tagline{color:#e9d6b3;text-shadow:0 1px 3px #000000e6;margin-top:10px;font-size:15px}.login-form{background:linear-gradient(180deg, #ffe2aa0f, #0003), var(--noise), #22170ff0;box-shadow:0 0 0 1px var(--edge), 0 0 0 5px #140d08bf, 0 0 0 6px #d7ab5b4d, var(--shadow-lg);flex-direction:column;gap:12px;padding:6px 24px 22px;display:flex}.login-form .tabs{margin:0 -24px 6px;padding:0 24px}.input.invalid{border-color:var(--danger)}@media (width<=1100px){.login-box{margin-right:0}}.menu-layout{gap:var(--sp-5);grid-template-columns:320px minmax(0,1fr);align-items:start;display:grid}.menu-side{gap:var(--sp-4);flex-direction:column;display:flex}.profile-card{flex-direction:column;gap:10px;padding:20px;display:flex}.profile-head{align-items:center;gap:12px;display:flex}.profile-head .level-badge{width:46px;height:52px}.profile-head .level-badge span{font-size:21px}.profile-name{font-family:var(--font-display);color:var(--gild-hi);word-break:break-word;font-size:22px;font-weight:700;line-height:1.1}.profile-xp{margin-top:-4px}.profile-res .res{flex:1;justify-content:center}.stat-row{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:2px;padding-top:12px;display:grid}.stat-row>div{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-row>div+div{border-left:1px solid var(--line)}.stat-row b{font-family:var(--font-display);color:var(--text);font-size:20px;font-weight:700}.stat-row span{color:var(--muted);font-size:12px}.hero-roster{grid-template-columns:repeat(3,1fr);gap:14px 6px;display:grid}.roster-hero{color:var(--text-2);cursor:default;text-align:center;flex-direction:column;align-items:center;gap:7px;font-size:12.5px;display:flex}.roster-hero.locked span{color:var(--faint)}.menu-main{gap:var(--sp-4);flex-direction:column;min-width:0;display:flex}.menu-feature{gap:var(--sp-4);grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);display:grid}.tile{text-align:left;color:var(--text);font:inherit;border-radius:var(--r);background:linear-gradient(180deg, #ffe2aa0d, #00000026), var(--noise), var(--wood);box-shadow:0 0 0 1px var(--edge), var(--shadow);cursor:pointer;border:1px solid #5e452e;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.tile:hover{border-color:var(--gild);box-shadow:0 0 0 1px var(--edge), 0 0 0 4px #d7ab5b29, var(--shadow-lg);transform:translateY(-3px)}.tile:hover .btn.primary{filter:brightness(1.08)}.tile-hero{flex-direction:column;justify-content:flex-end;min-height:clamp(330px,44vh,480px);padding:28px}.tile-art{position:absolute;inset:0;overflow:hidden}.tile-art:after{content:"";background:linear-gradient(90deg,#0c0806eb 0%,#0c0806b3 38%,#0c080600 75%),linear-gradient(#0c080600 55%,#0c0806d9 100%);position:absolute;inset:0}.tile-art .backdrop{transition:transform .6s}.tile:hover .tile-art .backdrop{transform:scale(1.03)}.tile-body{z-index:1;max-width:560px;position:relative}.tile-body h2{margin:6px 0 10px;font-size:30px}.tile-body p{color:#e2d3b6;-webkit-line-clamp:3;text-shadow:0 1px 2px #000c;-webkit-box-orient:vertical;max-width:470px;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.tile-progress{align-items:center;gap:12px;max-width:360px;margin:14px 0 18px;display:flex}.tile-progress .progress{flex:1}.tile-cta{pointer-events:none}.tile-online .tile-art{background:radial-gradient(at 60% 35%,#c45c3461,#0000 60%),radial-gradient(at 50% 100%,#283c6e66,#0000 60%),linear-gradient(#2a1712,#120b09)}.tile-online .tile-art:after{background:linear-gradient(#0c080600 38%,#0c0806d9 58%,#0c0806f7 100%)}.versus img{filter:drop-shadow(0 12px 18px #0009);width:min(38%,200px);position:absolute;top:-5%}.versus .vs-left{left:6%}.versus .vs-right{right:6%;transform:scaleX(-1)}.versus .vs-mark{color:#f6dc9cd9;filter:drop-shadow(0 0 14px #f0a050b3);width:56px;height:56px;position:absolute;top:13%;left:50%;transform:translate(-50%)}.tile-online .tile-body h2{font-size:25px}.tile-online .eyebrow{text-shadow:0 1px 3px #000}.menu-tiles{gap:var(--sp-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tile-small{align-items:center;gap:12px;min-height:96px;padding:16px 14px}.tile-small-body{flex:1;min-width:0}.tile-title{font-family:var(--font-display);color:var(--gild-hi);font-size:19px;font-weight:700;line-height:1.1}.tile-status{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.35}.tile-chevron{width:18px;height:18px;color:var(--faint);transition:transform .15s,color .15s}.tile-small:hover .tile-chevron{color:var(--gild);transform:translate(3px)}.tile-small.accent{border-color:#d7ab5b99}@media (width<=1400px){.menu-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.menu-layout{grid-template-columns:1fr}.menu-side{grid-template-columns:1fr 1fr;display:grid}.menu-feature{grid-template-columns:1fr}}.tip-strip{border-radius:var(--r);color:var(--text-2);background:linear-gradient(90deg,#d7ab5b1f,#d7ab5b05 60%),#0003;border:1px solid #d7ab5b4d;align-items:center;gap:12px;padding:10px 12px 10px 16px;font-size:14px;display:flex}.tip-strip>.gi{width:22px;height:22px;color:var(--gild)}.tip-strip-label{font-family:var(--font-display);color:var(--gild-hi);font-weight:700}.filterbar{margin-bottom:var(--sp-4);border-radius:var(--r);background:linear-gradient(180deg, #ffe2aa0a, #0000001f), var(--noise), #1c140d;border:1px solid var(--line);box-shadow:0 0 0 1px var(--edge), var(--bevel);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.fb-row{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.fb-search{flex:1;min-width:170px;max-width:340px;margin-left:auto}.filterbar .seg>button{padding:0 10px}.fb-label{font-family:var(--font-display);color:var(--text-2);margin-right:2px;font-size:13.5px;font-weight:600}.filterbar .seg .rarity-gem{width:13px;height:13px}@media (width<=1400px){.fb-rlabel{display:none}}.filterbar.compact .seg>button{padding:0 9px}.cost-filter{align-items:center;gap:3px;display:inline-flex}.cost-all{border-radius:var(--r-xs);border:1px solid var(--line);background:var(--well);height:30px;color:var(--text-2);cursor:pointer;margin-right:3px;padding:0 9px;font-size:13px}.cost-all.on{color:#fff3d6;background:linear-gradient(#4d3721,#352516);border-color:#d7ab5b99}.cost-hex{cursor:pointer;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#5b4429;border:0;width:30px;height:33px;padding:0;transition:filter .12s,transform .12s;position:relative}.cost-hex span{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#dbe8ff;font-family:var(--font-display);text-shadow:0 1px 1px #000;background:linear-gradient(160deg,#3c5f96,#1b2f5a 60%,#10193a);place-items:center;font-size:14px;font-weight:900;display:grid;position:absolute;inset:2px}.cost-hex:hover{filter:brightness(1.25)}.cost-hex.on{background:var(--gild-hi);transform:translateY(-1px)}.cost-hex.on span{color:#fff;background:linear-gradient(160deg,#9fd0ff,#3a7fe6 50%,#0f2b70)}.collect-progress{align-items:center;gap:10px;display:inline-flex}.collect-progress .progress{width:160px}.collect-progress b{color:var(--gild-hi)}.chest-widget{align-items:center;gap:14px;padding:12px 16px;display:flex}.chest-title{font-family:var(--font-display);color:var(--gild-hi);font-size:17px;font-weight:700}.chest-buy{align-items:center;gap:4px}.collect-hint{max-width:980px;margin:calc(var(--sp-2) * -1) 0 var(--sp-4);align-items:flex-start;gap:8px;display:flex}.collect-hint .gi{width:16px;height:16px;color:var(--gild);margin-top:2px}.granted{animation:.45s cubic-bezier(.2,.9,.3,1.2) both dealin;position:relative}@keyframes dealin{0%{opacity:0;transform:translateY(26px)rotate(-3deg)scale(.92)}}.pips{gap:5px;display:inline-flex}.pips i{border:1px solid var(--gild-lo);background:var(--well);width:12px;height:12px;transform:rotate(45deg)}.pips i.on{background:linear-gradient(135deg,#fff0c2,#d6a64e);border-color:#6d4610;box-shadow:0 0 6px #f0be5f80}.card-detail{align-items:flex-start;gap:32px;display:flex}.card-detail>.cv{margin-top:6px}.cd-info{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.cd-info h2{margin:0;font-size:30px}.cd-eyebrow{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:flex}.cd-eyebrow .rarity-gem{width:14px;height:14px}.cd-role{color:var(--text-2);align-items:center;gap:8px;margin-top:-4px;display:flex}.cd-role .gi{color:var(--gild);width:18px;height:18px}.cd-stats{gap:18px;padding:10px 0 4px;display:flex}.cd-stat{color:var(--muted);flex-direction:column;align-items:center;gap:2px;font-size:12px;display:flex}.cd-stat svg{width:58px;height:58px}.cd-extras{flex-direction:column;gap:6px;display:flex}.cd-extra{color:var(--text-2);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.4;display:flex}.cd-extra b{color:var(--text)}.cd-extra-v{border-radius:var(--r-xs);background:var(--well);border:1px solid var(--line-2);min-width:52px;height:24px;font-family:var(--font-cond);color:var(--text);flex:none;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-weight:700;display:inline-flex}.cd-extra-v .gi{color:var(--gild)}.cd-text{padding:14px 18px;font-size:15.5px;line-height:1.5}.cd-kws{border-left:2px solid #d7ab5b59;flex-direction:column;gap:8px;padding-left:12px;display:flex}.cd-kw{color:var(--text-2);font-size:13.5px;line-height:1.45}.cd-kw b{font-family:var(--font-display);color:var(--gild-hi);font-size:15px;font-weight:700;display:block}.cd-flavor{color:var(--muted);font-style:italic}.cd-own{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:6px;padding-top:14px;display:flex}.cd-own-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (width<=900px){.card-detail{flex-direction:column;align-items:center}}.section-title{color:var(--gild-hi);align-items:center;gap:10px;margin:0 0 14px;font-size:19px;display:flex}.section-title:after{content:"";background:linear-gradient(90deg,#d7ab5b73,#0000);flex:1;height:1px}.deck-section{margin-bottom:var(--sp-6)}.deck-tiles{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.deck-box{--fc:#8a8f98;text-align:left;font:inherit;color:var(--text);border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(110deg, color-mix(in srgb, var(--fc) 24%, transparent), transparent 55%), linear-gradient(180deg, #ffe2aa0d, #00000026), var(--noise), var(--wood);box-shadow:0 0 0 1px var(--edge), var(--shadow-sm);cursor:pointer;align-items:flex-start;gap:14px;padding:16px;transition:transform .14s,border-color .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden}.deck-box:hover{border-color:var(--gild);box-shadow:0 0 0 1px var(--edge), 0 0 0 3px #d7ab5b26, var(--shadow);transform:translateY(-2px)}.deck-box.invalid{border-color:#6a3328}.deck-box-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.deck-box-name{font-family:var(--font-display);color:var(--gild-hi);font-size:18px;font-weight:700;line-height:1.15}.deck-box-sub{color:var(--text-2);font-size:13px}.deck-box-status{font-size:12.5px;line-height:1.4}.deck-box-status .glyph{vertical-align:-.15em}.deck-box.new{border-style:dashed;border-color:var(--line-2);box-shadow:none;background:#0000002e;align-items:center}.deck-new-plus{border:1px dashed var(--gild-lo);width:56px;height:56px;color:var(--gild);border-radius:50%;flex:none;place-items:center;display:grid}.faction-bar{background:var(--well);border-radius:3px;height:5px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0009}.faction-bar span{height:100%}.faction-bar span+span{box-shadow:-1px 0 #0009}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.preset-body{margin-top:var(--sp-4);align-items:flex-start;gap:20px;display:flex}.preset-list{flex:none;width:320px}.editor-head{margin-bottom:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;display:flex}.deck-name-input{width:320px;height:44px;font-family:var(--font-display);color:var(--gild-hi);font-size:20px;font-weight:700}.hero-pick{font:inherit;color:var(--text);text-align:left;border:1px solid var(--line);cursor:pointer;background:#00000040;border-radius:28px;align-items:center;gap:10px;padding:4px 12px 4px 6px;display:flex}.hero-pick:hover{border-color:var(--gild)}.hero-pick-text{flex-direction:column;line-height:1.2;display:flex}.hero-pick-text b{font-family:var(--font-display);font-size:16px}.hero-pick-text span{color:var(--muted);font-size:12px}.hero-pick-cta{color:var(--gild);margin-left:6px;font-size:12.5px}.danger-ghost,.danger-ghost .gi{color:#e58e80}.deckbuilder{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) 330px;align-items:start;display:grid}.db-hint{margin:-6px 0 10px}.decklist{flex-direction:column;gap:12px;min-height:420px;max-height:calc(100vh - 190px);padding:18px 16px 16px;display:flex;position:sticky;top:0}.dl-count{align-items:center;gap:14px;display:flex}.dl-num{font-family:var(--font-display);color:var(--text);font-size:38px;font-weight:900;line-height:1}.dl-num small{color:var(--muted);font-size:18px;font-weight:700}.dl-num.full{color:var(--ok)}.dl-label{color:var(--text-2);margin-bottom:6px;font-size:13px}.dl-lines{flex:1;min-height:80px;margin:0 -6px;padding:0 6px;overflow:auto}.dl-lines .empty{padding:20px 10px}.dl-foot{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:12px;display:flex}.dl-error{color:#f0a093;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.4;display:flex}.dl-error .gi{color:var(--danger);margin-top:2px}.curve{grid-template-columns:repeat(8,1fr);gap:5px;height:92px;padding:4px 2px 0;display:grid}.curve-col{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.curve-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;width:100%;display:flex;position:relative}.curve-bar{background:linear-gradient(#78aaf0,#2f5fae 70%,#1c3a72);border-radius:3px 3px 0 0;width:100%;min-height:2px;transition:height .2s;box-shadow:inset 0 1px #ffffff59,0 0 0 1px #0009}.curve-n{font-family:var(--font-cond);color:var(--text);margin-bottom:2px;font-size:12px;font-weight:700}.curve-cost{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#dbe8ff;width:20px;height:22px;font-family:var(--font-display);background:linear-gradient(160deg,#3c5f96,#13224a);place-items:center;font-size:11.5px;font-weight:900;display:grid}.cv-count .in-deck{color:#fff}.cv-count:has(.in-deck){border-color:var(--gild-hi);background:linear-gradient(#7a5420,#4a3010)}@media (width<=1100px){.deckbuilder{grid-template-columns:1fr}.decklist{max-height:none;position:static}}.campaign-layout{gap:var(--sp-5);grid-template-columns:330px minmax(0,1fr);align-items:start;display:grid}.chapter-path{flex-direction:column;gap:6px;display:flex;position:relative}.chapter-path:before{content:"";background:repeating-linear-gradient(#d7ab5b8c 0 6px,#0000 6px 12px);width:2px;position:absolute;top:24px;bottom:24px;left:33px}.chapter{font:inherit;color:var(--text);text-align:left;border-radius:var(--r);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:14px;padding:9px 12px;transition:background .12s,border-color .12s;display:flex;position:relative}.chapter:hover:not(:disabled){border-color:var(--line);background:#ffe4b40d}.chapter:disabled{cursor:default}.chapter.sel{background:linear-gradient(90deg, #d7ab5b33, #d7ab5b0a), var(--wood);box-shadow:0 0 0 1px var(--edge);border-color:#d7ab5b99}.chapter-node{z-index:1;width:42px;height:42px;font-family:var(--font-display);color:#2a1704;background:radial-gradient(circle at 35% 30%,#fff0c2,#d6a64e 55%,#8a5a14);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:900;display:grid;position:relative;box-shadow:0 0 0 2px #120b06,0 0 0 3px #f6dc9c99,0 3px 6px #00000080}.chapter.open .chapter-node{animation:2.2s ease-in-out infinite nodeGlow}@keyframes nodeGlow{50%{box-shadow:0 0 0 2px #120b06,0 0 0 3px #f6dc9ce6,0 0 16px #f6c86ea6}}.chapter.done .chapter-node{color:#e8ffe6;background:radial-gradient(circle at 35% 30%,#9fe0a0,#3f8f4a 55%,#1d4a24)}.chapter.locked .chapter-node{color:var(--muted);box-shadow:0 0 0 2px #120b06, 0 0 0 3px var(--line);background:radial-gradient(circle at 35% 30%,#4a3a2a,#2a1e15)}.chapter.locked .chapter-node .gi{width:18px;height:18px}.chapter-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.chapter-text b{font-family:var(--font-display);color:var(--gild-hi);font-size:16.5px;font-weight:700}.chapter-text span{color:var(--muted);font-size:12.5px}.chapter.locked .chapter-text b{color:var(--faint)}.briefing{gap:var(--sp-4);flex-direction:column;min-width:0;display:flex}.briefing-scroll{padding:26px 32px 24px}.briefing-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.briefing-scroll h2{margin:2px 0 10px;font-size:32px}.eyebrow.ink{color:#8a5a1c}.briefing-intro{color:var(--ink);max-width:820px;font-size:16px;line-height:1.55}.briefing-scroll h4{margin:18px 0 8px;font-size:17px}.briefing-foes{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:4px;display:flex}.ink-label{font-family:var(--font-display);color:var(--ink-accent);font-weight:700}.foe{align-items:center;gap:8px;display:inline-flex}.parchment .hero-badge{color:var(--ink);background:#3c230a1f;border-color:#5a3c1959}.parchment .chip{color:var(--ink-2);background:#3c230a14;border-color:#5a3c1959}.parchment .chip.ok{color:#2f6b2a;background:#2f6b2a1a;border-color:#2f6b2a80}.briefing-tips{counter-reset:tip;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.briefing-tips li{color:var(--ink);counter-increment:tip;padding-left:36px;font-size:14.5px;line-height:1.5;position:relative}.briefing-tips li:before{content:counter(tip);width:24px;height:24px;font-family:var(--font-display);color:#f7e6c0;background:radial-gradient(circle at 35% 30%,#a3472c,#6e2410);border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;top:0;left:0;box-shadow:0 1px 2px #0006}.bonus-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px;display:grid}.rewards-panel{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.rewards-text{flex-direction:column;flex:1;gap:10px;min-width:260px;display:flex}.rewards-text h4{color:var(--gild-hi);align-items:center;gap:8px;margin:0;display:flex}.rewards-text h4 .gi{color:var(--gild);width:22px;height:22px}.reward-chips .chip{height:28px;font-size:13.5px}.reward-chips .medal{box-shadow:0 0 0 1px #120b06}.reward-row{gap:12px;display:flex}.battle-bar{align-items:center;gap:var(--sp-4);border-radius:var(--r);background:linear-gradient(180deg, #ffe2aa12, #00000040), var(--noise), #241810;box-shadow:0 0 0 1px var(--edge), 0 -8px 24px #00000073;z-index:2;border:1px solid #6b4f2e;padding:14px 18px;display:flex;position:sticky;bottom:0}.battle-deck{flex-direction:column;gap:4px;min-width:260px;display:flex}.battle-deck .label{margin:0}.battle-bar .btn.large{min-width:190px}@media (width<=1100px){.campaign-layout{grid-template-columns:1fr}.chapter-path{grid-template-columns:repeat(2,1fr);display:grid}.chapter-path:before{display:none}}.online-count{align-items:center;gap:8px;display:inline-flex}.deck-choice{margin-bottom:var(--sp-4);align-items:center;gap:16px;padding:14px 20px;display:flex}.deck-choice .label{margin-bottom:4px}.deck-choice-select{width:min(460px,100%)}.deck-choice-hint{max-width:340px}.lobby-layout{gap:var(--sp-4);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;display:grid}.lobby-main{gap:var(--sp-4)}.mode-cards{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.mode-card{border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(180deg, #ffe2aa0d, #00000026), var(--noise), var(--wood);box-shadow:0 0 0 1px var(--edge), var(--shadow-sm);gap:16px;padding:20px;display:flex}.mode-card.featured{background:radial-gradient(ellipse at 0% 0%, #c45c3440, transparent 60%), linear-gradient(180deg, #ffe2aa0f, #00000026), var(--noise), var(--wood);border-color:#d7ab5b8c}.mode-body{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.mode-body h3{color:var(--gild-hi);margin:0;font-size:20px}.mode-body p{flex:1;margin-bottom:12px;font-size:13.5px}.queue-state{border-radius:var(--r-sm);background:var(--well);border:1px solid var(--line);align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.spinner{border:2px solid #d7ab5b40;border-top-color:var(--gild-hi);border-radius:50%;flex:none;width:18px;height:18px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.room-form{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.room-form .label{display:block}.code-input{font-family:var(--font-cond);letter-spacing:.2em;text-transform:uppercase;font-weight:600}.room-row{border-radius:var(--r-sm);border:1px solid var(--line);background:#00000038;align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;display:flex}.room-row b{font-family:var(--font-display);font-size:15.5px}.room-players{font-family:var(--font-cond);color:var(--text-2);align-items:center;gap:5px;font-weight:600;display:inline-flex}.room-wrap{max-width:880px;margin:0 auto}.room{flex-direction:column;gap:16px;padding:24px 26px;display:flex}.room-head{align-items:flex-start;gap:16px;display:flex}.room-head h2{margin:2px 0 8px}.room-code{font:inherit;color:var(--text);border-radius:var(--r);cursor:pointer;background:#0000004d;border:1px dashed #d7ab5b8c;flex-direction:column;align-items:center;gap:2px;padding:10px 18px;display:flex}.room-code:hover{border-style:solid}.room-code .label{margin:0;font-size:12px}.code{font-family:var(--font-cond);letter-spacing:.22em;color:var(--gild-hi);padding-left:.22em;font-size:28px;font-weight:700}.room-settings,.room-bot,.room-deck{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.room-settings .label,.room-bot .label,.room-deck .label{min-width:110px;margin:0}.room-deck .select{flex:1;max-width:460px}.seats{flex-direction:column;gap:8px;display:flex}.seat{--seat:#888;border-radius:var(--r-sm);background:linear-gradient(90deg, color-mix(in srgb, var(--seat) 22%, transparent), transparent 40%), #00000040;border:1px solid var(--line);align-items:center;gap:12px;min-height:60px;padding:8px 12px 8px 0;display:flex;overflow:hidden}.seat.empty-seat{background:#0000001f;border-style:dashed}.seat-banner{width:34px;font-family:var(--font-display);color:#fff;text-shadow:0 1px 2px #000000b3;background:linear-gradient(180deg, color-mix(in srgb, var(--seat) 80%, #fff 20%), color-mix(in srgb, var(--seat) 70%, #000 30%));clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);align-self:stretch;place-items:center;margin:-8px 0;font-weight:900;display:grid}.seat-name{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.seat-ready{color:var(--muted);font-size:13px}.seat-ready.ok{color:var(--ok)}.room-actions{border-top:1px solid var(--line);align-items:center;gap:12px;padding-top:14px;display:flex}@media (width<=1100px){.lobby-layout,.mode-cards{grid-template-columns:1fr}.deck-choice-hint{display:none}}.ach-layout{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) 380px;align-items:start;display:grid}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;display:grid}.ach{border-radius:var(--r);border:1px solid var(--line);box-shadow:0 0 0 1px var(--edge);background:linear-gradient(#ffe2aa08,#0000002e),#1b130d;gap:14px;padding:14px 16px;display:flex}.ach.done{background:radial-gradient(ellipse at 0% 50%, #d7ab5b29, transparent 60%), linear-gradient(180deg, #ffe2aa0d, #00000026), var(--wood);border-color:#d7ab5b99}.ach-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ach-name{font-family:var(--font-display);color:var(--text);font-size:17px;font-weight:700}.ach.done .ach-name{color:var(--gild-hi)}.ach-desc{color:var(--text-2);font-size:13px;line-height:1.4}.ach-progress{align-items:center;gap:10px;margin-top:4px;display:flex}.ach-progress .progress{flex:1;max-width:220px}.ach-reward{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;font-size:13px;display:flex}.leaderboard{position:sticky;top:0}table.lb{border-collapse:collapse;width:100%;font-size:14px}table.lb th{text-align:left;font-family:var(--font-display);color:var(--muted);border-bottom:1px solid var(--line-2);padding:6px 8px;font-size:13px;font-weight:600}table.lb td{border-bottom:1px solid #4a352499;padding:8px}table.lb tr.me td{color:var(--gild-hi);background:#d7ab5b14}.place-gem{width:24px;height:24px;font-family:var(--font-display);color:#2a1704;background:radial-gradient(circle at 35% 30%,#fff0c2,#d6a64e 60%,#8a5a14);border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:inline-grid}.top2 .place-gem{background:radial-gradient(circle at 35% 30%,#fff,#b9c4cf 60%,#5e6b78)}.top3 .place-gem{background:radial-gradient(circle at 35% 30%,#ffd9b0,#b8743a 60%,#6a3a12)}@media (width<=1100px){.ach-layout{grid-template-columns:1fr}.leaderboard{position:static}}.rules-layout{gap:var(--sp-5);grid-template-columns:minmax(0,960px) 240px;align-items:start;display:grid}.rules-main{gap:var(--sp-4);flex-direction:column;min-width:0;display:flex}.rules-sec{color:var(--text-2);padding:18px 24px 20px;scroll-margin-top:12px;font-size:15px;line-height:1.6}.rules-sec h2{align-items:center;gap:12px;margin:0 0 12px;font-size:23px;display:flex}.rules-sec h3{color:var(--gild-hi);margin:0 0 4px;font-size:17px}.rules-sec b{color:var(--text)}.rules-sec p{margin:0 0 10px}.rules-sec p:last-child{margin-bottom:0}.rules-sec ul{flex-direction:column;gap:6px;margin:0;padding-left:0;list-style:none;display:flex}.rules-sec ul li{padding-left:20px;position:relative}.rules-sec ul li:before{content:"";background:var(--gild);width:7px;height:7px;position:absolute;top:.62em;left:3px;transform:rotate(45deg)}.rules-note{border-radius:var(--r-sm);border-left:3px solid var(--gild);color:var(--text-2);background:#d7ab5b14;margin-top:10px;padding:8px 12px}.rules-steps{flex-direction:column;gap:12px;display:flex}.rules-step{align-items:flex-start;gap:14px;display:flex}.rules-step-n{width:30px;height:30px;font-family:var(--font-display);color:#2a1704;background:radial-gradient(circle at 35% 30%,#fff0c2,#d6a64e 60%,#8a5a14);border-radius:50%;flex:none;place-items:center;margin-top:2px;font-weight:900;display:grid;box-shadow:0 0 0 2px #120b06}.rules-orders{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 14px;display:grid}.rules-order{--oc:#d9553f;border-radius:var(--r);border:1px solid var(--line);border-top:3px solid var(--oc);background:#00000038;flex-direction:column;gap:8px;padding:12px 14px;font-size:14px;line-height:1.5;display:flex}.rules-order.hold{--oc:#c9962a}.rules-order.defend{--oc:#3f7fd6}.ro-icon{color:#fff;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--oc) 55%, #fff), var(--oc) 55%, color-mix(in srgb, var(--oc) 55%, #000));border-radius:50%;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 0 2px #120b06,0 0 0 3px #f6dc9c73}.rules-factions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;display:grid}.rules-faction{align-items:flex-start;gap:12px;font-size:14px;display:flex}.rules-faction h3{font-size:15.5px}.rules-faction .rules-note{margin-top:6px;padding:4px 8px;font-size:13px}.rules-glossary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:0;display:grid}.rules-glossary>div{border-bottom:1px solid #6b4f2e73;padding:8px 0}.rules-glossary dt{font-family:var(--font-display);color:var(--gild-hi);font-size:15.5px;font-weight:700}.rules-glossary dd{margin:2px 0 0;font-size:14px;line-height:1.5}.rules-toc{flex-direction:column;gap:2px;padding:14px 10px;display:flex;position:sticky;top:0}.rules-toc .eyebrow{margin:0 8px 6px}.rules-toc button{border-radius:var(--r-sm);color:var(--text-2);font-family:var(--font-display);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:7px 8px;font-size:15px;font-weight:600;display:flex}.rules-toc button .gi{width:17px;height:17px;color:var(--faint)}.rules-toc button:hover{color:var(--gild-hi);background:#ffe4b40f}.rules-toc button:hover .gi{color:var(--gild)}@media (width<=1100px){.rules-layout{grid-template-columns:1fr}.rules-toc{display:none}.rules-orders,.rules-factions,.rules-glossary{grid-template-columns:1fr}}canvas.board3d{touch-action:none;display:block;position:absolute;inset:0}.board-wrap canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.board-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floater{font-family:var(--font-display);color:#ff5b5b;text-shadow:0 2px #2a0d0d,0 0 6px #0009;white-space:nowrap;will-change:transform, opacity;font-size:17px;font-weight:900;position:absolute;top:0;left:0}.floater.big{color:#ffb02e;font-size:22px}.floater.heal{color:#7dff8a;text-shadow:0 2px #0d2a12}.floater.block{color:#bcd4ff;font-size:14px}.floater.hero{color:#ffd166;text-shadow:0 2px #3a2a05,0 0 12px #0009;font-size:26px}.muted-off{opacity:.5}.muted-off .gi{color:var(--faint)!important}