:root{color-scheme:dark;--bg: #07161a;--bg-deep: #0d2024;--panel: rgba(14, 24, 28, .84);--panel-strong: rgba(10, 18, 21, .94);--panel-soft: rgba(25, 47, 51, .78);--panel-line: rgba(132, 230, 220, .16);--text: #eff5ef;--muted: #a9c0bb;--accent: #ffb661;--accent-strong: #ffdca0;--accent-cool: #7de0d1;--shadow: rgba(0, 0, 0, .36);--font-display: "Trebuchet MS", "Gill Sans", "Segoe UI", sans-serif;--font-body: "Segoe UI", "Trebuchet MS", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left,rgba(125,224,209,.14),transparent 34%),radial-gradient(circle at top right,rgba(255,182,97,.14),transparent 28%),radial-gradient(circle at bottom left,rgba(255,127,109,.12),transparent 30%),linear-gradient(180deg,#07161a,#0d2024 48%,#160d0a)}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{min-height:100%}.board-shell{padding:16px}.board-stage{min-height:calc(100vh - 32px)}.canvas-frame,.popup-card,.board-popup,.overlay-card,.boot-panel{border:1px solid var(--panel-line);background:linear-gradient(180deg,#12262ceb,#0e1619e6);box-shadow:0 18px 42px var(--shadow)}.board-canvas-frame{position:relative;height:calc(100vh - 32px);min-height:720px;overflow:hidden;border-radius:30px;padding:0}.battle-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hud-topbar,.hud-action-cluster,.bench-strip,.bottom-dock,.hud-utility-rail,.selection-card,.board-popup,.landmark-chip,.hud-footer-version{position:absolute;z-index:2}.hud-topbar{top:18px;left:18px;right:18px;display:flex;align-items:start;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:20px;background:#081215b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(132,230,220,.14)}.hud-brand strong,.topbar-stat strong,.popup-head h2,.section-head strong,.loot-chip-copy strong,.unit-row strong,.popup-card strong{font-family:var(--font-display)}.eyebrow{margin:0 0 4px;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.hud-brand strong{display:block}.topbar-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.topbar-stat,.mini-tag{padding:6px 10px;border-radius:999px;background:#1d373ad1;border:1px solid rgba(132,230,220,.12)}.topbar-stat span,.topbar-stat strong,.mini-tag,.popup-card small,.panel-copy{display:block}.rarity-tag{color:#182021;font-weight:700}.rarity-common{background:linear-gradient(135deg,#d8ebe3,#abc7bc)}.rarity-rare{background:linear-gradient(135deg,#94c8ff,#5d89d8)}.rarity-epic{background:linear-gradient(135deg,#ffc28c,#ff8d5f)}.rarity-legendary{background:linear-gradient(135deg,#ffe784,#ffb347)}.topbar-stat span,.panel-copy,.popup-card small,.section-head span,.popup-head span,.utility-button small,.landmark-chip small{color:var(--muted)}.topbar-stat strong{font-size:.98rem}.topbar-actions,.mini-tag-row,.button-row,.hud-main-actions{display:flex;gap:8px;flex-wrap:wrap}.hud-action-cluster{top:118px;left:18px;width:min(340px,calc(100% - 240px));display:grid;gap:12px}.hud-status-card,.board-popup,.selection-card{padding:14px;border-radius:22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#091114cc}.compact-popup-head{margin-bottom:4px}.hud-utility-rail{top:156px;right:18px;display:grid;gap:8px;width:118px}.hud-footer-version{left:18px;bottom:14px}.build-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid rgba(125,224,209,.12);background:#0a181c70;color:#e2f0eab8;font-size:11px;font-weight:600;letter-spacing:.04em;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bench-strip{top:322px;left:18px;width:min(340px,calc(100% - 240px));max-height:min(42vh,460px);overflow:auto}.bench-list{display:grid;gap:8px}.bench-card{padding:10px;border-radius:18px;border:1px solid rgba(125,224,209,.12);background:#142e31bd;color:var(--text);display:grid;gap:6px;text-align:left}.bench-card.selected{border-color:#ffcd766b;box-shadow:inset 0 0 0 1px #ffcd7629}.utility-button,.landmark-chip,.primary-button,.secondary-button,.ghost-button,.mini-button{border:1px solid transparent;border-radius:16px;transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease}.utility-button,.landmark-chip{background:#091214cc;color:var(--text);border-color:#84e6dc24}.utility-button{padding:8px 10px;text-align:left;display:grid;gap:3px}.utility-button.active{border-color:#ffcd7666;box-shadow:inset 0 0 0 1px #ffcd7629}.landmark-chip{transform:translate(-50%,-50%);min-width:110px;padding:8px 10px;display:grid;gap:2px;text-align:left}.landmark-chip.selected{border-color:#ffdca4b8}.selection-card{left:18px;bottom:clamp(220px,31vh,304px);width:min(360px,calc(100% - 36px));max-height:min(68vh,720px);overflow:auto;scrollbar-gutter:stable;padding-right:16px}.selection-card--compact{padding:12px 12px 10px;border-radius:20px;display:grid;gap:8px;scroll-behavior:smooth}.selection-card--compact .popup-head{gap:8px}.selection-card--compact .mini-tag-row{gap:6px}.selection-card--compact .mini-tag{padding:4px 8px;font-size:.82rem;line-height:1.2}.selection-card--compact .panel-copy{margin:2px 0}.selection-card--compact .popup-list{gap:6px}.selection-card--compact .popup-card,.selection-card--compact .inventory-card{padding:8px 10px;border-radius:14px;gap:4px}.selection-card--compact .stat-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:6px;align-items:stretch}.selection-card--compact .stat-chip-grid .mini-tag{min-height:28px;display:inline-flex;align-items:center}.selection-card--compact .popup-list .popup-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;row-gap:4px}.selection-card--compact .popup-list .popup-card .ghost-button.small-ghost{padding:6px 8px;border-radius:12px;font-size:.8rem;line-height:1.1}.board-popup{width:min(420px,calc(100% - 36px));max-height:min(68vh,720px);overflow:auto}.board-popup-utility{right:158px;top:156px}.hud-hint-card{gap:8px;padding:12px 14px}.hud-hint-card .popup-head h2{font-size:.95rem}.bottom-dock{left:18px;right:18px;bottom:18px;display:grid;gap:8px;padding:8px;border-radius:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at bottom left,rgba(255,188,112,.12),transparent 34%),linear-gradient(180deg,#0c1519e6,#080e10f0)}.dock-row,.reserve-row,.market-row{display:grid;gap:10px}.dock-row-split{grid-template-columns:minmax(220px,1fr) minmax(0,3fr);align-items:start}.dock-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.dock-head h2{margin:0;font-size:.94rem}.reserve-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.reserve-card,.sauna-dock-card,.market-dock-card,.market-card{border:1px solid rgba(132,230,220,.12);background:#142e31bd;color:var(--text);border-radius:18px}.reserve-card,.sauna-dock-card,.market-card{padding:10px}.market-dock-card{padding:10px;display:grid;gap:8px}.market-dock-card--full{padding:8px;gap:6px}.reserve-card{display:grid;gap:8px;text-align:left}.reserve-card.selected,.sauna-dock-card.selected{border-color:#ffcd766b;box-shadow:inset 0 0 0 1px #ffcd7629}.sauna-dock-card{display:grid;gap:6px;min-height:100%}.market-actions{align-items:stretch}.market-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(176px,208px);gap:6px;align-items:stretch}.market-layout-popup{grid-template-columns:1fr}.market-action-stack{display:grid;gap:6px;align-content:start}.market-action-stack>button{min-height:52px;height:auto}.market-action-stack-popup>button{height:auto}.market-row-offers{min-width:0}.market-row{grid-template-columns:repeat(3,minmax(0,1fr))}.market-row-four{grid-template-columns:repeat(4,minmax(0,1fr))}.market-row-popup{grid-template-columns:repeat(2,minmax(0,1fr))}.market-card{display:grid;gap:5px;min-width:0;padding:8px}.sauna-dock-card .panel-copy,.market-dock-card .panel-copy{line-height:1.35}.sauna-dock-card>.panel-copy{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.offer-meta,.offer-lore{line-height:1.3}.offer-lore{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.market-card-empty{border-style:dashed;opacity:.78}.hotkey-pill{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:linear-gradient(135deg,#ffd479,#ff9b62);color:#1a1712;font-weight:700;font-size:.82rem}.reserve-empty{padding:14px;border-radius:18px;border:1px dashed rgba(132,230,220,.18);background:#0c1a1c99}.hint-copy{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hud-action-buttons{gap:10px}.hud-action-buttons .primary-button,.hud-action-buttons .secondary-button{min-width:132px}.popup-head,.panel-head,.section-head,.unit-row-top,.loadout-row{display:flex;align-items:start;justify-content:space-between;gap:12px}.popup-head h2,.panel-head h2{margin:0;font-size:1rem}.popup-scroll-stack,.popup-list,.loot-chip-grid,.detail-card,.intermission-grid,.modifier-draft-grid{display:grid;gap:10px}.mastery-columns{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.popup-section+.popup-section{margin-top:12px}.popup-card{padding:10px;border-radius:18px;display:grid;gap:6px}.inventory-card,.modifier-card{padding:12px;border-radius:18px;display:grid;gap:8px;border:1px solid rgba(132,230,220,.12);background:#142e31bd}.subclass-card{gap:4px}.subclass-card small:last-child{color:#ffe1a5eb}.popup-card.selected,.loot-chip.selected{border-color:#ffcd766b;box-shadow:inset 0 0 0 1px #ffcd7629}.loot-chip-grid{grid-template-columns:1fr}.loot-chip{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;padding:9px;background:#142e31bd;color:var(--text);border:1px solid rgba(125,224,209,.12)}.loot-chip-art,.detail-art{width:56px;height:56px;border-radius:12px;object-fit:cover;background:#08121473;border:1px solid rgba(125,224,209,.12)}.detail-art{width:72px;height:72px}.small-detail-art{width:54px;height:54px}.compact-detail-card{grid-template-columns:auto minmax(0,1fr);align-items:start}.loot-chip-copy,.detail-copy{min-width:0;display:grid;gap:3px}.loot-pill{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:999px;background:linear-gradient(135deg,#ffd479,#ff9b62);color:#1a1712;font-size:.72rem}.button-row.tight{flex-direction:column}.sauna-action-row,.offer-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sauna-action-row>button,.offer-action-row>button{min-width:0}.sauna-action-row>button:only-child,.offer-action-row>button:only-child{grid-column:1 / -1}.primary-button,.secondary-button,.ghost-button,.mini-button{padding:8px 10px}.primary-button{background:linear-gradient(135deg,#ffcf7b,#ff9954);color:#182021;font-weight:700}.secondary-button,.mini-button{background:#3a636257;border-color:#7de0d157;color:var(--text)}.ghost-button{background:transparent;border-color:#ffdca02e;color:var(--muted)}.small-ghost,.small-button{padding:7px 9px}.utility-button:hover:not(:disabled),.landmark-chip:hover:not(:disabled),.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled),.mini-button:hover:not(:disabled){transform:translateY(-1px)}.overlay-shell{position:fixed;inset:0;z-index:12;display:grid;place-items:center;padding:24px;background:#050a0cb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overlay-card{width:min(900px,100%);max-height:min(86vh,920px);overflow:auto;border-radius:28px;padding:22px;display:grid;gap:16px;background:radial-gradient(circle at top left,rgba(255,182,97,.12),transparent 28%),linear-gradient(180deg,#0e1d22fa,#0a1215fa)}.intro-grid,.modifier-draft-grid,.intermission-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.guide-shell{align-items:end}.guide-card{width:min(520px,100%)}.patch-notes-card{width:min(760px,100%)}.patch-notes-head h2{margin:0;font-size:1.45rem}.patch-notes-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.version-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 12px;font-weight:700;letter-spacing:.01em;background:linear-gradient(135deg,#ffdca0,#ffb661);color:#1d1810}.patch-notes-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.patch-notes-section{gap:10px}.patch-notes-section h3{margin:0;font-size:1.02rem}.patch-notes-section ul{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--muted);line-height:1.45}.panel-copy{margin:0;line-height:1.5}.small-copy{font-size:.92rem}.flavor-copy,em{color:var(--accent-strong);font-style:normal}.boot-panel{min-height:320px;border-radius:28px;padding:22px;display:grid;place-content:center;gap:8px}.boot-overlay{position:absolute;inset:18px;z-index:3}@media(max-width:980px){.board-shell{padding:12px}.board-stage,.board-canvas-frame{min-height:calc(100vh - 24px);height:calc(100vh - 24px)}.hud-topbar{flex-direction:column}.hud-action-cluster{width:calc(100% - 36px);top:164px}.bottom-dock{left:18px;right:18px;bottom:18px;max-height:min(34vh,320px);overflow:auto}.dock-row-split,.market-layout,.market-row,.market-row-four,.market-row-popup,.market-action-stack{grid-template-columns:1fr}.hud-utility-rail{left:18px;right:18px;bottom:min(400px,43vh);top:auto;width:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.board-popup-utility,.board-popup-landmark{left:18px!important;right:18px;bottom:min(474px,52vh);top:auto!important;width:auto;max-height:min(52vh,560px)}.selection-card{right:18px;width:auto;bottom:min(410px,48vh);max-height:min(52vh,560px);overflow:auto}.landmark-chip{min-width:92px}}