:root{color-scheme:dark;--bg:#090b0e;--panel:#12161b;--panel2:#191f26;--line:#3a2e20;--gold:#d5a74f;--gold2:#f1d58c;--parch:#d8c297;--text:#f3efe7;--muted:#aaa59b;--red:#b94242;--blue:#3a6fc2;--green:#5f9c6d;--shadow:0 18px 50px #0009}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,system-ui,sans-serif;background:radial-gradient(circle at 50% 42%,#202020 0,#0d0f12 45%,#07080a 100%);color:var(--text)}button{font:inherit}.game-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;background:#0b0d10e8;border-bottom:1px solid #ffffff12;backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2b1b0d,#a56a20);border:1px solid #e9c36d;color:#fff1c7;font-family:Georgia,serif;font-weight:800}.brand-mark span{font-size:.7em}.brand b{display:block;font-family:Georgia,serif;color:var(--gold2);font-size:18px}.brand small{display:block;color:var(--muted);margin-top:2px}.phase-pill{display:flex;align-items:center;gap:10px;border:1px solid #ffffff17;background:#11161ce8;border-radius:999px;padding:7px 14px;box-shadow:0 5px 18px #0008}.phase-pill span{color:var(--muted);font-size:12px}.phase-pill b{font-size:12px;letter-spacing:.08em}.phase-pill strong{font-size:12px;color:#111;background:var(--gold2);padding:5px 9px;border-radius:999px}.privacy-lock{justify-self:end;color:#c7c2b7;font-size:12px}.player-strip{min-height:72px;padding:9px 22px;display:grid;grid-template-columns:180px minmax(280px,1fr) auto auto;gap:20px;align-items:center;background:linear-gradient(90deg,#10151aee,#16120dee,#10151aee);border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c}.player-strip.enemy{background:linear-gradient(90deg,#181012ee,#16120dee,#181012ee)}.identity strong{font-family:Georgia,serif;font-size:19px;color:var(--gold2)}.identity span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.pools{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pool-head{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.pool-head b{color:var(--text)}.meter{height:7px;background:#0008;border-radius:10px;overflow:hidden;margin-top:5px}.meter i{display:block;height:100%;border-radius:inherit;transition:width .35s ease}.health .meter i{background:linear-gradient(90deg,#6d2020,#d55a4d)}.mana .meter i{background:linear-gradient(90deg,#183d79,#5792e5)}.attributes,.counts{display:flex;gap:8px}.attributes span,.counts span{font-size:11px;color:var(--muted);padding:6px 8px;border:1px solid #ffffff12;border-radius:7px;background:#0004}.attributes b,.counts b{color:var(--text)}.battlefield{flex:1;min-height:540px;display:grid;grid-template-rows:1fr auto 1fr;background:radial-gradient(ellipse at center,#4c3a2355 0,#15171499 38%,#090b0eee 75%),repeating-linear-gradient(90deg,#ffffff02 0 1px,transparent 1px 64px);position:relative;overflow:hidden}.battlefield:before{content:"";position:absolute;inset:18px;border:1px solid #b98a4330;border-radius:22px;pointer-events:none}.side{padding:18px 34px;position:relative;z-index:1}.opponent-side{display:flex;flex-direction:column;justify-content:flex-start}.player-side{display:flex;flex-direction:column;justify-content:flex-end}.hidden-hand{display:flex;justify-content:center;align-items:flex-start;gap:12px;min-height:76px}.mini-label,.zone-label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#b8aa8d}.opponent-cards{display:flex;gap:-8px}.field-row{display:grid;grid-template-columns:minmax(0,1fr) 170px minmax(240px,.55fr);gap:24px;align-items:center;max-width:1220px;width:100%;margin:auto}.side-zone{min-width:0}.side-zone.compact{justify-self:end}.minion-lane{display:flex;gap:10px;align-items:center;min-height:116px;overflow-x:auto;padding:5px 2px}.lane-empty,.location-empty,.slot-empty{color:#8f8a80;border:1px dashed #ffffff20;border-radius:10px;display:grid;place-items:center;background:#0003}.lane-empty{height:96px;min-width:160px;padding:20px}.champion-slot{text-align:center;align-self:center}.champion-name{font-family:Georgia,serif;color:#ddd0b4;font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gcard{border:0;padding:0;background:transparent;border-radius:8px;position:relative;cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;flex:none}.gcard img{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px;box-shadow:0 6px 14px #0009}.gcard:hover{transform:translateY(-6px) scale(1.035);z-index:5;filter:brightness(1.08)}.gcard.selected{transform:translateY(-10px);filter:brightness(1.14);box-shadow:0 0 0 3px #e9c76b,0 0 30px #e9c76b44}.champion-card{width:112px;height:154px}.minion-card{width:74px;height:102px}.equip-card{width:52px;height:72px}.hand-card{width:92px;height:128px}.location-card{width:150px;height:96px}.card-back{width:42px;height:58px;border:1px solid #c5924b66;background:#07111d;box-shadow:0 4px 12px #0008;display:grid;place-items:center;margin-left:-10px;overflow:hidden;cursor:default}.card-back:first-child{margin-left:0}.card-back img{width:100%;height:100%;object-fit:cover;border-radius:6px;box-shadow:none}.card-back:hover{transform:none;filter:none}.equipment-rack{display:flex;gap:8px}.equip-slot{width:64px;text-align:center}.equip-slot small{display:block;color:#9e9588;font-size:9px;margin-bottom:3px}.slot-empty{width:52px;height:72px;margin:auto;font-size:22px}.field-card{position:relative;padding:4px;border-radius:10px;transition:.2s}.field-card.selected{background:#d9ad4d22;box-shadow:0 0 0 1px #d9ad4d77}.field-status{text-align:center;font-size:9px;margin-top:3px}.field-status.ready{color:#8fd19d}.field-status.sleep{color:#c6a372}.minion-select{display:block;margin:4px auto 0;background:#1a2027;color:#ddd;border:1px solid #ffffff17;border-radius:6px;font-size:9px;padding:4px 7px;cursor:pointer}.midline{min-height:112px;display:grid;grid-template-columns:260px minmax(300px,640px) 260px;justify-content:center;align-items:center;gap:18px;position:relative;z-index:2}.location-zone{grid-column:1}.location-wrap{text-align:center}.location-wrap small{display:block;color:#bba77e;font-size:9px;margin-bottom:4px}.location-empty{height:86px}.location-empty span{font-family:Georgia,serif;color:#c6ad7a}.location-empty small{font-size:10px}.turn-guide{grid-column:2;text-align:center;background:#0b0e12dd;border:1px solid #b58b4938;border-radius:14px;padding:12px 18px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}.turn-guide b{display:block;color:#f0dfb9;font-size:13px}.turn-guide span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.command-dock{position:sticky;bottom:0;z-index:25;background:linear-gradient(#0e1115f5,#090b0efc);border-top:1px solid #ffffff12;box-shadow:0 -18px 35px #0009}.actions{min-height:52px;display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid #ffffff0c}.action{border:1px solid #ffffff1d;background:#1a2027;color:#eee;padding:9px 13px;border-radius:9px;cursor:pointer;transition:.15s}.action:hover{background:#252d36;transform:translateY(-1px)}.action.primary{background:linear-gradient(#e0b85e,#ad792f);color:#171006;border-color:#f3d788;font-weight:800}.action.danger{background:#5d2525;border-color:#9b4646}.bot-thinking{color:#d9c494}.bot-thinking::first-letter{color:#e0b45b}.hand-zone{display:grid;grid-template-columns:95px 1fr;align-items:end;max-width:1180px;margin:auto;padding:7px 18px 12px}.hand-title{align-self:center}.hand-title b{display:block;font-family:Georgia,serif;color:var(--gold2)}.hand-title span{font-size:10px;color:var(--muted)}.player-hand{display:flex;justify-content:center;gap:7px;min-height:130px;overflow-x:auto;overflow-y:visible;padding:6px 0 0}.inspector{position:fixed;right:18px;top:86px;width:0;opacity:0;overflow:hidden;z-index:40;transition:.22s ease;background:#11151bee;border:1px solid #ffffff17;border-radius:15px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.inspector.open{width:360px;opacity:1;padding:14px;display:grid;grid-template-columns:136px 1fr;gap:14px}.inspector img{width:136px;max-height:190px;object-fit:contain;border-radius:8px}.inspector h3{font-family:Georgia,serif;color:#f0d9a5;margin:4px 0 8px}.inspector small{color:var(--gold);letter-spacing:.12em}.inspector p{font-size:12px;line-height:1.45;color:#d1ccc2}.close{position:absolute;right:6px;top:4px;border:0;background:transparent;color:#bbb;font-size:24px;cursor:pointer}.modal-shade{position:fixed;inset:0;z-index:80;background:#000b;display:grid;place-items:center;backdrop-filter:blur(8px);animation:fade .15s}.modal-shade.hidden{display:none}.reaction-modal,.choice-modal{width:min(680px,92vw);background:linear-gradient(145deg,#171c22,#0d1014);border:1px solid #d2a45255;border-radius:20px;padding:26px;text-align:center;box-shadow:0 30px 90px #000}.danger-kicker,.gold{text-transform:uppercase;letter-spacing:.2em;color:#df8e72;font-size:11px}.reaction-modal h2,.choice-modal h2,.choice-modal h1{font-family:Georgia,serif;color:#f1dbab}.incoming{display:flex;justify-content:center;align-items:baseline;gap:9px;margin:10px}.incoming b{font-size:48px;color:#e36a59}.incoming span{color:#c3bdb2}.reaction-cards{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:20px 0}.reaction-card{width:92px;height:128px}.reaction-cards>div{display:grid;gap:7px;justify-items:center}.attribute-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.attribute-buttons button{border:1px solid #b88b4655;background:#191d22;color:#eee;border-radius:12px;padding:20px;cursor:pointer}.attribute-buttons button:hover{background:#25221b;border-color:#e4bd6a}.attribute-buttons b{display:block;font-size:34px;color:#f0c872}.attribute-buttons span{font-size:12px}.text-button{background:none;border:0;color:#aaa;cursor:pointer}.victory .gold{color:#e8c469}.muted{color:var(--muted);font-size:12px}@keyframes fade{from{opacity:0}to{opacity:1}}@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.privacy-lock{display:none}.player-strip{grid-template-columns:120px 1fr}.attributes,.counts{display:none}.field-row{grid-template-columns:1fr 120px}.side-zone.compact{display:none}.side{padding:14px}.midline{grid-template-columns:150px 1fr}.champion-card{width:88px;height:122px}.hand-card{width:78px;height:108px}.inspector.open{right:8px;top:74px;width:min(360px,calc(100vw - 16px))}}

/* v0.9 contextual card-effect chooser */
.ability-modal{width:min(980px,92vw);max-height:86vh;overflow:auto;text-align:left}
.ability-modal h3{margin:18px 0 8px;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:#d9c48e}
.effect-grid{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}
.effect-grid.scroll{max-height:300px;overflow:auto;padding:4px}
.effect-choice{display:flex;flex-direction:column;gap:5px;align-items:center;width:112px;padding:8px;border:1px solid #4e4737;border-radius:10px;background:#17191d;color:#eee;cursor:pointer}
.effect-choice:hover,.effect-choice.chosen{border-color:#d7a94a;box-shadow:0 0 0 2px rgba(215,169,74,.16)}
.effect-choice .gcard{width:78px;pointer-events:none}
.effect-choice span{font-size:.72rem;line-height:1.15;text-align:center}
.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;position:sticky;bottom:0;padding-top:12px;background:linear-gradient(transparent,#11151a 30%)}
.action:disabled{opacity:.4;cursor:not-allowed}
.field-card.selected{outline:2px solid #d7a94a;outline-offset:3px;border-radius:10px}
.minion-select:disabled{opacity:.45}

.action-hint{display:inline-flex;align-items:center;max-width:280px;font-size:12px;line-height:1.3;color:#b8b0a2;padding:0 8px}.action:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.5)}

/* v0.9.2 readable card/zone picker — no nested buttons */
.zone-picker{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;min-height:360px;align-items:stretch}
.zone-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:9px;align-content:start;max-height:430px;overflow-y:auto;padding:8px;border:1px solid #ffffff12;border-radius:12px;background:#080a0d88}
.compact-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,105px));gap:8px;max-height:230px;overflow:auto;padding:6px}
.picker-card{min-width:0;border:1px solid #474033;background:#15191e;color:#ddd;border-radius:9px;padding:5px;cursor:pointer;display:flex;flex-direction:column;gap:5px;align-items:center;transition:.15s}
.picker-card:hover{border-color:#b98b45;background:#1d2229;transform:translateY(-2px)}
.picker-card.chosen{border-color:#f0c668;box-shadow:0 0 0 2px #e5b65355;background:#262116}
.picker-card.invalid{opacity:.48;filter:saturate(.5)}
.picker-card.invalid:hover{opacity:.78;filter:saturate(.75)}
.picker-card img{width:64px;height:88px;object-fit:contain;border-radius:5px;box-shadow:0 4px 10px #0009}
.picker-card span{font-size:10px;line-height:1.15;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.picker-preview{border:1px solid #b88b4638;border-radius:14px;background:#10141a;min-height:360px;padding:14px;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:start;justify-items:center;overflow:hidden}
.picker-preview.empty{place-content:center;text-align:center;color:#aaa;gap:7px}
.picker-preview.empty b{font-family:Georgia,serif;color:#e5cf9e;font-size:20px}
.picker-preview>img{width:min(230px,100%);height:250px;object-fit:contain;border-radius:8px;box-shadow:0 10px 25px #000b}
.picker-preview-copy{width:100%;padding-top:10px}
.picker-preview-copy small{color:#d5a74f;letter-spacing:.12em;font-size:10px}
.picker-preview-copy h3{font-family:Georgia,serif;color:#f1dbab;margin:5px 0 8px;font-size:19px;text-transform:none;letter-spacing:0}
.picker-preview-copy p{font-size:12px;line-height:1.45;color:#d4cfc5;max-height:100px;overflow:auto;margin:0 0 12px}
.picker-invalid-note{font-size:11px;color:#c99988;border:1px solid #8b4f4344;background:#4c241f33;padding:8px;border-radius:8px}
.picker-legend{display:flex;justify-content:space-between;gap:14px;color:#a9a397;font-size:11px;margin:8px 0 10px}
.selection-status{margin-right:auto;color:#bdb6aa;font-size:12px;align-self:center}
.selection-status b{color:#f0d99f}
.discard-browser{width:min(1120px,95vw)}
.action:disabled{opacity:.45;cursor:not-allowed;transform:none!important}
@media(max-width:850px){.zone-picker{grid-template-columns:1fr}.picker-preview{min-height:300px}.zone-picker-grid{max-height:260px}.picker-preview>img{height:170px}.picker-legend{flex-direction:column;gap:4px}}

/* v0.9.3 chooser layout: the card grid scrolls; the preview and Choose button stay visible. */
.ability-modal{max-height:92vh;overflow:hidden;display:flex;flex-direction:column}
.ability-modal>p,.ability-modal>h2,.ability-modal>.gold,.ability-modal>h3,.ability-modal>.picker-legend,.ability-modal>.compact-picker-grid{flex:0 0 auto}
.zone-picker{flex:1 1 auto;min-height:0;max-height:58vh;align-items:stretch}
.zone-picker-grid{height:100%;max-height:none;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.picker-preview{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.picker-preview>img{width:min(200px,100%);height:210px;flex:0 0 210px}
.picker-preview-copy{display:flex;flex-direction:column;min-height:0;padding-top:9px}
.picker-preview-copy h3{margin:4px 0 8px}
.picker-preview-copy .choose-preview{align-self:flex-start;margin:0 0 10px;flex:0 0 auto}
.picker-preview-copy p{max-height:none;min-height:0;overflow-y:auto;margin:0;padding-right:4px}
.modal-actions{position:static;flex:0 0 auto;margin-top:12px;padding:12px 0 0;background:#11151a;border-top:1px solid #ffffff12;z-index:2}
.compact-picker-grid{max-height:126px;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:850px){.ability-modal{max-height:94vh}.zone-picker{max-height:62vh}.picker-preview{height:auto;max-height:300px}.picker-preview>img{height:150px;flex-basis:150px}.modal-actions{position:static}}

/* v0.10 gameplay polish */
.top-actions{justify-self:end;display:flex;align-items:center;gap:8px}.utility-button{border:1px solid #ffffff18;background:#151a20;color:#d9d4cb;border-radius:8px;padding:7px 10px;font-size:11px;cursor:pointer;transition:.15s}.utility-button:hover{background:#202730;border-color:#b98b4560}.utility-button.danger-lite{color:#e5aaa1;border-color:#8b474755;background:#351c1c55}.utility-button.danger-lite:hover{background:#51252588}.field-card.attack-ready{box-shadow:inset 0 0 0 1px #65a87622}.minion-select:disabled{cursor:not-allowed}.picker-card.previewing{border-color:#8eb8df;box-shadow:0 0 0 2px #6ca6dd44;background:#17212a}.ability-shade{animation:none}.ability-shade .ability-modal{animation:none}.game-log{position:fixed;right:0;top:66px;bottom:0;width:min(390px,92vw);z-index:70;background:#0d1116f5;border-left:1px solid #d5a74f33;box-shadow:-20px 0 50px #000b;backdrop-filter:blur(14px);transform:translateX(102%);transition:transform .22s ease;display:flex;flex-direction:column}.game-log.open{transform:translateX(0)}.log-head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid #ffffff12}.log-head small{text-transform:uppercase;letter-spacing:.15em;color:#c59c56}.log-head h2{font-family:Georgia,serif;color:#f1d58c;margin:3px 0 0}.close-log{border:0;background:transparent;color:#bbb;font-size:26px;cursor:pointer}.log-list{flex:1;overflow-y:auto;padding:12px 14px 22px}.log-entry{display:grid;grid-template-columns:34px 1fr;gap:9px;padding:9px 4px;border-bottom:1px solid #ffffff0b}.log-entry>span{font-size:9px;color:#7d776e;padding-top:3px}.log-entry p{margin:0;font-size:12px;line-height:1.4;color:#d5d0c7}.surrender-modal{max-width:520px}.confirm-row{display:flex;justify-content:center;gap:10px;margin-top:20px}@media(max-width:900px){.top-actions{gap:5px}.utility-button{padding:6px 8px}.top-actions .privacy-lock{display:none}.game-log{top:66px}}

/* v0.12 field presentation overhaul — inspired by digital TCG board layout */
html,body{overflow-x:hidden;background:radial-gradient(circle at 50% 25%,#2a2f35 0,#11161c 28%,#070a0d 66%,#050608 100%)}
.game-shell{padding:86px 14px 210px;position:relative;overflow-x:hidden}
.topbar{position:fixed;top:10px;left:50%;transform:translateX(-50%);width:min(1360px,calc(100vw - 24px));height:64px;border:1px solid #ffffff12;border-radius:22px;background:linear-gradient(180deg,#0d1117f0,#0b0f14e6);box-shadow:0 18px 55px #0008}
.phase-pill{margin-inline:auto;background:#101821f2;border-color:#58a7ff2e;box-shadow:0 10px 28px #0007}
.phase-pill strong{background:linear-gradient(180deg,#f4dca4,#c9983e)}
.top-actions{justify-self:end}
.privacy-lock{display:none}

.player-strip{position:fixed;z-index:24;width:min(390px,30vw);min-height:auto;padding:12px 15px;grid-template-columns:1fr;gap:10px;border:1px solid #ffffff14;border-radius:20px;background:linear-gradient(160deg,#0d1117f2,#141a22e8);box-shadow:0 18px 60px #0009;backdrop-filter:blur(12px)}
.player-strip.enemy{top:88px;right:18px;left:auto;border-color:#ff6e8f30;background:linear-gradient(160deg,#181015eb,#18161fe8)}
.player-strip:not(.enemy){bottom:204px;left:18px;right:auto;border-color:#4db7ff30;background:linear-gradient(160deg,#0f1620ef,#111821eb)}
.player-strip .identity{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.player-strip .identity span{margin-left:auto}
.player-strip .pools{display:grid;grid-template-columns:1fr;gap:8px}
.player-strip .attributes,.player-strip .counts{flex-wrap:wrap}
.player-strip .counts span,.player-strip .attributes span{background:#ffffff08}

.battlefield{position:relative;min-height:760px;width:min(1360px,98vw);margin:0 auto;background:none;display:grid;grid-template-rows:auto 1fr auto;padding:58px 24px 172px;overflow:visible}
.board-surface{position:absolute;inset:70px 80px 138px;border-radius:38px;pointer-events:none;overflow:hidden;box-shadow:0 50px 90px #000b}
.board-surface:before{content:"";position:absolute;inset:0;border-radius:inherit;background:
  radial-gradient(circle at 50% 48%,rgba(255,214,107,.1) 0,rgba(255,214,107,.03) 26%,transparent 54%),
  linear-gradient(180deg,#394533 0%,#212727 14%,#15181f 15%,#161925 52%,#16293b 53%,#1c3350 100%);
  clip-path:polygon(7% 7%,93% 7%,99% 24%,99% 78%,93% 93%,7% 93%,1% 78%,1% 24%);
  border:1px solid #ffffff14;
}
.board-surface:after{content:"";position:absolute;inset:34px 78px 34px 78px;clip-path:polygon(3% 0,97% 0,100% 18%,100% 82%,97% 100%,3% 100%,0 82%,0 18%);background:
  linear-gradient(180deg,transparent 48.7%,rgba(255,255,255,.09) 49.3%,rgba(255,255,255,.03) 50.4%,transparent 51%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 140px),
  repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 110px);
  opacity:.45;
}
.side,.midline{position:relative;z-index:2;padding:0}
.opponent-side{transform:translateY(18px) scale(.92);transform-origin:center top}
.player-side{transform:translateY(-8px);transform-origin:center bottom}
.field-row{grid-template-columns:minmax(360px,1fr) 220px minmax(210px,.48fr);gap:20px;max-width:1160px}
.side-zone,.champion-slot{background:linear-gradient(180deg,#0f1319de,#0f13198f);border:1px solid #ffffff12;border-radius:18px;padding:14px;box-shadow:0 12px 28px #0005;backdrop-filter:blur(8px)}
.side-zone.compact{align-self:stretch}
.zone-label,.mini-label{font-size:10px;letter-spacing:.18em;color:#dfc27f;margin-bottom:10px}
.champion-slot{padding:16px 14px 12px;min-height:244px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px}
.champion-card{width:138px;height:191px}
.champion-name{font-size:13px;color:#f2dfbb}
.minion-lane{min-height:166px;gap:12px;padding:2px 0 8px;overflow-x:auto;overflow-y:visible}
.minion-lane::-webkit-scrollbar{height:8px}
.minion-lane::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}
.field-card{padding:10px 8px 8px;background:#0a0e1370;border:1px solid #ffffff0f;min-width:100px}
.field-card.attack-ready{box-shadow:inset 0 0 0 1px #65a87644,0 0 0 1px #65a87622}
.minion-card{width:88px;height:122px}
.equipment-rack{gap:10px;justify-content:center;flex-wrap:wrap}
.equip-slot{width:74px}
.equip-card{width:58px;height:80px}
.slot-empty{width:58px;height:80px;background:#ffffff08}
.hidden-hand{justify-content:center;align-items:flex-start;min-height:112px;padding-top:12px}
.opponent-cards,.player-hand{overflow:visible}
.opponent-cards{display:flex;justify-content:center;align-items:flex-start;gap:0;min-height:90px;padding-top:8px}
.hand-card,.opponent-hand-card,.opponent-back{transform-origin:50% 100%}
.player-hand .hand-card{width:130px;height:180px;margin-left:-58px;transform:translateX(var(--fan-offset)) rotate(var(--fan-rot)) translateY(var(--fan-lift));box-shadow:0 18px 28px #000b}
.player-hand .hand-card:first-child{margin-left:0}
.player-hand .hand-card:hover,.player-hand .hand-card.selected{transform:translateX(var(--fan-offset)) rotate(var(--fan-rot)) translateY(calc(var(--fan-lift) - 26px)) scale(1.04);z-index:30!important;filter:brightness(1.08)}
.opponent-cards .fan-card{width:82px;height:114px;margin-left:-46px;transform:translateX(var(--fan-offset)) rotate(var(--fan-rot)) translateY(calc(var(--fan-lift) * -0.38));transform-origin:50% 0;box-shadow:0 12px 22px #000a}
.opponent-cards .fan-card:first-child{margin-left:0}
.opponent-cards .gcard:hover{transform:translateX(var(--fan-offset)) rotate(var(--fan-rot)) translateY(calc(var(--fan-lift) * -0.38));filter:none}
.card-back{border:1px solid #c5924b55;background:#091420}
.card-back img{object-fit:cover}

.midline{max-width:1120px;width:100%;margin:16px auto 0;min-height:126px;grid-template-columns:minmax(260px,1fr) 360px;gap:26px}
.location-zone{grid-column:1}
.location-wrap,.location-empty{min-height:112px;padding:14px;background:linear-gradient(180deg,#0d1015de,#11151a8f);border:1px solid #ffffff12;border-radius:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 12px 28px #0005}
.location-card{width:210px;height:134px}
.turn-guide{grid-column:2;min-height:112px;border-radius:18px;background:linear-gradient(180deg,#10161df5,#0e141bf0);border:1px solid #57a9ff28;box-shadow:0 18px 40px #0008;text-align:left;padding:16px 18px;display:flex;flex-direction:column;justify-content:center}
.turn-guide b{font-size:15px;line-height:1.35}
.turn-guide span{font-size:12px;line-height:1.4;color:#cac6bd}

.command-dock{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(1240px,96vw);z-index:25;background:linear-gradient(180deg,transparent 0%,rgba(7,11,15,.42) 16%,rgba(6,10,15,.88) 54%,rgba(6,10,15,.97) 100%);border-top:none;box-shadow:none;padding-bottom:8px}
.actions{justify-content:flex-end;min-height:56px;padding:10px 18px 4px;background:none;border-bottom:none;gap:10px}
.action{background:#16202ae8;border-radius:10px;border-color:#ffffff22;box-shadow:0 10px 18px #0006}
.action.primary{background:linear-gradient(180deg,#f3cd7c,#bc8638)}
.hand-zone{display:grid;grid-template-columns:1fr;align-items:end;max-width:980px;padding:4px 0 8px}
.hand-title{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:2px;color:#d6d0c4}
.hand-title b{font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.hand-title span{font-size:11px}
.player-hand{display:flex;justify-content:center;align-items:flex-end;min-height:194px;padding:10px 0 0;gap:0}

.inspector{top:auto;bottom:180px;right:18px;width:0}
.inspector.open{width:350px}
.game-log{top:84px;bottom:0}

@media(max-width:1100px){
  .player-strip{width:min(320px,40vw)}
  .field-row{grid-template-columns:minmax(250px,1fr) 190px minmax(160px,.5fr)}
  .battlefield{padding-left:12px;padding-right:12px}
  .board-surface{inset:80px 20px 140px}
  .command-dock{width:100vw}
  .player-hand .hand-card{width:112px;height:155px;margin-left:-50px}
}
@media(max-width:900px){
  .topbar{width:calc(100vw - 16px);left:8px;transform:none}
  .battlefield{min-height:760px;padding-top:88px;padding-bottom:192px}
  .player-strip{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:auto;margin:10px auto 0}
  .player-strip.enemy{order:1}
  .player-strip:not(.enemy){order:4}
  .battlefield{order:2}
  .command-dock{width:100vw}
  .game-shell{padding-top:84px;padding-bottom:200px}
  .field-row{grid-template-columns:1fr 160px;gap:12px}
  .side-zone.compact{grid-column:1 / -1;justify-self:stretch}
  .midline{grid-template-columns:1fr;gap:14px}
  .turn-guide,.location-zone{grid-column:auto}
  .opponent-side,.player-side{transform:none}
  .hidden-hand{padding-top:0}
  .player-hand .hand-card{width:92px;height:128px;margin-left:-42px}
  .opponent-cards .fan-card{width:58px;height:80px;margin-left:-28px}
  .inspector{bottom:208px}
}

/* =========================================================
   v0.13 — Designer-reference tabletop composition
   ========================================================= */
:root{
  --rail-left:clamp(210px,15vw,270px);
  --rail-right:clamp(230px,17vw,300px);
  --gap:14px;
  --top-h:68px;
  --gold:#d5a74f;
  --gold2:#f1d58c;
  --ink:#080a0d;
  --panel:#11151a;
  --wood1:#1a100a;
  --wood2:#0e0906;
}
html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}
body{
  color:#f3efe7;
  background:
    radial-gradient(circle at 7% 12%,rgba(255,171,69,.10),transparent 17%),
    radial-gradient(circle at 90% 18%,rgba(204,123,44,.08),transparent 18%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 6px),
    linear-gradient(90deg,#0b0705,#1c110a 20%,#120b07 50%,#1a0f08 80%,#080504);
  font-family:Georgia,'Times New Roman',serif;
}
button{font-family:inherit}
.game-shell.tabletop-shell{height:100vh;min-height:0;padding:0;display:grid;grid-template-rows:var(--top-h) minmax(0,1fr);overflow:hidden;position:relative}
.game-shell.tabletop-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.34) 100%);z-index:0}

/* top bar */
.tabletop-topbar{position:relative;top:auto;left:auto;transform:none;width:auto;height:var(--top-h);margin:0 8.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;z-index:40;background:linear-gradient(180deg,rgba(14,13,12,.95),rgba(8,9,10,.97));border:1px solid rgba(205,157,76,.32);border-top:0;border-radius:0 0 18px 18px;box-shadow:0 8px 30px #0009,inset 0 0 0 2px #000}
.tabletop-topbar .brand-mark{border-radius:3px;background:#21180d;border:1px solid #b88b46;box-shadow:inset 0 0 0 2px #513b1f}
.tabletop-topbar .brand b{font-size:20px;color:#e8c87f}
.tabletop-topbar .brand small{color:#b9aa8f}
.tabletop-topbar .phase-pill{background:#0e1115;border:1px solid #8d6c394f;border-radius:22px;box-shadow:inset 0 0 0 1px #000,0 5px 14px #0008}
.tabletop-topbar .phase-pill strong{background:linear-gradient(#e5bc66,#ae7d34);color:#191109;border:1px solid #f4d58e}
.tabletop-topbar .top-actions{display:flex;justify-content:flex-end;gap:8px}
.tabletop-topbar .utility-button{background:#0f1216;border:1px solid #ffffff1e;border-radius:5px;color:#ddd2bd}
.tabletop-topbar .utility-button.danger-lite{color:#d99a89;border-color:#75433688;background:#251514}

/* 3-column composition */
.table-layout{min-height:0;height:calc(100vh - var(--top-h));display:grid;grid-template-columns:var(--rail-left) minmax(0,1fr) var(--rail-right);gap:var(--gap);padding:10px 14px 14px;position:relative;z-index:2}
.left-rail,.right-rail,.board-stage{min-width:0;min-height:0}
.left-rail,.right-rail{position:relative;display:flex;flex-direction:column;justify-content:center;gap:14px;align-items:stretch}
.left-rail{padding-top:0;padding-bottom:0}
.right-rail{padding-top:0;padding-bottom:0;justify-content:center}

/* framed HUDs */
.table-layout .player-strip{position:relative;top:auto;right:auto;left:auto;bottom:auto;width:100%;min-height:0;margin:0;padding:16px 15px;display:grid;grid-template-columns:1fr;gap:11px;background:linear-gradient(165deg,#331816e8,#160f0fe8 70%);border:1px solid #aa733b;border-radius:18px;box-shadow:0 18px 45px #000b,inset 0 0 0 3px #1b0e09,inset 0 0 0 4px #75502666;backdrop-filter:none}
.table-layout .player-strip:not(.enemy){background:linear-gradient(165deg,#10253be8,#0d1620eb 70%);border-color:#7f6841}
.table-layout .player-strip .identity{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #a07b4538;padding-bottom:7px}
.table-layout .player-strip .identity strong{font-size:20px;color:#e8c87f}
.table-layout .player-strip .identity span{font-size:10px;color:#baa98a}
.table-layout .player-strip .pools{grid-template-columns:1fr;gap:8px}
.table-layout .player-strip .pool-head{font-size:11px}
.table-layout .player-strip .meter{height:7px;background:#06080b;border:1px solid #000}
.table-layout .player-strip .attributes,.table-layout .player-strip .counts{display:flex;gap:7px;flex-wrap:nowrap}
.table-layout .player-strip .attributes span,.table-layout .player-strip .counts span{flex:1;text-align:center;padding:7px 4px;font-size:10px;background:#121113;border:1px solid #8a684233;border-radius:4px}

/* right rail */
.parchment-panel{position:relative;padding:18px 17px 22px;color:#2d1c0e;background:linear-gradient(165deg,#d7ba82,#b8905a);border:1px solid #765126;border-radius:4px;box-shadow:0 12px 32px #000a,inset 0 0 0 4px #a37b47,inset 0 0 18px #4f311d55}
.parchment-panel:before,.parchment-panel:after{content:"";position:absolute;left:10px;right:10px;height:1px;background:#7b5a3280}
.parchment-panel:before{top:11px}.parchment-panel:after{bottom:11px}
.parchment-title,.control-title{font-size:15px;letter-spacing:.13em;text-transform:uppercase;color:#e5be70;text-align:center;font-weight:700}
.parchment-panel .parchment-title{color:#4d2f16;margin-bottom:14px}
.parchment-panel b{font-size:14px;line-height:1.35;display:block}
.parchment-panel p{font-size:12px;line-height:1.4;margin:16px 0 0}
.action-notice{position:absolute;top:6px;left:0;right:0;z-index:2}
.player-control-panel{padding:14px;background:linear-gradient(170deg,#0c1721f5,#081019f4);border:1px solid #8a6c42;border-radius:18px;box-shadow:0 18px 45px #000a,inset 0 0 0 3px #071019,inset 0 0 0 4px #68533355;align-self:center;position:relative;z-index:1}
.player-control-panel .player-strip{border:0;box-shadow:none;background:transparent;padding:0;border-radius:0}
.control-divider{height:1px;background:linear-gradient(90deg,transparent,#c39a55aa,transparent);margin:12px 0 10px}
.control-title{margin-bottom:10px}
.vertical-actions,.vertical-actions .action-row{display:flex;flex-direction:column;gap:8px;width:100%}
.vertical-actions>.action,.vertical-actions .action{width:100%;white-space:normal;line-height:1.15;padding:10px 8px}
.vertical-actions .action.primary{background:linear-gradient(#e0b55c,#aa732f);border-color:#f0d28a;color:#1a1107;font-weight:800}
.vertical-actions .action-hint,.vertical-actions .muted,.vertical-actions .bot-thinking{display:block;text-align:center;padding:7px;font-size:11px;color:#c8b99d}

/* board */
.board-stage{height:100%;display:grid;grid-template-rows:15% 26% 9% 27% 23%;gap:6px;position:relative;padding:10px 12px 12px;border-radius:18px;background:linear-gradient(180deg,rgba(36,30,23,.90),rgba(11,15,19,.94) 48%,rgba(10,27,42,.96) 49%,rgba(6,17,28,.97));border:1px solid #7f6137;box-shadow:0 22px 60px #000b,inset 0 0 0 4px #0b0b0c,inset 0 0 0 5px #5f472b66;overflow:hidden}
.board-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 99px,rgba(255,255,255,.018) 100px),radial-gradient(circle at 50% 46%,rgba(224,172,84,.08),transparent 38%)}
.board-underlay{position:absolute;inset:0;pointer-events:none;opacity:.25;background:linear-gradient(90deg,transparent 49.85%,#d6b26b22 50%,transparent 50.15%)}
.board-panel,.champion-slot,.shared-location-frame{position:relative;z-index:2;background:linear-gradient(165deg,rgba(12,14,17,.78),rgba(17,19,22,.83));border:1px solid #84653a;border-radius:12px;box-shadow:inset 0 0 0 2px #0a0b0d,inset 0 0 0 3px #4c382455}
.panel-title,.zone-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#d9b46d;font-weight:700}
.panel-title{text-align:center;padding:6px 8px 2px}.panel-title span{font-weight:400;color:#b9a98f;letter-spacing:0;text-transform:none;margin-left:5px}

.opponent-hand-zone,.player-hand-zone{min-height:0;padding:4px 12px 6px;display:flex;flex-direction:column;justify-content:flex-start;overflow:visible}
.opponent-cards{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:visible}
.opponent-cards .fan-card{width:62px;height:86px;margin-left:-24px}
.opponent-cards .fan-card:first-child{margin-left:0}

.field-band{min-height:0;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(190px,.84fr) minmax(0,1.16fr);gap:10px;position:relative;z-index:2;align-items:stretch}
.field-band .minion-zone,.field-band .equipment-zone{min-height:0;padding:12px 12px 10px}
.field-band .zone-label{margin-bottom:5px}
.minion-lane{height:calc(100% - 22px);min-height:0;display:flex;gap:12px;align-items:center;overflow-x:auto;overflow-y:hidden;padding:6px 4px 5px}
.minion-lane .lane-empty{height:76%;min-height:78px;margin:auto 0;min-width:170px;padding:12px}
.field-card{min-width:104px;padding:4px;background:transparent;border:0}
.minion-card{width:92px;height:128px}
.field-status{font-size:8px}.minion-select{font-size:8px;padding:3px 5px}

.champion-slot{min-height:0;padding:9px 10px 6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;justify-self:center;width:100%;max-width:230px;margin:0 auto}
.champion-slot .zone-label{margin-bottom:4px}
.champion-card{width:auto;height:min(17.5vh,164px);max-width:92%;margin-inline:auto}
.champion-name{font-size:11px;color:#e7c98f;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

.equipment-rack{height:calc(100% - 22px);display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center;justify-items:center;padding:8px 6px 4px}
.equip-slot{width:100%;text-align:center}
.equip-slot small{font-size:9px;color:#c8b698;margin-bottom:5px;display:block}
.equip-card,.slot-empty{width:74px;height:102px}
.slot-empty{border:1px dashed #8e6d3e55;background:#0a0c0f77;font-size:20px}

.shared-location-band{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;min-height:0}
.shared-location-frame{width:78%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:8px;background:linear-gradient(180deg,#1d1712e8,#0f1114e8)}
.shared-location-frame .location-zone{width:100%;height:100%}
.shared-location-frame .location-empty,.shared-location-frame .location-wrap{width:100%;height:100%;min-height:0;border:0;background:transparent;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.shared-location-frame .location-empty span,.shared-location-frame .location-wrap small{font-size:12px;color:#dfbd78}
.shared-location-frame .location-empty small{font-size:9px;color:#b7ab96}
.shared-location-frame .location-card{height:100%;max-height:66px;width:auto;max-width:170px}

.player-hand-zone{padding-top:2px;overflow:visible}
.player-hand{height:100%;min-height:0;display:flex;align-items:flex-end;justify-content:center;gap:0;overflow:visible;padding:0 4px 2px}
.player-hand .hand-card{width:auto;height:min(17vh,154px);margin-left:-24px;transform:translateX(var(--fan-offset)) rotate(var(--fan-rot)) translateY(calc(var(--fan-lift) * .35));box-shadow:0 10px 20px #000b}
.player-hand .hand-card:first-child{margin-left:0}
.player-hand .hand-card:hover,.player-hand .hand-card.selected{transform:translateX(var(--fan-offset)) rotate(var(--fan-rot)) translateY(-16px) scale(1.06);z-index:20!important}

/* inspector and overlays stay above the table */
.inspector{top:78px;right:calc(var(--rail-right) + 24px);bottom:auto}
.inspector.open{width:340px;max-height:calc(100vh - 92px);overflow:auto}
.game-log{top:68px;bottom:0}
.modal-shade{z-index:90}

/* keep desktop inside one viewport; compress before allowing any scroll */

@media(max-width:1450px){
  .action-notice{top:4px}
}
@media(max-width:1180px){
  .action-notice{position:relative;top:auto;left:auto;right:auto;margin-bottom:10px}
  .right-rail{justify-content:flex-start}
}
@media(max-width:1450px){
  :root{--rail-left:205px;--rail-right:225px;--gap:9px}
  .table-layout{padding-left:8px;padding-right:8px}
  .table-layout .player-strip{padding:12px 10px;gap:8px}
  .table-layout .player-strip .identity strong{font-size:17px}
  .parchment-panel{padding:14px 12px 18px}
  .player-control-panel{padding:10px}
  .field-band{grid-template-columns:minmax(0,1.12fr) minmax(168px,.8fr) minmax(0,1.12fr)}
  .champion-card{height:min(16.5vh,150px)}
  .player-hand .hand-card{height:min(16vh,140px);margin-left:-20px}
}
@media(max-width:1180px){
  :root{--rail-left:180px;--rail-right:195px;--gap:7px}
  .tabletop-topbar{margin:0 4vw;padding:0 10px}.tabletop-topbar .brand b{font-size:16px}.tabletop-topbar .brand small{font-size:9px}
  .field-band{grid-template-columns:minmax(0,1.08fr) 150px minmax(0,1.08fr)}
  .equipment-rack{gap:8px;padding:4px 2px 2px}.equip-card,.slot-empty{width:58px;height:80px}
  .minion-card{width:74px;height:102px}
  .player-hand .hand-card{height:min(15vh,126px);margin-left:-18px}
  .opponent-cards .fan-card{width:54px;height:75px;margin-left:-22px}
}
@media(max-height:760px){
  :root{--top-h:58px}
  .tabletop-topbar{height:58px}.tabletop-topbar .brand small{display:none}
  .table-layout{padding-top:6px;padding-bottom:8px}
  .board-stage{grid-template-rows:14% 27% 8% 28% 23%}
  .champion-card{height:min(15.5vh,128px)}
  .player-hand .hand-card{height:min(15vh,112px)}
  .table-layout .player-strip{padding:10px 9px;gap:6px}
  .parchment-panel{padding:10px 10px 14px}.parchment-panel p{margin-top:8px}
  .vertical-actions .action{padding:7px 6px}
}


/* v0.13.2 — symmetric side dashboards and attached player action extension */
:root{--rail-left:clamp(240px,15.5vw,290px);--rail-right:clamp(240px,15.5vw,290px)}
.left-rail,.right-rail{justify-content:center;align-items:stretch;padding-top:0;padding-bottom:0}
.table-layout .player-strip{width:100%;margin:0}
.player-control-panel{width:100%;align-self:center;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:0}
.player-dashboard-wrap{width:100%}
.player-dashboard-wrap .player-strip{padding:16px 15px;background:linear-gradient(165deg,#10253be8,#0d1620eb 70%);border:1px solid #7f6841;border-radius:18px 18px 0 0;box-shadow:0 18px 45px #000b,inset 0 0 0 3px #071019,inset 0 0 0 4px #68533355}
.player-action-extension{margin-top:-1px;padding:12px 14px 14px;background:linear-gradient(180deg,#0b1520f5,#081019f4);border:1px solid #7f6841;border-top:0;border-radius:0 0 18px 18px;box-shadow:0 16px 35px #0008,inset 0 0 0 3px #071019,inset 0 0 0 4px #68533344}
.player-dashboard-wrap .player-strip .identity strong{font-size:20px}
.player-dashboard-wrap .player-strip .attributes span,.player-dashboard-wrap .player-strip .counts span{font-size:10px;padding:7px 4px}
.player-action-extension .control-divider{margin:0 0 10px}
.player-action-extension .control-title{margin-bottom:10px}
.action-notice{position:absolute;top:6px;left:0;right:0;z-index:2}
@media(max-width:1450px){:root{--rail-left:225px;--rail-right:225px}.player-dashboard-wrap .player-strip{padding:12px 10px}.player-dashboard-wrap .player-strip .identity strong{font-size:17px}}

/* =========================================================
   v0.14 — App shell: Home / Collection / Deckbuilding / Battle / Store
   ========================================================= */
.home-shell{min-height:100vh;color:#f2e7cf;background:radial-gradient(circle at 50% -10%,rgba(196,139,61,.18),transparent 36%),repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 6px),linear-gradient(110deg,#080503,#1a0f08 36%,#0b0908 70%,#060403);font-family:Georgia,'Times New Roman',serif}
.home-top{position:sticky;top:0;z-index:60;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,76px);background:linear-gradient(180deg,rgba(12,10,8,.98),rgba(8,8,8,.94));border-bottom:1px solid #8e683d88;box-shadow:0 12px 32px #0009}.home-logo{border:0;background:none;color:inherit;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left}.home-logo>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid #c4964e;background:#20170d;box-shadow:inset 0 0 0 3px #4a341c;font-weight:800;color:#f0d18d}.home-logo b{display:block;font-size:22px;color:#eccb83}.home-logo small{display:block;color:#9f927c;margin-top:2px;font-size:11px}.credit-chip{border:1px solid #b18448;background:#15100b;padding:10px 15px;border-radius:999px;box-shadow:inset 0 0 0 2px #0008;color:#d8c39a}.credit-chip b{color:#f3d27d;font-size:18px}
.home-main,.section-page{width:min(1450px,94vw);margin:0 auto;padding:42px 0 70px}.hero-home{display:grid;grid-template-columns:1.6fr .6fr;gap:28px;align-items:center;padding:38px 42px;margin-bottom:28px;border:1px solid #8e693d66;background:linear-gradient(120deg,#1b130dcc,#0d1115d9);box-shadow:0 24px 70px #0009,inset 0 0 0 3px #0008}.hero-home small,.section-heading small{letter-spacing:.2em;color:#c69a54;font-size:11px}.hero-home h1,.section-heading h1{font-size:42px;line-height:1;margin:8px 0 12px;color:#efd08a}.hero-home p,.section-heading p{color:#baae9b;max-width:760px;line-height:1.5}.home-summary{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:20px;border-left:1px solid #a0784766}.home-summary b{font-size:32px;color:#f0cd7d}.home-summary span{align-self:center;color:#a99a82}
.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.menu-card{min-height:180px;padding:24px;text-align:left;display:flex;gap:18px;align-items:flex-start;border:1px solid #745737;background:linear-gradient(145deg,#14110ee8,#0b1015e8);color:#eee0c6;cursor:pointer;box-shadow:0 16px 38px #0008,inset 0 0 0 2px #0006;transition:transform .15s,border-color .15s,background .15s}.menu-card:hover{transform:translateY(-4px);border-color:#c4944d;background:linear-gradient(145deg,#21180fe8,#111820e8)}.menu-icon{font-size:34px;color:#dfb668;width:44px;text-align:center}.menu-card h2{margin:2px 0 9px;color:#edc978;font-size:23px}.menu-card p{margin:0;color:#a99d89;line-height:1.45;font-size:13px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h1{margin-bottom:0}.back-home,.gold-btn,.host-card button,.deck-lib-card button,.deck-row button{border:1px solid #b58545;background:#16110c;color:#e8d4ac;padding:9px 13px;cursor:pointer}.gold-btn,.deck-lib-card button{background:linear-gradient(#e1b75d,#a97531);color:#171006;font-weight:800;border-color:#efd184}.home-shell button:disabled{opacity:.42;cursor:not-allowed}
.filter-bar{display:flex;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid #6c523666;background:#0c0d0fdd;margin-bottom:12px}.filter-bar input,.filter-bar select,.deck-toolbar input,.deck-toolbar select,.host-card input{background:#090b0e;border:1px solid #72583a;color:#e8dcc4;padding:10px 12px;min-width:170px}.filter-bar input{flex:1;min-width:260px}.collection-count{color:#9e927f;font-size:12px;margin:8px 0 14px}
.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.collection-card{position:relative;padding:12px;background:#0d1115e8;border:1px solid #715636;box-shadow:0 12px 28px #0008}.collection-card img{display:block;width:100%;aspect-ratio:5/7;object-fit:contain;background:#050608}.collection-card div{padding-top:8px}.collection-card b{display:block;color:#e7cc91;font-size:13px}.collection-card small{display:block;color:#988c79;margin-top:3px;text-transform:capitalize}.owned-badge{position:absolute;right:8px;top:8px;background:#d2a14d;color:#140f07;border:2px solid #f1d38f;border-radius:999px;padding:5px 8px;font-weight:800;box-shadow:0 4px 14px #0009}.empty-state{color:#948b7e;border:1px dashed #6f5b4277;padding:28px;min-height:110px;display:grid;place-items:center}
.deck-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:15px;padding:12px;background:#0b0e11d9;border:1px solid #674c30}.deck-toolbar #renameDeck{flex:1}.deck-status{padding:7px 11px;border:1px solid;border-radius:999px;font-size:11px;font-weight:800}.deck-status.legal{color:#8fd19d;border-color:#4d8e5b}.deck-status.illegal{color:#e9a693;border-color:#965044}.deck-layout{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.5fr);gap:16px;min-height:620px}.deck-current,.deck-library{background:#0c1014e8;border:1px solid #6f5232;padding:16px;min-height:0}.deck-champion{text-align:center;border-bottom:1px solid #ffffff12;padding-bottom:14px}.deck-champion h3,.deck-main-list h3{color:#dcb96f;margin:0 0 10px}.deck-champion-card{width:115px;height:160px}.deck-main-list{margin-top:14px;max-height:540px;overflow:auto;padding-right:3px}.deck-main-list h3{display:flex;justify-content:space-between}.deck-row{display:grid;grid-template-columns:42px 1fr auto 32px;align-items:center;gap:8px;border-bottom:1px solid #ffffff0d;padding:6px 0}.deck-row img{width:38px;height:53px;object-fit:contain}.deck-row span{font-size:12px}.deck-row b{color:#e5c77e}.deck-row button{padding:4px 8px}.deck-library{display:flex;flex-direction:column}.deck-library .filter-bar{flex:0 0 auto}.deck-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px;overflow:auto;min-height:0}.deck-lib-card{padding:9px;background:#101419;border:1px solid #51412e;display:flex;flex-direction:column;gap:6px}.deck-lib-card img{width:100%;aspect-ratio:5/7;object-fit:contain}.deck-lib-card b{font-size:12px;color:#e5c98d}.deck-lib-card small{color:#9d927f;font-size:10px}.deck-lib-card button{margin-top:auto}.validation-box,.reward-banner,.store-message{padding:12px 15px;border:1px solid #8c6042;background:#311815aa;color:#e7c3ad;margin:12px 0;display:flex;flex-direction:column;gap:4px}.reward-banner{border-color:#8f743f;background:#251d0eaa;color:#e5d2a5}.store-message{border-color:#66834b;background:#152313aa;color:#cfe4bf}
.bot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:15px}.bot-card{display:grid;grid-template-columns:116px 1fr;align-items:center;gap:16px;padding:14px;background:linear-gradient(145deg,#12161be8,#15100ce8);border:1px solid #715330;box-shadow:0 14px 34px #0008}.bot-portrait{width:116px;height:116px;padding:6px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(238,205,131,.22),rgba(78,49,15,.32));border:1px solid rgba(230,193,112,.55);box-shadow:inset 0 0 0 1px rgba(255,239,195,.12),0 12px 24px rgba(0,0,0,.28);display:flex;align-items:center;justify-content:center}.bot-portrait img{width:100%;height:100%;display:block;object-fit:cover;border-radius:18px}.bot-card small{color:#be9450;letter-spacing:.12em}.bot-card h2{color:#e8c77f;font-size:19px;margin:5px 0 7px}.bot-card p{font-size:12px;color:#a99d8c;line-height:1.4}.bot-card button{margin-top:8px;width:100%}.host-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.narrow-page{max-width:900px}.host-card{padding:26px;background:#0d1115e8;border:1px solid #725737;display:flex;flex-direction:column;gap:12px}.host-card h2{color:#e6c67f;margin:0}.host-card p,.host-card small{color:#a99d8b}
.pack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pack-card{min-height:330px;padding:28px 20px;display:flex;flex-direction:column;text-align:center;align-items:center;border:1px solid #80613b;background:radial-gradient(circle at 50% 20%,#4a3119,#15100c 58%,#090a0d);box-shadow:0 20px 50px #0009,inset 0 0 0 3px #0007}.pack-card.strength{background:radial-gradient(circle at 50% 20%,#5a231b,#17100d 58%,#090a0d)}.pack-card.skill{background:radial-gradient(circle at 50% 20%,#173b4f,#10131a 58%,#090a0d)}.pack-card.will{background:radial-gradient(circle at 50% 20%,#31265a,#13101b 58%,#090a0d)}.pack-card small{letter-spacing:.2em;color:#caa15a}.pack-card h2{font-size:27px;color:#edd08d;margin:32px 0 10px}.pack-card p{color:#ac9f8b;line-height:1.45;flex:1}.pack-card>b{color:#f0cb77;margin-bottom:14px}.pack-card button{width:100%}.pack-results{padding:18px;margin-bottom:18px;border:1px solid #8b6a3c;background:#0b0e12e8}.pack-results h2{text-align:center;color:#e7c578}.pack-results>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.pack-results article{width:140px;text-align:center}.pack-results img{width:130px;height:182px;object-fit:contain}.pack-results b{font-size:11px;color:#dec58f}.reward-summary{margin:14px auto;display:flex;flex-direction:column;gap:5px;padding:12px;max-width:360px;background:#17130b;border:1px solid #8c6f3d}.reward-summary b{color:#e4c273}.reward-summary span{font-size:12px;color:#ddd0b8}
@media(max-width:1050px){.menu-grid{grid-template-columns:1fr 1fr}.pack-grid{grid-template-columns:1fr 1fr}.deck-layout{grid-template-columns:1fr}.deck-main-list{max-height:360px}.hero-home{grid-template-columns:1fr}.home-summary{border-left:0;border-top:1px solid #a0784766}}
@media(max-width:650px){.home-logo small{display:none}.home-logo b{font-size:17px}.credit-chip{font-size:11px}.credit-chip b{font-size:14px}.home-main,.section-page{width:94vw;padding-top:24px}.menu-grid,.pack-grid,.host-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}.section-heading h1,.hero-home h1{font-size:34px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bot-grid{grid-template-columns:1fr}.bot-card{grid-template-columns:84px 1fr}.bot-portrait{width:84px;height:84px;padding:4px;border-radius:18px}.bot-portrait img{border-radius:14px}}


/* v0.14.1 — allow long Collection and Deckbuilding screens to scroll */
.home-shell{height:100vh;min-height:100vh;overflow:hidden;display:flex;flex-direction:column}
.home-shell .home-top{flex:0 0 76px}
.home-shell .section-page{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-gutter:stable;
  padding-bottom:90px;
}
.home-shell .section-page::-webkit-scrollbar{width:11px}
.home-shell .section-page::-webkit-scrollbar-track{background:#080706}
.home-shell .section-page::-webkit-scrollbar-thumb{background:#654b2f;border:2px solid #080706;border-radius:999px}
.home-shell .section-page::-webkit-scrollbar-thumb:hover{background:#8b673d}
.deck-page .deck-layout{min-height:680px}
.deck-page .deck-main-list{max-height:none;overflow:visible}
.deck-page .deck-card-grid{overflow:visible}
@media(max-width:1050px){
  .deck-page .deck-layout{min-height:0}
}

/* Battle list uses the same independent content scrolling as Collection/Deckbuilding. */
.battle-page{overflow-y:auto;overflow-x:hidden}
.battle-page .bot-grid{padding-bottom:24px}


/* ==== v0.14.2 Arcana visual pass ==== */
:root{--arc-gold:#efcf84;--arc-gold-2:#c5913d;--arc-purple:#492566;--arc-purple-2:#241233;--arc-ink:#08060d;--arc-panel:#100b13;--arc-panel-2:#160f19;--arc-copy:#e8dcc1;--arc-soft:#b8a98c;--arc-red:#8d2a2d;}
.home-shell{color:var(--arc-copy);background:
 radial-gradient(circle at 50% -6%,rgba(185,113,255,.17),transparent 28%),
 radial-gradient(circle at 82% 22%,rgba(255,173,69,.1),transparent 20%),
 linear-gradient(135deg,#08050a 0%,#120813 24%,#160f1d 48%,#0b0910 74%,#050407 100%);
 position:relative;isolation:isolate}
.home-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background:
 radial-gradient(circle at 20% 18%,rgba(130,78,206,.33) 0 2px,transparent 3px) 0 0/140px 140px,
 radial-gradient(circle at 80% 72%,rgba(130,78,206,.28) 0 2px,transparent 3px) 0 0/180px 180px,
 radial-gradient(circle at 50% 50%,rgba(255,214,124,.16) 0 1px,transparent 2px) 0 0/90px 90px}
.home-top{height:82px;padding:0 clamp(18px,5vw,72px);background:linear-gradient(180deg,rgba(18,11,22,.97),rgba(11,8,14,.95));border-bottom:1px solid rgba(223,180,94,.35);box-shadow:0 15px 40px #000a;backdrop-filter:blur(8px)}
.home-logo{gap:14px}
.home-logo .logo-mark{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(239,207,132,.55);background:radial-gradient(circle at 50% 35%,#27142f,#130b17 78%);box-shadow:0 0 0 3px rgba(96,55,23,.55),0 8px 20px #0008;padding:4px}
.home-logo .logo-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}
.home-logo b{font-size:24px;letter-spacing:.02em;color:#f0d49a;text-shadow:0 2px 10px rgba(236,171,66,.18)}
.home-logo small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b7a4c4}
.credit-chip{display:flex;align-items:center;gap:10px;border:1px solid rgba(231,193,106,.48);background:linear-gradient(180deg,rgba(31,16,31,.98),rgba(16,10,20,.95));padding:10px 18px;border-radius:999px;box-shadow:0 0 0 2px rgba(69,39,24,.7),0 10px 22px #0008;color:#d8c39a}
.credit-chip .arcana-glyph{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,#f6d98c,#a36b20);color:#251308;font-weight:900;box-shadow:0 0 16px rgba(246,217,140,.35)}
.credit-chip b{color:#f6d98c;font-size:20px}
.home-main,.section-page{width:min(1500px,95vw)}
.hero-home{grid-template-columns:1.28fr .72fr;gap:26px;padding:34px 38px;margin-bottom:28px;border:1px solid rgba(218,174,84,.35);background:
 radial-gradient(circle at 16% 18%,rgba(120,66,190,.18),transparent 22%),
 linear-gradient(135deg,rgba(27,17,35,.97),rgba(15,12,21,.94));box-shadow:0 28px 75px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,227,164,.08);position:relative;overflow:hidden}
.hero-home:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,232,167,.05),transparent)}
.hero-copy p{font-size:16px;color:#c4b7cc}
.hero-home small,.section-heading small{letter-spacing:.24em;color:#be8fe7;font-size:11px}
.hero-home h1,.section-heading h1{font-size:46px;color:#f3d797;text-shadow:0 4px 18px rgba(236,171,66,.14)}
.hero-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.hero-feature-art{width:min(250px,100%);max-height:190px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.62))}
.home-summary{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding:14px 20px;border:1px solid rgba(218,174,84,.2);background:linear-gradient(180deg,rgba(18,11,22,.76),rgba(11,8,15,.76));box-shadow:inset 0 0 0 1px rgba(255,227,164,.06);border-left:none;border-radius:18px;min-width:182px}
.home-summary b{font-size:34px;color:#f2cf7c}.home-summary span{color:#c7b8d1}
.menu-grid{gap:20px}
.menu-card{min-height:188px;padding:26px;border:1px solid rgba(219,176,87,.35);background:
 radial-gradient(circle at 82% 12%,rgba(195,124,255,.12),transparent 20%),
 linear-gradient(150deg,rgba(23,14,28,.98),rgba(10,12,17,.98));box-shadow:0 18px 42px #0009,inset 0 0 0 1px rgba(255,230,170,.06);border-radius:20px}
.menu-card:hover{transform:translateY(-5px);border-color:#e0ba68;background:
 radial-gradient(circle at 82% 12%,rgba(195,124,255,.18),transparent 23%),
 linear-gradient(150deg,rgba(36,21,44,.98),rgba(13,16,24,.98))}
.menu-icon{font-size:38px;color:#ebc56e;width:50px;text-shadow:0 0 14px rgba(235,197,110,.18)}
.menu-card h2{color:#f0cf88;font-size:24px}.menu-card p{color:#b9abc2;font-size:13px}
.section-heading{padding:0 2px 6px;border-bottom:1px solid rgba(223,180,94,.15)}
.back-home,.gold-btn,.host-card button,.deck-lib-card button,.deck-row button{border:1px solid rgba(219,177,89,.55);background:linear-gradient(180deg,#1a1116,#120d12);color:#f1ddbb;padding:10px 14px;border-radius:12px;box-shadow:0 10px 18px rgba(0,0,0,.45)}
.gold-btn,.deck-lib-card button{background:linear-gradient(180deg,#f0cf86,#bc7c34);color:#1b1107;border-color:#f1d68f;font-weight:800}
.filter-bar,.deck-toolbar,.deck-current,.deck-library,.host-card,.pack-results,.store-message,.validation-box,.reward-banner{border-color:rgba(223,180,94,.28)!important;background:linear-gradient(180deg,rgba(18,12,23,.94),rgba(11,12,18,.96))!important;box-shadow:0 15px 36px rgba(0,0,0,.45)}
.filter-bar input,.filter-bar select,.deck-toolbar input,.deck-toolbar select,.host-card input{background:linear-gradient(180deg,#0d0a10,#09090d);border:1px solid rgba(188,139,67,.45);color:#eee2cc;border-radius:10px}
.collection-card,.deck-lib-card,.bot-card,.pack-card,.host-card{border-radius:18px}
.collection-card{background:linear-gradient(180deg,rgba(19,12,26,.96),rgba(10,12,17,.96));border:1px solid rgba(223,180,94,.28);box-shadow:0 14px 30px rgba(0,0,0,.45)}
.collection-card b,.deck-lib-card b,.deck-row b,.bot-card h2,.pack-card h2{color:#f0cf88}
.collection-card small,.deck-lib-card small,.bot-card p,.pack-card p,.host-card p,.host-card small,.collection-count,.section-heading p{color:#baadc4}
.owned-badge{background:linear-gradient(180deg,#f3d58b,#b9752f);border:2px solid #f6df9c;color:#160f08}
.deck-current,.deck-library{background:linear-gradient(180deg,rgba(18,12,23,.97),rgba(11,12,18,.98));border:1px solid rgba(223,180,94,.22);box-shadow:0 18px 38px rgba(0,0,0,.45)}
.deck-row{border-bottom:1px solid rgba(255,255,255,.08)}
.bot-card{background:linear-gradient(145deg,rgba(27,14,15,.96),rgba(15,12,21,.96));border:1px solid rgba(218,174,84,.28)}
.bot-card small{color:#c091ea}
.pack-card{border:1px solid rgba(223,180,94,.32);box-shadow:0 18px 50px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,223,155,.05)}
.pack-card.core{background:radial-gradient(circle at 50% 18%,rgba(236,171,66,.3),rgba(53,29,22,.85) 38%,rgba(10,10,14,.98) 78%)}
.pack-card.strength{background:radial-gradient(circle at 50% 18%,rgba(168,55,64,.42),rgba(61,22,28,.9) 40%,rgba(10,10,14,.98) 78%)}
.pack-card.skill{background:radial-gradient(circle at 50% 18%,rgba(65,170,196,.32),rgba(24,40,60,.92) 40%,rgba(10,10,14,.98) 78%)}
.pack-card.will{background:radial-gradient(circle at 50% 18%,rgba(130,91,218,.38),rgba(39,24,63,.92) 40%,rgba(10,10,14,.98) 78%)}
.pack-card small{color:#c29bea}.pack-card>b{color:#f3d58b}
.section-page::-webkit-scrollbar-thumb{background:#6d4b88;border:2px solid #09080c}.section-page::-webkit-scrollbar-thumb:hover{background:#a57acc}
@media(max-width:1050px){.hero-home{grid-template-columns:1fr}.hero-side{order:-1}.hero-feature-art{max-width:220px;max-height:170px}}
@media(max-width:650px){.home-top{height:86px;padding-inline:14px}.home-logo .logo-mark{width:48px;height:48px}.home-logo b{font-size:19px}.credit-chip{padding:8px 12px}.hero-home h1,.section-heading h1{font-size:34px}}


/* ==== v0.14.4 Home hero composition refinement ==== */
.hero-home{grid-template-columns:1.34fr .66fr;gap:20px;padding:28px 32px !important;min-height:auto}
.hero-copy p{max-width:620px}
.hero-side{flex-direction:row;align-items:center;justify-content:flex-end;gap:18px;align-self:stretch}
.hero-feature-art{width:min(320px,100%);max-height:240px}
.home-summary{order:-1;min-width:196px;padding:16px 18px;align-self:center}
.home-summary b{font-size:38px}
.home-summary span{font-size:15px}
@media(max-width:1050px){
  .hero-home{grid-template-columns:1fr;gap:18px;padding:28px 28px !important}
  .hero-side{order:-1;justify-content:center;gap:14px}
  .hero-feature-art{max-width:260px;max-height:190px}
  .home-summary{order:0;min-width:180px}
}
@media(max-width:700px){
  .hero-side{flex-direction:column}
  .home-summary{order:1;min-width:170px}
  .hero-feature-art{width:min(250px,100%);max-height:180px}
}

/* ==== v0.14.5 Profile ==== */
.home-top{grid-template-columns:1fr auto auto;gap:16px}
.header-profile{display:flex;align-items:center;gap:9px;padding:6px 11px;border:1px solid rgba(197,145,61,.28);border-radius:999px;background:rgba(19,11,24,.72);color:#e6d5ee;min-width:0}
.header-profile img{width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:center 26%;border:1px solid #d5ae65;box-shadow:0 0 0 2px #2a1732}
.header-profile span{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.profile-page{padding-bottom:80px}
.profile-layout{display:grid;grid-template-columns:minmax(310px,.7fr) minmax(0,1.3fr);gap:18px}
.profile-settings,.avatar-panel{border:1px solid rgba(223,180,94,.28);background:linear-gradient(180deg,rgba(20,12,26,.96),rgba(10,11,17,.97));box-shadow:0 18px 42px rgba(0,0,0,.52);border-radius:20px;padding:20px}
.profile-preview{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid rgba(218,174,84,.2);background:radial-gradient(circle at 10% 30%,rgba(116,70,167,.18),transparent 28%),rgba(9,10,15,.62);border-radius:16px;margin-bottom:18px}
.profile-preview img{width:92px;height:92px;border-radius:50%;object-fit:cover;object-position:center 25%;border:2px solid #ddb764;box-shadow:0 0 0 4px #2d1834,0 12px 24px #0009}
.profile-preview small,.profile-subheading small{letter-spacing:.19em;color:#bd8ee5;font-size:10px}.profile-preview h2,.profile-subheading h2{color:#f0cf88;margin:4px 0 6px}.profile-preview span{color:#bbaec3;font-size:12px}
.profile-field{display:flex;flex-direction:column;gap:8px;margin-top:16px;color:#e7c983}.profile-field>span{font-weight:700;letter-spacing:.06em}.profile-field input,.profile-field select{width:100%;padding:11px 12px;background:#0a0910;border:1px solid rgba(188,139,67,.48);color:#eee2cc;border-radius:10px}.profile-field small{color:#9f92a7;line-height:1.4}
.profile-subheading{margin-bottom:14px}.profile-subheading p{color:#ab9cb5;margin:5px 0 0;font-size:12px}
.avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:12px}
.avatar-choice{padding:9px;border:1px solid rgba(213,174,96,.22);background:linear-gradient(180deg,#15101a,#0d0d12);color:#cdbed5;border-radius:14px;cursor:pointer;transition:.15s}.avatar-choice:hover{transform:translateY(-3px);border-color:#c999e9}.avatar-choice.selected{border-color:#efc968;box-shadow:0 0 0 2px rgba(239,201,104,.22),0 0 24px rgba(164,91,215,.22)}
.avatar-choice img{display:block;width:100%;aspect-ratio:1/1;border-radius:50%;object-fit:cover;object-position:center 24%;background:#08090c;margin-bottom:7px}.avatar-choice span{font-size:11px}
.cardback-grid{display:flex;gap:12px;flex-wrap:wrap}.cardback-choice{width:120px;padding:9px;border:1px solid rgba(213,174,96,.24);background:#0d0d12;color:#d6c5df;border-radius:13px;cursor:pointer}.cardback-choice.selected{border-color:#efc968;box-shadow:0 0 0 2px rgba(239,201,104,.2)}.cardback-choice img{display:block;width:74px;height:103px;object-fit:cover;margin:0 auto 7px;border-radius:5px}.cardback-choice b{font-size:10px}
.multiplayer-identity{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:16px;border:1px solid rgba(223,180,94,.25);background:linear-gradient(180deg,rgba(21,12,26,.94),rgba(11,12,18,.96));border-radius:16px}.multiplayer-identity img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:center 24%;border:2px solid #d7b366}.multiplayer-identity small{display:block;color:#bd8ee5;letter-spacing:.15em;font-size:9px}.multiplayer-identity b{display:block;color:#edce88;font-size:19px;margin:3px 0}.multiplayer-identity span{font-size:11px;color:#aa9cb4}
@media(max-width:1100px){.profile-layout{grid-template-columns:1fr}.avatar-grid{grid-template-columns:repeat(5,minmax(80px,1fr))}}
@media(max-width:720px){.header-profile{display:none}.home-top{grid-template-columns:1fr auto}.avatar-grid{grid-template-columns:repeat(2,minmax(90px,1fr))}}

/* ==== v0.15 free LAN Host / Join ==== */
.lan-page{max-width:1050px}.lan-status{margin:-5px 0 14px;padding:10px 13px;border:1px solid rgba(190,139,67,.35);background:rgba(16,10,20,.72);color:#cbbbd4;border-radius:12px;font-size:12px}.lan-note{display:flex;gap:14px;align-items:center;margin-bottom:18px;padding:14px 16px;border:1px solid rgba(190,139,67,.3);background:linear-gradient(135deg,rgba(29,16,38,.9),rgba(10,12,17,.92));border-radius:16px}.lan-note b{color:#f0cf88;white-space:nowrap}.lan-note span{color:#b9abc2;font-size:12px;line-height:1.45}.host-card label{display:flex;flex-direction:column;gap:6px}.host-card label>span{font-size:11px;color:#c8afd9;letter-spacing:.08em;text-transform:uppercase}.lan-lobby{display:flex;flex-direction:column;gap:15px}.lan-room-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border:1px solid rgba(223,180,94,.35);background:linear-gradient(135deg,rgba(30,17,38,.96),rgba(10,12,18,.96));border-radius:18px}.lan-room-head small{color:#c191e7;letter-spacing:.18em}.lan-room-head h2{font-size:38px;letter-spacing:.18em;margin:3px 0;color:#f2d087}.lan-room-head span{color:#b9abc2;font-size:12px}.lan-room-status{padding:9px 13px;border-radius:999px;border:1px solid;font-size:11px;font-weight:800;letter-spacing:.12em}.lan-room-status.waiting{color:#e4c27a;border-color:#99773d;background:#2b210d}.lan-room-status.connected{color:#9ed8ac;border-color:#477d55;background:#112619}.lan-peers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lobby-peer{display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid rgba(223,180,94,.25);background:linear-gradient(145deg,rgba(19,12,26,.96),rgba(10,12,17,.96));border-radius:18px}.lobby-peer img,.lobby-avatar-placeholder{width:82px;height:82px;border-radius:50%;object-fit:cover;border:2px solid #b48643;box-shadow:0 8px 20px #0008}.lobby-avatar-placeholder{display:grid;place-items:center;font-size:32px;color:#806c8a;background:#0b0b10;border-style:dashed}.lobby-peer small{display:block;color:#bd8fe0;letter-spacing:.13em}.lobby-peer b{display:block;color:#f0d08a;font-size:21px;margin:4px 0}.lobby-peer span{font-size:12px;color:#b6a9bd}.lobby-peer.empty{opacity:.65}.lan-next-step{display:flex;gap:15px;align-items:center;padding:12px 16px;border:1px solid rgba(130,88,167,.35);background:rgba(38,20,50,.48);border-radius:14px}.lan-next-step b{color:#d7a9f2;white-space:nowrap}.lan-next-step span{font-size:12px;color:#b9abc2}.lan-chat{border:1px solid rgba(223,180,94,.25);background:#090a0ee8;border-radius:18px;overflow:hidden}.lan-chat-head{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #ffffff10;background:#17101c}.lan-chat-head b{color:#f0d08a}.lan-chat-head small{color:#94879c}.lan-chat-log{height:220px;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.lan-message{display:flex;gap:8px;align-items:baseline}.lan-message b{color:#d3a5ee;font-size:12px}.lan-message span{color:#ddd1e2;font-size:12px;line-height:1.35}.lan-message.system span{color:#8e8494;font-style:italic}.lan-chat-empty{margin:auto;color:#716979;font-size:12px}.lan-chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-top:1px solid #ffffff10}.lan-chat-compose input{min-width:0;background:#0d0911;border:1px solid rgba(190,139,67,.4);color:#eee2cc;padding:10px 12px;border-radius:10px}.lan-room-actions{display:flex;justify-content:flex-end}@media(max-width:700px){.lan-note{align-items:flex-start;flex-direction:column}.lan-peers{grid-template-columns:1fr}.lan-room-head{align-items:flex-start;gap:12px;flex-direction:column}.lan-chat-head{align-items:flex-start;gap:4px;flex-direction:column}}

/* ==== v0.15 free LAN Host / Join ==== */
.lan-page{max-width:1050px}.lan-status{margin:-5px 0 14px;padding:10px 13px;border:1px solid rgba(190,139,67,.35);background:rgba(16,10,20,.72);color:#cbbbd4;border-radius:12px;font-size:12px}.lan-note{display:flex;gap:14px;align-items:center;margin-bottom:18px;padding:14px 16px;border:1px solid rgba(190,139,67,.3);background:linear-gradient(135deg,rgba(29,16,38,.9),rgba(10,12,17,.92));border-radius:16px}.lan-note b{color:#f0cf88;white-space:nowrap}.lan-note span{color:#b9abc2;font-size:12px;line-height:1.45}.host-card label{display:flex;flex-direction:column;gap:6px}.host-card label>span{font-size:11px;color:#c8afd9;letter-spacing:.08em;text-transform:uppercase}.lan-lobby{display:flex;flex-direction:column;gap:15px}.lan-room-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border:1px solid rgba(223,180,94,.35);background:linear-gradient(135deg,rgba(30,17,38,.96),rgba(10,12,18,.96));border-radius:18px}.lan-room-head small{color:#c191e7;letter-spacing:.18em}.lan-room-head h2{font-size:38px;letter-spacing:.18em;margin:3px 0;color:#f2d087}.lan-room-head span{color:#b9abc2;font-size:12px}.lan-room-status{padding:9px 13px;border-radius:999px;border:1px solid;font-size:11px;font-weight:800;letter-spacing:.12em}.lan-room-status.waiting{color:#e4c27a;border-color:#99773d;background:#2b210d}.lan-room-status.connected{color:#9ed8ac;border-color:#477d55;background:#112619}.lan-peers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lobby-peer{display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid rgba(223,180,94,.25);background:linear-gradient(145deg,rgba(19,12,26,.96),rgba(10,12,17,.96));border-radius:18px}.lobby-peer img,.lobby-avatar-placeholder{width:82px;height:82px;border-radius:50%;object-fit:cover;border:2px solid #b48643;box-shadow:0 8px 20px #0008}.lobby-avatar-placeholder{display:grid;place-items:center;font-size:32px;color:#806c8a;background:#0b0b10;border-style:dashed}.lobby-peer small{display:block;color:#bd8fe0;letter-spacing:.13em}.lobby-peer b{display:block;color:#f0d08a;font-size:21px;margin:4px 0}.lobby-peer span{font-size:12px;color:#b6a9bd}.lobby-peer.empty{opacity:.65}.lan-next-step{display:flex;gap:15px;align-items:center;padding:12px 16px;border:1px solid rgba(130,88,167,.35);background:rgba(38,20,50,.48);border-radius:14px}.lan-next-step b{color:#d7a9f2;white-space:nowrap}.lan-next-step span{font-size:12px;color:#b9abc2}.lan-chat{border:1px solid rgba(223,180,94,.25);background:#090a0ee8;border-radius:18px;overflow:hidden}.lan-chat-head{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #ffffff10;background:#17101c}.lan-chat-head b{color:#f0d08a}.lan-chat-head small{color:#94879c}.lan-chat-log{height:220px;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.lan-message{display:flex;gap:8px;align-items:baseline}.lan-message b{color:#d3a5ee;font-size:12px}.lan-message span{color:#ddd1e2;font-size:12px;line-height:1.35}.lan-message.system span{color:#8e8494;font-style:italic}.lan-chat-empty{margin:auto;color:#716979;font-size:12px}.lan-chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-top:1px solid #ffffff10}.lan-chat-compose input{min-width:0;background:#0d0911;border:1px solid rgba(190,139,67,.4);color:#eee2cc;padding:10px 12px;border-radius:10px}.lan-room-actions{display:flex;justify-content:flex-end}@media(max-width:700px){.lan-note{align-items:flex-start;flex-direction:column}.lan-peers{grid-template-columns:1fr}.lan-room-head{align-items:flex-start;gap:12px;flex-direction:column}.lan-chat-head{align-items:flex-start;gap:4px;flex-direction:column}}


/* v0.16 synchronized LAN battle */
.lan-next-step{display:flex;flex-direction:column;align-items:center;gap:9px}
.lan-next-step .gold-btn{min-width:180px}
.remote-status{margin-top:10px;padding:9px 10px;border:1px solid #84623966;background:#0b0b0e;color:#d9c9ad;font-size:11px;line-height:1.35;border-radius:7px;max-height:100px;overflow:auto}
.remote-reaction{display:flex;flex-direction:column;gap:8px}.remote-reaction>b{color:#e7c77f;text-align:center;font-size:12px;margin-bottom:3px}
.remote-basic{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.remote-basic .action{padding-inline:4px;font-size:10px}


/* v0.16.1 desktop close controls */
.header-end{display:flex;align-items:center;gap:10px}
.exit-game-button,.exit-lite{border:1px solid rgba(195,84,88,.58)!important;background:linear-gradient(180deg,#3c191d,#221014)!important;color:#f0c3bf!important;border-radius:10px;padding:9px 12px;cursor:pointer;box-shadow:0 8px 18px #0006}
.exit-game-button:hover,.exit-lite:hover{background:linear-gradient(180deg,#572129,#301318)!important;border-color:#df7779!important}
.exit-screen{height:100vh;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#24112f,#09070c 60%);color:#efd18b;font-family:Georgia,'Times New Roman',serif}.exit-screen p{color:#c4b6ca}
@media(max-width:760px){.exit-game-button{padding:7px 9px;font-size:11px}.header-end{gap:5px}}


/* v0.17.4 — custom battle background for bot and player matches */
.game-shell.tabletop-shell{
  background:
    radial-gradient(ellipse at center, rgba(0,0,0,.16) 0%, rgba(0,0,0,.34) 72%, rgba(0,0,0,.46) 100%),
    url('./assets/battlefield_bg.png') center center / cover no-repeat fixed;
}
.game-shell.tabletop-shell:before{
  background:radial-gradient(ellipse at center,transparent 44%,rgba(0,0,0,.40) 100%);
}
.board-stage{
  background:
    linear-gradient(180deg, rgba(26,18,13,.46), rgba(8,10,14,.52) 49%, rgba(8,16,24,.50) 51%, rgba(17,10,8,.34) 100%),
    url('./assets/battlefield_bg.png') center center / cover no-repeat;
  box-shadow:0 22px 60px #000c, inset 0 0 0 4px #0b0b0c, inset 0 0 0 5px #5f472b66;
}
.board-stage:before{
  background:
    repeating-linear-gradient(90deg, transparent 0 99px, rgba(255,255,255,.012) 100px),
    linear-gradient(90deg, rgba(0,0,0,.10) 0%, transparent 18%, transparent 82%, rgba(0,0,0,.10) 100%),
    radial-gradient(circle at 50% 46%, rgba(224,172,84,.06), transparent 38%);
}
.board-underlay{opacity:.18;}


/* v0.17.5 — force reusable match background onto actual battlefield stage */
.table-layout{
  background:transparent !important;
}
.board-stage{
  background-image:
    linear-gradient(rgba(6,5,4,.28),rgba(6,5,4,.34)),
    url("./assets/battlefield_bg.png") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
.game-shell.tabletop-shell{
  background-image:
    linear-gradient(rgba(5,4,4,.24),rgba(5,4,4,.32)),
    url("./assets/battlefield_bg.png") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}


/* v0.17.6 — make the custom battlefield actually visible */
.game-shell.tabletop-shell{
  background:
    radial-gradient(ellipse at center, rgba(0,0,0,.10) 0%, rgba(0,0,0,.18) 62%, rgba(0,0,0,.34) 100%),
    url("./assets/battlefield_bg.png") center center / cover no-repeat fixed !important;
}
.game-shell.tabletop-shell:before{
  background:radial-gradient(ellipse at center, rgba(255,220,160,.03) 0%, rgba(0,0,0,.18) 68%, rgba(0,0,0,.38) 100%) !important;
}
.table-layout{
  background:transparent !important;
}
.left-rail,.right-rail{
  background:transparent !important;
}
.board-stage{
  background:
    linear-gradient(180deg, rgba(20,14,10,.32), rgba(11,15,19,.36) 48%, rgba(10,27,42,.34) 49%, rgba(8,14,20,.38)),
    url("./assets/battlefield_bg.png") center center / cover no-repeat !important;
  border:1px solid rgba(127,97,55,.55) !important;
  box-shadow:0 20px 44px rgba(0,0,0,.45), inset 0 0 0 2px rgba(11,11,12,.65), inset 0 0 0 3px rgba(95,71,43,.28) !important;
}
.board-stage:before{
  background:
    repeating-linear-gradient(90deg, transparent 0 99px, rgba(255,255,255,.009) 100px),
    radial-gradient(circle at 50% 46%, rgba(224,172,84,.045), transparent 38%) !important;
}
.board-panel,.champion-slot,.shared-location-frame,.player-control-panel,.table-layout .player-strip,.parchment-panel{
  backdrop-filter: blur(2px);
}
.board-panel,.champion-slot,.shared-location-frame{
  background:linear-gradient(165deg, rgba(14,11,9,.48), rgba(17,19,22,.42)) !important;
  border:1px solid rgba(132,101,58,.80) !important;
  box-shadow:inset 0 0 0 1px rgba(10,11,13,.45), inset 0 0 0 2px rgba(76,56,36,.25) !important;
}
.shared-location-frame{
  background:linear-gradient(180deg, rgba(29,23,18,.42), rgba(15,17,20,.44)) !important;
}
.table-layout .player-strip{
  background:linear-gradient(165deg, rgba(51,24,22,.78), rgba(22,15,15,.74) 70%) !important;
}
.table-layout .player-strip:not(.enemy), .player-control-panel{
  background:linear-gradient(165deg, rgba(16,37,59,.78), rgba(13,22,32,.74) 70%) !important;
}
.parchment-panel{
  background:linear-gradient(165deg, rgba(215,186,130,.92), rgba(184,144,90,.88)) !important;
}

/* ==== v0.18.0 Online matchmaking ==== */
.online-hero{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:24px 26px;margin:18px 0;background:linear-gradient(135deg,rgba(34,16,49,.92),rgba(12,9,18,.92));border:1px solid rgba(219,165,75,.48);border-radius:18px;box-shadow:0 18px 45px #0007,inset 0 0 40px rgba(126,55,156,.10)}
.online-hero small,.online-browser-head small{color:#d6a74f;letter-spacing:.16em;font-size:10px}.online-hero h2,.online-browser-head h2{font-family:Georgia,serif;color:#f1d58c;margin:4px 0 7px}.online-hero p{margin:0;color:#b9aec2;line-height:1.5;max-width:720px}.online-quick{min-width:180px;padding:14px 22px;font-size:16px}
.online-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.online-create-grid .host-card{min-height:0}.host-card select{width:100%;padding:10px 12px;background:#0a0910;border:1px solid rgba(188,139,67,.48);color:#eee2cc;border-radius:10px}
.online-browser{margin-top:20px;padding:18px;background:rgba(12,8,18,.72);border:1px solid rgba(186,132,62,.32);border-radius:16px}.online-browser-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.online-room-list{display:grid;gap:10px}.online-room-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;background:linear-gradient(120deg,rgba(24,15,31,.92),rgba(10,9,13,.88));border:1px solid rgba(194,145,68,.30);border-radius:12px}.online-room-card h3{margin:3px 0;color:#eee0c5}.online-room-card small{color:#d3a65e;letter-spacing:.10em}.online-room-card span{color:#968a9e;font-size:12px}.online-room-card.incompatible{opacity:.58}.online-room-card .gold-btn{min-width:120px}
.online-lobby .lan-room-head{background:linear-gradient(120deg,rgba(43,19,58,.82),rgba(12,11,17,.88));padding:16px;border-radius:14px;border:1px solid rgba(205,157,76,.34)}
.lan-advanced{margin-top:22px;border:1px solid rgba(188,139,67,.28);border-radius:14px;background:rgba(8,7,11,.62);overflow:hidden}.lan-advanced>summary{cursor:pointer;padding:15px 18px;color:#bca882;font-weight:700;letter-spacing:.05em}.lan-advanced[open]>summary{border-bottom:1px solid rgba(188,139,67,.18)}.lan-advanced .lan-note,.lan-advanced .host-grid{margin:16px}
@media(max-width:800px){.online-hero,.online-create-grid{grid-template-columns:1fr}.online-quick{width:100%}.online-room-card{align-items:flex-start;flex-direction:column}.online-room-card .gold-btn{width:100%}}

/* v0.18.5 — Battle rooms are connection screens; chat lives inside matches */
.battle-ready{padding:22px;text-align:center;background:linear-gradient(180deg,rgba(37,20,48,.72),rgba(12,10,17,.82));border:1px solid rgba(212,164,83,.35)}
.battle-ready b{font-family:Georgia,serif;font-size:22px;color:#f1cf83}
.battle-ready span{display:block;margin:7px 0 16px;color:#c7b8d0}
.start-battle-btn{font-size:20px;padding:13px 34px;min-width:220px}
.right-rail{overflow:visible}
.match-chat{width:100%;max-height:245px;display:flex;flex-direction:column;background:rgba(7,8,12,.88);border:1px solid rgba(176,128,65,.58);border-radius:12px;overflow:hidden;box-shadow:0 12px 30px #0008}
.match-chat-head{padding:9px 10px;border-bottom:1px solid rgba(176,128,65,.28);display:flex;flex-direction:column;gap:2px}
.match-chat-head b{font-family:Georgia,serif;color:#ebc878;font-size:13px}
.match-chat-head small{font-size:8px;color:#9f93a7}
.match-chat-log{min-height:54px;max-height:110px;overflow-y:auto;padding:7px 9px;display:flex;flex-direction:column;gap:5px}
.match-chat-message{font-size:10px;line-height:1.25}.match-chat-message b{color:#d6a9ff;margin-right:5px}.match-chat-message span{color:#ded7e5}
.match-chat-empty{font-size:10px;color:#857c8b;text-align:center;padding:10px}
.match-chat-compose{display:grid;grid-template-columns:1fr auto;gap:5px;padding:7px;border-top:1px solid rgba(176,128,65,.20)}
.match-chat-compose input{min-width:0;background:#08090d;border:1px solid #6d5334;color:#eee;padding:7px 8px;border-radius:6px;font-size:10px}
.match-chat-compose .action{padding:7px 10px;font-size:10px}


/* v0.18.9 — multiplayer battle uses the same tabletop presentation as bot battles */
.tabletop-shell .match-chat{width:100%;margin:0;background:rgba(8,10,14,.88);border:1px solid rgba(138,108,66,.65);border-radius:14px;overflow:hidden;box-shadow:0 14px 32px rgba(0,0,0,.45)}
.tabletop-shell .match-chat-head{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.08)}
.tabletop-shell .match-chat-head b{color:#e5be70}.tabletop-shell .match-chat-head small{display:block;color:#9f9586;font-size:9px;margin-top:2px}
.tabletop-shell .match-chat-log{height:92px;min-height:0;overflow-y:auto;padding:7px 9px}.tabletop-shell .match-chat-message{font-size:10px;line-height:1.35}.tabletop-shell .match-chat-compose{display:grid;grid-template-columns:1fr auto;gap:5px;padding:7px}.tabletop-shell .match-chat-compose input{min-width:0;padding:7px 8px;background:#080a0d;border:1px solid #735b3a;color:#eee;border-radius:7px}.tabletop-shell .match-chat-compose .action{padding:7px 9px}

/* GaG Web v0.3.1 — floating multiplayer Match Chat */
.match-chat-bubble{position:fixed;right:26px;bottom:24px;z-index:86;width:54px;height:54px;border-radius:50%;border:1px solid rgba(224,177,91,.85);background:radial-gradient(circle at 35% 30%,#5d3a79,#24142f 70%);color:#f3ddaa;font-size:24px;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 28px #000a,0 0 0 2px rgba(109,68,139,.20);transition:transform .15s ease,filter .15s ease}
.match-chat-bubble:hover{transform:translateY(-2px);filter:brightness(1.12)}
.match-chat-bubble.has-unread{box-shadow:0 12px 28px #000a,0 0 18px rgba(107,167,255,.55)}
.match-chat-bubble>span{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#a82626;border:2px solid #190d1d;color:#fff;font:700 10px/1 sans-serif}
.match-chat-shade{position:fixed;inset:0;z-index:90;background:rgba(2,2,5,.52);display:flex;align-items:flex-end;justify-content:flex-end;padding:88px 28px 88px;backdrop-filter:blur(2px)}
.match-chat-overlay{width:min(430px,calc(100vw - 40px));height:min(560px,72vh);display:grid;grid-template-rows:auto 1fr auto;background:linear-gradient(180deg,rgba(20,15,27,.98),rgba(8,8,12,.99));border:1px solid rgba(218,167,84,.72);border-radius:16px;overflow:hidden;box-shadow:0 28px 70px #000d,0 0 35px rgba(87,50,116,.24)}
.match-chat-overlay .match-chat-head{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(90deg,rgba(78,43,99,.55),rgba(28,17,34,.6));border-bottom:1px solid rgba(218,167,84,.25)}
.match-chat-overlay .match-chat-head>div{display:flex;flex-direction:column;gap:2px}.match-chat-overlay .match-chat-head b{font-family:Georgia,serif;font-size:17px;color:#efcf88}.match-chat-overlay .match-chat-head small{font-size:9px;color:#aaa0af}
.match-chat-close{width:34px;height:34px;border:1px solid rgba(213,171,99,.45);border-radius:9px;background:#120e16;color:#dcc394;font-size:24px;line-height:1;cursor:pointer}
.match-chat-overlay .match-chat-log{height:auto;max-height:none;min-height:0;overflow-y:auto;padding:13px 14px;display:flex;flex-direction:column;gap:11px;scroll-behavior:smooth}
.match-chat-overlay .match-chat-message{display:grid;grid-template-columns:36px 1fr;align-items:start;gap:9px;font-size:12px;line-height:1.35;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.025)}
.match-chat-overlay .match-chat-message img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18);background:#09090d}
.match-chat-overlay .match-chat-message>div{min-width:0;display:flex;flex-direction:column;gap:2px}.match-chat-overlay .match-chat-message b{margin:0;font-size:11px}.match-chat-overlay .match-chat-message.self b{color:#72b6ff}.match-chat-overlay .match-chat-message.opponent b{color:#ff7777}.match-chat-overlay .match-chat-message span{color:#e4dfe8;overflow-wrap:anywhere}
.match-chat-overlay .match-chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px 12px;border-top:1px solid rgba(218,167,84,.22);background:rgba(5,5,8,.7)}
.match-chat-overlay .match-chat-compose input{min-width:0;padding:10px 11px;background:#08090d;border:1px solid #705838;color:#eee;border-radius:8px;font-size:12px}.match-chat-overlay .match-chat-compose .action{padding:9px 14px}
@media(max-width:800px){.match-chat-bubble{right:16px;bottom:16px}.match-chat-shade{padding:72px 12px 78px}.match-chat-overlay{width:100%;height:min(620px,78vh)}}

/* v0.4.1 Collection / Deckbuilding card reader */
.library-card-clickable{cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.library-card-clickable:hover,.library-card-clickable:focus-visible{transform:translateY(-3px);border-color:rgba(240,207,136,.7);box-shadow:0 18px 38px rgba(0,0,0,.65),0 0 0 1px rgba(240,207,136,.16);outline:none}
.collection-card em{display:block;margin-top:6px;color:#d0ae70;font-size:10px;font-style:normal;letter-spacing:.05em}
.deck-inspect-image,.deck-row-inspect,.deck-lib-inspect{border:0;background:transparent;padding:0;cursor:pointer;color:inherit}
.deck-inspect-image{display:block;margin:0 auto 7px}
.deck-row-inspect{width:42px;height:57px;display:grid;place-items:center}
.deck-row-inspect img{width:38px;height:53px;object-fit:contain}
.deck-lib-inspect{width:100%;display:block}
.deck-lib-inspect img{display:block;width:100%;aspect-ratio:5/7;object-fit:contain}
.deck-name-inspect{cursor:pointer}
.deck-name-inspect:hover{text-decoration:underline;text-decoration-color:#c99d55;text-underline-offset:3px}
.library-inspector-shade{position:fixed;inset:0;z-index:140;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);display:grid;place-items:center;padding:28px;animation:fade .14s ease}
.library-inspector{position:relative;width:min(900px,94vw);max-height:min(760px,90vh);overflow:auto;display:grid;grid-template-columns:minmax(240px,360px) minmax(280px,1fr);gap:28px;padding:24px;background:linear-gradient(145deg,rgba(25,17,30,.99),rgba(9,11,16,.99));border:1px solid rgba(230,187,99,.55);border-radius:22px;box-shadow:0 32px 100px #000,0 0 45px rgba(149,91,190,.12)}
.library-inspector-close{position:absolute;right:12px;top:8px;z-index:2;border:0;background:transparent;color:#d7cfc4;font-size:34px;line-height:1;cursor:pointer;padding:4px 10px}
.library-inspector-art{display:grid;place-items:start center;align-self:start}
.library-inspector-art img{width:100%;max-height:680px;object-fit:contain;border-radius:12px;box-shadow:0 18px 45px #000c}
.library-inspector-copy{padding:10px 12px 10px 0;align-self:center}
.library-inspector-copy>small{color:#d6a957;letter-spacing:.18em;font-size:11px}
.library-inspector-copy h2{font-family:Georgia,serif;color:#f1d79f;font-size:32px;line-height:1.1;margin:8px 40px 14px 0}
.library-inspector-facts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.library-inspector-facts span{border:1px solid rgba(209,165,79,.35);background:rgba(11,10,15,.75);color:#d8cbb8;border-radius:999px;padding:6px 10px;font-size:11px}
.library-inspector-rules{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:17px 0;margin:8px 0 16px}
.library-inspector-rules b{display:block;color:#e5c77f;margin-bottom:8px}
.library-inspector-rules p{white-space:pre-line;color:#e1d9cf;line-height:1.65;font-size:15px;margin:0}
.library-inspector-owned{display:flex;gap:18px;flex-wrap:wrap;color:#b8aebc;font-size:13px}.library-inspector-owned b{color:#f0ce85}
@media(max-width:720px){.library-inspector-shade{padding:12px}.library-inspector{grid-template-columns:1fr;gap:14px;padding:18px;max-height:94vh}.library-inspector-art img{max-height:48vh}.library-inspector-copy{padding:0}.library-inspector-copy h2{font-size:26px;margin-right:36px}.library-inspector-rules p{font-size:14px}}

/* v0.4.2 Deckbuilding layout cleanup */
.deck-row{grid-template-columns:46px minmax(0,1fr) auto 34px;min-height:64px;padding:5px 0}
.deck-row .deck-row-inspect{width:42px;height:58px;padding:0!important;margin:0;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:6px!important;display:grid;place-items:center;overflow:hidden}
.deck-row .deck-row-inspect img{display:block;width:38px;height:53px;object-fit:contain;margin:0}
.deck-row .deck-name-inspect{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-self:center}
.deck-row>button[data-remove-card]{width:32px;height:40px;padding:0!important;display:grid;place-items:center}

.deck-card-grid{align-items:stretch}
.deck-lib-card{display:grid;grid-template-rows:auto 2.7em 1.4em auto;align-content:start;gap:7px;min-height:0}
.deck-lib-card .deck-lib-inspect{width:100%;aspect-ratio:5/7;padding:8px!important;margin:0!important;border:1px solid rgba(219,177,89,.42)!important;background:linear-gradient(180deg,#151015,#0d0b0f)!important;box-shadow:none!important;border-radius:12px!important;display:grid;place-items:center;overflow:hidden}
.deck-lib-card .deck-lib-inspect img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;margin:0}
.deck-lib-card>.deck-name-inspect{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.35;height:2.7em;overflow:hidden;margin:0}
.deck-lib-card>small{height:1.4em;line-height:1.4em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.deck-lib-card>button:not(.deck-lib-inspect){margin-top:0;min-height:42px}

/* v0.4.4 - global readable native select menus */
select{background-color:#0a0910!important;color:#eee2cc!important;color-scheme:dark;}
select option,select optgroup{background:#0a0910!important;color:#eee2cc!important;}
select option:disabled{color:#766d7c!important;}


/* v0.4.8 multiplayer action ownership */
.multiplayer-turn-indicator{position:fixed;top:70px;left:50%;transform:translateX(-50%);z-index:70;min-width:260px;max-width:min(520px,calc(100vw - 32px));display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 16px;border-radius:999px;box-shadow:0 10px 28px #0009;backdrop-filter:blur(10px);pointer-events:none;text-align:left}
.multiplayer-turn-indicator>span{font-size:12px;animation:gagTurnPulse 1.4s ease-in-out infinite}.multiplayer-turn-indicator>div{display:flex;flex-direction:column;gap:1px}.multiplayer-turn-indicator b{font:700 13px/1.15 Georgia,serif;letter-spacing:.03em}.multiplayer-turn-indicator small{font-size:9px;opacity:.82;white-space:normal}.multiplayer-turn-indicator.yours{background:rgba(18,55,91,.95);border:1px solid rgba(100,183,255,.75);color:#d9efff}.multiplayer-turn-indicator.yours>span{color:#6fc2ff}.multiplayer-turn-indicator.waiting{background:rgba(67,25,27,.95);border:1px solid rgba(224,104,104,.65);color:#ffe0e0}.multiplayer-turn-indicator.waiting>span{color:#ff7777}.multiplayer-turn-indicator.done{background:rgba(45,38,19,.95);border:1px solid rgba(224,177,91,.7);color:#f2d993}
@keyframes gagTurnPulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@media(max-width:800px){.multiplayer-turn-indicator{top:62px;min-width:0;width:calc(100vw - 28px);border-radius:12px;padding:8px 12px}.multiplayer-turn-indicator small{display:none}}


/* v0.5.0 — Rock / Paper / Scissors first-player selection */
.rps-page{display:flex;justify-content:center;align-items:flex-start;padding-bottom:48px}
.rps-shell{width:min(860px,94vw);margin:18px auto 0;padding:30px;border-radius:24px;border:1px solid rgba(218,174,84,.4);background:linear-gradient(145deg,rgba(21,12,28,.97),rgba(10,10,16,.97));box-shadow:0 28px 70px rgba(0,0,0,.55);text-align:center}
.rps-shell>small{color:#c091ea;letter-spacing:.16em;font-weight:800}.rps-shell h1{margin:7px 0 8px;color:#efd28f;font-size:36px}.rps-shell>p{margin:0 auto 24px;color:#b8aebf}
.rps-versus{display:grid;grid-template-columns:1fr 76px 1fr;gap:18px;align-items:center}.rps-player{min-width:0;padding:20px;border:1px solid rgba(107,160,234,.34);border-radius:20px;background:rgba(10,18,31,.76);display:flex;flex-direction:column;align-items:center;gap:9px}.rps-player.opponent{border-color:rgba(221,85,85,.38);background:rgba(32,10,15,.68)}
.rps-player>img{width:104px;height:104px;object-fit:cover;border-radius:22px;border:1px solid rgba(234,197,114,.5);box-shadow:0 10px 28px #0008}.rps-player>b{color:#e8d9b7;font-size:18px}.rps-player>span{color:#a89dad;font-size:12px}.rps-vs{font-weight:900;color:#7c6c82;letter-spacing:.1em}
.rps-reveal{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:#0b0b12;border:1px solid #5b4f66;color:#796f80;font-size:36px}.rps-reveal.shown{border-color:#cba35a;color:#f3d997;box-shadow:0 0 24px rgba(202,160,77,.18)}
.rps-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.rps-choices button{min-height:120px;border-radius:18px;border:1px solid rgba(218,174,84,.35);background:linear-gradient(180deg,#1b1424,#0e0c13);color:#e8d8b4;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.rps-choices button:hover{border-color:#e2bd6a;transform:translateY(-2px);box-shadow:0 12px 28px #0007}.rps-choices span{font-size:42px}.rps-choices b{font-size:15px;letter-spacing:.04em}
.rps-waiting,.rps-result{margin-top:24px;padding:16px 18px;border-radius:16px;border:1px solid #554661;background:#130f19;color:#bdb1c5}.rps-result{display:flex;flex-direction:column;gap:4px}.rps-result b{font-size:22px}.rps-result.win{border-color:rgba(87,153,224,.55);background:rgba(12,28,48,.8)}.rps-result.win b{color:#74b9ff}.rps-result.lose{border-color:rgba(218,75,75,.5);background:rgba(45,12,18,.8)}.rps-result.lose b{color:#ef7777}.rps-result.tie b{color:#e6c77f}
.rps-first-choice{display:flex;justify-content:center;gap:12px;margin-top:14px}.rps-first-choice button{min-width:180px}
@media(max-width:650px){.rps-shell{padding:20px 14px}.rps-shell h1{font-size:28px}.rps-versus{grid-template-columns:1fr 42px 1fr;gap:8px}.rps-player{padding:12px 6px}.rps-player>img{width:72px;height:72px;border-radius:16px}.rps-reveal{width:66px;height:66px;font-size:29px}.rps-choices{gap:8px}.rps-choices button{min-height:98px}.rps-choices span{font-size:34px}.rps-first-choice{flex-direction:column}.rps-first-choice button{width:100%}}

/* v0.5.2 Store card-back cosmetics */
.store-section{margin-top:26px}.store-subheading{margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid rgba(223,180,94,.2)}.store-subheading small{color:#c091ea;letter-spacing:.16em}.store-subheading h2{margin:4px 0 5px;color:#f0cf88;font-size:26px}.store-subheading p{margin:0;color:#baadc4}.store-cardback-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.store-cardback{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border:1px solid rgba(223,180,94,.3);border-radius:18px;background:linear-gradient(180deg,rgba(25,15,28,.96),rgba(10,11,16,.98));box-shadow:0 15px 36px rgba(0,0,0,.42)}.store-cardback img{width:128px;aspect-ratio:5/7;object-fit:cover;border-radius:10px;border:1px solid rgba(239,201,104,.4);box-shadow:0 10px 25px rgba(0,0,0,.5)}.store-cardback h3{margin:2px 0 0;color:#f0cf88;font-size:17px}.store-cardback>b{color:#f3d58b;font-size:13px}.store-cardback .gold-btn{width:100%;margin-top:auto}.store-cardback.owned{border-color:rgba(112,190,129,.42)}.store-cardback.owned>b{color:#9bd5a7}
@media(max-width:650px){.store-cardback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-cardback img{width:min(128px,100%)}}

/* v0.5.6 responsive effect chooser / short viewport fix */
.modal-shade{
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:16px;
}
.modal-shade .ability-modal{
  max-height:calc(100dvh - 32px);
  overflow-y:auto;
  overscroll-behavior:contain;
  margin:auto;
}
.modal-shade .ability-modal .zone-picker{
  min-height:0;
}
.modal-shade .ability-modal .picker-preview{
  overflow-y:auto;
  overscroll-behavior:contain;
}
.modal-shade .ability-modal .picker-preview-copy{
  flex:0 0 auto;
  width:100%;
}
.modal-shade .ability-modal .picker-preview-copy .choose-preview{
  position:relative;
  z-index:2;
}
@media (max-height:820px){
  .modal-shade{align-items:start;padding:10px}
  .modal-shade .ability-modal{max-height:calc(100dvh - 20px);padding:18px}
  .modal-shade .ability-modal .zone-picker{max-height:none}
  .modal-shade .ability-modal .picker-preview{max-height:none}
  .modal-shade .ability-modal .picker-preview>img{height:140px;flex-basis:140px}
  .modal-shade .ability-modal .compact-picker-grid{max-height:105px}
}
@media (max-width:850px){
  .modal-shade{align-items:start;padding:8px}
  .modal-shade .ability-modal{width:min(980px,96vw);max-height:calc(100dvh - 16px);padding:16px}
  .modal-shade .ability-modal .zone-picker{display:block;max-height:none}
  .modal-shade .ability-modal .zone-picker-grid{height:auto;max-height:220px;margin-bottom:12px}
  .modal-shade .ability-modal .picker-preview{height:auto;max-height:none;overflow:visible}
  .modal-shade .ability-modal .picker-preview>img{height:150px;flex-basis:150px}
}

/* =========================================================
   v0.5.10 — Shared professional game-lobby navigation
   ========================================================= */
.home-shell{--home-gold:#d8ad63;--home-gold-soft:#f0d194;--home-purple:#7a3ea1;--home-purple-bright:#a75ddb;--home-blue:#284a7a;--home-panel:rgba(13,9,18,.9);--home-line:rgba(223,180,94,.34)}
.pro-home-shell{background:radial-gradient(circle at 74% 25%,rgba(97,43,123,.22),transparent 32%),radial-gradient(circle at 16% 52%,rgba(31,63,102,.17),transparent 28%),linear-gradient(120deg,#08070b,#130b19 48%,#07070a);overflow:auto}
.game-home-header{position:sticky;top:0;z-index:80;height:92px;display:grid;grid-template-columns:265px minmax(620px,1fr) auto;align-items:stretch;background:linear-gradient(180deg,rgba(10,8,13,.99),rgba(13,9,18,.97));border-bottom:1px solid var(--home-line);box-shadow:0 16px 42px rgba(0,0,0,.48);backdrop-filter:blur(14px)}
.game-brand{border:0;border-right:1px solid rgba(255,255,255,.055);background:linear-gradient(90deg,rgba(47,23,61,.34),transparent);color:#f3d797;display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;text-align:left}.game-brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 6px 14px #0008)}.game-brand b{display:block;font-size:19px;line-height:1.02;letter-spacing:.035em}.game-brand small{display:block;color:#8f8299;font-size:9px;letter-spacing:.18em;text-transform:uppercase;margin-top:6px}
.game-home-nav{display:flex;min-width:0;align-items:stretch}.game-nav-item{position:relative;flex:1;min-width:92px;border:0;border-right:1px solid rgba(255,255,255,.045);background:transparent;color:#aaa0b1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:9px 8px;cursor:pointer;font-family:Georgia,'Times New Roman',serif;transition:background .18s,color .18s}.game-nav-item svg{width:25px;height:25px}.game-nav-item span{font-size:12px;letter-spacing:.045em;white-space:nowrap}.game-nav-item:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:3px;opacity:0;background:linear-gradient(90deg,transparent,var(--home-purple-bright),var(--home-gold-soft),transparent);box-shadow:0 -4px 18px rgba(159,73,203,.65)}.game-nav-item:hover,.game-nav-item.active{color:#f2dfbb;background:linear-gradient(180deg,rgba(93,42,119,.24),rgba(66,28,91,.12))}.game-nav-item.active:after{opacity:1}
.game-account-zone{display:flex;align-items:center;gap:12px;padding:10px 18px;border-left:1px solid rgba(255,255,255,.055);background:rgba(0,0,0,.12)}.game-credit{min-width:90px;padding-right:12px;text-align:right;border-right:1px solid rgba(255,255,255,.08)}.game-credit span{display:block;color:#8f8299;font-size:9px;text-transform:uppercase;letter-spacing:.16em}.game-credit b{display:block;color:#f0cc7d;font-size:18px;margin-top:2px}.game-profile-button{border:0;background:transparent;color:#eee1c8;display:flex;align-items:center;gap:9px;cursor:pointer;padding:4px 8px;text-align:left}.game-profile-button img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #9a6c2e;box-shadow:0 0 0 2px #241425,0 6px 18px #0007}.game-profile-button.active{background:linear-gradient(180deg,rgba(93,42,119,.24),rgba(66,28,91,.12));box-shadow:inset 0 -3px 0 rgba(216,173,99,.65);border-radius:8px}.game-profile-button b{display:block;font-size:13px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-profile-button small{display:block;color:#8f8299;font-size:10px;margin-top:3px}.game-logout{border:1px solid rgba(211,167,85,.32);background:#130e14;color:#9e8da8;border-radius:8px;padding:8px 9px;cursor:pointer;font-size:10px}.game-logout:hover{color:#f0d194;border-color:#b98b43}
.pro-home-main{width:min(1680px,97vw);margin:0 auto;padding:24px 0 26px;display:grid;grid-template-columns:minmax(350px,.78fr) minmax(560px,1.62fr);grid-template-rows:minmax(510px,60vh) auto;gap:16px}
.home-command-column{display:grid;grid-template-rows:1fr 1fr;gap:14px}.home-command-card{position:relative;overflow:hidden;display:grid;grid-template-columns:132px 1fr;align-items:center;gap:8px;padding:28px 26px;border:1px solid var(--home-line);background:linear-gradient(120deg,rgba(14,10,19,.96),rgba(24,13,29,.91));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 18px 40px #0006}.home-command-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 13% 50%,rgba(137,72,173,.24),transparent 32%)}.multiplayer-command:before{background:radial-gradient(circle at 13% 50%,rgba(47,105,170,.28),transparent 34%)}.home-command-card:after{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid rgba(225,186,105,.08)}
.command-emblem{position:relative;width:112px;height:112px;display:grid;place-items:center;color:#e4bd6c;z-index:1}.command-emblem .command-ring{position:absolute;inset:5px;border:1px solid rgba(225,183,96,.55);border-radius:50%;box-shadow:inset 0 0 30px rgba(151,78,187,.2),0 0 28px rgba(113,48,143,.17)}.multiplayer-command .command-emblem{color:#aac7ef}.multiplayer-command .command-ring{border-color:rgba(108,153,211,.58);box-shadow:inset 0 0 30px rgba(44,93,153,.22),0 0 28px rgba(36,83,143,.16)}.command-emblem svg{width:48px;height:48px;position:relative;z-index:2}.command-copy{position:relative;z-index:2}.command-copy small{color:#9b78b5;letter-spacing:.2em;font-size:9px}.multiplayer-command .command-copy small{color:#739fcf}.command-copy h1{font-size:43px;margin:5px 0 8px;color:#f3d695;font-weight:500;letter-spacing:.04em}.command-copy p{margin:0 0 17px;color:#b9adbe;line-height:1.45;font-size:13px;max-width:400px}
.home-primary-action,.home-secondary-action,.feature-link,.overview-action{border:1px solid rgba(225,184,96,.68);background:linear-gradient(180deg,rgba(68,28,76,.96),rgba(37,17,46,.96));color:#f0ddbd;padding:11px 20px;cursor:pointer;text-transform:uppercase;letter-spacing:.09em;font-family:Georgia,'Times New Roman',serif;font-size:11px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 18px #0005}.home-primary-action:hover,.home-secondary-action:hover,.feature-link:hover,.overview-action:hover{border-color:#f0cf8c;background:linear-gradient(180deg,#5e2a68,#34193e);color:#fff0ca}
.home-feature-stage{position:relative;overflow:hidden;border:1px solid var(--home-line);background:#0c0a11;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 20px 50px #0007}.home-feature-stage:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(8,7,11,.18),transparent 28%,transparent 70%,rgba(7,6,9,.2)),linear-gradient(180deg,transparent 48%,rgba(7,6,10,.25) 67%,rgba(7,6,10,.82));pointer-events:none}.feature-art{position:absolute;inset:0;background:#0c0a11}.feature-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:1;transform:scale(1.002);transition:opacity .28s ease,transform 8s ease;will-change:opacity,transform}.feature-art img.changing{opacity:.35}.home-feature-stage:hover .feature-art img{transform:scale(1.025)}.feature-card-copy{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:28px 34px 29px;background:linear-gradient(90deg,rgba(7,6,10,.95),rgba(11,8,14,.84) 55%,rgba(8,6,10,.42));border-top:1px solid rgba(224,181,94,.24)}.feature-card-copy small{color:#d4ad64;letter-spacing:.17em;font-size:9px}.feature-card-copy h2{font-size:32px;margin:5px 0 4px;color:#f2ddbd;font-weight:500;text-shadow:0 2px 8px #000}.feature-card-copy p{margin:0 0 13px;color:#c2b6c9;font-size:12px;text-shadow:0 1px 5px #000}.feature-link{padding:8px 15px}.feature-dots{position:absolute;z-index:4;right:28px;bottom:25px;display:flex;gap:9px;align-items:center}.feature-dots button{width:9px;height:9px;padding:0;border-radius:50%;background:#594c5d;border:1px solid #78677d;cursor:pointer;box-shadow:0 0 0 4px transparent;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}.feature-dots button:hover{transform:scale(1.25);border-color:#d6ad61}.feature-dots button.active{background:#e3bd6f;border-color:#f7dda4;box-shadow:0 0 11px rgba(224,180,94,.85)}
.home-lower-grid{grid-column:1/-1;display:grid;grid-template-columns:1.04fr 1fr 1.08fr;gap:16px}.home-info-panel{min-height:245px;border:1px solid var(--home-line);background:linear-gradient(180deg,rgba(16,11,21,.95),rgba(10,8,13,.95));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 14px 30px #0005;overflow:hidden}.panel-title{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid rgba(222,177,91,.22);background:rgba(19,12,24,.8)}.panel-title span{color:#e0b866;text-transform:uppercase;letter-spacing:.09em;font-size:12px}.panel-title small{color:#766a7d;font-size:8px;letter-spacing:.16em}
.news-row{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.055);background:transparent;color:inherit;display:grid;grid-template-columns:38px 1fr;gap:11px;text-align:left;padding:11px 14px;cursor:pointer}.news-row:hover{background:rgba(104,48,129,.11)}.news-badge{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(218,175,88,.32);background:#211226;color:#d4af68;font-weight:700}.news-row b{display:block;color:#e4d3b8;font-size:12px;margin-bottom:3px}.news-row small{display:block;color:#8f8596;line-height:1.35;font-size:10px}
.featured-pack{height:calc(100% - 43px);display:grid;grid-template-columns:130px 1fr;gap:17px;align-items:center;padding:15px 20px}.featured-pack img{width:108px;max-height:158px;object-fit:contain;transform:rotate(-5deg);filter:drop-shadow(0 14px 18px #0008)}.featured-pack>div>small{color:#8d6ca4;font-size:9px;letter-spacing:.16em}.featured-pack h3{font-size:26px;color:#ead09a;margin:4px 0 5px}.featured-pack p{color:#9d92a4;font-size:11px;line-height:1.4;margin:0 0 13px}.home-secondary-action{padding:8px 14px}
.home-player-overview{display:flex;flex-direction:column}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 13px 18px;gap:6px;flex:1}.overview-stats button{border:0;border-right:1px solid rgba(255,255,255,.06);background:transparent;color:inherit;cursor:pointer;padding:8px 5px}.overview-stats button:last-child{border-right:0}.overview-stats b{display:block;font-size:27px;color:#efd08a;white-space:nowrap}.overview-stats span{display:block;color:#897e90;text-transform:uppercase;letter-spacing:.08em;font-size:8px;margin-top:5px}.overview-stats button:hover b{color:#fff0bc}.overview-action{margin:0 18px 17px}
@media(max-width:1320px){.game-home-header{grid-template-columns:220px minmax(560px,1fr) auto}.game-brand b{font-size:16px}.game-account-zone{gap:7px;padding-inline:10px}.game-credit{display:none}.game-nav-item span{font-size:10px}.pro-home-main{grid-template-columns:minmax(320px,.86fr) minmax(500px,1.4fr)}.home-command-card{grid-template-columns:105px 1fr;padding:22px 18px}.command-emblem{width:90px;height:90px}.command-copy h1{font-size:35px}}
@media(max-width:1050px){.game-home-header{height:auto;grid-template-columns:1fr auto;grid-template-rows:76px 66px}.game-brand{grid-column:1}.game-account-zone{grid-column:2}.game-home-nav{grid-column:1/-1;grid-row:2;border-top:1px solid rgba(255,255,255,.04)}.pro-home-main{grid-template-columns:1fr;grid-template-rows:auto 470px auto}.home-command-column{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.home-lower-grid{grid-template-columns:1fr 1fr}.home-player-overview{grid-column:1/-1}.game-logout{display:none}}
@media(max-width:720px){.game-home-header{position:relative;grid-template-columns:1fr;grid-template-rows:auto auto auto}.game-brand,.game-account-zone,.game-home-nav{grid-column:1}.game-brand{height:68px}.game-account-zone{grid-row:2;justify-content:space-between;border-left:0;border-top:1px solid rgba(255,255,255,.04)}.game-home-nav{grid-row:3;overflow-x:auto;justify-content:flex-start}.game-nav-item{min-width:92px;height:62px;flex:0 0 92px}.game-nav-item svg{width:20px;height:20px}.pro-home-main{width:94vw;padding-top:14px;grid-template-rows:auto 390px auto}.home-command-column{grid-template-columns:1fr}.home-command-card{grid-template-columns:82px 1fr}.command-emblem{width:70px;height:70px}.command-copy h1{font-size:30px}.command-copy p{font-size:11px}.home-lower-grid{grid-template-columns:1fr}.home-player-overview{grid-column:auto}.overview-stats{grid-template-columns:1fr 1fr}.overview-stats button:nth-child(2){border-right:0}.overview-stats button:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.06)}.featured-pack{grid-template-columns:95px 1fr}.featured-pack img{width:82px}.feature-card-copy{padding:20px}.feature-card-copy h2{font-size:25px}}

/* Shared lobby navigation sizing on every non-match page. */
.home-shell .game-home-header{flex:0 0 92px}
@media(max-width:1050px){.home-shell .game-home-header{flex:0 0 142px}}
@media(max-width:720px){.home-shell .game-home-header{flex:0 0 auto}}

/* v0.5.13 — Master Duel-inspired Deck Builder */
.master-deck-page{max-width:none;padding-left:18px;padding-right:18px}
.master-deck-toolbar{display:grid;grid-template-columns:auto minmax(150px,220px) minmax(180px,1fr) auto auto auto;gap:10px;align-items:end;margin:0 0 12px;padding:12px 14px;background:linear-gradient(180deg,rgba(18,14,28,.98),rgba(8,10,16,.98));border:1px solid rgba(222,181,95,.32);box-shadow:0 18px 38px rgba(0,0,0,.48)}
.master-deck-title{padding-right:10px;min-width:160px}.master-deck-title small,.deck-picker-label span,.deck-name-label span{display:block;color:#aa91c0;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.master-deck-title h1{font-size:25px;margin:2px 0 0;color:#f2dfbd}.deck-picker-label,.deck-name-label{display:block}.master-deck-toolbar select,.master-deck-toolbar input{width:100%;box-sizing:border-box;background:#080b10;border:1px solid rgba(180,140,77,.5);color:#f0e1c8;padding:10px 11px;border-radius:5px;outline:none}.master-deck-toolbar select:focus,.master-deck-toolbar input:focus{border-color:#e1b75d;box-shadow:0 0 0 2px rgba(225,183,93,.14)}
.deck-tool-button,.deck-save-button{height:39px;padding:0 17px;border:1px solid rgba(214,174,88,.55);background:linear-gradient(180deg,#18131e,#0d0d12);color:#ead5aa;font-weight:800;cursor:pointer;border-radius:5px;white-space:nowrap}.deck-tool-button:hover{border-color:#e8c570;background:#211729}.deck-save-button{min-width:118px;background:linear-gradient(180deg,#e4bc5e,#9b6829);color:#160e05;border-color:#f1d681;box-shadow:0 0 18px rgba(218,167,72,.16)}.deck-save-button.save-clean{filter:saturate(.75)}.deck-save-button.save-dirty{box-shadow:0 0 0 1px rgba(255,219,118,.25),0 0 24px rgba(228,174,61,.28)}.deck-save-button.save-error{background:linear-gradient(180deg,#b95b4d,#6c2923);color:#fff0e9}.deck-save-button:disabled{opacity:.7;cursor:wait}.master-deck-toolbar .deck-status{height:39px;box-sizing:border-box;display:flex;align-items:center;border-radius:5px;padding:0 13px}
.master-deck-layout{display:grid;grid-template-columns:minmax(235px,280px) minmax(480px,1fr) minmax(330px,430px);gap:10px;height:calc(100vh - 190px);min-height:650px}
.deck-preview-panel,.master-main-deck,.master-card-list{min-height:0;background:linear-gradient(180deg,rgba(15,14,23,.98),rgba(7,9,14,.98));border:1px solid rgba(218,177,91,.28);box-shadow:0 16px 34px rgba(0,0,0,.46);overflow:hidden}
.deck-panel-heading{height:42px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:linear-gradient(180deg,rgba(67,48,82,.58),rgba(25,21,35,.82));border-bottom:1px solid rgba(219,177,89,.25);color:#ebd6ae;letter-spacing:.08em;font-size:12px}.deck-panel-heading b{font-size:10px;color:#bba9c5;font-weight:700}
.deck-preview-panel{display:flex;flex-direction:column}.deck-preview-art{padding:15px 18px 10px;display:flex;justify-content:center;min-height:0}.deck-preview-art img{display:block;width:min(100%,210px);max-height:310px;object-fit:contain;filter:drop-shadow(0 13px 15px rgba(0,0,0,.62))}.deck-preview-copy{padding:4px 15px 16px;overflow:auto}.deck-preview-copy h2{font-size:18px;line-height:1.2;margin:6px 0;color:#f0d494}.deck-preview-copy p{font-size:12px;line-height:1.5;color:#d4c8d7;white-space:pre-line}.deck-preview-meta,.deck-preview-stats{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.deck-preview-meta span,.deck-preview-stats span{padding:5px 8px;border:1px solid rgba(196,151,77,.28);background:#090a0f;color:#bfb1c6;font-size:10px}.deck-preview-stats b{color:#efce82;margin-right:3px}
.master-main-deck{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(18,24,37,.96),rgba(8,12,19,.98))}.champion-strip{padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.18)}.deck-champion-slot{width:100%;height:72px;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid rgba(221,178,86,.35);background:linear-gradient(90deg,rgba(106,71,28,.22),rgba(12,14,19,.35));color:#eee0c6;padding:7px;cursor:pointer}.deck-champion-slot:hover{border-color:#e0ba69}.deck-champion-slot img{width:42px;height:58px;object-fit:contain}.deck-champion-slot span{min-width:0}.deck-champion-slot small{display:block;font-size:9px;letter-spacing:.14em;color:#b79255}.deck-champion-slot b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;margin-top:3px}
.master-card-mat{flex:1;overflow:auto;padding:13px;display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));grid-auto-rows:max-content;align-content:start;gap:7px;background:radial-gradient(circle at 50% 0%,rgba(48,72,104,.2),transparent 45%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 5px)}.deck-slot-card{position:relative;display:block;aspect-ratio:5/7;padding:0;border:1px solid rgba(174,145,93,.25);background:#07090d;cursor:pointer;overflow:visible;transition:transform .12s ease,border-color .12s ease}.deck-slot-card:hover{z-index:3;transform:translateY(-3px) scale(1.05);border-color:#e2bc6c;box-shadow:0 9px 20px rgba(0,0,0,.65)}.deck-slot-card img{width:100%;height:100%;display:block;object-fit:contain}.deck-copy-badge{position:absolute;left:3px;bottom:3px;min-width:14px;padding:2px 4px;border-radius:999px;background:rgba(4,5,8,.88);color:#f3d48a;font-size:9px;font-weight:900}.deck-remove-mini{position:absolute;right:-5px;top:-5px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#a84c39;color:white;border:1px solid #ffd0bd;font-size:14px;font-weight:900;opacity:0;transform:scale(.8);transition:.12s}.deck-slot-card:hover .deck-remove-mini{opacity:1;transform:scale(1)}.master-empty-deck{grid-column:1/-1;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9b8fa6;border:1px dashed rgba(212,171,87,.24)}.master-empty-deck b{color:#d8bd84;margin-bottom:4px}.master-validation{padding:8px 12px;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid rgba(177,87,64,.35);background:rgba(72,26,22,.44);color:#e4ad9f;font-size:10px}
.master-card-list{display:flex;flex-direction:column}.master-filter-bar{padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:7px;border-bottom:1px solid rgba(255,255,255,.07)}.deck-search-wrap{grid-column:1/-1;position:relative}.deck-search-wrap span{position:absolute;left:10px;top:7px;color:#bea56e;font-size:20px;pointer-events:none}.master-filter-bar input,.master-filter-bar select{width:100%;box-sizing:border-box;background:#080a0e;border:1px solid rgba(178,139,73,.42);color:#e9ddc7;padding:8px 9px;border-radius:4px;font-size:11px}.master-filter-bar input{padding-left:32px;height:36px}.master-library-grid{flex:1;overflow:auto;padding:8px;display:grid;grid-template-columns:repeat(4,minmax(64px,1fr));grid-auto-rows:max-content;gap:7px;align-content:start}.master-library-card{min-width:0;border:1px solid transparent;padding:3px;background:rgba(8,10,14,.58)}.master-library-card.selected{border-color:#e5bd69;background:rgba(111,80,31,.19)}.library-card-image{position:relative;display:block;width:100%;aspect-ratio:5/7;padding:0;border:0;background:#08090c;cursor:pointer}.library-card-image img{width:100%;height:100%;display:block;object-fit:contain}.owned-badge{position:absolute;right:2px;bottom:2px;min-width:16px;padding:2px 4px;background:rgba(5,6,9,.9);border:1px solid rgba(223,185,99,.45);color:#f2d181;font-size:9px;font-weight:900}.library-card-footer{height:27px;display:flex;align-items:center;gap:3px;margin-top:3px}.library-card-name{flex:1;min-width:0;border:0;background:transparent;color:#cfc1d2;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;padding:0;cursor:pointer}.library-card-name:hover{color:#f3d998}.library-add-button{width:27px;height:24px;padding:0!important;border-radius:3px!important;margin:0!important;background:linear-gradient(180deg,#d9b354,#946122)!important;color:#140d04!important;border:1px solid #e9cc79!important;font-weight:900!important;cursor:pointer}.library-add-button:disabled{filter:grayscale(1);opacity:.35}
@media(max-width:1280px){.master-deck-toolbar{grid-template-columns:auto minmax(150px,190px) minmax(170px,1fr) auto auto}.master-deck-title{display:none}.master-deck-layout{grid-template-columns:220px minmax(420px,1fr) 340px}.master-library-grid{grid-template-columns:repeat(3,minmax(66px,1fr))}}
@media(max-width:980px){.master-deck-page{padding-left:10px;padding-right:10px}.master-deck-toolbar{grid-template-columns:1fr 1fr;align-items:end}.master-deck-toolbar .deck-status,.deck-save-button,.deck-tool-button{width:100%}.master-deck-layout{height:auto;min-height:0;grid-template-columns:1fr}.deck-preview-panel{display:none}.master-main-deck{min-height:520px}.master-card-list{min-height:600px}.master-library-grid{grid-template-columns:repeat(5,minmax(60px,1fr))}}
@media(max-width:620px){.master-deck-toolbar{grid-template-columns:1fr}.master-library-grid{grid-template-columns:repeat(3,minmax(60px,1fr))}.master-card-mat{grid-template-columns:repeat(5,minmax(48px,1fr))}}

/* v0.5.14 — Deck Builder card-list polish */
.master-library-card .owned-badge{top:auto;right:3px;bottom:3px;width:19px;height:19px;min-width:19px;box-sizing:border-box;padding:0;border-radius:50%;display:grid;place-items:center;line-height:1;font-size:9px;box-shadow:0 2px 6px #000b;white-space:nowrap}
.master-library-card .library-add-button{display:grid;place-items:center;font-size:18px;line-height:1}

/* v0.5.15 — selected-card quantity controls */
.deck-preview-meta b{color:#f3d27b;font-weight:900}
.deck-preview-add{margin-top:12px;padding-top:11px;border-top:1px solid rgba(223,185,99,.22);display:flex;gap:8px;align-items:end;flex-wrap:wrap}
.preview-qty-label{display:flex;flex-direction:column;gap:4px;min-width:82px}.preview-qty-label span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#ac9e89;font-weight:800}.preview-qty-label input{width:82px;height:34px;box-sizing:border-box;background:#080a0e;border:1px solid rgba(223,185,99,.5);border-radius:4px;color:#f3e5ca;padding:6px 9px;font-weight:900;font-size:13px;outline:none}.preview-qty-label input:focus{border-color:#e6c267;box-shadow:0 0 0 1px rgba(230,194,103,.22)}
.preview-add-button{flex:1;min-width:120px;height:34px;border-radius:4px;border:1px solid #e4c36c;background:linear-gradient(180deg,#d8b453,#8f5a1f);color:#150d04;font-weight:900;font-size:11px;letter-spacing:.04em;cursor:pointer}.preview-add-button:hover:not(:disabled){filter:brightness(1.08)}.preview-add-button:disabled{filter:grayscale(.7);opacity:.42;cursor:default}

/* v0.5.28 — Bot XP balance */
.rank-badge{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;position:relative}.rank-badge img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(0,0,0,.55))}.rank-badge>b{min-width:28px;text-align:center;color:#f0d28c;font-family:Georgia,'Times New Roman',serif;font-size:20px;text-shadow:0 2px 8px #000}.rank-badge.compact{gap:3px}.rank-badge.compact img{width:34px;height:34px}.rank-badge.compact>b{min-width:17px;font-size:12px}
.progression-profile{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(360px,1.2fr);gap:16px;margin-bottom:18px}.level-card,.rank-card{border:1px solid rgba(218,177,91,.3);background:linear-gradient(180deg,rgba(22,15,28,.97),rgba(10,9,14,.97));box-shadow:0 14px 34px #0006;padding:20px}.level-card small,.rank-card small{color:#b79255;letter-spacing:.15em;font-size:10px}.level-number{font-size:54px;line-height:1;color:#f1d491;margin:8px 0 12px;font-family:Georgia,'Times New Roman',serif}.xp-track{height:12px;border-radius:999px;background:#08090d;border:1px solid rgba(218,177,91,.28);overflow:hidden;margin-bottom:8px}.xp-track span{display:block;height:100%;background:linear-gradient(90deg,#6f3a99,#d4a958);box-shadow:0 0 14px rgba(165,91,207,.5)}.level-card>b{color:#e3c98f}.level-card p,.rank-card p{color:#a99dad;font-size:12px;line-height:1.45;margin-bottom:0}.rank-card{display:flex;align-items:center;gap:20px}.rank-card .rank-badge img{width:128px;height:128px}.rank-card h2{margin:4px 0 6px;color:#f0d495;font-size:27px}.rank-card>div>b{color:#d8bd83}
.peer-progression,.rps-progression{display:flex;align-items:center;gap:7px;margin-top:5px}.peer-progression>strong,.rps-progression>strong{color:#e8ca86;font-size:11px}.rps-progression{justify-content:center;margin:5px 0}.player-strip .identity .rank-badge{margin-top:4px}.player-strip .identity .rank-badge.compact img{width:27px;height:27px}.player-strip .identity .rank-badge.compact>b{font-size:10px}
.online-room-card small{letter-spacing:.07em}.online-room-card:has(small:first-child){position:relative}
@media(max-width:800px){.progression-profile{grid-template-columns:1fr}.rank-card .rank-badge img{width:96px;height:96px}}
.ranked-result-note{margin:12px 0;padding:10px 12px;border:1px solid rgba(225,185,98,.35);background:rgba(80,50,18,.22);display:flex;flex-direction:column;gap:3px}.ranked-result-note b{color:#f0cf83}.ranked-result-note span{color:#c8b9cf;font-size:12px}.ranked-result-note.casual{border-color:rgba(130,120,145,.3);background:rgba(30,27,38,.4)}

/* v0.5.29 — Home progression summary + profile rank cleanup */
.overview-progression{margin:0 18px 17px;border-top:1px solid rgba(218,177,91,.22);padding:10px 4px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:47px;cursor:pointer}
.overview-progression:hover .overview-rank>div>b,.overview-progression:hover .overview-level>b{color:#fff0bc}
.overview-level{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.overview-level small,.overview-rank small{display:block;color:#8f8494;text-transform:uppercase;letter-spacing:.1em;font-size:7px}.overview-level>b{color:#efd08a;font-size:22px;font-family:Georgia,'Times New Roman',serif}.overview-rank{display:flex;align-items:center;gap:7px;min-width:0}.overview-rank .rank-badge.compact img{width:38px;height:38px}.overview-rank>div{min-width:0}.overview-rank>div>b{display:block;color:#efd08a;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-card>.rank-badge:not(.compact)>b{display:none}
@media(max-width:720px){.overview-progression{margin-bottom:14px}.overview-rank>div>b{font-size:11px}}

/* v0.5.30 — Remove redundant Home rank division marker */