@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@500;600;700&display=swap";:root{color-scheme:dark;--bg: #0a0e14;--panel: #101824;--panel2: #182332;--glass-bg: rgba(16, 24, 36, .94);--glass-border: rgba(200, 170, 100, .2);--border: #293442;--text: #e7e6df;--dim: #92a1b3;--gold: #c8a44a;--gold-bright: #ecd38b;--gold-dim: #88703b;--hp: #7bc5a0;--mana: #78a9e2;--danger: #e88c8c;--cost-1: #97aa86;--cost-2: #64bb97;--cost-3: #78aef2;--cost-4: #bb92e6;--cost-5: #e5bc5a;--tier-bronze: #cd9567;--tier-silver: #c6d0da;--tier-gold: #e8c84a;--font-body: "Noto Sans TC", system-ui, sans-serif;--font-heading: "Cinzel", "Noto Serif TC", serif;--font-number: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:13px;line-height:1.5;overflow:hidden}button,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,input{accent-color:var(--gold)}button{border:1px solid var(--border);background:var(--panel2);border-radius:4px}button:not(:disabled),summary{transition:background .18s,border-color .18s,color .18s,transform .18s}button:hover:not(:disabled){border-color:var(--gold-dim)}button:disabled{cursor:not-allowed;opacity:.44}button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}h2,h3,p{margin:0}h2,h3{font-family:var(--font-heading);font-weight:600}small{font-size:10px}.icon{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:-.2em}.dim,.stat-label,.eyebrow{color:var(--dim)}.danger{color:var(--danger)}.eyebrow{display:block;font-size:10px;letter-spacing:.16em}.shell{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:550px}.topbar{position:relative;z-index:5;display:flex;align-items:center;gap:28px;min-height:76px;flex-shrink:0;padding:12px 22px;background:linear-gradient(110deg,#161e2b,#101721 70%);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 16px #0002}.logo{display:flex;align-items:center;gap:12px;flex-shrink:0;color:var(--gold-bright);font-family:var(--font-heading);font-size:22px;letter-spacing:.12em;line-height:1.15}.logo small{display:block;color:var(--dim);font-family:var(--font-body);font-size:9px;letter-spacing:.24em;margin-top:7px}.logo-mark{display:grid;place-items:center;width:42px;height:44px;border:1px solid var(--gold-dim);border-radius:2px 12px;background:#c8a44a08}.logo-mark .icon{width:28px;height:28px}.round-info{display:flex;align-items:center;flex:1;min-width:0;gap:24px}.round-stat{display:flex;align-items:center;gap:10px;border-left:1px solid var(--border);padding-left:24px}.round-stat strong{font:600 28px var(--font-number);color:var(--gold-bright)}.stat-label{font-size:10px;white-space:nowrap}.phase-status{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;color:var(--hp)}.phase-status i{width:6px;height:6px;background:currentColor;border-radius:50%}.phase-status.combat{color:var(--danger)}.phase-status.result,.phase-status.loot,.phase-status.finished{color:var(--gold-bright)}.health-stat{min-width:94px}.health-stat>span{display:flex;align-items:center;gap:7px;color:var(--hp)}.health-stat strong{font:600 22px var(--font-number)}.health-stat small{color:var(--dim)}.meter{display:block;height:3px;background:#ffffff0c;overflow:hidden;border-radius:2px}.meter i{display:block;height:100%;background:var(--gold);transition:width .3s ease}.hp-meter{margin-top:5px}.hp-meter i,.rival-meter i{background:var(--hp)}.opponent-stat{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.opponent-stat strong{font-size:12px;font-weight:500}.result-info{margin-left:auto;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:3px 9px;font-size:10px;max-width:240px}.result-outcome{font-weight:700}.result-outcome.win{color:var(--hp)}.result-outcome.loss,.result-dmg{color:var(--danger)}.result-outcome.draw,.result-income{color:var(--gold-bright)}.result-streak{color:var(--dim)}.speed-controls{display:flex;align-items:center;gap:3px;flex-shrink:0;padding:4px;border:1px solid var(--border);border-radius:5px}.speed-label{display:flex;align-items:center;gap:4px;color:var(--dim);font-size:10px;padding:0 5px}.speed-label .icon{width:13px;height:13px}.speed-btn{min-width:30px;height:29px;border-color:transparent;background:transparent;color:var(--dim);font:11px var(--font-number)}.speed-btn.active{color:var(--gold-bright);background:#c8a44a17;border-color:#c8a44a40}.main{display:grid;grid-template-columns:clamp(198px,17vw,254px) minmax(0,1fr) clamp(228px,18vw,274px);flex:1;min-height:0}.panel{min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;background:linear-gradient(var(--glass-bg),var(--glass-bg)),url(/img/backgrounds/panel-texture.png) repeat var(--panel);scrollbar-gutter:stable}.left-panel{border-right:1px solid var(--glass-border)}.right-panel{border-left:1px solid var(--glass-border)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:13px;letter-spacing:.05em;color:var(--gold-bright);margin:22px 0 12px}.section-heading:first-child{margin-top:0}.section-heading>span{display:flex;align-items:center;gap:8px}.section-heading .icon{width:16px;height:16px;color:var(--gold)}.section-heading small{font-family:var(--font-body);font-size:9px;font-weight:400;color:var(--dim);letter-spacing:0}.rivals-list{display:flex;flex-direction:column;gap:5px;padding-right:4px}.rival{display:flex;flex-shrink:0;align-items:center;gap:8px;min-height:47px;padding:5px 7px;border:1px solid transparent;border-radius:4px;background:#ffffff03}.rival.current{border-color:#ac817f45;background:#aa77770a}.rival.you{border-color:#c8a44a40;background:#c8a44a0b}.rival{cursor:pointer}.rival.scouting{border-color:#7ab8f5aa;background:#7ab8f514}.rival.dead{opacity:.42}.rival.dead .rival-name{text-decoration:line-through}.rival-emblem{width:24px;height:28px;display:grid;place-items:center;flex-shrink:0;color:#778698;font:11px var(--font-number);border:1px solid #ffffff0c;border-radius:3px}.rival.you .rival-emblem{border-color:#c8a44a33;color:var(--gold)}.rival-main{min-width:0;flex:1}.rival-top,.rival-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px}.rival-name{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rival.you .rival-name{color:var(--gold-bright)}.rival-hp{display:flex;align-items:center;gap:4px;color:var(--hp);font:10px var(--font-number)}.rival-hp .icon{width:10px;height:10px}.rival-bottom{color:var(--dim);font-size:9px;line-height:1.7}.rival-strat{color:#acb5c4}.rival-meter{margin-top:3px;height:2px}.rival:not(.you) .rival-meter i{opacity:.55}.synergy-list{display:flex;flex-direction:column;gap:7px}.synergy{width:100%;text-align:left;position:relative;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:5px 7px;background:#ffffff03;border-color:#ffffff09;padding:9px;overflow:hidden}.syn-emblem{grid-row:span 2;display:grid;place-items:center;width:24px;height:28px;border:1px solid var(--border);color:var(--dim);clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);background:var(--panel2)}.synergy.active{border-color:#c8a44a35;background:#c8a44a06}.synergy.active .syn-emblem{background:#c8a44a16;color:var(--gold-bright)}.syn-name{font-size:11px;font-weight:500}.syn-count{font:10px var(--font-number);color:var(--dim)}.synergy.active .syn-count{color:var(--gold-bright)}.syn-tiers{display:flex;gap:4px;grid-column:2 / -1}.syn-tier-badge{padding:0 5px;border:1px solid var(--border);color:var(--dim);border-radius:2px;font:9px/15px var(--font-number)}.syn-tier-badge.reached{background:#ffffff08}.syn-tier-badge.tier-0{border-color:#cd956799}.syn-tier-badge.tier-1{border-color:#c6d0da99}.syn-tier-badge.tier-2{border-color:#e8c84a99}.syn-tier-badge.tier-0.reached{color:var(--tier-bronze);border-color:var(--tier-bronze)}.syn-tier-badge.tier-1.reached{color:var(--tier-silver);border-color:var(--tier-silver)}.syn-tier-badge.tier-2.reached{color:var(--tier-gold);border-color:var(--tier-gold)}.syn-tier-badge.tier-3{border-color:transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(110deg,#b27688,#b29d68,#6f9e85,#7397bd,#947bb2) border-box}.syn-tier-badge.tier-3.reached{color:#e9c6ec;background:linear-gradient(#292636,#292636) padding-box,linear-gradient(110deg,#ef91ab,#ebca74,#88d0a6,#89b8f2,#cd9bef) border-box}.syn-desc,.syn-extra{grid-column:1 / -1;color:var(--dim);font-size:10px;line-height:1.6}.syn-extra{color:var(--gold)}.syn-meter{position:absolute;bottom:0;left:0;right:0;height:2px}.syn-meter i{opacity:.7}.item-list{display:flex;flex-direction:column;gap:6px}.item-card{display:flex;gap:9px;align-items:center;text-align:left;padding:8px;background:#c8a44a05;border-color:#c8a44a20}.item-card:hover{background:#c8a44a0d;transform:translateY(-1px)}.item-card.completed{border-color:#c8a44a55;background:#c8a44a0a}.item-card.special{border-color:#6cf;background:#0cf1}.item-card-row{display:flex;gap:4px;align-items:stretch}.item-card-row .item-card{flex:1}.forge-place-btn{flex-shrink:0;padding:0 8px;font-size:10px;background:#c8a44a15;border:1px solid #c8a44a30;color:var(--gold-bright);border-radius:4px;cursor:pointer}.forge-place-btn:hover{background:#c8a44a25}.item-group-label{color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.05em;margin:10px 0 6px}.item-icon{display:inline-grid;place-items:center;width:32px;height:32px;flex-shrink:0;color:var(--gold-bright);background:#c8a44a0b;border:1px solid #c8a44a33;border-radius:4px}.item-name{display:block;color:var(--gold-bright);font-size:11px}.item-desc{display:block;color:var(--dim);font-size:10px;margin-top:2px}.forge-section{margin-bottom:12px;padding:10px;background:#c8a44a08;border:1px solid #c8a44a20;border-radius:6px}.forge-slots{display:flex;align-items:center;gap:6px}.forge-slot{display:grid;place-items:center;width:44px;height:44px;border:2px dashed var(--gold-dim);border-radius:4px;background:transparent;color:var(--dim);cursor:pointer;font-size:18px}.forge-slot.filled{border-style:solid;border-color:var(--gold-bright);color:var(--gold-bright);background:#c8a44a0d}.forge-slot .icon{width:24px;height:24px}.forge-arrow{color:var(--dim);font-size:14px}.forge-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;padding:4px;border:1px dashed var(--border);border-radius:4px;color:var(--dim);font-size:10px}.forge-preview.filled{border-style:solid;border-color:var(--gold-bright);color:var(--gold-bright);background:#c8a44a0d}.forge-preview .item-icon{width:24px;height:24px}.forge-preview-name{font-size:9px;margin-top:2px;text-align:center}.forge-buttons{display:flex;gap:6px;margin-top:8px}.forge-btn,.clear-forge-btn{flex:1;padding:6px;font-size:11px;border-radius:4px;cursor:pointer}.forge-btn{background:var(--gold-bright);color:#111a27;border:none;font-weight:600}.forge-btn:disabled{opacity:.4;cursor:not-allowed}.clear-forge-btn{background:transparent;border:1px solid var(--border);color:var(--dim)}.item-drop-2d{position:fixed;top:50%;left:50%;z-index:200;pointer-events:none;animation:item-slide 1.2s ease-in-out forwards}.item-drop-2d .icon{width:48px;height:48px;color:var(--gold-bright)}@keyframes item-slide{0%{transform:translate(-50%,-50%) scale(1.5);opacity:0}15%{opacity:1}to{top:50%;left:60px;transform:scale(.8);opacity:0}}.log-section{margin-top:22px;border-top:1px solid var(--border);padding-top:12px}.log-section summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:11px;color:var(--dim)}.log-section summary .icon{width:14px;height:14px}.log-box{margin-top:10px;max-height:160px;overflow:auto;font:10px/1.8 var(--font-number),var(--font-body);color:var(--dim)}.log-line{padding:5px 0;border-bottom:1px solid #ffffff06}.log-line:first-child{color:#c4ccd6}.log-line .icon{width:10px;height:10px;color:var(--gold)}.arena-section{position:relative;overflow:hidden;isolation:isolate;min-width:0;background:radial-gradient(ellipse at 50% 40%,#20293a,#0a1019)}.arena-wrap{width:100%;height:100%;position:relative}.arena-wrap canvas{display:block}.arena-hud{position:absolute;top:22px;left:26px;right:26px;bottom:22px;display:flex;justify-content:space-between;align-items:flex-start;z-index:2;pointer-events:none;gap:16px}.arena-hud>div{pointer-events:auto}.hud-left{display:flex;flex-direction:column;gap:10px;max-width:260px;max-height:100%;min-height:0}.hud-right{display:flex;flex-direction:column;gap:8px;max-width:220px;max-height:100%;min-height:0}.hud-synergies{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.hud-right .rivals-list{min-height:0;overflow-y:auto;overscroll-behavior:contain}.hud-synergies .synergy-list{gap:5px}.hud-synergies .synergy{padding:6px}.hud-synergies .syn-desc{display:none}.ranking-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:10px;color:var(--dim)}.ranking-title{color:var(--gold-bright);font-size:11px;letter-spacing:.05em}.rivals-list{display:flex;flex-direction:column;gap:3px}.arena-caption .eyebrow{font-size:9px;color:#a9b7ca}.arena-caption strong{display:block;font:500 21px var(--font-heading);color:#e5decd;margin-top:5px;text-shadow:0 2px 6px #0009}.capacity{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0a101cd9;border:1px solid #c8a44a30;border-radius:4px;color:#ccd4de;font-size:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.capacity .icon{color:var(--gold);width:16px;height:16px}.capacity strong{font:600 17px var(--font-number);color:var(--gold-bright);margin-left:6px}.capacity.full{border-color:#c8a44a65}.arena-hud .arena-caption{padding:9px 12px;border-radius:6px;background:#0a101c99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.arena-hud .synergy,.arena-hud .rival{background:#0a101cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scout-return{display:inline-flex;align-items:center;gap:4px;width:fit-content;padding:4px 10px;font-size:10px;color:#9fc8f8;background:#7ab8f512;border:1px solid #7ab8f540;border-radius:4px;cursor:pointer}.scout-return:hover{background:#7ab8f522;color:#d3e6ff}.arena-hud .synergy.active{background-image:linear-gradient(#c8a44a1f,#c8a44a1f)}.arena-hud .rival.current{background-image:linear-gradient(#aa77772e,#aa77772e)}.arena-hud .rival.you{background-image:linear-gradient(#c8a44a1f,#c8a44a1f)}.arena-hud .empty-hint{background:#0a101cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-style:solid;border-color:#ffffff1c}.arena-hud .ranking-head{padding:5px 8px;border-radius:4px;background:#0a101c99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.arena-hud .rivals-list,.arena-hud .hud-synergies{padding:6px;border-radius:6px;background:#0a101c99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.arena-guide{position:absolute;bottom:13px;left:50%;transform:translate(-50%);z-index:2;width:max-content;max-width:calc(100% - 36px);display:flex;align-items:center;gap:8px;border:1px solid #ffffff0c;border-radius:4px;background:#0c1420df;padding:8px 12px;color:#a6b2c3;font-size:10px;pointer-events:none;text-align:center}.arena-guide .icon{width:14px;height:14px;color:var(--gold-dim)}.combat-overlay{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);max-width:90%;width:max-content;z-index:10;border:1px solid var(--gold-dim);border-radius:5px;background:#101824f5;padding:14px 22px;font-size:13px;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s;box-shadow:0 12px 32px #0005}.combat-overlay.show{opacity:1}.webgl-error{margin:0 auto;position:absolute;top:40%;left:10%;width:80%;text-align:center;color:var(--danger)}.team-head{position:sticky;top:-16px;z-index:5;margin:-16px -16px 6px;padding:16px 16px 6px;background:linear-gradient(var(--glass-bg),var(--glass-bg)),url(/img/backgrounds/panel-texture.png) repeat var(--panel);border-bottom:1px solid var(--glass-border)}.team-head .section-heading{margin:0 0 10px}.team-capacity{padding:10px 12px;background:linear-gradient(120deg,#c8a44a0e,#ffffff02);border:1px solid #c8a44a25;border-radius:4px;color:var(--dim);font-size:10px}.team-capacity>span{display:flex;justify-content:space-between}.team-capacity strong{font:11px var(--font-number);color:var(--gold-bright)}.capacity-pips{display:flex;gap:4px;margin-top:10px}.capacity-pips i{display:block;height:4px;background:#ffffff10;flex:1;border-radius:1px}.capacity-pips i.filled{background:var(--gold)}.subheading{display:flex;align-items:center;justify-content:space-between;margin:17px 0 9px;font-size:10px;color:var(--dim)}.subheading>span:last-child{font-family:var(--font-number),var(--font-body);font-size:10px}.bench,.board-units{display:flex;flex-direction:column;gap:7px}.unit-card{position:relative;background:#ffffff03;border:1px solid #ffffff0b;border-left:2px solid var(--rarity);border-radius:3px;overflow:hidden}.unit-card:hover{background:#ffffff06}.unit-card.selected{border-color:var(--gold);background:#c8a44a0a}.unit-select{position:relative;border:0;border-radius:0;display:flex;align-items:center;gap:9px;width:100%;padding:7px;text-align:left;background:transparent}.unit-select:focus-visible{outline-offset:-3px}.unit-info{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:2px}.unit-name{font-size:12px;font-weight:500}.unit-pos{font-size:9px;color:var(--dim)}.unit-traits{display:flex;flex-wrap:wrap;gap:3px;padding:0 7px 7px}.unit-combat-stats{display:flex;gap:6px;padding:0 7px 7px;font-size:11px;font-weight:600}.unit-combat-stats span{padding:1px 4px;border-radius:3px}.cs-dmg{color:#f66;background:#ff50501f}.cs-tank{color:#6af;background:#50a0ff1f}.cs-shield{color:#fd4;background:#ffdc3c1f}.cs-heal{color:#6f6;background:#50ff501f}.sort-row{display:flex;gap:3px;flex-wrap:wrap}.sort-btn{padding:2px 6px;font-size:11px;min-height:22px;line-height:1;opacity:.6}.sort-btn.active{opacity:1;background:var(--gold);color:#1a1a2a;border-color:var(--gold)}.sort-control{display:inline-flex;align-items:center;gap:2px}.sort-select{font-size:11px;padding:1px 4px;min-height:22px;background:#ffffff0f;color:var(--text);border:1px solid var(--border);border-radius:3px;cursor:pointer}.sort-select:hover{border-color:var(--gold-dim)}.sort-dir{font-size:10px;padding:1px 4px;min-height:22px;min-width:22px;background:#ffffff0f;color:var(--text);border:1px solid var(--border);border-radius:3px;cursor:pointer;line-height:1}.sort-dir:hover{border-color:var(--gold-dim);color:var(--gold)}.team-tabs{display:flex;gap:4px;margin:6px 0 4px}.tab-btn{flex:1;padding:6px 10px;font-size:13px;font-weight:600;background:#ffffff0a;color:var(--text-dim);border:1px solid var(--border);border-radius:6px 6px 0 0;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.tab-btn:hover{background:#ffffff14;color:var(--text)}.tab-btn.active{background:linear-gradient(180deg,#d4a0172e,#d4a01714);color:var(--gold-bright);border-color:var(--gold-dim);border-bottom-color:transparent}.tab-count{font-size:11px;font-weight:400;opacity:.7}.tab-count.danger{color:#f66}.hud-augments{display:flex;flex-wrap:wrap;gap:4px;margin-top:14px;margin-bottom:6px;padding-top:10px;border-top:1px solid var(--border)}.augment-badge{padding:2px 8px;border-radius:3px;font-size:10px;font-weight:600;cursor:default;border:1px solid}.augment-tier-silver{border-color:#8a8a9a;background:linear-gradient(135deg,#6a6a7a30,#8a8a9a20);color:#c0c0d0}.augment-tier-gold{border-color:var(--gold-dim);background:linear-gradient(135deg,#c8a44a20,#d4a01715);color:var(--gold-bright)}.augment-tier-rainbow{border-color:#b04dff;background:linear-gradient(135deg,#ff4d6d15,#ffd70015,#4dff8815,#4d9aff15,#b04dff15);color:#e0c0ff;text-shadow:0 0 6px rgba(176,77,255,.4)}.augment-overlay{z-index:100}.augment-dialog-box{max-width:760px;padding:0;overflow:hidden}.augment-modal{text-align:center;padding:32px 28px 24px}.augment-modal-header{margin-bottom:24px}.augment-modal-header h2{font-size:22px;color:var(--gold-bright);margin:8px 0 4px}.augment-modal-header p{margin:0;font-size:12px;opacity:.7}.augment-tier-label{display:inline-block;padding:3px 14px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.1em;border:1px solid}.augment-tier-label.augment-tier-silver{border-color:#8a8a9a;background:#6a6a7a20;color:#c0c0d0}.augment-tier-label.augment-tier-gold{border-color:var(--gold-dim);background:#c8a44a18;color:var(--gold-bright)}.augment-tier-label.augment-tier-rainbow{border-color:#b04dff;background:linear-gradient(90deg,#ff4d6d15,#ffd70015,#4dff8815,#b04dff15);color:#e0c0ff}.augment-choices{display:flex;gap:14px;justify-content:center;flex-wrap:nowrap;align-items:flex-start}.augment-card-wrap{display:flex;flex-direction:column;gap:6px}.augment-card{display:flex;flex-direction:column;gap:8px;padding:16px 14px;border-radius:8px;border:2px solid;cursor:pointer;text-align:left;transition:transform .15s,box-shadow .15s,border-color .15s;background:var(--panel2);min-width:150px;max-width:170px;justify-content:flex-start;position:relative}.augment-card:not(.item-draft-card){width:190px;height:285px;min-width:0;max-width:none;padding:0;gap:0;text-align:center;overflow:hidden}.augment-card:not(.item-draft-card):before,.augment-card:not(.item-draft-card):after{content:"";position:absolute;width:14px;height:14px;pointer-events:none}.augment-card:not(.item-draft-card):before{top:4px;left:4px;border-top:2px solid var(--aug-tier, #8a8a9a);border-left:2px solid var(--aug-tier, #8a8a9a)}.augment-card:not(.item-draft-card):after{bottom:4px;right:4px;border-bottom:2px solid var(--aug-tier, #8a8a9a);border-right:2px solid var(--aug-tier, #8a8a9a)}.augment-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}.augment-card.augment-tier-silver{--aug-tier: #8a8a9a;--aug-glow: #8a8a9a40;border-color:#8a8a9a;box-shadow:inset 0 0 0 1px #8a8a9a30}.augment-card.augment-tier-silver:hover{border-color:#b0b0c0;box-shadow:inset 0 0 0 1px #8a8a9a30,0 8px 24px #6a6a7a50}.augment-card.augment-tier-gold{--aug-tier: var(--gold-dim);--aug-glow: #c8a44a40;border-color:var(--gold-dim);box-shadow:inset 0 0 0 1px #c8a44a30}.augment-card.augment-tier-gold:hover{border-color:var(--gold-bright);box-shadow:inset 0 0 0 1px #c8a44a30,0 8px 24px #c8a44a50}.augment-card.augment-tier-rainbow{--aug-tier: #b04dff;--aug-glow: #b04dff50;border-color:transparent;background:linear-gradient(135deg,var(--panel2),#1a1530) padding-box,linear-gradient(135deg,#ff4d6d,gold,#4dff88,#b04dff) border-box}.augment-card.augment-tier-rainbow:hover{box-shadow:0 8px 24px #b04dff50}.aug-icon-zone{height:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#1c2240,#0d1120)}.augment-tier-rainbow .aug-icon-zone{background:radial-gradient(ellipse at 50% 40%,#2a1a45,#140e26)}.aug-medallion{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--aug-tier, #8a8a9a);background:radial-gradient(circle at 50% 35%,#ffffff12,#00000050);box-shadow:0 0 26px 6px var(--aug-glow, #8a8a9a40)}.aug-medallion .icon{width:40px;height:40px}.aug-name-band{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 8px;background:#ffffff0d;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10}.aug-name-band .augment-cat{font-size:9px}.aug-name-band .augment-name{font-size:14px}.aug-desc-zone{flex:1;min-height:0;overflow-y:auto;padding:10px 12px;display:flex;align-items:center;scrollbar-width:thin;scrollbar-color:#ffffff20 transparent}.aug-desc-zone::-webkit-scrollbar{width:4px}.aug-desc-zone::-webkit-scrollbar-thumb{background:#ffffff20;border-radius:2px}.aug-desc-zone .augment-desc{font-size:11px;line-height:1.45}.augment-cat{font-size:10px;opacity:.5;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.augment-name{font-size:15px;font-weight:700;color:var(--gold-bright)}.augment-card.augment-tier-silver .augment-name{color:#d0d0e0}.augment-card.augment-tier-rainbow .augment-name{color:#e0c0ff}.augment-desc{font-size:12px;line-height:1.5;opacity:.85}.augment-card-reroll{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;background:var(--panel2);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:all .15s}.augment-card-reroll:hover:not(:disabled){border-color:var(--gold-dim);color:var(--gold-bright);background:#c8a44a10}.augment-card-reroll:disabled{opacity:.3;cursor:not-allowed}.augment-card-reroll .icon{width:10px;height:10px}.item-draft-choices{flex-wrap:wrap}.item-draft-label{border-color:var(--gold-dim);background:#c8a44a18;color:var(--gold-bright)}.item-draft-card{height:auto;width:auto;min-width:150px;max-width:170px;border-color:var(--gold-dim)}.item-draft-card:hover{border-color:var(--gold-bright);box-shadow:0 8px 24px #c8a44a30}.item-draft-card.item-special{border-color:#6cf}.item-draft-card.item-special:hover{border-color:#9df;box-shadow:0 8px 24px #66ccff30}.item-draft-icon{display:flex;justify-content:center}.item-draft-icon .item-icon{width:40px;height:40px;font-size:40px}.stars{display:inline-flex;gap:2px;color:var(--gold)}.stars .icon{width:10px;height:10px}.unit-item{align-self:flex-start;color:var(--gold-bright)}.unit-item .icon{width:14px;height:14px}.trait-tag{display:inline-block;font-family:var(--font-body);font-weight:400;font-size:9px;color:#aab8cb;border:1px solid #ffffff0c;padding:1px 5px;line-height:1.5;border-radius:3px;background:#ffffff04;white-space:nowrap}button.trait-tag:hover{color:var(--gold-bright);background:#c8a44a0e}.trait-tags{display:flex;flex-wrap:wrap;gap:4px}.empty-hint{padding:11px;border:1px dashed #ffffff14;border-radius:4px;color:var(--dim);font-size:10px;line-height:1.8}.bench-empty{text-align:center;padding:23px 7px;color:#c3cbd5;background:radial-gradient(ellipse at 50% 100%,#c8a44a08,transparent)}.bench-empty small{display:inline-block;margin-top:4px;color:var(--dim);font-size:9px}.selection-hint{display:flex;align-items:flex-start;gap:8px;margin-top:24px;color:#8695aa;font-size:10px;line-height:1.8}.selection-hint .icon{width:14px;height:14px;margin-top:2px}.unit-detail{margin-top:18px;border:1px solid #c8a44a30;border-top:2px solid var(--rarity);border-radius:4px;padding:10px;background:#0b131e}.detail-header{position:relative;display:flex;align-items:center;gap:9px;margin-bottom:10px}.detail-header .eyebrow{letter-spacing:.03em;font-size:9px;padding-right:14px}.detail-header h3{margin:3px 0 2px;font-size:15px;color:var(--text)}.detail-close{position:absolute;top:-6px;right:-6px}.icon-btn{display:inline-grid;place-items:center;width:30px;height:30px;padding:0;background:transparent;border-color:transparent;color:var(--dim)}.icon-btn:hover{color:var(--gold-bright)}.icon-btn .icon{width:16px;height:16px}.detail-note{font-size:8px;color:var(--dim);margin:13px 0 7px}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px 9px}.detail-stat{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:6px 0;border-bottom:1px solid #ffffff07;font-size:9px}.detail-stat>span{display:flex;align-items:center;gap:4px;color:var(--dim);white-space:nowrap}.detail-stat .icon{width:12px;height:12px}.detail-stat strong{font:500 10px var(--font-number);white-space:nowrap}.equipped-item{display:flex;gap:8px;align-items:center;padding:9px 0 0;font-size:10px}.equipped-item strong{color:var(--gold-bright);font-weight:500}.equipped-item small{display:block;color:var(--dim);font-size:9px}.ability-box{margin-top:12px;border:1px solid #c8a44a25;border-left:2px solid var(--gold-dim);background:linear-gradient(120deg,#c8a44a0a,transparent);padding:10px}.ability-box .eyebrow{color:var(--gold-dim);font-size:8px}.ability-box strong{display:block;font-size:11px;color:var(--gold-bright);margin-top:3px;font-weight:500}.ability-box p{color:#aab4c3;font-size:10px;line-height:1.8;margin-top:5px}.ability-flavor{display:block;font-size:9px;color:var(--dim);font-style:italic;margin-top:4px;line-height:1.5}.dt-phys{color:#e8a33d;font-weight:600}.dt-magic{color:#7ea6ff;font-weight:600}.dt-true{color:#f0f0f0;font-weight:600;text-shadow:0 0 4px #fff8}.st-ap{color:#b48cff}.st-atk{color:#e8a33d}.st-as{color:#6fc0d8}.st-hp{color:#7dd87d}.st-def{color:#d8c46a}.ability-hint{font-size:9px;color:var(--dim);margin-top:7px}.detail-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:500;min-height:33px}.detail-actions .btn{flex:1;font-size:10px;white-space:nowrap;padding:6px}.detail-actions .icon{width:13px;height:13px}.bench-btn{color:#afdbbf;border-color:#558e7055;background:#1e382b}.sell-btn{color:#e6aaaa;border-color:#a26a6a44;background:#39242b}.unequip-btn{color:var(--dim)}.portrait{position:relative;display:block;overflow:hidden;flex-shrink:0;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--portrait-hair) 50%,#334056) 0%,transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--portrait-color) 45%,#182334),#111926)}.portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #ffffff08;pointer-events:none}.portrait-fallback{display:block;position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0}.portrait img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}.portrait.has-portrait .portrait-fallback{visibility:hidden}.unit-avatar{width:46px;height:52px;border-radius:3px}.detail-portrait{width:53px;height:67px;border-radius:3px}.cost-1{--rarity: var(--cost-1)}.cost-2{--rarity: var(--cost-2)}.cost-3{--rarity: var(--cost-3)}.cost-4{--rarity: var(--cost-4)}.cost-5{--rarity: var(--cost-5)}.rarity-1{color:var(--cost-1)}.rarity-2{color:var(--cost-2)}.rarity-3{color:var(--cost-3)}.rarity-4{color:var(--cost-4)}.rarity-5{color:var(--cost-5)}.bottombar{position:relative;z-index:6;flex-shrink:0;padding:13px 18px 16px;background:linear-gradient(180deg,#151e2b,#101722);border-top:1px solid var(--gold-dim);box-shadow:0 -8px 26px #0003}.bottombar-inner{display:grid;grid-template-columns:194px minmax(0,1fr) 34px 176px;align-items:stretch;gap:12px;max-width:1880px;margin:0 auto}.action-col{padding-right:12px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:7px}.economy-header{display:flex;justify-content:space-between;align-items:center;gap:4px}.gold-display{display:inline-flex;align-items:center;gap:8px;color:var(--gold-bright)}.gold-display strong{font:500 28px var(--font-number);letter-spacing:-.06em}.gold-display .icon{width:22px;height:22px}.gold-display small{color:var(--gold-dim);font-size:9px}.level-display{font-size:10px;color:var(--dim)}.level-display strong{color:var(--text);font:500 14px var(--font-number)}.xp-caption{display:flex;justify-content:space-between;color:var(--dim);font-size:9px}.xp-caption>span:last-child{color:var(--mana);font-family:var(--font-number),var(--font-body)}.xp-meter{height:4px;margin-bottom:4px}.xp-meter i{background:linear-gradient(90deg,#507faf,#87b6eb)}.action-btn{justify-content:flex-start;width:100%;min-height:35px;font-size:11px;padding:7px 9px}.action-btn .icon{width:16px;height:16px}.action-btn small{font:9px var(--font-number);opacity:.7}.btn-cost{display:flex;align-items:center;gap:3px;margin-left:auto;color:var(--gold-bright);font-size:10px;white-space:nowrap}.btn-cost .icon{width:12px;height:12px}.buyxp-btn{border-color:#9d845344;background:linear-gradient(110deg,#51452a55,#252b2b);color:#e1cb95}.reroll-btn{border-color:#54789477;background:linear-gradient(110deg,#203d50,#1c2c3f);color:#b7d6eb}.action-btn:hover:not(:disabled){filter:brightness(1.15)}.shop-section{min-width:0;position:relative}.shop-section.sell-bin-active .shop-area{opacity:.22;filter:saturate(.4)}.sell-bin-overlay{position:absolute;top:30px;left:0;right:0;bottom:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed #c05a5a;border-radius:6px;background:#2a1215e8;color:#e8b0b0;font-size:13px;pointer-events:none}.sell-bin-overlay .sell-bin-icon .icon{width:22px;height:22px;color:var(--gold-bright)}.sell-bin-overlay strong{font-size:14px}.sell-bin-overlay .sell-bin-value{color:var(--gold-bright);font-weight:600}.sell-bin-overlay.cannot{border-color:#4a5563;background:#141a22e8;color:#8a96a5}.shop-section.sell-hover .sell-bin-overlay{background:#421a1ef2;border-color:#ff7878;transform:scale(1.01)}.eliminated-banner{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);z-index:8;display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 34px;border:1px solid #a04040;border-radius:8px;background:#1a0e12ee;color:#d8a8a8;pointer-events:none;text-align:center}.eliminated-banner strong{font-size:18px;color:#f0d0d0;letter-spacing:.1em}.eliminated-banner span{font-size:11px;color:#a88080}.shop-heading{display:flex;align-items:center;gap:14px;margin-bottom:9px;height:21px}.shop-heading h3{color:var(--gold-bright);font-size:12px;white-space:nowrap;letter-spacing:.07em}.shop-heading>span{color:var(--dim);font-size:9px}.shop-lock-status{margin-left:auto;display:inline-flex;align-items:center;gap:4px}.shop-lock-status .icon{width:11px;height:11px;color:var(--gold)}.shop-area{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.shop-slot{position:relative;display:flex;flex-direction:column;height:162px;min-width:0;background:#0e1723;border:1px solid color-mix(in srgb,var(--rarity, #4f5c6b) 45%,#233040);border-top:3px solid var(--rarity, #354356);border-radius:4px;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}.shop-slot:not(.empty):not(.cant-afford):hover{transform:translateY(-3px);border-color:var(--rarity);box-shadow:0 8px 15px #0003}.shop-buy{display:block;width:100%;position:relative;padding:0;flex:1;min-height:0;border:0;border-radius:0;overflow:hidden;text-align:left;background:#111926}.shop-buy:focus-visible{outline-offset:-3px;z-index:1}.shop-buy:disabled{opacity:.58}.shop-avatar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.shop-avatar .portrait-fallback{height:112%;top:-10%}.shop-avatar img{object-fit:cover;object-position:50% 25%}.shop-card-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b132000 30%,#0b13201a 45%,#0b1320ed);pointer-events:none}.shop-cost{position:absolute;right:6px;top:5px;display:flex;align-items:center;gap:4px;padding:3px 6px;background:#09101dd9;color:var(--gold-bright);border:1px solid #c8a44a44;border-radius:3px;font:500 13px var(--font-number)}.shop-cost .icon{width:13px;height:13px}.owned-badge{position:absolute;top:7px;left:6px;padding:2px 5px;color:#d8e3da;background:#1b392cdf;font-size:8px;border:1px solid #9ccb9b44;border-radius:2px}.shop-identity{position:absolute;bottom:7px;left:9px;right:5px}.shop-title{display:block;color:#b7c1cf;font-size:9px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-name{display:block;color:#f0ede4;font:600 16px/1.5 var(--font-heading);letter-spacing:.04em;white-space:nowrap}.shop-traits{display:flex;align-content:center;flex-wrap:wrap;gap:3px;flex-shrink:0;min-height:39px;padding:5px 6px;background:linear-gradient(110deg,color-mix(in srgb,var(--rarity) 9%,#101824),#101824);border-top:1px solid #ffffff0a}.shop-traits .trait-tag{font-size:8px;padding:1px 3px;border-color:transparent;background:#ffffff06}.shop-slot.empty{align-items:center;justify-content:center;gap:6px;border-style:dashed;color:#738198;background:repeating-linear-gradient(135deg,transparent 0 10px,#ffffff01 10px 11px)}.shop-slot.empty>.icon{width:27px;height:27px;margin-bottom:4px;color:#5c655f}.shop-slot.empty span{font-size:11px}.shop-slot.empty small{font-size:8px;opacity:.7}.shop-item-slot{border-color:#3a7a9a66;border-top-color:#3a7a9a;background:#0e1a26}.shop-item-slot .shop-item-icon{display:flex;align-items:center;justify-content:center;font-size:48px;padding:20px 0;flex:1}.shop-item-slot .shop-item-desc{display:block;padding:4px 8px;font-size:10px;color:#8fd8f0;text-align:center}.shop-item-slot .shop-title{color:#5aa0c0}.lock-vert{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-top:30px;padding:5px;color:#8998ab;background:#0c1522;border:1px solid var(--border)}.lock-vert span{writing-mode:vertical-rl;letter-spacing:.18em;font-size:10px}.lock-vert.active{color:var(--gold-bright);background:#c8a44a16;border-color:var(--gold-dim)}.round-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding-left:9px;border-left:1px solid var(--border)}.odds-area{position:relative;align-self:center}.odds-area summary{color:var(--dim);cursor:pointer;font-size:10px;display:flex;align-items:center;gap:6px;padding:3px 0}.odds-area summary .icon{width:12px;height:12px}.odds-tooltip-content{position:absolute;bottom:calc(100% + 12px);right:-16px;width:320px;padding:12px;background:#101925f5;border:1px solid var(--gold-dim);border-radius:5px;box-shadow:0 8px 36px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20}.odds-row{display:grid;grid-template-columns:1.4fr repeat(5,1fr);padding:5px 3px;gap:4px;font:9px var(--font-number),var(--font-body);text-align:center;border-radius:2px}.odds-row>span:first-child{text-align:left;color:var(--dim)}.odds-row.current{background:#c8a44a1a}.odds-row.current>span:first-child{color:var(--gold-bright)}.odds-heading{border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:4px}.odds-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:8px 5px}.odds-bar-item{display:flex;flex-direction:column;align-items:center;gap:5px;font:11px var(--font-number)}.odds-bar-item small{font:8px var(--font-number),var(--font-body);opacity:.8}.odds-track{width:100%;height:39px;background:#ffffff04;display:flex;align-items:flex-end;border-radius:2px;overflow:hidden}.odds-track i{display:block;width:100%;background:currentColor;opacity:.75}.phase-btn-area .btn{width:100%;min-height:43px;border-radius:3px;font-size:12px;font-family:var(--font-heading);font-weight:600;gap:9px}.phase-btn-area .icon{width:17px;height:17px}.start-btn{color:#e5ebd6;background:linear-gradient(120deg,#375945,#273e34);border-color:#88a773;box-shadow:inset 0 1px #e8edc51a}.next-btn,.restart-btn{background:linear-gradient(120deg,#c0a05a,#927535);border-color:#dbc187;color:#141b21}.phase-btn-area .btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;align-items:center;justify-content:center;background:#050a13c9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:30px}.dialog-box{position:relative;border:1px solid var(--gold-dim);border-radius:8px;background:radial-gradient(ellipse at 50% 0,#29303a,transparent 50%),#111a27;padding:26px;max-height:calc(100dvh - 60px);overflow:auto;box-shadow:0 24px 80px #0008,inset 0 1px #ecd38b26;animation:dialog-enter .18s ease-out}.dialog-box h2{font-size:26px;color:var(--gold-bright)}.dialog-close{position:absolute;top:12px;right:12px}.loot-box{width:720px;text-align:center;padding:34px}.loot-heading-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 14px;border:1px solid var(--gold-dim);transform:rotate(45deg);color:var(--gold-bright);background:#c8a44a0a;border-radius:6px}.loot-heading-icon .icon{width:28px;height:28px;transform:rotate(-45deg)}.loot-box .eyebrow{margin:20px 0 5px}.loot-box>p{color:var(--dim);font-size:12px;margin:9px 0 26px}.loot-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.loot-choice{display:flex;flex-direction:column;align-items:center;padding:26px 14px 16px;background:linear-gradient(150deg,#243041,#111c2b);border:1px solid #c8a44a40;border-radius:5px}.loot-choice:hover{transform:translateY(-5px);background:linear-gradient(150deg,#353a40,#192635)}.loot-icon{color:var(--gold-bright);display:grid;place-items:center;width:64px;height:64px;background:#c8a44a0c;border-radius:50%;border:1px solid #c8a44a25;margin-bottom:20px}.loot-icon .icon{width:32px;height:32px}.loot-name{color:var(--gold-bright);font:600 16px var(--font-heading)}.loot-desc{color:#a6b5c7;font-size:11px;margin:10px 0 22px;flex:1}.loot-select{display:flex;align-items:center;gap:8px;color:#d6c8a7;font-size:10px;padding-top:12px;border-top:1px solid #ffffff0c}.loot-select .icon{width:13px;height:13px}.dialog-hint{display:block;color:var(--dim);margin-top:22px;font-size:10px}.synergy-modal-box{width:700px}.synergy-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.synergy-modal-header .eyebrow{margin-bottom:4px}.synergy-modal-info{background:#070f1a55;border:1px solid #ffffff09;border-radius:4px;padding:15px}.synergy-modal-desc{color:#c3cdd9;font-size:12px;line-height:1.9}.synergy-modal-progress{color:var(--gold-bright);font-size:11px;margin:10px 0}.synergy-modal-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.syn-tier-row{padding:8px;font-size:10px;border:1px solid var(--border);border-radius:3px}.syn-tier-label,.syn-tier-status,.syn-tier-effect{display:block}.syn-tier-effect{font-size:10px;color:var(--gold-bright);margin:3px 0;font-weight:500}.syn-tier-status{font-size:9px;color:var(--dim);margin:3px 0 8px}.syn-tier-row.reached{color:var(--gold-bright)}.syn-tier-row.reached .syn-tier-status{color:var(--hp)}.syn-tier-row.current{border-color:var(--gold-dim);background:#c8a44a08}.synergy-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:12px}.synergy-modal-char{overflow:hidden;position:relative;text-align:center;border:1px solid #ffffff10;border-top:2px solid var(--rarity);border-radius:4px;background:#0e1723;padding-bottom:8px}.synergy-modal-avatar{height:105px;width:100%;margin-bottom:8px}.synergy-modal-name{display:block;font-size:12px;font-weight:500}.synergy-modal-cost{position:absolute;top:6px;right:6px;display:flex;align-items:center;gap:3px;background:#0b1420cc;padding:2px 5px;border-radius:2px;color:var(--gold-bright);font:11px var(--font-number)}.synergy-modal-cost .icon{width:12px;height:12px}.synergy-modal-syns{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;padding:5px}.synergy-modal-syns .trait-tag{font-size:8px}.synergy-modal-status{color:#78879b;font-size:9px}.synergy-modal-char.on-board{border-color:#7bc5a088}.synergy-modal-char.on-board .synergy-modal-status{color:var(--hp)}.synergy-modal-char.owned .synergy-modal-status{color:var(--gold-bright)}*{scrollbar-width:thin;scrollbar-color:#5e563e #101824}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#5e563e;border-radius:4px}::-webkit-scrollbar-track{background:#101824}@keyframes dialog-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px)and (min-height:850px){.topbar{min-height:84px}.panel{padding:20px}.bottombar{padding:16px 22px 20px}.shop-slot{height:190px}.action-col{justify-content:space-between}.shop-name{font-size:19px}.shop-traits{min-height:40px}.shop-traits .trait-tag{font-size:10px}.phase-btn-area .btn{min-height:48px}.odds-track{height:50px}}@media(max-width:1250px){.topbar{padding:10px 15px;gap:17px;min-height:70px}.logo{font-size:20px;gap:8px}.logo-mark{width:35px;height:39px}.round-info{gap:16px}.round-stat{padding-left:15px}.speed-label span{display:none}.result-info{max-width:150px;font-size:9px}.main{grid-template-columns:198px minmax(0,1fr) 228px}.panel{padding:12px}.bottombar{padding:10px 12px 12px}.bottombar-inner{grid-template-columns:175px minmax(0,1fr) 30px 151px;gap:9px}.action-col{padding-right:9px}.action-btn{font-size:10px;padding:7px}.gold-display{gap:5px}.gold-display strong{font-size:25px}.gold-display small{display:none}.shop-area{gap:6px}.shop-slot{height:155px}.shop-name{font-size:14px}.shop-identity{left:7px}.shop-heading{gap:9px}.shop-lock-status{display:none}.shop-traits{min-height:40px;gap:2px;padding:4px}.round-actions{padding-left:7px}.phase-btn-area .btn{font-size:11px;padding:8px;gap:5px}.phase-btn-area .icon{width:14px;height:14px}.arena-hud{top:18px;left:18px;right:18px}.arena-caption strong{font-size:18px}}@media(max-width:1080px)and (min-width:901px){.main{grid-template-columns:184px minmax(0,1fr) 215px}.round-info{gap:12px}.opponent-stat{display:none}.result-info{max-width:135px}.logo{font-size:18px}.logo-mark{display:none}.topbar{gap:16px}.bottombar-inner{grid-template-columns:162px minmax(0,1fr) 29px 136px;gap:7px}.shop-name{font-size:12px;letter-spacing:0}.shop-title{font-size:8px}.shop-traits .trait-tag{font-size:8px;padding:0 2px}.shop-traits{min-height:45px}.owned-badge{top:34px}.shop-heading>span{font-size:8px}.action-btn small{display:none}.detail-stats{gap:0 7px}.detail-stat{font-size:8px;gap:3px}.detail-stat strong{font-size:9px}}@media(max-height:750px)and (min-width:901px){.topbar{min-height:64px;padding-top:8px;padding-bottom:8px}.panel{padding-top:12px}.rival{min-height:41px;padding-top:3px;padding-bottom:3px}.rivals-list{gap:3px}.section-heading{margin-top:17px;margin-bottom:9px}.bottombar{padding-top:9px;padding-bottom:10px}.shop-slot{height:146px}.shop-heading{height:17px;margin-bottom:7px}.action-col{gap:4px}.action-btn{min-height:32px}.lock-vert{margin-top:24px}.arena-hud{top:13px}.arena-guide{bottom:8px;font-size:9px;padding:6px 8px}}@media(max-width:900px){body{overflow:auto}.shell{height:auto;min-height:100dvh}.topbar{flex-wrap:wrap;gap:12px;padding:12px 16px}.logo{flex:1;font-size:20px}.round-info{order:3;flex-basis:100%;gap:20px;border-top:1px solid var(--border);padding-top:10px}.round-stat{border:0;padding:0}.round-stat strong{font-size:23px}.result-info{max-width:none}.main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:440px auto}.arena-section{grid-column:1 / -1;grid-row:1}.panel{max-height:360px;border-top:1px solid var(--glass-border);padding:16px}.left-panel{grid-column:1}.right-panel{grid-column:2}.bottombar{padding:14px}.bottombar-inner{grid-template-columns:165px minmax(0,1fr) 30px;gap:10px}.shop-area{gap:6px}.shop-name{font-size:12px}.shop-title{display:none}.shop-traits{min-height:54px}.shop-traits .trait-tag{font-size:8px}.round-actions{grid-column:1 / -1;display:grid;grid-template-columns:105px 1fr 180px;align-items:center;gap:15px;border:0;border-top:1px solid var(--border);padding:12px 0 0}.odds-bars{margin:0}.odds-bar-item{flex-direction:row;gap:3px}.odds-track{height:14px;width:12px}.odds-tooltip-content{left:0;right:auto}.owned-badge{top:34px;font-size:7px;padding:1px 3px}}@media(max-width:600px){.topbar{padding:10px 12px}.round-info{gap:14px;flex-wrap:wrap}.opponent-stat{margin-left:auto}.result-info{flex-basis:100%;justify-content:flex-start}.phase-status{font-size:10px}.health-stat{min-width:75px}.health-stat strong{font-size:18px}.main{grid-template-rows:360px auto}.panel{padding:11px;max-height:350px}.section-heading{font-size:12px}.section-heading small{font-size:8px}.rival{padding:4px;gap:5px}.rival-emblem{display:none}.unit-avatar{width:35px;height:44px}.unit-select{gap:6px;padding:5px}.unit-name{font-size:10px}.unit-traits{padding:0 5px 5px}.trait-tag{font-size:8px;padding:1px 3px}.detail-header{flex-wrap:wrap}.detail-header h3{font-size:13px}.detail-stats{grid-template-columns:1fr}.arena-hud{left:13px;right:13px;gap:10px}.hud-left{max-width:140px}.hud-right{max-width:130px}.hud-synergies{max-height:160px}.arena-caption strong{font-size:16px}.capacity{padding:7px 9px;font-size:10px}.arena-guide{font-size:9px}.bottombar-inner{grid-template-columns:1fr 30px}.action-col{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;border:0;padding:0;gap:7px 12px}.economy-header,.xp-caption,.xp-meter{grid-column:1 / -1}.shop-section{grid-column:1}.shop-area{display:flex;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}.shop-slot{min-width:123px;height:161px;scroll-snap-align:start}.shop-name{font-size:14px}.shop-traits{min-height:38px}.shop-heading{margin-top:5px}.lock-vert{margin-bottom:6px}.round-actions{grid-template-columns:85px 1fr;gap:12px}.odds-bars{gap:7px}.odds-bar-item{font-size:10px}.odds-track{display:none}.phase-btn-area{grid-column:1 / -1}.dialog-overlay{padding:14px}.dialog-box{padding:20px;max-height:calc(100dvh - 28px)}.dialog-box h2{font-size:22px}.loot-choices{grid-template-columns:1fr;gap:9px}.loot-choice{display:grid;grid-template-columns:45px 1fr;gap:4px 12px;padding:13px;text-align:left}.loot-icon{grid-row:span 2;width:44px;height:44px;margin:0}.loot-icon .icon{width:24px;height:24px}.loot-name{font-size:14px}.loot-desc{margin:0;font-size:10px}.loot-select{display:none}.synergy-modal-grid,.synergy-modal-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.front-door{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;overflow-y:auto;overflow-x:hidden;background:#0a1017;color:#eee3ce;padding:0 clamp(20px,4vw,64px)}.front-door .front-header,.front-door .front-footer{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.front-door .front-header{min-height:90px;border-bottom:1px solid #c8a44a35}.front-door .front-brand{display:flex;align-items:center;gap:12px;color:#ddbd77;font-family:var(--font-heading);font-size:21px;letter-spacing:.12em;line-height:1.15}.front-door .front-brand small{display:block;color:#9aa4ad;font-family:var(--font-body);font-size:9px;letter-spacing:.26em;margin-top:6px}.front-door .front-brand-mark{display:grid;place-items:center;width:40px;height:42px;border:1px solid #c8a44a55;border-radius:2px 12px;background:#c8a44a0a}.front-door .front-brand-mark .icon{width:26px;height:26px}.front-door .front-header-note{color:#9aa4ad;font-size:11px;letter-spacing:.08em}.front-door .front-footer{min-height:70px;border-top:1px solid #c8a44a35;color:#8b94a0;font-size:10px;letter-spacing:.05em;flex-wrap:wrap;padding:14px 0}.front-door .front-eyebrow{display:block;font-size:10px;letter-spacing:.22em;color:#c8a44a}.front-door .front-text-button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid #c8a44a30;border-radius:3px;color:#d8cdb4;font-size:11px;letter-spacing:.06em}.front-door .front-text-button .icon{width:14px;height:14px}.front-door .front-text-button:hover:not(:disabled){border-color:#c8a44a;color:#ddbd77}.front-door .front-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;min-height:38px;background:transparent;border:1px solid #c8a44a45;border-radius:3px;color:#ddbd77;font-size:12px;letter-spacing:.05em}.front-door .front-btn .icon{width:15px;height:15px}.front-door .front-btn:hover:not(:disabled){border-color:#c8a44a;background:#c8a44a0f}.front-door .front-btn.primary{background:#ddbd77;border-color:#ddbd77;color:#14100a;font-weight:600}.front-door .front-btn.primary:hover:not(:disabled){background:#ecd38b;border-color:#ecd38b}.front-door .front-btn.ghost{color:#9aa4ad;border-color:#3a4552}.front-door .front-btn.ghost:hover:not(:disabled){color:#eee3ce;border-color:#6a7684;background:transparent}.front-door .front-btn.small{min-height:30px;padding:5px 14px;font-size:11px}.front-door input[type=text]{background:#0d1420;border:1px solid #2c3948;border-radius:3px;color:#eee3ce;padding:9px 12px;font:inherit}.front-door input[type=text]:focus{border-color:#c8a44a;outline:none}.front-door input[type=text]:focus-visible{outline:2px solid #ecd38b;outline-offset:1px}.front-door .home-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;padding:48px 0 28px}.front-door .home-intro h1{font:600 clamp(38px,4.2vw,68px)/1.3 var(--font-heading);letter-spacing:.04em;margin:20px 0;color:#f4ecda}.front-door .home-intro h1 em{font-style:normal;color:#ddbd77}.front-door .home-desc{color:#b9c0c9;font-size:13px;line-height:2;max-width:40em}.front-door .home-actions{display:flex;flex-direction:column;gap:10px;margin-top:26px;max-width:460px}.front-door .front-action{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;text-align:left;border-radius:3px}.front-door .front-action.primary{background:#ddbd77;border-color:#ddbd77;color:#14100a}.front-door .front-action.primary .front-action-icon{border-color:#14100a33}.front-door .front-action.primary small{color:#4a3d22}.front-door .front-action.secondary{background:transparent;border-color:#3a4a5e;color:#eee3ce}.front-door .front-action.secondary:hover:not(:disabled){border-color:#c8a44a}.front-door .front-action.primary:hover:not(:disabled){background:#ecd38b;border-color:#ecd38b}.front-door .front-action-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid #c8a44a40;border-radius:3px}.front-door .front-action-icon .icon{width:19px;height:19px}.front-door .front-action-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.front-door .front-action-text strong{font-size:15px;letter-spacing:.08em;font-weight:600}.front-door .front-action-text small{font-size:10px;color:#9aa4ad;letter-spacing:.03em}.front-door .front-action-arrow .icon{width:18px;height:18px;transition:transform .18s}.front-door .front-action:hover:not(:disabled) .front-action-arrow .icon{transform:translate(4px)}.front-door .home-support{margin-top:14px;color:#8b94a0;font-size:10px;letter-spacing:.08em}.front-door .home-details{margin-top:18px;max-width:460px;border-top:1px solid #c8a44a20;padding-top:12px}.front-door .home-details summary{cursor:pointer;color:#c8a44a;font-size:11px;letter-spacing:.08em}.front-door .home-details ul{margin:10px 0 0;padding-left:18px;color:#a7b0bb;font-size:11px;line-height:2}.front-door .home-showcase{min-width:0}.front-door .showcase-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.front-door .showcase-caption{color:#8b94a0;font-size:10px;letter-spacing:.1em}.front-door .home-arena{position:relative;height:clamp(340px,43vw,540px);min-height:340px;width:100%;overflow:hidden;background:#0d1420}.front-door .home-arena{outline:1px solid #c8a44a30;outline-offset:-1px}.front-door .home-arena:before{content:"";position:absolute;top:0;left:0;width:26px;height:26px;border-top:2px solid #c8a44a;border-left:2px solid #c8a44a;z-index:2;pointer-events:none}.front-door .home-arena:after{content:"";position:absolute;bottom:0;right:0;width:26px;height:26px;border-bottom:2px solid #c8a44a;border-right:2px solid #c8a44a;z-index:2;pointer-events:none}.front-door .home-arena canvas{display:block;pointer-events:none}.front-door .home-arena-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;color:#b9c0c9;font-size:12px}.front-door .home-arena-fallback .portrait{width:90px;height:100px;border-radius:3px}.front-door .showcase-roster{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:12px}.front-door .showcase-unit{display:flex;align-items:center;gap:8px;color:#c9c2ae;font-size:11px;letter-spacing:.05em}.front-door .showcase-unit .portrait{width:30px;height:34px;border-radius:2px}.front-door .home-howto{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid #c8a44a35;padding-top:24px}.front-door .howto-step{position:relative;padding-left:0}.front-door .howto-num{font:500 12px var(--font-number);color:#c8a44a;letter-spacing:.1em}.front-door .howto-icon{float:right;color:#8b94a0}.front-door .howto-icon .icon{width:18px;height:18px}.front-door .howto-step strong{display:block;margin:8px 0 4px;font:600 15px var(--font-heading);color:#e9dfc8;letter-spacing:.06em}.front-door .howto-step p{color:#97a0ac;font-size:11px;line-height:1.9}.front-door .multiplayer-layout{max-width:1240px;margin:0 auto;padding:36px 0 48px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px}.front-door .multiplayer-heading{grid-column:1 / -1}.front-door .multiplayer-heading h1{font:600 clamp(26px,2.6vw,40px)/1.4 var(--font-heading);letter-spacing:.05em;color:#f4ecda;margin:10px 0 6px}.front-door .multiplayer-heading h1:focus{outline:none}.front-door .multiplayer-heading p{color:#97a0ac;font-size:12px}.front-door .lobby-profile{background:#0d1420;border:1px solid #c8a44a22;border-radius:3px;padding:22px 20px;align-self:start;display:flex;flex-direction:column;gap:10px}.front-door .lobby-insignia{display:grid;place-items:center;width:40px;height:42px;border:1px solid #c8a44a55;border-radius:2px 12px;background:#c8a44a0a;color:#ddbd77}.front-door .lobby-insignia .icon{width:24px;height:24px}.front-door .lobby-name-label,.front-door .lobby-name-label label{font-size:10px;letter-spacing:.14em;color:#8b94a0}.front-door .lobby-profile input{width:100%}.front-door .lobby-name-static{font-size:15px;color:#eee3ce;letter-spacing:.04em}.front-door .lobby-name-help{font-size:10px;color:#78828e}.front-door .lobby-vignette{margin-top:8px;padding-top:16px;border-top:1px solid #c8a44a22;text-align:center}.front-door .lobby-vignette-portrait{width:120px;height:132px;margin:0 auto;border-radius:3px}.front-door .lobby-vignette-name{margin-top:10px;padding-top:10px;border-top:1px solid #c8a44a22}.front-door .lobby-vignette-name span{display:block;font-size:9px;letter-spacing:.18em;color:#8b94a0}.front-door .lobby-vignette-name strong{display:block;margin-top:3px;font:600 16px var(--font-heading);color:#e9dfc8;letter-spacing:.08em}.front-door .lobby-rules{list-style:none;margin:8px 0 0;padding:14px 0 0;border-top:1px solid #c8a44a22;display:flex;flex-direction:column;gap:8px}.front-door .lobby-rules li{display:flex;align-items:center;gap:9px;font-size:11px;color:#b9c0c9}.front-door .lobby-rules .icon{width:15px;height:15px;color:#c8a44a}.front-door .lobby-content{min-width:0}.front-door .lobby-toolbar{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #c8a44a22}.front-door .lobby-toolbar h2{font:600 16px var(--font-heading);color:#e9dfc8;letter-spacing:.08em}.front-door .lobby-count{color:#8b94a0;font:11px var(--font-number)}.front-door .lobby-toolbar .icon-btn{margin-left:auto;color:#9aa4ad;border:1px solid #c8a44a30}.front-door .lobby-toolbar .icon-btn:hover:not(:disabled){color:#ddbd77;border-color:#c8a44a}.front-door .lobby-code-form{display:flex;flex-direction:column;gap:6px;margin-top:16px}.front-door .lobby-code-form label{font-size:10px;letter-spacing:.14em;color:#8b94a0}.front-door .lobby-code-row{display:flex;gap:8px}.front-door .lobby-code-row input{flex:1;max-width:220px;font-family:var(--font-number);letter-spacing:.2em;text-transform:uppercase}.front-door .lobby-feedback{margin:12px 0 0;padding:9px 12px;font-size:11px;border:1px solid;border-radius:3px}.front-door .lobby-feedback.error{color:#e8a3a3;border-color:#b8564655;background:#b8564612}.front-door .lobby-feedback.status{color:#ddbd77;border-color:#c8a44a40;background:#c8a44a0c}.front-door .lobby-rooms{margin-top:14px;display:flex;flex-direction:column;gap:6px}.front-door .lobby-rooms-head{display:grid;grid-template-columns:minmax(90px,1.1fr) minmax(90px,1fr) minmax(70px,.8fr) minmax(70px,auto);gap:12px;padding:0 14px 6px;font-size:9px;letter-spacing:.16em;color:#78828e}.front-door .lobby-room-row{display:grid;grid-template-columns:minmax(90px,1.1fr) minmax(90px,1fr) minmax(70px,.8fr) minmax(70px,auto);align-items:center;gap:12px;min-height:72px;padding:10px 14px;background:#0d1420;border:1px solid #c8a44a1c;border-radius:3px}.front-door .lobby-room-row .room-id{font:600 15px var(--font-number);color:#ddbd77;letter-spacing:.18em}.front-door .lobby-room-row .room-players{font:12px var(--font-number);color:#d8cdb4;display:flex;align-items:center;gap:8px}.front-door .room-pips{display:flex;gap:3px}.front-door .room-pips i{width:5px;height:5px;border-radius:1px;background:#2c3948}.front-door .room-pips i.filled{background:#c8a44a}.front-door .lobby-room-row .room-status{font-size:11px;color:#78828e}.front-door .lobby-room-row .room-status.open{color:#9fd0ae}.front-door .lobby-loading,.front-door .lobby-empty-list{display:flex;flex-direction:column;align-items:center;gap:10px;padding:46px 20px;text-align:center;border:1px dashed #c8a44a28;border-radius:3px;color:#97a0ac}.front-door .lobby-loading .icon{width:26px;height:26px;color:#c8a44a}.front-door .lobby-empty-icon .icon{width:40px;height:40px;color:#5c6a78}.front-door .lobby-empty-list strong{font:600 15px var(--font-heading);color:#e9dfc8;letter-spacing:.06em}.front-door .lobby-empty-list p{font-size:11px;color:#8b94a0}.front-door .lobby-room-head{display:flex;align-items:center;gap:18px;padding-bottom:16px;border-bottom:1px solid #c8a44a22;flex-wrap:wrap}.front-door .lobby-room-code{display:block;margin-top:4px;font:600 30px var(--font-number);color:#ddbd77;letter-spacing:.3em;-webkit-user-select:all;user-select:all}.front-door .lobby-seats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.front-door .lobby-seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:126px;padding:14px 10px 12px;background:#0d1420;border:1px solid #c8a44a22;border-radius:3px;text-align:center}.front-door .lobby-seat.me{border-color:#c8a44a;background:#c8a44a0a}.front-door .lobby-seat.empty{border-style:dashed;border-color:#2c3948;justify-content:center;color:#8995a3}.front-door .seat-num{position:absolute;top:7px;left:9px;font:9px var(--font-number);color:#5c6a78;letter-spacing:.1em}.front-door .seat-avatar{width:44px;height:50px;border-radius:3px}.front-door .seat-name{font-size:12px;color:#e9dfc8;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.front-door .seat-wait{font-size:11px}.front-door .lobby-seat.empty small{font-size:9px;color:#8391a0}.front-door .seat-badges{display:flex;gap:5px;min-height:16px}.front-door .seat-badge{font-size:9px;padding:1px 7px;border:1px solid;border-radius:2px;letter-spacing:.08em}.front-door .seat-badge.you{color:#ddbd77;border-color:#c8a44a66}.front-door .seat-badge.host{color:#e8a3a3;border-color:#b8564680}.front-door .lobby-waiting-foot{display:flex;align-items:center;gap:14px;margin-top:20px;padding-top:16px;border-top:1px solid #c8a44a22;flex-wrap:wrap}.front-door .lobby-start{min-width:180px;min-height:44px;font-size:13px}.front-door .lobby-hint{font-size:10px;color:#8b94a0}.front-door .lobby-waiting-foot .ghost{margin-left:auto}.front-door .lobby-avatar-btn{display:block;width:120px;height:120px;margin:0 auto;padding:0;border:1px solid #c8a44a30;border-radius:3px;background:transparent;cursor:pointer;overflow:hidden}.front-door .lobby-avatar-btn:hover{border-color:#c8a44a}.front-door .lobby-avatar-btn .lobby-avatar-img{display:block;width:100%;height:100%;object-fit:cover}.front-door .lobby-avatar-hint{margin-top:8px;font-size:10px;color:#78828e}.front-door .seat-avatar-btn{display:block;padding:0;border:1px solid transparent;border-radius:3px;background:transparent;cursor:pointer;line-height:0}.front-door .lobby-seat.me .seat-avatar-btn:hover{border-color:#c8a44a}.front-door .seat-avatar-img{display:block;width:50px;height:50px;object-fit:cover;border-radius:3px}.front-door .avatar-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#050a13c9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:24px}.front-door .avatar-picker{width:100%;max-width:420px;border:1px solid #c8a44a55;border-radius:6px;background:#0d1420;padding:22px 24px;box-shadow:0 24px 80px #0008}.front-door .avatar-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.front-door .avatar-picker-head h2{margin:0;font:600 16px var(--font-heading);color:#e9dfc8;letter-spacing:.08em}.front-door .avatar-picker-close{width:30px;height:30px;padding:0;border:1px solid #c8a44a30;border-radius:3px;background:transparent;color:#9aa4ad;font-size:13px;cursor:pointer}.front-door .avatar-picker-close:hover{color:#ddbd77;border-color:#c8a44a}.front-door .avatar-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.front-door .avatar-option{width:64px;height:64px;padding:0;border:2px solid transparent;border-radius:4px;background:#0a1017;cursor:pointer;overflow:hidden;transition:transform .12s ease,border-color .12s ease}.front-door .avatar-option img{display:block;width:100%;height:100%;object-fit:cover}.front-door .avatar-option:hover{transform:translateY(-2px);border-color:#c8a44a66}.front-door .avatar-option.selected{border-color:#c8a44a}.front-door .portrait{position:relative;display:block;overflow:hidden;flex-shrink:0}.front-door .portrait-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@media(max-width:960px){.front-door .home-layout{grid-template-columns:1fr;gap:28px;padding:30px 0 20px}.front-door .home-arena{height:min(420px,60vw);min-height:240px}}@media(max-width:760px){.front-door .multiplayer-layout{grid-template-columns:1fr;padding:24px 0 36px}.front-door .lobby-profile{flex-direction:row;flex-wrap:wrap;align-items:center;padding:14px 16px}.front-door .lobby-vignette{display:none}.front-door .lobby-rules{flex-direction:row;flex-wrap:wrap;gap:6px 16px;border:0;padding:0;margin:0}.front-door .lobby-profile input{flex:1;min-width:120px}.front-door .lobby-name-help{flex-basis:100%}.front-door .lobby-seats{grid-template-columns:repeat(2,minmax(0,1fr))}.front-door .lobby-rooms-head{display:none}.front-door .lobby-room-row{grid-template-columns:1fr auto;min-height:0;row-gap:6px}.front-door .lobby-room-row .room-status{grid-column:1}.front-door .lobby-room-row .front-btn{grid-row:1 / span 2;grid-column:2}.front-door .home-howto{grid-template-columns:1fr;gap:16px}}@media(max-width:480px){.front-door{padding:0 14px}.front-door .front-header{min-height:64px}.front-door.multiplayer-screen .front-header{flex-wrap:wrap;gap:10px;padding:14px 0}.front-door .front-header-note{display:none}.front-door .front-brand{font-size:17px}.front-door .front-brand-mark{width:32px;height:34px}.front-door .front-footer{gap:4px 14px}.front-door .lobby-toolbar{flex-wrap:wrap}.front-door .lobby-code-row input{min-width:0;flex:1}.front-door .lobby-room-code{font-size:24px}.front-door .lobby-waiting-foot .ghost{margin-left:0}}.pvp-timer{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid var(--gold-dim);border-radius:5px;font:600 14px var(--font-number);color:var(--gold-bright);background:#c8a44a10}.pvp-timer.urgent{border-color:#ff4d6d;color:#ff4d6d;background:#ff4d6d10;animation:pulse 1s infinite}.pvp-timer-fixed{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:100;font-size:18px;padding:6px 18px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.shell.fs{position:fixed;top:0;right:0;bottom:0;left:0;display:block;height:auto;min-height:0;overflow:hidden;--rp-w: 312px;--bb-h: 230px;--glass: rgba(10, 15, 24, .78);--glass-hi: rgba(20, 28, 42, .86);--glass-line: rgba(200, 164, 74, .32)}.shell.fs .arena-section{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#0a0e14}.shell.fs .arena-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.shell.fs .hud-top{position:absolute;top:12px;left:14px;z-index:7;display:flex;align-items:flex-start;gap:10px;pointer-events:none}.shell.fs .hud-top>*{pointer-events:auto}.hud-crest{display:flex;align-items:stretch;min-width:236px;max-width:320px;border:1px solid var(--glass-line);border-radius:12px 3px;background:linear-gradient(135deg,var(--glass-hi),var(--glass));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 28px #0007,inset 0 1px #ffffff12;overflow:hidden}.hud-crest .crest-round{flex-direction:column;justify-content:center;gap:0;padding:6px 13px;border-left:0;border-right:1px solid var(--glass-line);background:radial-gradient(circle at 50% 30%,#c8a44a26,transparent 70%)}.hud-crest .crest-round .stat-label{font-size:8px;letter-spacing:.3em;color:var(--gold-dim)}.hud-crest .crest-round strong{font-size:30px;line-height:1;text-shadow:0 0 14px #c8a44a66}.crest-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:7px 12px 8px}.crest-line{display:flex;align-items:center;gap:7px;min-width:0}.crest-line .phase-status{font-size:11px}.crest-vs{font:600 8px var(--font-heading);letter-spacing:.12em;color:var(--gold-dim)}.crest-line .opponent-stat strong{font-size:11px;color:#e8dcc0;overflow:hidden;text-overflow:ellipsis}.hud-crest .health-stat{min-width:0}.hud-crest .health-stat>span{gap:5px}.hud-crest .health-stat strong{font-size:16px}.hud-crest .health-stat .icon{width:13px;height:13px}.hud-crest .hp-meter{margin-top:3px;height:4px}.hud-crest .result-info{margin:0;max-width:none;justify-content:flex-start;font-size:10px}.shell.fs .pvp-timer-fixed{top:14px}.shell.fs .speed-controls{position:absolute;top:12px;right:calc(var(--rp-w) + 14px);z-index:7;border-color:var(--glass-line);border-radius:8px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 18px #0006}.shell.fs .arena-hud{top:96px;left:14px;right:calc(var(--rp-w) + 14px);bottom:calc(var(--bb-h) + 12px);z-index:3}.shell.fs .hud-left{width:212px;max-width:212px;gap:8px}.shell.fs .hud-right{width:168px;max-width:168px;margin-top:44px}.shell.fs .hud-synergies,.shell.fs .arena-hud .rivals-list{background:var(--glass);border:1px solid #ffffff10}.shell.fs .hud-augments{margin:0;padding:6px;border:1px solid #ffffff10;border-radius:6px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shell.fs .hud-log{margin:0;padding:6px 8px;border:1px solid #ffffff10;border-radius:6px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.shell.fs .hud-log .log-box{max-height:130px}.shell.fs .arena-hud .rival{min-height:32px;padding:3px 6px;gap:6px}.shell.fs .arena-hud .rival-emblem{width:20px;height:22px;font-size:9px}.shell.fs .arena-hud .rival-bottom{display:none}.shell.fs .arena-hud .capacity{background:var(--glass);border-color:var(--glass-line)}.shell.fs .arena-guide{bottom:calc(var(--bb-h) + 34px);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shell.fs .right-panel{position:absolute;top:12px;right:12px;bottom:calc(var(--bb-h) + 12px);width:300px;max-height:none;z-index:6;border:1px solid var(--glass-line);border-radius:12px;background:linear-gradient(180deg,#101723e6,#0a0f18e0);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 34px #0008,inset 0 1px #ffffff10}.shell.fs .bottombar{position:absolute;left:12px;right:12px;bottom:10px;z-index:8;border:1px solid var(--glass-line);border-radius:14px;background:linear-gradient(180deg,#161f2eeb,#0b101af2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -8px 34px #0008,inset 0 1px #ffffff14;padding:12px 16px}.bb-toggle{position:absolute;top:-26px;left:50%;transform:translate(-50%);height:26px;padding:0 16px;border:1px solid var(--glass-line);border-bottom:0;border-radius:9px 9px 0 0;background:#121a27f2;color:var(--gold-bright);font-size:10px;letter-spacing:.12em;box-shadow:0 -4px 12px #0005}.bb-toggle:disabled{opacity:.6;cursor:default}.bottombar.collapsed{padding:4px}.bottombar.collapsed .bottombar-inner{display:none}.vault-area{grid-template-columns:repeat(4,minmax(0,1fr))}.vault-card{display:flex;flex-direction:column;align-items:center;gap:4px;height:162px;padding:12px 10px;text-align:center;border:1px solid #6a8ab055;border-top:3px solid #8fc8ff;border-radius:6px;background:radial-gradient(ellipse at 50% 0%,#8fc8ff1c,transparent 60%),#0e1723;transition:transform .18s,box-shadow .18s,border-color .18s}.vault-card:hover{transform:translateY(-4px);border-color:#8fc8ff;box-shadow:0 10px 22px #0006,0 0 18px #8fc8ff33}.vault-card.tier-completed{border-top-color:#ffd070}.vault-card.tier-special{border-top-color:#d08aff}.vault-icon.item-icon{width:46px;height:46px;border-radius:50%;border-color:#8fc8ff66;box-shadow:0 0 16px #8fc8ff44}.vault-icon .icon{width:26px;height:26px}.vault-card strong{font-size:13px;color:var(--gold-bright)}.vault-card small{color:var(--dim);font-size:9px}.vault-card p{font-size:10px;color:#b8c2d0;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.item-tip,.forge-pop{position:fixed;z-index:60;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s;border:1px solid var(--glass-line);border-radius:8px;background:#0c121cf5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 26px #0009}.item-tip.show,.forge-pop.show{opacity:1;transform:none}.item-tip{display:flex;gap:10px;width:270px;padding:10px 12px}.item-tip small{display:block;color:var(--dim);font-size:9px;letter-spacing:.12em}.item-tip strong{color:var(--gold-bright);font-size:13px}.item-tip p{margin:3px 0 5px;color:#c4ccd8;font-size:11px;line-height:1.45}.item-tip em,.forge-pop em{display:block;color:#8fc8ff;font-size:9px;font-style:normal}.item-tip.tier-completed{border-color:#ffd07066}.item-tip.tier-special{border-color:#d08aff66}.forge-pop{width:280px;padding:12px 14px;text-align:center}.forge-pop.ok{border-color:#ffd070aa;box-shadow:0 10px 26px #0009,0 0 24px #ffd07033}.forge-pop.bad{border-color:#e88c8c88}.forge-eq{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.forge-eq b{color:var(--gold-dim);font-size:16px}.forge-eq .item-icon.result{width:40px;height:40px;border-color:#ffd070aa;box-shadow:0 0 14px #ffd07055}.forge-pop.bad .forge-eq .item-icon.result{color:var(--danger);border-color:#e88c8c88;box-shadow:none}.forge-pop strong{display:block;color:var(--gold-bright);font-size:14px}.forge-pop.bad strong{color:var(--danger)}.forge-pop p{margin:4px 0 6px;color:#c4ccd8;font-size:11px;line-height:1.45}@media(max-width:1250px){.shell.fs .right-panel{width:260px}.shell.fs .hud-left{width:184px;max-width:184px}.shell.fs .hud-right{width:150px;max-width:150px}}@media(max-width:900px){body{overflow:hidden}.shell.fs .right-panel{width:200px;padding:10px;border-top:1px solid var(--glass-line)}.team-head{top:-10px;margin:-10px -10px 6px;padding:10px 10px 6px}.shell.fs .hud-right{display:none}.shell.fs .hud-left{width:150px;max-width:150px}.shell.fs .hud-log,.shell.fs .hud-augments{display:none}.shell.fs .speed-controls{top:auto;bottom:calc(var(--bb-h) + 12px)}.hud-crest{min-width:0;max-width:200px}.hud-crest .crest-round strong{font-size:22px}.vault-area{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.shell.fs .right-panel,.shell.fs .hud-left{display:none}}