.level-display,.nav-button,.nav-button .nav-item-content,.nav-button .nav-icon-wrapper,.route-transition-loader__spinner,#preloader,#preloader .preloader-loader,.refresh-player-button,.remove-player-button,.delete-player-button,.fab-button,.animated-btn,.animated-btn .animated-btn-icon-wrapper,.animated-btn .animated-btn-icon-disabled,.upgrade-btn,.icon-button,dialog.modal .modal__close-btn,dialog.modal .close-button,.modal .modal__close-btn,.modal .close-button,dialog.modal .info-btn,.modal .info-btn{display:flex;align-items:center;justify-content:center}dialog.navigation-drawer__overlay,.navigation-drawer__overlay,#preloader,.overlay{position:fixed;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 300ms cubic-bezier(0.25, 1, 0.5, 1)}.guided-setup-hero-scroll-container,.eq-details-modifier-tabs{scrollbar-width:none}.guided-setup-hero-scroll-container::-webkit-scrollbar,.eq-details-modifier-tabs::-webkit-scrollbar{display:none}[data-transition-type=theme-switch] #welcome-modal{view-transition-name:welcome-modal}[data-transition-type=theme-switch]::view-transition-old(root),[data-transition-type=theme-switch]::view-transition-old(welcome-modal){animation:fade-out 1000ms cubic-bezier(0.25, 1, 0.5, 1) both}[data-transition-type=theme-switch]::view-transition-new(root),[data-transition-type=theme-switch]::view-transition-new(welcome-modal){animation:fade-in 1000ms cubic-bezier(0.25, 1, 0.5, 1) both;mix-blend-mode:normal}@keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes soft-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.soft-shake{animation:soft-shake 400ms cubic-bezier(0.25, 1, 0.5, 1) both}@keyframes success-glow-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-success) 60%, transparent);border-color:color-mix(in srgb, var(--color-success) 80%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-success) 25%, transparent);border-color:color-mix(in srgb, var(--color-success) 80%, transparent)}100%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-success) 0%, transparent)}}.success-glow-pulse{animation:success-glow-pulse 600ms cubic-bezier(0, 0, 0.2, 1)}@keyframes dot-jump{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}}@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.shake{animation:shake 500ms cubic-bezier(0.25, 1, 0.5, 1)}:root{color-scheme:dark;--bg-app: #121212;--bg-surface-primary: #202124;--bg-surface-secondary: #2c2e30;--bg-surface-tertiary: #3c4043;--bg-surface-popover: color-mix(in srgb, $bg-surface-secondary 85%, transparent);--bg-overlay: rgba(0, 0, 0, 0.7);--accent-primary: #8ab4f8;--accent-primary-hover: #aecbfa;--accent-primary-active: #669df6;--accent-primary-soft: rgba(138, 180, 248, 0.1);--accent-soft: $accent-primary-soft;--accent-secondary: #ccc2dc;--accent-secondary-hover: #e8def8;--accent-secondary-soft: rgba(204, 194, 220, 0.1);--accent-tertiary: #ce93d8;--accent-tertiary-hover: #e1bee7;--accent-tertiary-soft: rgba(206, 147, 216, 0.1);--color-success: #81c995;--color-success-soft: rgba(129, 199, 132, 0.1);--color-warning: #fdd663;--color-warning-soft: rgba(253, 214, 99, 0.1);--color-danger: #f6948e;--color-danger-soft: rgba(246, 148, 142, 0.1);--color-danger-soft-hover: rgba(246, 148, 142, 0.2);--color-info: #669df6;--color-info-soft: rgba(102, 157, 246, 0.1);--text-primary: #ffffff;--text-secondary: #dee2e6;--text-muted: #bdc1c6;--text-disabled: #9aa0a6;--text-on-accent: #121212;--text-inverse: #121212;--border-primary: #5f6368;--border-secondary: #3c4043;--border-accent: #8ab4f8;--border-danger: #f6948e;--border-inverse: #ffffff;--border-on-accent: #121212;--outline-focus: #8ab4f8;--color-rarity-common: #8ab4f8;--color-rarity-rare: #a8dab5;--color-rarity-epic: #ce93d8;--color-rarity-legendary: #fde293;--color-gold-glow: #fde293;--color-gold-glow-shadow: color-mix(in srgb, var(--color-gold-glow) 30%, transparent);--shiny-ore: #00b0ff;--glowy-ore: #e040fb;--starry-ore: #ffab00;--hero-bk: #691824;--hero-aq: #2f692b;--hero-mp: #260224;--hero-gw: #4f1367;--hero-rc: #102067;--hero-dd: #4c0a2d;--damage-arrow: #ef4444;--damage-overload: #d946ef;--damage-zap: #00e5ff;--damage-quake: #f59e0b;--color-income-star-bonus: #b2ebf2;--color-income-clan-war: #aecbfa;--color-income-cwl: #c5cae9;--color-income-raid-medals: #dee2e6;--color-income-gems: #c8e6c9;--color-income-event-pass: #e1bee7;--color-income-event-trader: #ffccbc;--color-income-shop-offer: #ffecb3;--color-income-prospector: #d7ccc8;--color-income-supercell-events: #b2dfdb;--color-income-custom: #f8bbd0;--color-on-income: #202124;--bg-primary: $bg-app;--bg-secondary: $bg-surface-primary;--surface-card: $bg-surface-secondary;--border-color: $border-primary;--color-success-400: $color-success;--color-danger-300: $color-danger;--font-family-base: Roboto, sans-serif;--font-size-3xs: 0.5625rem;--font-size-2xs: 0.6875rem;--font-size-xs: 0.75rem;--font-size-sm: 0.8125rem;--font-size-base: 0.875rem;--font-size-md: 0.9375rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-weight-bold: 700;--material-track-inactive: #3c4043;--material-track-border-inactive: rgba(255, 255, 255, 0.18);--material-thumb-inactive: #dee2e6;--material-track-active: color-mix(in srgb, var(--accent-primary) 32%, #141720);--material-track-border-active: color-mix(in srgb, var(--accent-primary) 65%, transparent);--material-thumb-active: var(--accent-primary);--color-gold: #ffd700;--color-gold-soft: rgba(255, 215, 0, 0.15);--color-event-red: #f28b82;--color-event-red-hover: #ea4335;--chip-border: rgba(255, 255, 255, 0.1);--input-hover-bg-color: rgba(255, 255, 255, 0.1);--btn-color-teal: #80cbc4;--btn-bg-teal: color-mix(in srgb, var(--btn-color-teal) 12%, transparent);--btn-border-teal: color-mix(in srgb, var(--btn-color-teal) 30%, transparent);--btn-bg-teal-hover: color-mix(in srgb, var(--btn-color-teal) 22%, transparent);--btn-border-teal-hover: color-mix(in srgb, var(--btn-color-teal) 45%, transparent);--btn-color-red: #f6948e;--btn-bg-red: color-mix(in srgb, var(--btn-color-red) 12%, transparent);--btn-border-red: color-mix(in srgb, var(--btn-color-red) 30%, transparent);--btn-bg-red-hover: color-mix(in srgb, var(--btn-color-red) 22%, transparent);--btn-border-red-hover: color-mix(in srgb, var(--btn-color-red) 45%, transparent);--btn-color-deep-orange: #ffab91;--btn-bg-deep-orange: color-mix(in srgb, var(--btn-color-deep-orange) 12%, transparent);--btn-border-deep-orange: color-mix(in srgb, var(--btn-color-deep-orange) 30%, transparent);--btn-bg-deep-orange-hover: color-mix(in srgb, var(--btn-color-deep-orange) 22%, transparent);--btn-border-deep-orange-hover: color-mix(in srgb, var(--btn-color-deep-orange) 45%, transparent);--btn-color-emerald: #81c784;--btn-bg-emerald: color-mix(in srgb, var(--btn-color-emerald) 12%, transparent);--btn-border-emerald: color-mix(in srgb, var(--btn-color-emerald) 30%, transparent);--btn-bg-emerald-hover: color-mix(in srgb, var(--btn-color-emerald) 22%, transparent);--btn-border-emerald-hover: color-mix(in srgb, var(--btn-color-emerald) 45%, transparent);--btn-color-green: #81c995;--btn-bg-green: color-mix(in srgb, var(--btn-color-green) 12%, transparent);--btn-border-green: color-mix(in srgb, var(--btn-color-green) 30%, transparent);--btn-bg-green-hover: color-mix(in srgb, var(--btn-color-green) 22%, transparent);--btn-border-green-hover: color-mix(in srgb, var(--btn-color-green) 45%, transparent);--btn-color-amber: #ffe082;--btn-bg-amber: color-mix(in srgb, var(--btn-color-amber) 12%, transparent);--btn-border-amber: color-mix(in srgb, var(--btn-color-amber) 30%, transparent);--btn-bg-amber-hover: color-mix(in srgb, var(--btn-color-amber) 22%, transparent);--btn-border-amber-hover: color-mix(in srgb, var(--btn-color-amber) 45%, transparent);--btn-color-cyan: #80deea;--btn-bg-cyan: color-mix(in srgb, var(--btn-color-cyan) 12%, transparent);--btn-border-cyan: color-mix(in srgb, var(--btn-color-cyan) 30%, transparent);--btn-bg-cyan-hover: color-mix(in srgb, var(--btn-color-cyan) 22%, transparent);--btn-border-cyan-hover: color-mix(in srgb, var(--btn-color-cyan) 45%, transparent);--btn-color-purple: #ce93d8;--btn-bg-purple: color-mix(in srgb, var(--btn-color-purple) 12%, transparent);--btn-border-purple: color-mix(in srgb, var(--btn-color-purple) 30%, transparent);--btn-bg-purple-hover: color-mix(in srgb, var(--btn-color-purple) 22%, transparent);--btn-border-purple-hover: color-mix(in srgb, var(--btn-color-purple) 45%, transparent);--btn-color-pink: #f48fb1;--btn-bg-pink: color-mix(in srgb, var(--btn-color-pink) 12%, transparent);--btn-border-pink: color-mix(in srgb, var(--btn-color-pink) 30%, transparent);--btn-bg-pink-hover: color-mix(in srgb, var(--btn-color-pink) 22%, transparent);--btn-border-pink-hover: color-mix(in srgb, var(--btn-color-pink) 45%, transparent);--ease-enter: cubic-bezier(0.16, 1, 0.3, 1);--ease-decelerate: cubic-bezier(0.0, 0.0, 0.2, 1);--ease-exit: cubic-bezier(0.4, 0, 0.8, 0.2);--ease-accelerate: cubic-bezier(0.4, 0.0, 1, 1);--ease-standard: cubic-bezier(0.2, 0, 0, 1);--ease-smooth: cubic-bezier(0.25, 1, 0.5, 1);--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);--ease-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);--duration-instant: 100ms;--duration-fast: 150ms;--duration-exit: 180ms;--duration-base: 250ms;--duration-moderate: 300ms;--duration-slow: 400ms}.light-mode{color-scheme:light;--bg-app: #f8f9fa;--bg-surface-primary: #ffffff;--bg-surface-secondary: #f1f3f4;--bg-surface-tertiary: #e8eaed;--bg-surface-popover: color-mix(in srgb, $bg-surface-secondary 85%, transparent);--bg-overlay: rgba(0, 0, 0, 0.3);--accent-primary: #1a73e8;--accent-primary-hover: #1967d2;--accent-primary-active: #185abc;--accent-primary-soft: rgba(26, 115, 232, 0.12);--accent-soft: $accent-primary-soft;--accent-secondary: #49454f;--accent-secondary-hover: #1d1b20;--accent-secondary-soft: rgba(73, 69, 79, 0.12);--accent-tertiary: #9c27b0;--accent-tertiary-hover: #8e24aa;--accent-tertiary-soft: rgba(156, 39, 176, 0.12);--color-success: #1e8e3e;--color-success-soft: rgba(30, 142, 62, 0.12);--color-warning: #e37400;--color-warning-soft: rgba(227, 116, 0, 0.12);--color-danger: #ea4335;--color-danger-soft: rgba(217, 48, 37, 0.12);--color-danger-soft-hover: rgba(217, 48, 37, 0.24);--color-info: #1a73e8;--color-info-soft: rgba(26, 115, 232, 0.12);--text-primary: #2d3139;--text-secondary: #494d55;--text-muted: #686c75;--text-disabled: #bdc1c6;--text-on-accent: #ffffff;--text-inverse: #ffffff;--border-primary: #bdc1c6;--border-secondary: #dee2e6;--border-accent: #1a73e8;--border-danger: #ea4335;--border-inverse: #3c4043;--border-on-accent: #ffffff;--outline-focus: #1a73e8;--color-rarity-common: #1967d2;--color-rarity-rare: #1e8e3e;--color-rarity-epic: #8e24aa;--color-rarity-legendary: #e37400;--color-gold-glow: #ff6f00;--color-gold-glow-shadow: color-mix(in srgb, var(--color-gold-glow) 40%, transparent);--shiny-ore: #0088cc;--glowy-ore: #c020db;--starry-ore: #d97706;--damage-arrow: #e11d48;--damage-overload: #c026d3;--damage-zap: #0284c7;--damage-quake: #d97706;--color-income-star-bonus: #b2ebf2;--color-income-clan-war: #aecbfa;--color-income-cwl: #c5cae9;--color-income-raid-medals: #dee2e6;--color-income-gems: #c8e6c9;--color-income-event-pass: #e1bee7;--color-income-event-trader: #ffccbc;--color-income-shop-offer: #ffecb3;--color-income-prospector: #d7ccc8;--color-income-supercell-events: #b2dfdb;--color-income-custom: #f8bbd0;--color-on-income: #202124;--chip-border: rgba(0, 0, 0, 0.1);--input-hover-bg-color: rgba(0, 0, 0, 0.1);--material-track-inactive: #e8eaed;--material-track-border-inactive: #bdc1c6;--material-thumb-inactive: #5f6368;--material-track-active: color-mix(in srgb, var(--accent-primary) 28%, #ffffff);--material-track-border-active: color-mix(in srgb, var(--accent-primary) 60%, transparent);--material-thumb-active: var(--accent-primary);--color-gold: #ea8600;--color-gold-soft: rgba(227, 116, 0, 0.15);--color-event-red: #ee675c;--color-event-red-hover: #d93025;--font-weight-bold: 600;--btn-color-teal: #00796b;--btn-bg-teal: color-mix(in srgb, var(--btn-color-teal) 10%, transparent);--btn-border-teal: color-mix(in srgb, var(--btn-color-teal) 30%, transparent);--btn-bg-teal-hover: color-mix(in srgb, var(--btn-color-teal) 18%, transparent);--btn-border-teal-hover: color-mix(in srgb, var(--btn-color-teal) 45%, transparent);--btn-color-red: #d93025;--btn-bg-red: color-mix(in srgb, var(--btn-color-red) 10%, transparent);--btn-border-red: color-mix(in srgb, var(--btn-color-red) 30%, transparent);--btn-bg-red-hover: color-mix(in srgb, var(--btn-color-red) 18%, transparent);--btn-border-red-hover: color-mix(in srgb, var(--btn-color-red) 45%, transparent);--btn-color-deep-orange: #d84315;--btn-bg-deep-orange: color-mix(in srgb, var(--btn-color-deep-orange) 10%, transparent);--btn-border-deep-orange: color-mix(in srgb, var(--btn-color-deep-orange) 30%, transparent);--btn-bg-deep-orange-hover: color-mix(in srgb, var(--btn-color-deep-orange) 18%, transparent);--btn-border-deep-orange-hover: color-mix(in srgb, var(--btn-color-deep-orange) 45%, transparent);--btn-color-emerald: #388e3c;--btn-bg-emerald: color-mix(in srgb, var(--btn-color-emerald) 10%, transparent);--btn-border-emerald: color-mix(in srgb, var(--btn-color-emerald) 30%, transparent);--btn-bg-emerald-hover: color-mix(in srgb, var(--btn-color-emerald) 18%, transparent);--btn-border-emerald-hover: color-mix(in srgb, var(--btn-color-emerald) 45%, transparent);--btn-color-green: #188038;--btn-bg-green: color-mix(in srgb, var(--btn-color-green) 10%, transparent);--btn-border-green: color-mix(in srgb, var(--btn-color-green) 30%, transparent);--btn-bg-green-hover: color-mix(in srgb, var(--btn-color-green) 18%, transparent);--btn-border-green-hover: color-mix(in srgb, var(--btn-color-green) 45%, transparent);--btn-color-amber: #ff6f00;--btn-bg-amber: color-mix(in srgb, var(--btn-color-amber) 12%, transparent);--btn-border-amber: color-mix(in srgb, var(--btn-color-amber) 35%, transparent);--btn-bg-amber-hover: color-mix(in srgb, var(--btn-color-amber) 20%, transparent);--btn-border-amber-hover: color-mix(in srgb, var(--btn-color-amber) 50%, transparent);--btn-color-cyan: #006064;--btn-bg-cyan: color-mix(in srgb, var(--btn-color-cyan) 10%, transparent);--btn-border-cyan: color-mix(in srgb, var(--btn-color-cyan) 30%, transparent);--btn-bg-cyan-hover: color-mix(in srgb, var(--btn-color-cyan) 18%, transparent);--btn-border-cyan-hover: color-mix(in srgb, var(--btn-color-cyan) 45%, transparent);--btn-color-purple: #7b1fa2;--btn-bg-purple: color-mix(in srgb, var(--btn-color-purple) 10%, transparent);--btn-border-purple: color-mix(in srgb, var(--btn-color-purple) 30%, transparent);--btn-bg-purple-hover: color-mix(in srgb, var(--btn-color-purple) 18%, transparent);--btn-border-purple-hover: color-mix(in srgb, var(--btn-color-purple) 45%, transparent);--btn-color-pink: #ad1457;--btn-bg-pink: color-mix(in srgb, var(--btn-color-pink) 10%, transparent);--btn-border-pink: color-mix(in srgb, var(--btn-color-pink) 30%, transparent);--btn-bg-pink-hover: color-mix(in srgb, var(--btn-color-pink) 18%, transparent);--btn-border-pink-hover: color-mix(in srgb, var(--btn-color-pink) 45%, transparent);background-color:var(--bg-app);color:var(--text-primary)}html{overflow-x:clip;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) rgba(0,0,0,0)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.12);border-radius:6px;border:2px solid rgba(0,0,0,0);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.24)}html:has(body.light-mode){scrollbar-color:rgba(0,0,0,.12) rgba(0,0,0,0)}html:has(body.light-mode) ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.12)}html:has(body.light-mode) ::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.24)}input[type=checkbox]{transition:transform 150ms cubic-bezier(0.34, 1.56, 0.64, 1);cursor:pointer}input[type=checkbox]:hover{transform:scale(1.15)}input[type=checkbox]:active{transform:scale(0.9)}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}html{overscroll-behavior-y:contain}html,body{margin:0;padding:0;width:100%;max-width:100vw;min-height:100dvh;background-color:var(--bg-app);box-sizing:border-box}html,body,dialog,.modal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none}body{display:flex;flex-direction:column;overflow-x:clip;color:var(--text-primary);transition:background-color 400ms cubic-bezier(0.25, 1, 0.5, 1),color 400ms cubic-bezier(0.25, 1, 0.5, 1);font-family:"Roboto",sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0)}main,#main-content{flex:1 0 auto}main:focus,main:focus-visible,#main-content:focus,#main-content:focus-visible{outline:none !important}[tabindex="-1"]:focus,[tabindex="-1"]:focus-visible{outline:none !important}img,svg,picture,.income-chip,.card-drag-handle{-webkit-user-drag:none}button,a,select,input,textarea,[role=button]{-webkit-tap-highlight-color:rgba(0,0,0,0)}*:focus-visible:not(input):not(select):not(textarea):not(.dropdown-style):not(.custom-dropdown):not([tabindex="-1"]):not(#main-content):not(main){outline:2px solid var(--outline-focus) !important;outline-offset:2px}.card,.inner-card,.income-card,.hero-card,.navigation-drawer,.income-summary-title,.income-table-cell,.app-header__tab,.tab-button,.nav-button,.fab-button,.fab-menu-pill,.income-chip,.ore-tooltip,.chip-tooltip{transition:background-color 400ms cubic-bezier(0.25, 1, 0.5, 1),color 400ms cubic-bezier(0.25, 1, 0.5, 1),border-color 400ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1),filter 400ms cubic-bezier(0.25, 1, 0.5, 1)}input,select,textarea,.updatable{-webkit-user-select:auto;user-select:auto;scroll-margin-top:90px}#player-tag-input-modal,#welcome-player-tag-input,#delete-player-tag-input{text-transform:uppercase}code{font-family:"Roboto Mono",monospace;background-color:color-mix(in srgb, var(--color-danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-danger) 24%, transparent);padding:2px 6px;border-radius:4px;font-size:.9em;color:var(--color-danger);display:inline-block;white-space:nowrap;max-width:100%;overflow-x:auto;vertical-align:middle;-webkit-user-select:all;user-select:all}#user-id-display{user-select:text}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:16px;padding-block:16px 32px;box-sizing:border-box}@media(max-width: 480px){.container{padding-inline:12px;padding-block:12px 24px}}@media(max-width: 360px){.container{padding-inline:4px;padding-block:8px 16px}}.negative-value{color:var(--color-danger)}[hidden],.hidden,.is-hidden,.svg-sprite-sheet{display:none !important}.badge:empty,.coming-soon-badge:empty,.form-setting-text:empty{display:none !important}.separator{height:0;border-top:1px solid var(--border-primary);margin:10px 0;opacity:.5}orecalc-assets-svg,clashcalc-assets-svg{display:contents}orecalc-assets-svg:empty,clashcalc-assets-svg:empty{display:inline-block;vertical-align:middle;line-height:1;width:24px;height:24px}orecalc-assets-svg:empty[width="10"],clashcalc-assets-svg:empty[width="10"]{width:10px}orecalc-assets-svg:empty[height="10"],clashcalc-assets-svg:empty[height="10"]{height:10px}orecalc-assets-svg:empty[width="12"],clashcalc-assets-svg:empty[width="12"]{width:12px}orecalc-assets-svg:empty[height="12"],clashcalc-assets-svg:empty[height="12"]{height:12px}orecalc-assets-svg:empty[width="14"],clashcalc-assets-svg:empty[width="14"]{width:14px}orecalc-assets-svg:empty[height="14"],clashcalc-assets-svg:empty[height="14"]{height:14px}orecalc-assets-svg:empty[width="16"],clashcalc-assets-svg:empty[width="16"]{width:16px}orecalc-assets-svg:empty[height="16"],clashcalc-assets-svg:empty[height="16"]{height:16px}orecalc-assets-svg:empty[width="18"],clashcalc-assets-svg:empty[width="18"]{width:18px}orecalc-assets-svg:empty[height="18"],clashcalc-assets-svg:empty[height="18"]{height:18px}orecalc-assets-svg:empty[width="20"],clashcalc-assets-svg:empty[width="20"]{width:20px}orecalc-assets-svg:empty[height="20"],clashcalc-assets-svg:empty[height="20"]{height:20px}orecalc-assets-svg:empty[width="24"],clashcalc-assets-svg:empty[width="24"]{width:24px}orecalc-assets-svg:empty[height="24"],clashcalc-assets-svg:empty[height="24"]{height:24px}orecalc-assets-svg:empty[width="30"],clashcalc-assets-svg:empty[width="30"]{width:30px}orecalc-assets-svg:empty[height="30"],clashcalc-assets-svg:empty[height="30"]{height:30px}orecalc-assets-svg:empty[width="32"],clashcalc-assets-svg:empty[width="32"]{width:32px}orecalc-assets-svg:empty[height="32"],clashcalc-assets-svg:empty[height="32"]{height:32px}orecalc-assets-svg:empty[width="48"],clashcalc-assets-svg:empty[width="48"]{width:48px}orecalc-assets-svg:empty[height="48"],clashcalc-assets-svg:empty[height="48"]{height:48px}orecalc-assets-image,clashcalc-assets-image{display:contents}orecalc-assets-image:empty,clashcalc-assets-image:empty{display:inline-block;vertical-align:middle}orecalc-assets-image:empty.ore-image,clashcalc-assets-image:empty.ore-image{height:30px;width:30px}orecalc-assets-image:empty.title-icon,clashcalc-assets-image:empty.title-icon{height:30px;width:53.3px}orecalc-assets-image:empty.landing-tool-icon,clashcalc-assets-image:empty.landing-tool-icon{height:26px;width:26px}.resources-row orecalc-assets-image:empty,.resources-row clashcalc-assets-image:empty{height:24px;width:24px}.theme-link{color:var(--accent-primary);text-decoration:underline;transition:color 150ms cubic-bezier(0.2, 0, 0, 1)}.theme-link:hover{color:var(--accent-primary-hover)}.open-in-new-icon{display:inline-block;vertical-align:middle;margin-left:3px;position:relative;top:-1px;width:12px;height:12px;fill:currentColor}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.badge,.coming-soon-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:var(--font-weight-bold, 700);line-height:1.2;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:6px;border:1px solid rgba(0,0,0,0);flex-shrink:0;white-space:nowrap;box-sizing:border-box}.coming-soon-badge{background-color:var(--bg-surface-secondary);color:var(--text-secondary);border-color:var(--border-secondary)}.chip-tooltip,[role=tooltip].chip-tooltip,.ore-tooltip,[role=tooltip].ore-tooltip{background-color:var(--bg-surface-tertiary);color:var(--text-primary);padding:8px 12px;border-radius:8px;white-space:nowrap;z-index:75;pointer-events:none;box-shadow:0px 4px 8px rgba(0,0,0,.3),0px 4px 12px rgba(0,0,0,.15);border:1px solid var(--border-primary)}#running-costs-modal .costs-history-container,#licenses-modal .license-text,#commits-modal .modal-body,#changelog-modal .modal-body,.month-chip-container{scrollbar-width:none}#running-costs-modal .costs-history-container::-webkit-scrollbar,#licenses-modal .license-text::-webkit-scrollbar,#commits-modal .modal-body::-webkit-scrollbar,#changelog-modal .modal-body::-webkit-scrollbar,.month-chip-container::-webkit-scrollbar{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}*{box-sizing:border-box}html:has(.modal.show),body:has(.modal.show),html:has(dialog.modal[open]),body:has(dialog.modal[open]),html:has(dialog.navigation-drawer[open]),body:has(dialog.navigation-drawer[open]){overflow:hidden !important}dialog.modal,.modal{border:none;padding:1rem;background:rgba(0,0,0,0);color:inherit;max-width:none;max-height:none;overflow:visible;margin:auto;position:fixed;inset:0;width:100%;height:100%;box-sizing:border-box;z-index:60;display:none;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:opacity 250ms cubic-bezier(0.16, 1, 0.3, 1),visibility 250ms cubic-bezier(0.16, 1, 0.3, 1),backdrop-filter 250ms cubic-bezier(0.25, 1, 0.5, 1),-webkit-backdrop-filter 250ms cubic-bezier(0.25, 1, 0.5, 1),display 250ms allow-discrete,overlay 250ms allow-discrete}dialog.modal .modal-content,dialog.modal .eq-details-modal-content,dialog.modal [class*=modal-content],dialog.modal [class*=-modal-content],.modal .modal-content,.modal .eq-details-modal-content,.modal [class*=modal-content],.modal [class*=-modal-content]{transform:translate3d(0, 30px, 0) scale(0.96);transition:transform 250ms cubic-bezier(0.16, 1, 0.3, 1)}dialog.modal[open],dialog.modal.show,.modal[open],.modal.show{display:flex;opacity:1;visibility:visible;pointer-events:auto}dialog.modal[open] .modal-content,dialog.modal[open] .eq-details-modal-content,dialog.modal[open] [class*=modal-content],dialog.modal[open] [class*=-modal-content],dialog.modal.show .modal-content,dialog.modal.show .eq-details-modal-content,dialog.modal.show [class*=modal-content],dialog.modal.show [class*=-modal-content],.modal[open] .modal-content,.modal[open] .eq-details-modal-content,.modal[open] [class*=modal-content],.modal[open] [class*=-modal-content],.modal.show .modal-content,.modal.show .eq-details-modal-content,.modal.show [class*=modal-content],.modal.show [class*=-modal-content]{transform:translate3d(0, 0, 0) scale(1)}@starting-style{dialog.modal[open],dialog.modal.show,.modal[open],.modal.show{opacity:0}dialog.modal[open] .modal-content,dialog.modal[open] .eq-details-modal-content,dialog.modal[open] [class*=modal-content],dialog.modal[open] [class*=-modal-content],dialog.modal.show .modal-content,dialog.modal.show .eq-details-modal-content,dialog.modal.show [class*=modal-content],dialog.modal.show [class*=-modal-content],.modal[open] .modal-content,.modal[open] .eq-details-modal-content,.modal[open] [class*=modal-content],.modal[open] [class*=-modal-content],.modal.show .modal-content,.modal.show .eq-details-modal-content,.modal.show [class*=modal-content],.modal.show [class*=-modal-content]{transform:translate3d(0, 30px, 0) scale(0.96)}}dialog.modal.show:not(dialog),.modal.show:not(dialog){background-color:var(--bg-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}dialog.modal::backdrop,.modal::backdrop{background-color:var(--bg-overlay);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);opacity:0;transition:opacity 250ms cubic-bezier(0.25, 1, 0.5, 1),backdrop-filter 250ms cubic-bezier(0.25, 1, 0.5, 1),-webkit-backdrop-filter 250ms cubic-bezier(0.25, 1, 0.5, 1),display 250ms allow-discrete,overlay 250ms allow-discrete}dialog.modal[open]::backdrop,.modal[open]::backdrop{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@starting-style{dialog.modal[open]::backdrop,.modal[open]::backdrop{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}}dialog.modal.closing,.modal.closing{pointer-events:none;opacity:0;transition:opacity 180ms cubic-bezier(0.4, 0, 0.8, 0.2),backdrop-filter 180ms cubic-bezier(0.4, 0, 0.8, 0.2),-webkit-backdrop-filter 180ms cubic-bezier(0.4, 0, 0.8, 0.2)}dialog.modal.closing .modal-content,dialog.modal.closing .eq-details-modal-content,dialog.modal.closing [class*=modal-content],dialog.modal.closing [class*=-modal-content],.modal.closing .modal-content,.modal.closing .eq-details-modal-content,.modal.closing [class*=modal-content],.modal.closing [class*=-modal-content]{transform:translate3d(0, 48px, 0) scale(0.95);transition:transform 180ms cubic-bezier(0.4, 0, 0.8, 0.2)}@media(prefers-reduced-motion: reduce){dialog.modal,.modal{transition:none !important}dialog.modal .modal-content,dialog.modal .eq-details-modal-content,dialog.modal [class*=modal-content],dialog.modal [class*=-modal-content],.modal .modal-content,.modal .eq-details-modal-content,.modal [class*=modal-content],.modal [class*=-modal-content]{transition:none !important;transform:none !important}dialog.modal::backdrop,.modal::backdrop{transition:none !important}}dialog.modal,.modal{-webkit-user-select:none;user-select:none}dialog.modal .modal-content,dialog.modal .eq-details-modal-content,dialog.modal [class*=modal-content],dialog.modal [class*=-modal-content],.modal .modal-content,.modal .eq-details-modal-content,.modal [class*=modal-content],.modal [class*=-modal-content]{background-color:var(--bg-surface-secondary);border-radius:28px;box-shadow:0 6px 10px rgba(0,0,0,.1),0 20px 30px rgba(0,0,0,.1);width:100%;max-width:480px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:hidden;display:flex;flex-direction:column}dialog.modal .modal-content.modal-expanded,dialog.modal .eq-details-modal-content.modal-expanded,dialog.modal [class*=modal-content].modal-expanded,dialog.modal [class*=-modal-content].modal-expanded,.modal .modal-content.modal-expanded,.modal .eq-details-modal-content.modal-expanded,.modal [class*=modal-content].modal-expanded,.modal [class*=-modal-content].modal-expanded{max-width:580px}dialog.modal .modal-content.modal-large,dialog.modal .eq-details-modal-content.modal-large,dialog.modal [class*=modal-content].modal-large,dialog.modal [class*=-modal-content].modal-large,.modal .modal-content.modal-large,.modal .eq-details-modal-content.modal-large,.modal [class*=modal-content].modal-large,.modal [class*=-modal-content].modal-large{max-width:740px;height:min(82dvh,760px);max-height:calc(100dvh - 48px)}dialog.modal .modal-content>.privacy-notice,dialog.modal .eq-details-modal-content>.privacy-notice,dialog.modal [class*=modal-content]>.privacy-notice,dialog.modal [class*=-modal-content]>.privacy-notice,.modal .modal-content>.privacy-notice,.modal .eq-details-modal-content>.privacy-notice,.modal [class*=modal-content]>.privacy-notice,.modal [class*=-modal-content]>.privacy-notice{padding-left:24px;padding-right:24px}dialog.modal.modal-expanded .modal-content,dialog.modal.modal-expanded [class*=modal-content],.modal.modal-expanded .modal-content,.modal.modal-expanded [class*=modal-content]{max-width:580px}dialog.modal.modal-large .modal-content,dialog.modal.modal-large [class*=modal-content],.modal.modal-large .modal-content,.modal.modal-large [class*=modal-content]{max-width:740px;height:min(82dvh,760px);max-height:calc(100dvh - 48px)}dialog.modal .modal-header,.modal .modal-header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-primary);flex-shrink:0;gap:12px}dialog.modal .modal-header h2,dialog.modal .modal-header h3,dialog.modal .modal-header .modal-title,.modal .modal-header h2,.modal .modal-header h3,.modal .modal-header .modal-title{font-size:clamp(1.1rem,2.5vw,1.25rem);font-weight:600;color:var(--text-primary);margin:0;letter-spacing:.01em;min-width:0;overflow-wrap:break-word;line-height:1.3}dialog.modal .modal-header .modal-header-actions,.modal .modal-header .modal-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}dialog.modal .modal-header .modal__close-btn,dialog.modal .modal-header .close-button,dialog.modal .modal-header .modal-header-btn,dialog.modal .modal-header .modal-header-actions>*,.modal .modal-header .modal__close-btn,.modal .modal-header .close-button,.modal .modal-header .modal-header-btn,.modal .modal-header .modal-header-actions>*{width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;aspect-ratio:1/1;padding:0;margin:0;box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--border-primary);background-color:var(--bg-surface-secondary);color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.25, 1, 0.5, 1)}dialog.modal .modal-header .modal__close-btn clashcalc-assets-svg,dialog.modal .modal-header .modal__close-btn orecalc-assets-svg,dialog.modal .modal-header .modal__close-btn svg,dialog.modal .modal-header .modal__close-btn clashcalc-assets-image,dialog.modal .modal-header .modal__close-btn orecalc-assets-image,dialog.modal .modal-header .modal__close-btn img,dialog.modal .modal-header .close-button clashcalc-assets-svg,dialog.modal .modal-header .close-button orecalc-assets-svg,dialog.modal .modal-header .close-button svg,dialog.modal .modal-header .close-button clashcalc-assets-image,dialog.modal .modal-header .close-button orecalc-assets-image,dialog.modal .modal-header .close-button img,dialog.modal .modal-header .modal-header-btn clashcalc-assets-svg,dialog.modal .modal-header .modal-header-btn orecalc-assets-svg,dialog.modal .modal-header .modal-header-btn svg,dialog.modal .modal-header .modal-header-btn clashcalc-assets-image,dialog.modal .modal-header .modal-header-btn orecalc-assets-image,dialog.modal .modal-header .modal-header-btn img,dialog.modal .modal-header .modal-header-actions>* clashcalc-assets-svg,dialog.modal .modal-header .modal-header-actions>* orecalc-assets-svg,dialog.modal .modal-header .modal-header-actions>* svg,dialog.modal .modal-header .modal-header-actions>* clashcalc-assets-image,dialog.modal .modal-header .modal-header-actions>* orecalc-assets-image,dialog.modal .modal-header .modal-header-actions>* img,.modal .modal-header .modal__close-btn clashcalc-assets-svg,.modal .modal-header .modal__close-btn orecalc-assets-svg,.modal .modal-header .modal__close-btn svg,.modal .modal-header .modal__close-btn clashcalc-assets-image,.modal .modal-header .modal__close-btn orecalc-assets-image,.modal .modal-header .modal__close-btn img,.modal .modal-header .close-button clashcalc-assets-svg,.modal .modal-header .close-button orecalc-assets-svg,.modal .modal-header .close-button svg,.modal .modal-header .close-button clashcalc-assets-image,.modal .modal-header .close-button orecalc-assets-image,.modal .modal-header .close-button img,.modal .modal-header .modal-header-btn clashcalc-assets-svg,.modal .modal-header .modal-header-btn orecalc-assets-svg,.modal .modal-header .modal-header-btn svg,.modal .modal-header .modal-header-btn clashcalc-assets-image,.modal .modal-header .modal-header-btn orecalc-assets-image,.modal .modal-header .modal-header-btn img,.modal .modal-header .modal-header-actions>* clashcalc-assets-svg,.modal .modal-header .modal-header-actions>* orecalc-assets-svg,.modal .modal-header .modal-header-actions>* svg,.modal .modal-header .modal-header-actions>* clashcalc-assets-image,.modal .modal-header .modal-header-actions>* orecalc-assets-image,.modal .modal-header .modal-header-actions>* img{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}dialog.modal .modal-header .modal__close-btn img,dialog.modal .modal-header .close-button img,dialog.modal .modal-header .modal-header-btn img,dialog.modal .modal-header .modal-header-actions>* img,.modal .modal-header .modal__close-btn img,.modal .modal-header .close-button img,.modal .modal-header .modal-header-btn img,.modal .modal-header .modal-header-actions>* img{filter:brightness(0) invert(1);opacity:.65;transition:opacity 150ms cubic-bezier(0.25, 1, 0.5, 1),filter 150ms cubic-bezier(0.25, 1, 0.5, 1)}.light-mode dialog.modal .modal-header .modal__close-btn img,.light-mode dialog.modal .modal-header .close-button img,.light-mode dialog.modal .modal-header .modal-header-btn img,.light-mode dialog.modal .modal-header .modal-header-actions>* img,.light-mode .modal .modal-header .modal__close-btn img,.light-mode .modal .modal-header .close-button img,.light-mode .modal .modal-header .modal-header-btn img,.light-mode .modal .modal-header .modal-header-actions>* img{filter:brightness(0)}dialog.modal .modal-header .modal__close-btn:hover,dialog.modal .modal-header .modal__close-btn:focus-visible,dialog.modal .modal-header .close-button:hover,dialog.modal .modal-header .close-button:focus-visible,dialog.modal .modal-header .modal-header-btn:hover,dialog.modal .modal-header .modal-header-btn:focus-visible,dialog.modal .modal-header .modal-header-actions>*:hover,dialog.modal .modal-header .modal-header-actions>*:focus-visible,.modal .modal-header .modal__close-btn:hover,.modal .modal-header .modal__close-btn:focus-visible,.modal .modal-header .close-button:hover,.modal .modal-header .close-button:focus-visible,.modal .modal-header .modal-header-btn:hover,.modal .modal-header .modal-header-btn:focus-visible,.modal .modal-header .modal-header-actions>*:hover,.modal .modal-header .modal-header-actions>*:focus-visible{background-color:var(--bg-surface-tertiary);border-color:var(--accent-primary);color:var(--text-primary);transform:scale(1.08)}dialog.modal .modal-header .modal__close-btn:hover img,dialog.modal .modal-header .modal__close-btn:focus-visible img,dialog.modal .modal-header .close-button:hover img,dialog.modal .modal-header .close-button:focus-visible img,dialog.modal .modal-header .modal-header-btn:hover img,dialog.modal .modal-header .modal-header-btn:focus-visible img,dialog.modal .modal-header .modal-header-actions>*:hover img,dialog.modal .modal-header .modal-header-actions>*:focus-visible img,.modal .modal-header .modal__close-btn:hover img,.modal .modal-header .modal__close-btn:focus-visible img,.modal .modal-header .close-button:hover img,.modal .modal-header .close-button:focus-visible img,.modal .modal-header .modal-header-btn:hover img,.modal .modal-header .modal-header-btn:focus-visible img,.modal .modal-header .modal-header-actions>*:hover img,.modal .modal-header .modal-header-actions>*:focus-visible img{opacity:1}dialog.modal .modal-header .modal__close-btn:active,dialog.modal .modal-header .close-button:active,dialog.modal .modal-header .modal-header-btn:active,dialog.modal .modal-header .modal-header-actions>*:active,.modal .modal-header .modal__close-btn:active,.modal .modal-header .close-button:active,.modal .modal-header .modal-header-btn:active,.modal .modal-header .modal-header-actions>*:active{transform:scale(0.94)}dialog.modal .modal-header .modal__close-btn,dialog.modal .modal-header .close-button,.modal .modal-header .modal__close-btn,.modal .modal-header .close-button{transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 300ms cubic-bezier(0.25, 1, 0.5, 1)}dialog.modal .modal-header .modal__close-btn:hover,dialog.modal .modal-header .modal__close-btn:focus-visible,dialog.modal .modal-header .close-button:hover,dialog.modal .modal-header .close-button:focus-visible,.modal .modal-header .modal__close-btn:hover,.modal .modal-header .modal__close-btn:focus-visible,.modal .modal-header .close-button:hover,.modal .modal-header .close-button:focus-visible{transform:scale(1.08) rotate(90deg)}dialog.modal .modal-header .reset-button,dialog.modal .modal-header .modal-reset-btn,.modal .modal-header .reset-button,.modal .modal-header .modal-reset-btn{background-color:var(--color-danger-soft);color:var(--color-danger);border-color:var(--border-primary)}dialog.modal .modal-header .reset-button:hover,dialog.modal .modal-header .reset-button:focus-visible,dialog.modal .modal-header .modal-reset-btn:hover,dialog.modal .modal-header .modal-reset-btn:focus-visible,.modal .modal-header .reset-button:hover,.modal .modal-header .reset-button:focus-visible,.modal .modal-header .modal-reset-btn:hover,.modal .modal-header .modal-reset-btn:focus-visible{background-color:var(--color-danger-soft-hover);border-color:var(--color-danger);color:var(--color-danger);transform:scale(1.08)}dialog.modal .modal-header .suggestion-message-btn,dialog.modal .modal-header .unhide-note-btn,.modal .modal-header .suggestion-message-btn,.modal .modal-header .unhide-note-btn{background-color:var(--accent-primary-soft);border-color:var(--accent-primary);color:var(--accent-primary);position:relative}dialog.modal .modal-header .suggestion-message-btn .badge,dialog.modal .modal-header .unhide-note-btn .badge,.modal .modal-header .suggestion-message-btn .badge,.modal .modal-header .unhide-note-btn .badge{position:absolute;top:-5px;right:-5px;background-color:var(--color-warning);color:var(--text-on-accent);border-radius:9999px;padding:0;font-size:10px;font-weight:var(--font-weight-bold, 700);width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-secondary);box-sizing:border-box}dialog.modal .modal-body,.modal .modal-body{padding:16px 24px 24px;color:var(--text-primary);line-height:1.5;font-size:var(--font-size-lg, 1rem);flex:1;display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0}dialog.modal .modal-body p,.modal .modal-body p{margin:0}dialog.modal .modal-body code,.modal .modal-body code{font-family:"Roboto Mono",monospace;background-color:rgba(255,255,255,.1);padding:2px 6px;border-radius:4px;font-size:.9em;word-break:normal;overflow-wrap:break-word;display:inline-block;margin:2px 0;color:var(--accent-primary)}dialog.modal .modal-info-text,.modal .modal-info-text{padding:0 24px;margin-top:10px;font-size:.9em;color:var(--text-secondary);line-height:1.4}dialog.modal .privacy-notice,.modal .privacy-notice{font-size:11px;color:var(--text-muted);line-height:1.4;text-align:left;border-top:1px solid var(--border-primary);padding-top:12px;margin-top:15px}dialog.modal .privacy-notice p,.modal .privacy-notice p{margin:0}dialog.modal .modal-actions,.modal .modal-actions{display:flex;justify-content:flex-end;padding:16px 24px;gap:12px;background-color:var(--bg-surface-secondary);flex-shrink:0}dialog.modal .modal-actions.modal-actions-between,.modal .modal-actions.modal-actions-between{justify-content:space-between;align-items:center}dialog.modal .modal-actions button,dialog.modal .modal-actions a,dialog.modal .modal-actions .btn,dialog.modal .modal-actions .btn--primary,dialog.modal .modal-actions .btn--secondary,dialog.modal .modal-actions .btn-primary,dialog.modal .modal-actions .btn-secondary,.modal .modal-actions button,.modal .modal-actions a,.modal .modal-actions .btn,.modal .modal-actions .btn--primary,.modal .modal-actions .btn--secondary,.modal .modal-actions .btn-primary,.modal .modal-actions .btn-secondary{min-width:100px;min-height:40px}dialog.modal .modal__close-btn,dialog.modal .close-button,.modal .modal__close-btn,.modal .close-button{background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-secondary);cursor:pointer;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;padding:0;margin:0;box-sizing:border-box;flex-shrink:0;aspect-ratio:1/1;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 300ms cubic-bezier(0.25, 1, 0.5, 1)}dialog.modal .modal__close-btn svg,dialog.modal .modal__close-btn clashcalc-assets-svg,dialog.modal .modal__close-btn orecalc-assets-svg,dialog.modal .close-button svg,dialog.modal .close-button clashcalc-assets-svg,dialog.modal .close-button orecalc-assets-svg,.modal .modal__close-btn svg,.modal .modal__close-btn clashcalc-assets-svg,.modal .modal__close-btn orecalc-assets-svg,.modal .close-button svg,.modal .close-button clashcalc-assets-svg,.modal .close-button orecalc-assets-svg{fill:currentColor;width:22px;height:22px;display:block;flex-shrink:0}dialog.modal .modal__close-btn:hover,dialog.modal .modal__close-btn:focus,dialog.modal .close-button:hover,dialog.modal .close-button:focus,.modal .modal__close-btn:hover,.modal .modal__close-btn:focus,.modal .close-button:hover,.modal .close-button:focus{background-color:var(--bg-surface-tertiary);border-color:var(--accent-primary);color:var(--text-primary);transform:scale(1.08) rotate(90deg)}dialog.modal .modal__close-btn.policy-header-btn:hover,dialog.modal .modal__close-btn.policy-header-btn:focus,dialog.modal .modal__close-btn#terms-theme-toggle-btn:hover,dialog.modal .modal__close-btn#terms-theme-toggle-btn:focus,dialog.modal .modal__close-btn#terms-open-external-btn:hover,dialog.modal .modal__close-btn#terms-open-external-btn:focus,dialog.modal .modal__close-btn#terms-translate-btn:hover,dialog.modal .modal__close-btn#terms-translate-btn:focus,dialog.modal .modal__close-btn#privacy-theme-toggle-btn:hover,dialog.modal .modal__close-btn#privacy-theme-toggle-btn:focus,dialog.modal .modal__close-btn#privacy-open-external-btn:hover,dialog.modal .modal__close-btn#privacy-open-external-btn:focus,dialog.modal .modal__close-btn#privacy-translate-btn:hover,dialog.modal .modal__close-btn#privacy-translate-btn:focus,dialog.modal .modal__close-btn[target=_blank]:hover,dialog.modal .modal__close-btn[target=_blank]:focus,dialog.modal .modal__close-btn#changelog-commits-btn:hover,dialog.modal .modal__close-btn#changelog-commits-btn:focus,dialog.modal .modal__close-btn#running-costs-volunteer-btn:hover,dialog.modal .modal__close-btn#running-costs-volunteer-btn:focus,dialog.modal .close-button.policy-header-btn:hover,dialog.modal .close-button.policy-header-btn:focus,dialog.modal .close-button#terms-theme-toggle-btn:hover,dialog.modal .close-button#terms-theme-toggle-btn:focus,dialog.modal .close-button#terms-open-external-btn:hover,dialog.modal .close-button#terms-open-external-btn:focus,dialog.modal .close-button#terms-translate-btn:hover,dialog.modal .close-button#terms-translate-btn:focus,dialog.modal .close-button#privacy-theme-toggle-btn:hover,dialog.modal .close-button#privacy-theme-toggle-btn:focus,dialog.modal .close-button#privacy-open-external-btn:hover,dialog.modal .close-button#privacy-open-external-btn:focus,dialog.modal .close-button#privacy-translate-btn:hover,dialog.modal .close-button#privacy-translate-btn:focus,dialog.modal .close-button[target=_blank]:hover,dialog.modal .close-button[target=_blank]:focus,dialog.modal .close-button#changelog-commits-btn:hover,dialog.modal .close-button#changelog-commits-btn:focus,dialog.modal .close-button#running-costs-volunteer-btn:hover,dialog.modal .close-button#running-costs-volunteer-btn:focus,.modal .modal__close-btn.policy-header-btn:hover,.modal .modal__close-btn.policy-header-btn:focus,.modal .modal__close-btn#terms-theme-toggle-btn:hover,.modal .modal__close-btn#terms-theme-toggle-btn:focus,.modal .modal__close-btn#terms-open-external-btn:hover,.modal .modal__close-btn#terms-open-external-btn:focus,.modal .modal__close-btn#terms-translate-btn:hover,.modal .modal__close-btn#terms-translate-btn:focus,.modal .modal__close-btn#privacy-theme-toggle-btn:hover,.modal .modal__close-btn#privacy-theme-toggle-btn:focus,.modal .modal__close-btn#privacy-open-external-btn:hover,.modal .modal__close-btn#privacy-open-external-btn:focus,.modal .modal__close-btn#privacy-translate-btn:hover,.modal .modal__close-btn#privacy-translate-btn:focus,.modal .modal__close-btn[target=_blank]:hover,.modal .modal__close-btn[target=_blank]:focus,.modal .modal__close-btn#changelog-commits-btn:hover,.modal .modal__close-btn#changelog-commits-btn:focus,.modal .modal__close-btn#running-costs-volunteer-btn:hover,.modal .modal__close-btn#running-costs-volunteer-btn:focus,.modal .close-button.policy-header-btn:hover,.modal .close-button.policy-header-btn:focus,.modal .close-button#terms-theme-toggle-btn:hover,.modal .close-button#terms-theme-toggle-btn:focus,.modal .close-button#terms-open-external-btn:hover,.modal .close-button#terms-open-external-btn:focus,.modal .close-button#terms-translate-btn:hover,.modal .close-button#terms-translate-btn:focus,.modal .close-button#privacy-theme-toggle-btn:hover,.modal .close-button#privacy-theme-toggle-btn:focus,.modal .close-button#privacy-open-external-btn:hover,.modal .close-button#privacy-open-external-btn:focus,.modal .close-button#privacy-translate-btn:hover,.modal .close-button#privacy-translate-btn:focus,.modal .close-button[target=_blank]:hover,.modal .close-button[target=_blank]:focus,.modal .close-button#changelog-commits-btn:hover,.modal .close-button#changelog-commits-btn:focus,.modal .close-button#running-costs-volunteer-btn:hover,.modal .close-button#running-costs-volunteer-btn:focus{transform:scale(1.08)}dialog.modal .modal__close-btn:active,dialog.modal .close-button:active,.modal .modal__close-btn:active,.modal .close-button:active{transform:scale(0.94)}@media(max-width: 625px){dialog.modal .modal-content,dialog.modal .eq-details-modal-content,dialog.modal .guided-setup-modal-content,dialog.modal [class*=modal-content],dialog.modal [class*=-modal-content],.modal .modal-content,.modal .eq-details-modal-content,.modal .guided-setup-modal-content,.modal [class*=modal-content],.modal [class*=-modal-content]{max-width:calc(100vw - 24px);border-radius:18px}dialog.modal .modal-header,.modal .modal-header{padding:16px 20px 12px;gap:8px}dialog.modal .modal-header h2,dialog.modal .modal-header h3,dialog.modal .modal-header .modal-title,.modal .modal-header h2,.modal .modal-header h3,.modal .modal-header .modal-title{font-size:clamp(1.05rem,3.5vw,1.15rem)}dialog.modal .modal-header .modal-header-actions,.modal .modal-header .modal-header-actions{gap:6px}dialog.modal .modal-header .close-button,dialog.modal .modal-header .modal-header-actions>*,.modal .modal-header .close-button,.modal .modal-header .modal-header-actions>*{width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;aspect-ratio:1/1;padding:0;margin:0;box-sizing:border-box;flex-shrink:0;border-radius:10px}dialog.modal .modal-header .close-button clashcalc-assets-svg,dialog.modal .modal-header .close-button orecalc-assets-svg,dialog.modal .modal-header .close-button svg,dialog.modal .modal-header .close-button clashcalc-assets-image,dialog.modal .modal-header .close-button orecalc-assets-image,dialog.modal .modal-header .close-button img,dialog.modal .modal-header .modal-header-actions>* clashcalc-assets-svg,dialog.modal .modal-header .modal-header-actions>* orecalc-assets-svg,dialog.modal .modal-header .modal-header-actions>* svg,dialog.modal .modal-header .modal-header-actions>* clashcalc-assets-image,dialog.modal .modal-header .modal-header-actions>* orecalc-assets-image,dialog.modal .modal-header .modal-header-actions>* img,.modal .modal-header .close-button clashcalc-assets-svg,.modal .modal-header .close-button orecalc-assets-svg,.modal .modal-header .close-button svg,.modal .modal-header .close-button clashcalc-assets-image,.modal .modal-header .close-button orecalc-assets-image,.modal .modal-header .close-button img,.modal .modal-header .modal-header-actions>* clashcalc-assets-svg,.modal .modal-header .modal-header-actions>* orecalc-assets-svg,.modal .modal-header .modal-header-actions>* svg,.modal .modal-header .modal-header-actions>* clashcalc-assets-image,.modal .modal-header .modal-header-actions>* orecalc-assets-image,.modal .modal-header .modal-header-actions>* img{width:20px;height:20px}dialog.modal .modal-body,.modal .modal-body{padding:12px 20px 20px;font-size:var(--font-size-md, 0.9375rem)}dialog.modal .modal-actions,.modal .modal-actions{padding:12px 20px;gap:8px}dialog.modal.modal-sheet-mobile,.modal.modal-sheet-mobile{padding:0 !important}dialog.modal.modal-sheet-mobile .modal-content,dialog.modal.modal-sheet-mobile .eq-details-modal-content,dialog.modal.modal-sheet-mobile .guided-setup-modal-content,dialog.modal.modal-sheet-mobile [class*=modal-content],dialog.modal.modal-sheet-mobile [class*=-modal-content],.modal.modal-sheet-mobile .modal-content,.modal.modal-sheet-mobile .eq-details-modal-content,.modal.modal-sheet-mobile .guided-setup-modal-content,.modal.modal-sheet-mobile [class*=modal-content],.modal.modal-sheet-mobile [class*=-modal-content]{width:100% !important;max-width:100% !important;height:100vh !important;height:100dvh !important;max-height:100dvh !important;border-radius:0 !important;border:none !important;margin:0 !important}}@media(max-width: 625px){#privacy-modal,#terms-modal,#star-bonus-multiplier-modal,#bug-report-modal,#licenses-modal,#running-costs-modal,#create-custom-chips-modal,#changelog-modal,#commits-modal,#global-pricing-modal,#calc-offense-modal,#calc-target-combos-modal,#guided-setup-modal{padding:0 !important}#privacy-modal .modal-content,#privacy-modal .eq-details-modal-content,#privacy-modal .guided-setup-modal-content,#privacy-modal [class*=modal-content],#privacy-modal [class*=-modal-content],#terms-modal .modal-content,#terms-modal .eq-details-modal-content,#terms-modal .guided-setup-modal-content,#terms-modal [class*=modal-content],#terms-modal [class*=-modal-content],#star-bonus-multiplier-modal .modal-content,#star-bonus-multiplier-modal .eq-details-modal-content,#star-bonus-multiplier-modal .guided-setup-modal-content,#star-bonus-multiplier-modal [class*=modal-content],#star-bonus-multiplier-modal [class*=-modal-content],#bug-report-modal .modal-content,#bug-report-modal .eq-details-modal-content,#bug-report-modal .guided-setup-modal-content,#bug-report-modal [class*=modal-content],#bug-report-modal [class*=-modal-content],#licenses-modal .modal-content,#licenses-modal .eq-details-modal-content,#licenses-modal .guided-setup-modal-content,#licenses-modal [class*=modal-content],#licenses-modal [class*=-modal-content],#running-costs-modal .modal-content,#running-costs-modal .eq-details-modal-content,#running-costs-modal .guided-setup-modal-content,#running-costs-modal [class*=modal-content],#running-costs-modal [class*=-modal-content],#create-custom-chips-modal .modal-content,#create-custom-chips-modal .eq-details-modal-content,#create-custom-chips-modal .guided-setup-modal-content,#create-custom-chips-modal [class*=modal-content],#create-custom-chips-modal [class*=-modal-content],#changelog-modal .modal-content,#changelog-modal .eq-details-modal-content,#changelog-modal .guided-setup-modal-content,#changelog-modal [class*=modal-content],#changelog-modal [class*=-modal-content],#commits-modal .modal-content,#commits-modal .eq-details-modal-content,#commits-modal .guided-setup-modal-content,#commits-modal [class*=modal-content],#commits-modal [class*=-modal-content],#global-pricing-modal .modal-content,#global-pricing-modal .eq-details-modal-content,#global-pricing-modal .guided-setup-modal-content,#global-pricing-modal [class*=modal-content],#global-pricing-modal [class*=-modal-content],#calc-offense-modal .modal-content,#calc-offense-modal .eq-details-modal-content,#calc-offense-modal .guided-setup-modal-content,#calc-offense-modal [class*=modal-content],#calc-offense-modal [class*=-modal-content],#calc-target-combos-modal .modal-content,#calc-target-combos-modal .eq-details-modal-content,#calc-target-combos-modal .guided-setup-modal-content,#calc-target-combos-modal [class*=modal-content],#calc-target-combos-modal [class*=-modal-content],#guided-setup-modal .modal-content,#guided-setup-modal .eq-details-modal-content,#guided-setup-modal .guided-setup-modal-content,#guided-setup-modal [class*=modal-content],#guided-setup-modal [class*=-modal-content]{width:100% !important;max-width:100% !important;height:100vh !important;height:100dvh !important;max-height:100dvh !important;border-radius:0 !important;border:none !important;margin:0 !important}}.error-message code{font-family:"Roboto Mono",monospace;background-color:rgba(154,160,166,.12);border:1px solid rgba(154,160,166,.24);padding:2px 6px;border-radius:4px;font-size:.9em;color:var(--color-danger);display:inline-block;white-space:nowrap;max-width:100%;overflow-x:auto;vertical-align:middle}.policy-modal-body{padding:0;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0;border-radius:16px}.policy-iframe{border:none;width:100%;height:100%;flex:1;background:rgba(0,0,0,0);overflow:hidden;border-radius:16px}.stored-ores-prompt{margin:0;color:var(--text-secondary);text-align:center}#th-planning-section{display:flex;flex-direction:column;gap:8px}#th-planning-section h4{margin:4px 0 12px}.settings-info-box{background-color:var(--bg-surface-tertiary);padding:15px;border-radius:12px;border-left:4px solid var(--accent-primary);margin-top:10px}.settings-info-box h3{font-size:var(--font-size-lg, 1rem);margin-bottom:8px;color:var(--text-primary)}.settings-info-box p{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.4}.animated-btn{border:1px solid rgba(0,0,0,0);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm, 0.8125rem);min-height:40px;min-width:100px;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transition:transform 150ms cubic-bezier(0, 0, 0.2, 1),opacity 150ms cubic-bezier(0, 0, 0.2, 1)}.animated-btn .animated-btn-text,.animated-btn .animated-btn-icon-wrapper,.animated-btn .animated-btn-icon-disabled{pointer-events:none}.animated-btn .animated-btn-text{font-weight:var(--font-weight-bold, 700);position:relative;transform:translateY(0);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1)}.animated-btn .animated-btn-icon-wrapper,.animated-btn .animated-btn-icon-disabled{height:100%;left:0;position:absolute;top:0;width:100%}.animated-btn .animated-btn-icon-wrapper svg,.animated-btn .animated-btn-icon-disabled svg{color:currentColor;fill:currentColor;height:20px;width:20px}.animated-btn .animated-btn-icon-wrapper{opacity:0;transform:translateY(100%);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1),opacity 150ms cubic-bezier(0, 0, 0.2, 1)}.animated-btn .animated-btn-icon-disabled{opacity:0}.animated-btn:hover:not(:disabled) .animated-btn-text{opacity:0;transform:translateY(-100%)}.animated-btn:hover:not(:disabled) .animated-btn-icon-wrapper{opacity:1;transform:translateY(0)}.animated-btn:active:not(:disabled){transform:scale(0.96)}.animated-btn:disabled{cursor:not-allowed;opacity:.6}.animated-btn:disabled:has(.animated-btn-icon-disabled) .animated-btn-text{display:none}.animated-btn:disabled:has(.animated-btn-icon-disabled) .animated-btn-icon-wrapper{display:none}.animated-btn:disabled:has(.animated-btn-icon-disabled) .animated-btn-icon-disabled{opacity:1}.task-btn{position:relative;overflow:hidden}.task-btn.saving,.task-btn.error,.task-btn.success{cursor:not-allowed}.task-btn.saving>*:not(.button-loader):not(.button-error-icon):not(.button-success-icon),.task-btn.error>*:not(.button-loader):not(.button-error-icon):not(.button-success-icon),.task-btn.success>*:not(.button-loader):not(.button-error-icon):not(.button-success-icon){opacity:0 !important;visibility:hidden !important;transform:translateY(10px);pointer-events:none}.task-btn.saving .button-loader{opacity:1;visibility:visible}.task-btn.saving .button-loader span{animation-play-state:running}.task-btn.error{background-color:var(--btn-bg-red) !important;color:var(--btn-color-red) !important;border-color:var(--btn-border-red) !important}.task-btn.error .button-error-icon{opacity:1;visibility:visible;transform:translate(-50%, -50%) scale(1)}.task-btn.success{background-color:var(--btn-bg-emerald) !important;color:var(--btn-color-emerald) !important;border-color:var(--btn-border-emerald) !important}.task-btn.success .button-success-icon{opacity:1;visibility:visible;transform:translate(-50%, -50%) scale(1)}.button-loader,.button-error-icon,.button-success-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;visibility:hidden;transition:opacity 300ms cubic-bezier(0.25, 1, 0.5, 1),transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);pointer-events:none}.button-loader{display:flex;gap:4px}.button-loader span{width:6px;height:6px;background-color:currentColor;border-radius:50%;animation:dot-jump 1.4s infinite ease-in-out both;animation-play-state:paused}.button-loader span:nth-child(1){animation-delay:-0.32s}.button-loader span:nth-child(2){animation-delay:-0.16s}.priority-list-loader .button-loader span{animation-play-state:running}.button-error-icon,.button-success-icon{transform:translate(-50%, -50%) scale(0.5)}.button-error-icon svg,.button-success-icon svg{fill:currentColor;width:24px;height:24px;display:block}.btn-accent,#floating-save-btn{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent)}.btn-accent:hover:not(:disabled),#floating-save-btn:hover:not(:disabled){background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}#floating-save-btn{bottom:20px;box-shadow:0 4px 8px rgba(0,0,0,.2);position:fixed;right:20px;z-index:20;opacity:1;pointer-events:auto;transform:scale(1);transform-origin:bottom right;transition:opacity 300ms cubic-bezier(0.2, 0, 0, 1),transform 300ms cubic-bezier(0.2, 0, 0, 1),bottom 300ms cubic-bezier(0.2, 0, 0, 1),right 300ms cubic-bezier(0.2, 0, 0, 1)}#floating-save-btn .save-button-tooltip{background-color:var(--bg-surface-tertiary);border-radius:6px;bottom:125%;color:var(--text-primary);left:50%;opacity:0;padding:5px 10px;position:absolute;text-align:center;transition:opacity 300ms cubic-bezier(0.25, 1, 0.5, 1);visibility:hidden;pointer-events:none;white-space:nowrap;z-index:1;transform:translateX(-50%)}#floating-save-btn:disabled:hover .save-button-tooltip{opacity:1;visibility:visible}#copy-user-id-btn{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent)}#copy-user-id-btn:hover:not(:disabled){background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}#copy-user-id-btn{box-shadow:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#import-user-data-btn{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent)}#import-user-data-btn:hover:not(:disabled){background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}#import-user-data-btn{box-shadow:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.upgrade-btn{background-color:var(--accent-primary-soft);border:1px solid color-mix(in srgb, #4285f4 30%, transparent);border-radius:4px;color:var(--accent-primary);cursor:pointer;font-size:12px;height:28px;margin:0 0 0 5px;padding:0;text-decoration:none;width:28px}.upgrade-btn svg{display:block;height:16px;width:16px;fill:currentColor}.upgrade-btn:hover{background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}.icon-button{background-color:var(--accent-primary-soft);border:1px solid var(--border-primary);border-radius:12px;color:var(--accent-primary);cursor:pointer;height:36px;padding:0;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1);width:36px}.icon-button:hover{background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:var(--accent-primary);transform:scale(1.05)}.icon-button:active{transform:scale(0.95)}.icon-button svg{fill:currentColor;width:24px;height:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-family:inherit;font-size:var(--font-size-sm, 0.8125rem);font-weight:500;border-radius:20px;cursor:pointer;text-decoration:none;white-space:nowrap;min-height:40px;min-width:100px;padding:10px 18px;border:1px solid rgba(0,0,0,0);box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1)}.btn:active:not(:disabled){transform:scale(0.96)}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn--secondary,.btn-secondary{padding:10px 18px;font-size:var(--font-size-sm, 0.8125rem);font-weight:500;color:var(--text-secondary);background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1)}.btn--secondary:hover,.btn-secondary:hover{background-color:color-mix(in srgb, #9aa0a6 20%, transparent);color:var(--text-primary)}.btn--secondary:active,.btn-secondary:active{transform:scale(0.96)}.btn--primary,.btn-primary{padding:10px 18px;font-size:var(--font-size-sm, 0.8125rem);font-weight:500;color:var(--accent-primary);background-color:var(--accent-primary-soft);border:1px solid color-mix(in srgb, #4285f4 30%, transparent);border-radius:20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1)}.btn--primary:hover,.btn-primary:hover{background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}.btn--primary:active:not(:disabled),.btn-primary:active:not(:disabled){transform:scale(0.96)}.btn--primary:disabled,.btn-primary:disabled{background-color:var(--bg-surface-tertiary);color:var(--text-muted);border-color:var(--border-primary);cursor:not-allowed;opacity:.6}.btn--danger{min-width:100px;background-color:var(--color-danger);color:var(--text-on-accent);border-color:var(--color-danger)}.btn--danger:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-danger) 85%, black);border-color:color-mix(in srgb, var(--color-danger) 85%, black)}.btn--danger-outline{min-width:100px;background-color:var(--btn-bg-red);color:var(--btn-color-red);border-color:var(--btn-border-red)}.btn--danger-outline:hover:not(:disabled){background-color:var(--btn-bg-red-hover);border-color:var(--btn-border-red-hover)}.btn--ghost{background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:var(--text-secondary)}.btn--ghost:hover{background-color:var(--bg-surface-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.btn--sm{min-height:32px;height:32px;min-width:0;padding:4px 12px;font-size:var(--font-size-xs, 0.75rem);border-radius:16px;white-space:nowrap}.btn--full-width{width:100%}.btn-pricing{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent)}.btn-pricing:hover:not(:disabled){background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}.card-help-popover{position:fixed;inset:unset;margin:0;z-index:80;isolation:isolate;background-color:var(--bg-surface-popover);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:12px;padding:8px 12px;box-shadow:0px 6px 12px rgba(0,0,0,.3),0px 6px 18px rgba(0,0,0,.15);max-width:min(240px,100vw - 24px);font-size:.72rem;color:var(--text-secondary);line-height:1.35;pointer-events:none;opacity:0;transform:translateY(4px) translateZ(0);transition:opacity 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.25, 1, 0.5, 1),display 150ms allow-discrete,overlay 150ms allow-discrete}.card-help-popover:popover-open,.card-help-popover.show{opacity:1;pointer-events:auto;transform:translateY(0) translateZ(0)}@starting-style{.card-help-popover:popover-open,.card-help-popover.show{opacity:0;transform:translateY(4px)}}.card-help-popover .popover-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid color-mix(in srgb, var(--border-primary) 60%, transparent)}.card-help-popover .popover-header .popover-img{width:22px;height:22px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5))}.card-help-popover .popover-header .popover-title-group{display:flex;flex-direction:column;gap:1px}.card-help-popover .popover-header .popover-title{font-size:.74rem;font-weight:800;color:var(--text-primary);line-height:1.2}.card-help-popover .popover-header .popover-title .accent-text{color:var(--accent-primary);font-weight:800}.card-help-popover .popover-header .popover-badge{font-size:.54rem;font-weight:var(--font-weight-bold, 700);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.card-help-popover .popover-header .popover-badge .purple-text{color:var(--color-rarity-epic)}.card-help-popover .popover-header .popover-badge .ore-text-shiny,.card-help-popover .popover-header .popover-badge.ore-badge-shiny{color:var(--shiny-ore)}.card-help-popover .popover-header .popover-badge .ore-text-glowy,.card-help-popover .popover-header .popover-badge.ore-badge-glowy{color:var(--glowy-ore)}.card-help-popover .popover-header .popover-badge .ore-text-starry,.card-help-popover .popover-header .popover-badge.ore-badge-starry{color:var(--starry-ore)}.card-help-popover .popover-body{font-size:.72rem;line-height:1.35}.card-help-popover .popover-body p{margin:0}.card-help-popover .popover-body p+p{margin-top:8px}.card-help-popover .popover-body .popover-chest-breakdown,.card-help-popover .popover-body .popover-ores-breakdown{margin-top:8px;padding-top:6px;border-top:1px dashed color-mix(in srgb, var(--border-primary) 50%, transparent);display:flex;flex-direction:column;gap:6px}.card-help-popover .popover-body .popover-chest-breakdown .popover-range-label,.card-help-popover .popover-body .popover-ores-breakdown .popover-range-label{font-size:.72rem;font-weight:800;color:var(--text-primary);margin:0}.card-help-popover .popover-body .popover-chest-breakdown .popover-chest-ranges-row,.card-help-popover .popover-body .popover-chest-breakdown .popover-ores-ranges-row,.card-help-popover .popover-body .popover-ores-breakdown .popover-chest-ranges-row,.card-help-popover .popover-body .popover-ores-breakdown .popover-ores-ranges-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.card-help-popover .popover-body .popover-chest-breakdown .popover-chest-ranges-row .chest-ore-inline-chip,.card-help-popover .popover-body .popover-chest-breakdown .popover-chest-ranges-row .popover-ore-inline-chip,.card-help-popover .popover-body .popover-chest-breakdown .popover-ores-ranges-row .chest-ore-inline-chip,.card-help-popover .popover-body .popover-chest-breakdown .popover-ores-ranges-row .popover-ore-inline-chip,.card-help-popover .popover-body .popover-ores-breakdown .popover-chest-ranges-row .chest-ore-inline-chip,.card-help-popover .popover-body .popover-ores-breakdown .popover-chest-ranges-row .popover-ore-inline-chip,.card-help-popover .popover-body .popover-ores-breakdown .popover-ores-ranges-row .chest-ore-inline-chip,.card-help-popover .popover-body .popover-ores-breakdown .popover-ores-ranges-row .popover-ore-inline-chip{display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb, var(--bg-surface-primary) 70%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 60%, transparent);padding:2px 7px;border-radius:6px;font-size:.72rem}.card-help-popover .popover-body .popover-chest-breakdown .popover-chest-ranges-row .chest-ore-inline-chip .ore-mini-icon,.card-help-popover .popover-body .popover-chest-breakdown .popover-chest-ranges-row .popover-ore-inline-chip .ore-mini-icon,.card-help-popover .popover-body .popover-chest-breakdown .popover-ores-ranges-row .chest-ore-inline-chip .ore-mini-icon,.card-help-popover .popover-body .popover-chest-breakdown .popover-ores-ranges-row .popover-ore-inline-chip .ore-mini-icon,.card-help-popover .popover-body .popover-ores-breakdown .popover-chest-ranges-row .chest-ore-inline-chip .ore-mini-icon,.card-help-popover .popover-body .popover-ores-breakdown .popover-chest-ranges-row .popover-ore-inline-chip .ore-mini-icon,.card-help-popover .popover-body .popover-ores-breakdown .popover-ores-ranges-row .chest-ore-inline-chip .ore-mini-icon,.card-help-popover .popover-body .popover-ores-breakdown .popover-ores-ranges-row .popover-ore-inline-chip .ore-mini-icon{width:15px;height:15px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4))}.card-help-popover .popover-body .popover-chest-breakdown .popover-chest-ranges-row .chest-ore-inline-chip strong,.card-help-popover .popover-body .popover-chest-breakdown .popover-chest-ranges-row .popover-ore-inline-chip strong,.card-help-popover .popover-body .popover-chest-breakdown .popover-ores-ranges-row .chest-ore-inline-chip strong,.card-help-popover .popover-body .popover-chest-breakdown .popover-ores-ranges-row .popover-ore-inline-chip strong,.card-help-popover .popover-body .popover-ores-breakdown .popover-chest-ranges-row .chest-ore-inline-chip strong,.card-help-popover .popover-body .popover-ores-breakdown .popover-chest-ranges-row .popover-ore-inline-chip strong,.card-help-popover .popover-body .popover-ores-breakdown .popover-ores-ranges-row .chest-ore-inline-chip strong,.card-help-popover .popover-body .popover-ores-breakdown .popover-ores-ranges-row .popover-ore-inline-chip strong{color:var(--text-primary);font-weight:var(--font-weight-bold, 700);letter-spacing:.2px}.card-help-popover .popover-body .popover-unowned-alert{background:color-mix(in srgb, var(--color-danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-danger) 30%, transparent);border-radius:6px;padding:6px 8px;margin-bottom:8px}.card-help-popover .popover-body .popover-unowned-alert .unowned-alert-title{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:800;color:var(--color-danger);margin-bottom:2px}.card-help-popover .popover-body .popover-unowned-alert .unowned-alert-title .unowned-alert-icon{flex-shrink:0;color:var(--color-danger)}.card-help-popover .popover-body .popover-unowned-alert .unowned-alert-desc{font-size:.65rem;color:var(--text-secondary);margin:0;line-height:1.35}.card-help-popover .popover-body .popover-equipment-pool{margin-top:8px;padding-top:6px;border-top:1px dashed color-mix(in srgb, var(--border-primary) 50%, transparent)}.card-help-popover .popover-body .popover-equipment-pool .popover-pool-header{font-size:.72rem;font-weight:800;color:var(--text-primary);margin-bottom:6px}.card-help-popover .popover-body .popover-equipment-pool .popover-pool-list{display:flex;flex-direction:column;gap:4px}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row{display:flex;align-items:center;gap:7px;padding:4px 7px;border-radius:6px;background:var(--bg-surface-secondary);border:1px solid var(--border-primary);transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row.is-awarded{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 15%, var(--bg-surface-secondary))}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row.is-owned{opacity:.6}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-item-icon{width:22px;height:22px;max-width:22px;max-height:22px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(0, 0, 0, 0.4));display:block}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-item-info{flex:1;min-width:0;display:flex;align-items:center}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-item-name{font-size:.68rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-status-badge{font-size:.56rem;font-weight:var(--font-weight-bold, 700);padding:2px 5px;border-radius:4px;white-space:nowrap;text-transform:uppercase;flex-shrink:0;letter-spacing:.3px;line-height:1.2}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-status-badge.badge--owned{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-success) 35%, transparent)}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-status-badge.badge--awarded-earlier{color:var(--color-info);background:color-mix(in srgb, var(--color-info) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-info) 35%, transparent)}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-status-badge.badge--awarded{color:var(--text-on-accent);background:var(--accent-primary);border:1px solid var(--accent-primary);font-weight:800}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-status-badge.badge--queued{color:var(--text-muted);background:var(--bg-surface-tertiary);border:1px solid var(--border-secondary)}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-status-badge.badge--starry{color:var(--starry-ore);background:color-mix(in srgb, var(--starry-ore) 15%, transparent);border:1px solid color-mix(in srgb, var(--starry-ore) 35%, transparent)}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-status-badge.badge--missed{color:var(--text-inverse);background:var(--color-danger);border:1px solid var(--color-danger);font-weight:800}.card-help-popover .popover-body .popover-equipment-pool .pool-item-row .pool-status-badge.badge--now-awarded{color:var(--text-inverse);background:var(--color-info);border:1px solid var(--color-info);font-weight:800}.card-help-popover:has(.popover-equipment-pool){max-width:min(290px,100vw - 24px);width:min(280px,100vw - 24px)}.card-help-popover:has(.calc-breakdown-row),.card-help-popover:has(.calc-breakdown-list),.card-help-popover:has(.calc-popover-diminishing-section){max-width:min(320px,100vw - 24px);width:max-content;min-width:min(250px,100vw - 24px)}.card-help-popover .popover-footer{margin-top:10px;padding-top:8px;border-top:1px solid color-mix(in srgb, var(--border-primary) 60%, transparent);font-size:.74rem;color:var(--text-muted);line-height:1.35}.input-feature-popover{position:fixed;top:0;left:0;bottom:auto;right:auto;inset:unset;margin:0;background-color:var(--bg-surface-popover);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--border-primary);border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:stretch;gap:8px;box-shadow:0px 6px 12px rgba(0,0,0,.3),0px 6px 18px rgba(0,0,0,.15);z-index:70;opacity:0;pointer-events:none;transition:opacity 150ms cubic-bezier(0.25, 1, 0.5, 1),display 150ms allow-discrete,overlay 150ms allow-discrete;white-space:nowrap;min-width:140px}.input-feature-popover:popover-open,.input-feature-popover.show{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);isolation:isolate;opacity:1;pointer-events:auto;transform:none}@starting-style{.input-feature-popover:popover-open,.input-feature-popover.show{opacity:0}}.input-feature-popover.position-below{bottom:auto;transform:none}.input-feature-popover.position-below:popover-open,.input-feature-popover.position-below.show{transform:none}.input-feature-popover .popover-title{font-size:10px;color:var(--text-muted);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.5px;text-align:center;border-bottom:1px solid var(--border-secondary);padding-bottom:4px;margin-bottom:2px}.input-feature-popover .popover-options{display:flex;flex-direction:column;gap:6px}.input-feature-popover .popover-opt-btn,.input-feature-popover .popover-opt-row{background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);padding:5px 8px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:var(--font-size-xs, 0.75rem);width:100%;box-sizing:border-box}.input-feature-popover .popover-opt-btn span,.input-feature-popover .popover-opt-row span{color:var(--text-secondary);font-weight:500}.input-feature-popover .popover-opt-btn strong,.input-feature-popover .popover-opt-row strong{color:var(--accent-primary);font-weight:var(--font-weight-bold, 700)}.input-feature-popover .popover-opt-btn.clickable,.input-feature-popover .popover-opt-row.clickable{cursor:pointer;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.input-feature-popover .popover-opt-btn.clickable:hover,.input-feature-popover .popover-opt-row.clickable:hover{background-color:var(--accent-primary-soft);border-color:color-mix(in srgb, var(--accent-primary) 30%, transparent)}.input-feature-popover .popover-opt-btn.readonly,.input-feature-popover .popover-opt-btn.is-readonly,.input-feature-popover .popover-opt-row.readonly,.input-feature-popover .popover-opt-row.is-readonly{cursor:default}.input-feature-popover .popover-opt-btn.readonly strong,.input-feature-popover .popover-opt-btn.is-readonly strong,.input-feature-popover .popover-opt-row.readonly strong,.input-feature-popover .popover-opt-row.is-readonly strong{color:var(--text-primary)}.input-feature-popover .popover-opt-btn.exceeded-color,.input-feature-popover .popover-opt-row.exceeded-color{border-color:var(--border-danger);background-color:var(--color-danger-soft)}.input-feature-popover .popover-opt-btn.exceeded-color span,.input-feature-popover .popover-opt-row.exceeded-color span{color:var(--color-danger)}.input-feature-popover .popover-opt-btn.exceeded-color strong,.input-feature-popover .popover-opt-row.exceeded-color strong{color:var(--color-danger)}.input-feature-popover .popover-opt-btn.match-color,.input-feature-popover .popover-opt-row.match-color{border-color:color-mix(in srgb, var(--color-success) 40%, transparent);background-color:var(--color-success-soft)}.input-feature-popover .popover-opt-btn.match-color span,.input-feature-popover .popover-opt-row.match-color span{color:var(--color-success)}.input-feature-popover .popover-opt-btn.match-color strong,.input-feature-popover .popover-opt-row.match-color strong{color:var(--color-success)}.input-feature-popover .popover-opt-btn.popover-btn-disable,.input-feature-popover .popover-opt-row.popover-btn-disable{border-color:color-mix(in srgb, var(--color-danger) 30%, transparent);justify-content:center}.input-feature-popover .popover-opt-btn.popover-btn-disable span,.input-feature-popover .popover-opt-row.popover-btn-disable span{color:var(--color-danger);font-weight:var(--font-weight-bold, 700)}.input-feature-popover .popover-opt-btn.popover-btn-disable:hover,.input-feature-popover .popover-opt-row.popover-btn-disable:hover{background-color:var(--color-danger-soft) !important;border-color:var(--color-danger) !important}.input-feature-popover .popover-opt-btn.popover-btn-enable,.input-feature-popover .popover-opt-row.popover-btn-enable{border-color:color-mix(in srgb, var(--color-success) 30%, transparent);justify-content:center}.input-feature-popover .popover-opt-btn.popover-btn-enable span,.input-feature-popover .popover-opt-row.popover-btn-enable span{color:var(--color-success);font-weight:var(--font-weight-bold, 700)}.input-feature-popover .popover-opt-btn.popover-btn-enable:hover,.input-feature-popover .popover-opt-row.popover-btn-enable:hover{background-color:var(--color-success-soft) !important;border-color:var(--color-success) !important}.input-feature-popover .popover-opt-btn kbd.popover-key-badge,.input-feature-popover .popover-opt-row kbd.popover-key-badge{display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-surface-primary);color:var(--text-primary);border:1px solid var(--border-secondary);border-bottom:2px solid var(--border-primary);border-radius:4px;font-family:"Roboto Mono",monospace;font-size:8px;font-weight:var(--font-weight-bold, 700);padding:0 4px;margin-left:6px;height:14px;min-width:14px;box-shadow:0 1px 2px rgba(0,0,0,.15)}@media(pointer: coarse),(max-width: 779px){.input-feature-popover .popover-opt-btn kbd.popover-key-badge,.input-feature-popover .popover-opt-row kbd.popover-key-badge{display:none !important}}.input-feature-popover .popover-opt-btn kbd.popover-key-badge,.input-feature-popover .popover-opt-row kbd.popover-key-badge{line-height:12px;text-transform:uppercase;vertical-align:middle}.card-title{color:var(--accent-primary);margin:0;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.info-btn{background:rgba(0,0,0,0);border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.25, 1, 0.5, 1);border-radius:50%}.info-btn:hover,.info-btn:focus{color:var(--accent-primary);transform:scale(1.15) rotate(15deg);outline:none}.info-btn .info-icon{display:block;fill:currentColor}.card-container{container-type:inline-size;display:flex;flex-direction:column;height:100%;transition:width 250ms cubic-bezier(0.2, 0, 0, 1)}.card{background-color:var(--bg-surface-secondary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:10px;padding:30px;flex:1;position:relative;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15);transition:padding 250ms cubic-bezier(0.2, 0, 0, 1),border-color 300ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1),background-color 300ms cubic-bezier(0.25, 1, 0.5, 1),transform 250ms cubic-bezier(0.2, 0, 0, 1)}.card:hover:not(.dragging){border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary));box-shadow:0 8px 24px -4px rgba(0,0,0,.22),0 0 12px color-mix(in srgb, var(--accent-primary) 8%, transparent)}@container (max-width: 445px){.card{padding:20px}}.card.full-width-card{width:100%}.card.small-width-card,.card.equipment-card{width:100%;max-width:480px;margin:0 auto;box-sizing:border-box}.card .inner-card{background-color:var(--bg-surface-primary);border-radius:8px;margin:15px 0;padding:20px}.card .inner-card:has(.input-group-flex:nth-child(2)) .input-group-flex:not(:last-child){margin-bottom:10px}.card .inner-card .inner-card-divider{border:none;border-top:1px solid var(--border-primary);margin:12px 0}.card .ores{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;width:100%;max-width:480px;margin:15px auto 0}.card .ore{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;text-align:center}.card .ore span{color:var(--text-primary);font-weight:var(--font-weight-bold, 700)}.card .ore-value,.card .ore-time,.card .ore-date{display:block;font-size:var(--font-size-lg, 1rem);padding-top:5px;text-align:center;width:100%;box-sizing:border-box}.card .ore-date{color:var(--text-secondary);margin-top:5px;font-size:var(--font-size-sm, 0.8125rem)}.card .ore-input-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:15px;gap:6px}.card .hero-journey-upcoming-badge{background-color:var(--color-success-soft);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success) 35%, transparent);font-size:.65rem;font-weight:var(--font-weight-bold, 700);padding:2px 6px;border-radius:6px;letter-spacing:.3px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:help;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.card .hero-journey-upcoming-badge:hover{background-color:color-mix(in srgb, var(--color-success) 20%, transparent);border-color:var(--color-success)}.card .ore-value[type=number]{background-color:var(--bg-app);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:var(--font-size-sm, 0.8125rem);padding:5px;position:relative;text-align:center;width:70px}.card .results-title,.card .storage-title{align-items:center;color:var(--accent-primary);display:flex;justify-content:center;gap:6px;white-space:nowrap}.income-card{background-color:var(--bg-surface-secondary);border-radius:10px;display:flex;flex-direction:column;min-width:0;flex:1}.income-card:has(#inc-shop-offers-checkboxes) .timeframe-income .four-col-grid:nth-of-type(2) .grid-row{align-items:flex-end}.income-card:has(#inc-shop-offers-checkboxes) .timeframe-income .four-col-grid:nth-of-type(2) .grid-value-display{flex-direction:row;justify-content:flex-end}.income-card>*:not(:first-child):not(:last-child){padding:20px}.income-card>*:last-child{margin-top:auto}.card-drag-handle{position:absolute;top:30px;left:30px;cursor:grab;opacity:.4;transition:opacity 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1);z-index:10;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-muted);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@container (max-width: 445px){.card-drag-handle{top:20px;left:20px}}.card-drag-handle svg{display:block;width:20px;height:20px;fill:currentColor}.card-drag-handle:hover{opacity:.85;color:var(--accent-primary);animation:drag-handle-bounce .8s ease-in-out infinite}.card-drag-handle:active{cursor:grabbing;color:var(--accent-primary-hover, var(--accent-primary));transform:scale(0.95)}@keyframes drag-handle-bounce{0%,100%{transform:scale(1.1) translateY(0)}50%{transform:scale(1.1) translateY(-3px)}}.hero-card .card-drag-handle{left:auto;right:30px}@container (max-width: 445px){.hero-card .card-drag-handle{right:20px}}.layout-compact-dev .card-drag-handle{display:none !important}.card-container.dragging,.hero-card.dragging,.planner-card.dragging,.left-panel.dragging,.right-panel.dragging,.full-width-planner-section.dragging,.card.dragging,.equipment-card.dragging{opacity:.3;border:2px dashed var(--accent-primary);border-radius:10px}.card-drag-preview-pill{position:absolute;top:-1000px;left:-1000px;background-color:var(--bg-surface-secondary);border:1px solid var(--accent-primary);border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:10px;box-shadow:var(--card-shadow);z-index:121;pointer-events:none}.card-drag-preview-pill .drag-preview-handle{display:flex;align-items:center;width:18px;height:18px;color:var(--accent-primary);opacity:.6}.card-drag-preview-pill .drag-preview-handle svg{width:100%;height:100%}.card-drag-preview-pill .drag-preview-title{color:var(--text-primary);font-weight:var(--font-weight-bold, 700);font-size:14px;white-space:nowrap}.calendar-container{overflow:hidden;position:relative;width:100%}#calendar-track{display:flex;align-items:flex-start;width:300%;position:relative}.calendar-grid{width:33.3333333333%;display:grid;grid-template-columns:repeat(7, 1fr);grid-template-rows:auto;grid-auto-rows:minmax(80px, auto);text-align:center;flex-shrink:0;border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;background-color:var(--bg-surface-secondary);gap:1px}.calendar-grid .day-name{font-weight:var(--font-weight-bold, 700);color:var(--text-secondary);padding:12px 5px;background-color:var(--bg-surface-primary);font-size:.8em;text-transform:uppercase;letter-spacing:.05em}.calendar-grid .day-cell{padding:12px 5px 8px 5px;cursor:pointer;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1);background-color:var(--bg-surface-primary);min-height:80px}.calendar-grid .day-cell:hover{background-color:var(--bg-surface-tertiary);z-index:5;box-shadow:inset 0 0 0 1px var(--accent-primary)}.calendar-grid .day-cell.other-month{background-color:var(--bg-app);color:var(--text-muted)}.calendar-grid .day-cell.other-month .income-chip{opacity:.4;filter:grayscale(0.5)}.calendar-grid .day-cell .chip-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(32px, 50% - 2px), 1fr));gap:3px;justify-items:center;align-items:center;align-content:flex-start;width:100%;box-sizing:border-box}.calendar-grid .day-cell .chip-container.subgrid-1{grid-template-columns:1fr;justify-items:center}.calendar-grid .day-cell .chip-container.subgrid-2{grid-template-columns:repeat(2, 1fr);gap:3px}.calendar-grid .day-cell .chip-container.subgrid-compact-grid{grid-template-columns:repeat(2, 1fr);gap:3px}@keyframes dropPulse{0%{background-color:rgba(0,0,0,0);box-shadow:inset 0 0 0 0 rgba(var(--accent-primary), 0)}30%{background-color:rgba(var(--accent-primary), 0.2);box-shadow:inset 0 0 0 4px rgba(var(--accent-primary), 0.4)}100%{background-color:rgba(0,0,0,0);box-shadow:inset 0 0 0 0 rgba(var(--accent-primary), 0)}}.day-cell{display:flex;flex-direction:column;justify-content:flex-start;overflow:visible;position:relative}.day-cell.drop-pulse{animation:dropPulse .6s ease-out}.day-cell.drag-source-cell{background-color:var(--accent-primary-soft);border-color:var(--accent-primary);box-shadow:0 0 8px color-mix(in srgb, var(--accent-primary) 25%, transparent)}.day-cell.drag-source-day{background-color:var(--accent-primary-soft);border-color:var(--accent-primary);box-shadow:0 0 8px color-mix(in srgb, var(--accent-primary) 25%, transparent)}.day-cell.today .date-display{background-color:var(--accent-primary);color:var(--text-on-accent);font-weight:var(--font-weight-bold, 700);box-shadow:0px 2px 4px rgba(0,0,0,.3),0px 2px 6px rgba(0,0,0,.15)}.day-cell .date-display{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;border-radius:50%;font-size:.95em;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1);flex-shrink:0}.day-cell .chip-container{flex-grow:1;min-height:30px;border-radius:8px;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),outline-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.day-cell .chip-container.valid-drop-range{outline:1.5px dashed var(--border-accent);outline-offset:-1.5px;background-color:color-mix(in srgb, var(--accent-primary-soft) 30%, transparent)}.day-cell .chip-container.valid-drop-target{outline:2px dashed var(--color-success);outline-offset:-2px;background-color:var(--color-success-soft)}.day-cell .chip-container.invalid-drop-target{outline:2px dashed var(--color-danger);outline-offset:-2px;background-color:var(--color-danger-soft)}.calendar-header{display:flex;justify-content:space-between;align-items:center;width:100%;color:var(--text-primary);padding:10px 15px}.calendar-header .calendar-nav{display:flex;align-items:center;gap:10px}.calendar-header .calendar-nav .current-month-year{display:inline-block;text-align:center;font-size:1.1rem;font-weight:600;min-width:150px}.calendar-header .calendar-nav .current-month-year.header-fade-in{animation:headerFadeIn .3s ease-out forwards}.calendar-header h2{margin:0;font-size:var(--font-size-2xl, 1.25rem);font-weight:600;text-align:left;flex-grow:1;color:var(--accent-primary)}.calendar-header .calendar-action-buttons{display:flex;gap:8px;align-items:center}.calendar-header .planner-action-button{background-color:var(--bg-surface-tertiary);border-color:var(--border-primary);color:var(--text-secondary)}.calendar-header .planner-action-button:hover{background-color:var(--accent-primary-soft);border-color:var(--accent-primary);color:var(--accent-primary)}.month-chip-container{display:flex;overflow-x:auto;padding:10px;gap:8px}.year-label{display:flex;align-items:center;padding:0 10px;font-weight:var(--font-weight-bold, 700);color:var(--text-secondary)}.month-chip{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-radius:8px;background-color:var(--bg-surface-tertiary);color:var(--text-primary);cursor:pointer;transition:background-color 300ms cubic-bezier(0.25, 1, 0.5, 1),border-color 300ms cubic-bezier(0.25, 1, 0.5, 1);white-space:nowrap;flex-grow:1;flex-shrink:0;border:1px solid var(--border-primary)}.month-chip:hover{background-color:var(--bg-surface-primary);border-color:var(--accent-primary)}.month-chip.is-active{font-weight:var(--font-weight-bold, 700);border-color:var(--accent-primary)}.month-chip.is-active .month-name{color:var(--accent-primary)}.week-numbers-container{display:none;flex-wrap:nowrap;gap:5px;margin-left:10px;justify-content:flex-end;flex-shrink:0}.month-chip.is-active .week-numbers-container{display:flex}.week-chip{width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:var(--bg-surface-tertiary);color:var(--text-primary);font-size:.8em;cursor:pointer;transition:background-color 300ms cubic-bezier(0.25, 1, 0.5, 1),color 300ms cubic-bezier(0.25, 1, 0.5, 1)}.week-chip:hover{background-color:var(--accent-primary-soft)}.week-chip.is-active{background-color:var(--accent-primary);color:var(--text-on-accent);font-weight:var(--font-weight-bold, 700)}@keyframes headerFadeIn{from{opacity:.3;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@media(max-width: 779px){.calendar-header h2{font-size:1.1rem}}@media(max-width: 425px){.calendar-header{padding:8px 10px}.calendar-header h2{font-size:.95rem}.calendar-header .calendar-action-buttons{gap:4px}.calendar-header .planner-action-button{width:32px;height:32px}.calendar-header .planner-action-button svg{width:20px;height:20px}}.day-cell.equipment-accumulating{background-color:color-mix(in srgb, var(--equip-color) 4%, var(--bg-surface-primary)) !important;position:relative}.day-cell.equipment-accumulating::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--equip-color);opacity:.7;z-index:2;transition:all 150ms cubic-bezier(0.25, 1, 0.5, 1)}.day-cell.equipment-accumulating.range-start::after{border-top-left-radius:3px;border-bottom-left-radius:3px;left:4px}.day-cell.equipment-accumulating.range-end::after{border-top-right-radius:3px;border-bottom-right-radius:3px;right:4px}.calendar-equipment-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center;width:100%;margin-top:auto;padding-top:6px;box-sizing:border-box;z-index:3}.calendar-equipment-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(45,52,54,.4);border:1.5px solid color-mix(in srgb, var(--equip-color) 40%, var(--border-primary));border-radius:6px;padding:3px 6px;cursor:help;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1);box-shadow:0 1px 3px rgba(0,0,0,.12);backdrop-filter:blur(4px)}.calendar-equipment-badge:hover{background:rgba(45,52,54,.7);box-shadow:0 4px 10px rgba(0,0,0,.25),0 0 10px color-mix(in srgb, var(--equip-color) 50%, transparent);border-color:var(--equip-color);z-index:10}.calendar-equipment-badge:active{transform:scale(0.95)}.calendar-equipment-icon{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5))}.calendar-equipment-fallback{width:14px;height:14px;background:rgba(0,0,0,.25);border-radius:4px}.calendar-equipment-level{font-size:.72em;font-weight:var(--font-weight-bold, 700);color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8)}#calendar-track>.weekly-view-grid{display:flex;flex-direction:column;padding:15px;gap:12px;width:33.3333333333%;flex-shrink:0;box-sizing:border-box}#calendar-track>.weekly-view-grid .day-cell{display:flex;flex-direction:row;align-items:center;padding:12px 15px;border:1px solid var(--border-primary);border-radius:16px;background-color:var(--bg-surface-primary);min-height:auto;gap:15px;overflow:hidden}#calendar-track>.weekly-view-grid .day-cell:hover{border-color:var(--accent-primary);background-color:var(--bg-surface-secondary);transform:translateX(4px)}#calendar-track>.weekly-view-grid .day-cell .date-display{margin:0}#calendar-track>.weekly-view-grid .day-cell.equipment-accumulating::after{top:0;bottom:0;left:0;right:auto;width:4px;height:100%;border-top-left-radius:inherit;border-bottom-left-radius:inherit}#calendar-track>.weekly-view-grid .day-cell.equipment-accumulating.range-start::after{border-top-left-radius:0;border-bottom-left-radius:0;top:4px;height:calc(100% - 4px)}#calendar-track>.weekly-view-grid .day-cell.equipment-accumulating.range-end::after{border-top-left-radius:0;border-bottom-left-radius:inherit;bottom:4px;height:calc(100% - 4px)}#calendar-track>.weekly-view-grid .day-cell .day-meta-container{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex-shrink:0;min-width:60px}#calendar-track>.weekly-view-grid .day-cell .day-meta-container .calendar-equipment-container{margin-top:2px;margin-left:0;width:auto;padding-top:0;justify-content:flex-start}#calendar-track>.weekly-view-grid .day-info{display:flex;align-items:center;gap:6px;flex-shrink:0}#calendar-track>.weekly-view-grid .day-info .day-name-short{font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.85em}#calendar-track>.weekly-view-grid .chip-container{display:flex;flex-wrap:wrap;flex:1 1 0px;gap:4px;flex-direction:row;justify-content:flex-end;align-content:center;min-height:auto}.ore-tooltip,[role=tooltip].ore-tooltip{display:flex;flex-direction:column;gap:6px;align-items:center;font-size:clamp(11px,2.5vw,13px) !important;padding:clamp(6px,1.5vw,10px) clamp(8px,2vw,14px) !important;gap:clamp(4px,1vw,6px) !important;max-width:90vw;box-sizing:border-box}.ore-tooltip .tooltip-header,[role=tooltip].ore-tooltip .tooltip-header{font-weight:var(--font-weight-bold, 700);margin-bottom:4px;color:var(--accent-primary);width:100%;text-align:center;font-size:clamp(12px,2.8vw,14px) !important;white-space:normal}.ore-tooltip .tooltip-message,[role=tooltip].ore-tooltip .tooltip-message{color:var(--color-danger);font-size:clamp(9px,2vw,11px) !important;white-space:normal;text-align:center}.ore-tooltip .tooltip-bottleneck,[role=tooltip].ore-tooltip .tooltip-bottleneck{font-size:clamp(10px,2.2vw,12px) !important;font-weight:600;white-space:normal;text-align:center}.ore-tooltip .ore-count-item,[role=tooltip].ore-tooltip .ore-count-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:.85em;font-weight:500}.ore-tooltip .ore-count-item span,[role=tooltip].ore-tooltip .ore-count-item span{flex:1;text-align:right;font-family:"Roboto Mono",monospace}.ore-tooltip .ore-icon-small,[role=tooltip].ore-tooltip .ore-icon-small{width:16px;height:16px}.ore-tooltip .tooltip-req-ores,[role=tooltip].ore-tooltip .tooltip-req-ores{display:flex;gap:clamp(4px,1vw,8px);margin-top:3px;align-items:center}.ore-tooltip .tooltip-req-ores span,[role=tooltip].ore-tooltip .tooltip-req-ores span{display:inline-flex;align-items:center;gap:clamp(2px,.5vw,4px);font-size:clamp(10px,2.2vw,12px) !important}.ore-tooltip .tooltip-req-ores clashcalc-assets-image,.ore-tooltip .tooltip-req-ores orecalc-assets-image,.ore-tooltip .tooltip-req-ores img,[role=tooltip].ore-tooltip .tooltip-req-ores clashcalc-assets-image,[role=tooltip].ore-tooltip .tooltip-req-ores orecalc-assets-image,[role=tooltip].ore-tooltip .tooltip-req-ores img{width:clamp(10px,2.2vw,13px) !important;height:clamp(10px,2.2vw,13px) !important}.ore-tooltip .tooltip-in-progress,[role=tooltip].ore-tooltip .tooltip-in-progress{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:8px;width:100%;border-top:1px dashed var(--border-primary);padding-top:8px;box-sizing:border-box}.ore-tooltip .tooltip-in-progress .in-progress-title,[role=tooltip].ore-tooltip .tooltip-in-progress .in-progress-title{font-size:clamp(9px,2vw,11px);opacity:.8;font-weight:500;text-align:center;width:100%}.ore-tooltip .tooltip-in-progress .in-progress-badge,[role=tooltip].ore-tooltip .tooltip-in-progress .in-progress-badge{display:flex;align-items:center;gap:6px;background:rgba(45,52,54,.4);padding:4px 8px;border-radius:8px;border:1px solid var(--equip-color, #2d3436);box-shadow:0 1px 3px rgba(0,0,0,.15);margin-top:2px}.ore-tooltip .tooltip-in-progress .in-progress-icon,[role=tooltip].ore-tooltip .tooltip-in-progress .in-progress-icon{width:clamp(12px,2.5vw,16px) !important;height:clamp(12px,2.5vw,16px) !important;object-fit:contain}.ore-tooltip .tooltip-in-progress .in-progress-fallback,[role=tooltip].ore-tooltip .tooltip-in-progress .in-progress-fallback{font-size:.7em;font-weight:var(--font-weight-bold, 700);color:#dfe6e9;width:14px;height:14px;display:flex;align-items:center;justify-content:center;background-color:#2d3436;border-radius:4px}.ore-tooltip .tooltip-in-progress .in-progress-level,[role=tooltip].ore-tooltip .tooltip-in-progress .in-progress-level{font-size:clamp(9px,2.2vw,11px);font-weight:var(--font-weight-bold, 700);color:#fff;white-space:nowrap}.day-overview-popover{position:fixed;z-index:70;width:90vw;max-width:min(300px,90vw);background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0px 6px 12px rgba(0,0,0,.3),0px 6px 18px rgba(0,0,0,.15);padding:14px;display:none;flex-direction:column;gap:12px;box-sizing:border-box}.day-overview-popover.show,.day-overview-popover:popover-open{display:flex}.day-overview-popover .day-overview-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border-secondary)}.day-overview-popover .day-overview-header .day-overview-date{margin:0;font-size:.95rem;font-weight:600;color:var(--accent-primary)}.day-overview-popover .day-overview-header .day-overview-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.day-overview-popover .day-overview-header .day-overview-close-btn svg{width:16px;height:16px}.day-overview-popover .day-overview-header .day-overview-close-btn:hover{background-color:var(--bg-surface-tertiary);color:var(--text-primary)}.day-overview-popover .day-overview-summary-card{background-color:var(--bg-surface-secondary);border:1px solid var(--border-secondary);border-radius:8px;padding:10px}.day-overview-popover .day-overview-summary-card .day-overview-summary-title{font-size:var(--font-size-xs, 0.75rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:6px}.day-overview-popover .day-overview-summary-card .day-overview-ores-grid{display:flex;align-items:center;justify-content:space-around;gap:8px}.day-overview-popover .day-overview-summary-card .day-overview-ores-grid .day-ore-stat{display:flex;align-items:center;gap:5px}.day-overview-popover .day-overview-summary-card .day-overview-ores-grid .day-ore-stat .day-ore-val{font-size:.85rem;font-weight:600;color:var(--text-primary);font-family:"Roboto Mono",monospace}.day-overview-popover .day-overview-summary-card .day-overview-ores-grid .day-ore-stat .ore-icon-small{width:16px;height:16px}.day-overview-popover .day-overview-milestones{display:flex;flex-direction:column;gap:6px}.day-overview-popover .day-overview-milestones .day-overview-section-title{font-size:var(--font-size-xs, 0.75rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.day-overview-popover .day-overview-milestones .day-overview-milestones-list{display:flex;flex-direction:column;gap:6px}.day-overview-popover .day-overview-milestones .day-overview-milestones-list .day-overview-milestone-item{display:flex;align-items:center;gap:8px;background-color:var(--bg-surface-secondary);border:1.5px solid var(--equip-color, var(--border-primary));border-radius:8px;padding:6px 10px}.day-overview-popover .day-overview-milestones .day-overview-milestones-list .day-overview-milestone-item .milestone-icon{width:24px;height:24px;object-fit:contain}.day-overview-popover .day-overview-milestones .day-overview-milestones-list .day-overview-milestone-item .milestone-fallback{width:24px;height:24px;background-color:var(--bg-surface-tertiary);color:var(--text-primary);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700)}.day-overview-popover .day-overview-milestones .day-overview-milestones-list .day-overview-milestone-item .milestone-text-group{display:flex;flex-direction:column;gap:2px}.day-overview-popover .day-overview-milestones .day-overview-milestones-list .day-overview-milestone-item .milestone-text-group .milestone-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.day-overview-popover .day-overview-milestones .day-overview-milestones-list .day-overview-milestone-item .milestone-text-group .milestone-bottleneck{font-size:var(--font-size-xs, 0.75rem);color:var(--color-danger)}.day-overview-popover .day-overview-chips-section{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.day-overview-popover .day-overview-chips-section .day-overview-empty{font-size:.8rem;color:var(--text-muted);text-align:center;padding:8px 0;font-style:italic}.day-overview-popover .day-overview-chips-section .day-overview-chips-list{display:flex;flex-direction:column;gap:6px}.day-overview-popover .day-overview-chips-section .day-overview-chips-list .day-overview-chip-row{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-surface-secondary);border:1px solid var(--border-secondary);border-radius:8px;padding:6px 10px;gap:8px}.day-overview-popover .day-overview-chips-section .day-overview-chips-list .day-overview-chip-row .chip-row-info{display:flex;flex-direction:column;gap:3px;flex-grow:1}.day-overview-popover .day-overview-chips-section .day-overview-chips-list .day-overview-chip-row .chip-row-info .chip-row-title{font-size:.82rem;font-weight:600;color:var(--text-primary)}.day-overview-popover .day-overview-chips-section .day-overview-chips-list .day-overview-chip-row .chip-row-info .chip-row-ores{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary);font-family:"Roboto Mono",monospace}.day-overview-popover .day-overview-chips-section .day-overview-chips-list .day-overview-chip-row .chip-row-info .chip-row-ores .ore-icon-tiny{width:12px;height:12px;vertical-align:middle}.day-overview-popover .day-overview-chips-section .day-overview-chips-list .day-overview-chip-row .chip-row-actions{display:flex;align-items:center;gap:4px}.day-overview-popover .day-overview-chips-section .day-overview-chips-list .day-overview-chip-row .chip-row-actions .chip-action-btn{background:none;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.day-overview-popover .day-overview-chips-section .day-overview-chips-list .day-overview-chip-row .chip-row-actions .chip-action-btn svg{width:12px;height:12px}.day-overview-popover .day-overview-chips-section .day-overview-chips-list .day-overview-chip-row .chip-row-actions .chip-action-btn.btn-remove:hover{background-color:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.day-overview-popover .day-overview-chips-section .day-overview-chips-list .day-overview-chip-row .chip-row-actions .chip-action-btn.btn-edit:hover{background-color:var(--accent-primary-soft);border-color:var(--accent-primary);color:var(--accent-primary)}body.open-fab{overflow:hidden !important;touch-action:none;overscroll-behavior:contain}.fab-container{align-items:flex-end;bottom:90px;display:flex;flex-direction:column;position:fixed;right:30px;width:fit-content;z-index:20;contain:layout paint;opacity:0;pointer-events:none;transform:scale(0.5);transform-origin:bottom right;transition:opacity 300ms cubic-bezier(0.2, 0, 0, 1),transform 300ms cubic-bezier(0.2, 0, 0, 1),bottom 300ms cubic-bezier(0.2, 0, 0, 1),right 300ms cubic-bezier(0.2, 0, 0, 1)}.fab-button{pointer-events:auto;background-color:var(--accent-primary);border:none;border-radius:16px;box-shadow:0 6px 10px rgba(0,0,0,.3);color:var(--text-on-accent);cursor:pointer;height:56px;outline:none;overflow:hidden;position:relative;transition:all 300ms cubic-bezier(0.25, 1, 0.5, 1);width:56px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fab-button:disabled{background-color:var(--bg-surface-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.fab-button:disabled .fab-icon svg{fill:currentColor}.fab-button.is-active{border-radius:50%;transform:rotate(90deg)}.fab-button.is-active .fab-plus-icon{opacity:0;transform:rotate(45deg)}.fab-button.is-active .fab-cross-icon{opacity:1;transform:rotate(0deg)}.fab-icon{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px);width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:opacity 300ms cubic-bezier(0.25, 1, 0.5, 1),transform 300ms cubic-bezier(0.25, 1, 0.5, 1)}.fab-icon svg{width:24px;height:24px}.fab-plus-icon{opacity:1;transform:rotate(0deg)}.fab-cross-icon{opacity:0;transform:rotate(-45deg)}.fab-menu{align-items:flex-end;display:flex;flex-direction:column;margin-bottom:10px;pointer-events:none;visibility:hidden;transition:visibility 400ms}.fab-menu.show{visibility:visible;pointer-events:auto}.fab-menu-pill{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--bg-surface-secondary);color:var(--accent-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.25);margin-bottom:8px;padding:10px 16px;white-space:nowrap;min-height:auto;min-width:auto;font-weight:500;opacity:0;pointer-events:none}.fab-menu-pill:nth-child(1){transform:translateY(100px) scale(0);transition:transform 250ms cubic-bezier(0.4, 0, 1, 1),opacity 150ms cubic-bezier(0.4, 0, 1, 1);transition-delay:0s}.fab-menu-pill:nth-child(2){transform:translateY(50px) scale(0);transition:transform 250ms cubic-bezier(0.4, 0, 1, 1),opacity 150ms cubic-bezier(0.4, 0, 1, 1);transition-delay:.05s}.fab-menu-pill:hover:not(:disabled){background-color:var(--bg-surface-tertiary);border-color:var(--border-secondary)}.fab-menu-pill:active:not(:disabled){transform:scale(0.97)}.fab-menu-pill:focus-visible{outline-offset:-3px !important;border-radius:12px}.fab-menu-pill .animated-btn-icon-wrapper{opacity:1;position:relative;transform:translateY(0)}.fab-menu-pill svg{fill:currentColor;height:20px;width:20px}.fab-menu.show .fab-menu-pill{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.fab-menu.show .fab-menu-pill:nth-child(1){transition:transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1),opacity 250ms cubic-bezier(0, 0, 0.2, 1);transition-delay:.05s}.fab-menu.show .fab-menu-pill:nth-child(2){transition:transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1),opacity 250ms cubic-bezier(0, 0, 0.2, 1);transition-delay:0s}input[type=text],input[type=password],input[type=number],input[type=email],select,textarea,.dropdown-style{box-shadow:0 0 0 0 rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1)}input[type=text]:focus,input[type=text]:focus-visible,input[type=password]:focus,input[type=password]:focus-visible,input[type=number]:focus,input[type=number]:focus-visible,input[type=email]:focus,input[type=email]:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible,.dropdown-style:focus,.dropdown-style:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}input[type=number].offer-input-number,.input-group-flex input[type=number],.ore-input-item input[type=number],.custom-chip-prospector-row input[type=number]{background-color:var(--bg-app);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);padding:8px;text-align:center;width:80px;box-shadow:0 0 0 0 rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1)}input[type=number].offer-input-number:focus,input[type=number].offer-input-number:focus-visible,.input-group-flex input[type=number]:focus,.input-group-flex input[type=number]:focus-visible,.ore-input-item input[type=number]:focus,.ore-input-item input[type=number]:focus-visible,.custom-chip-prospector-row input[type=number]:focus,.custom-chip-prospector-row input[type=number]:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.dropdown-style{background-color:var(--bg-app);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);font-size:var(--font-size-sm, 0.8125rem);padding:6px 28px 6px 10px;text-align:left;text-align-last:left;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 12px;padding-right:28px;cursor:pointer}.input-group-flex{align-items:center;display:flex;justify-content:space-between;position:relative;gap:10px}.input-group-flex+.input-group-flex{margin-top:4px}.input-group-flex label{flex:1;min-width:0;overflow-wrap:break-word}.input-group-flex label.switch{flex:0 0 auto}.input-group-flex .animated-btn,.input-group-flex .dropdown-style,.input-group-flex input[type=number],.input-group-flex select{flex-shrink:0}.input-group-flex select{width:auto}.form-label-inline{display:flex;align-items:center;gap:6px;margin:0;cursor:pointer}.ores-inputs-container{display:flex;gap:10px}.ore-input-item{align-items:center;display:flex;flex-direction:row-reverse;justify-content:center;position:relative}.ore-input-item .ore-image{height:24px;margin-left:5px;width:auto}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-status-warning{border-color:var(--color-warning) !important;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-warning) 25%, transparent) !important}.input-status-error{border-color:var(--color-danger) !important;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-danger) 25%, transparent) !important}.input-status-success{border-color:var(--color-success) !important;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-success) 25%, transparent) !important}.custom-dropdown{position:relative;width:50px;border:1px solid var(--border-primary);border-radius:4px;cursor:pointer;background-color:var(--bg-app);box-shadow:0 0 0 0 rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1)}.custom-dropdown:focus,.custom-dropdown:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.custom-dropdown .dropdown-selected{padding:5px;display:flex;align-items:center;justify-content:center}.custom-dropdown .dropdown-selected img{width:24px !important;height:24px !important;display:block}.custom-dropdown .dropdown-options{display:none;position:absolute;top:100%;left:-1px;width:50px;border:1px solid var(--border-primary);border-top:none;border-radius:0 0 4px 4px;background-color:var(--bg-app);z-index:1}.custom-dropdown .dropdown-options .dropdown-option{padding:5px;display:flex;align-items:center;justify-content:center}.custom-dropdown .dropdown-options .dropdown-option:hover{background-color:var(--bg-surface-secondary)}.custom-dropdown .dropdown-options .dropdown-option img{width:24px !important;height:24px !important;display:block}.custom-dropdown.is-open .dropdown-options{display:block}.field-descriptor-group{display:flex;flex-direction:column;flex:1;min-width:0}.field-descriptor-group__label-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.field-descriptor-group__label-row label{margin-bottom:0}.field-descriptor-group label{margin-bottom:2px;flex:none}.form-setting-text{font-size:.85em;color:var(--text-secondary);margin:0}.custom-chip-ores-row{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px;margin:10px 0;width:100%;box-sizing:border-box}.custom-chip-ore-input-group{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;width:100%}.custom-chip-ore-input-group .popover-wrapper{flex:1;min-width:0;width:100%}.custom-chip-ore-input-group label{cursor:pointer;display:inline-flex;align-items:center;flex-shrink:0}.custom-chip-ore-input-group .ore-image,.custom-chip-ore-input-group clashcalc-assets-image.ore-image,.custom-chip-ore-input-group orecalc-assets-image.ore-image{height:24px;width:24px;aspect-ratio:1/1;object-fit:contain;flex-shrink:0}.custom-chip-ore-input-group input[type=number]{background-color:var(--bg-app);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);padding:8px 4px;text-align:center;width:100%;min-width:0;box-sizing:border-box;box-shadow:0 0 0 0 rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1)}.custom-chip-ore-input-group input[type=number]:focus,.custom-chip-ore-input-group input[type=number]:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.custom-chip-prospector-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin:10px 0;width:100%}@media(max-width: 480px){.custom-chip-prospector-row{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"from-dd to-dd" "from-in to-in";gap:.5rem}.custom-chip-prospector-row .custom-dropdown:first-of-type{grid-area:from-dd;justify-self:start}.custom-chip-prospector-row .custom-dropdown:last-of-type{grid-area:to-dd;justify-self:end}.custom-chip-prospector-row .popover-wrapper:first-of-type{grid-area:from-in;justify-self:stretch;width:100%}.custom-chip-prospector-row .popover-wrapper:last-of-type{grid-area:to-in;justify-self:stretch;width:100%}.custom-chip-prospector-row .prospector-arrow{display:none}.custom-chip-prospector-row input[type=number]{width:100%;max-width:none}.custom-chip-prospector-row .custom-dropdown{width:calc(100% - 20px);max-width:none}.custom-chip-prospector-row .custom-dropdown .dropdown-options{width:calc(100% + 2px)}}.prospector-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:var(--font-size-lg, 1rem);font-weight:var(--font-weight-bold, 700);align-self:flex-end;padding-bottom:4px}.custom-chip-rewards-preview{display:flex;align-items:center;justify-content:flex-start;gap:15px;margin-top:15px;padding-top:15px;border-top:1px solid var(--border-secondary)}.custom-chip-rewards-preview .preview-label{font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm, 0.8125rem);margin-right:auto}.custom-chip-rewards-preview .preview-ore-item{display:inline-flex;align-items:center;gap:5px;font-weight:var(--font-weight-bold, 700);color:var(--text-primary);font-size:var(--font-size-md, 0.9375rem)}.custom-chip-rewards-preview .preview-ore-item .ore-image{width:auto;height:20px;object-fit:contain}.custom-chip-rewards-preview .preview-ore-item .is-positive{color:var(--color-success)}.custom-chip-rewards-preview .preview-ore-item .is-negative{color:var(--color-danger)}.popover-wrapper{position:relative;display:inline-block}.currency-symbol{display:inline-block;font-size:var(--font-size-lg, 1rem);font-weight:var(--font-weight-bold, 700);margin-left:2.5px;min-width:16px;padding:0 1px;text-align:center;transition:transform 150ms cubic-bezier(0.2, 0, 0, 1),filter 150ms cubic-bezier(0.25, 1, 0.5, 1);width:auto}orecalc-assets-svg,clashcalc-assets-svg{display:inline-flex;align-items:center;justify-content:center;line-height:0;vertical-align:middle;flex-shrink:0}orecalc-assets-svg svg,clashcalc-assets-svg svg{display:block;flex-shrink:0;height:100%;width:100%}orecalc-assets-image,clashcalc-assets-image{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;aspect-ratio:1/1}orecalc-assets-image img,orecalc-assets-image picture,orecalc-assets-image picture img,clashcalc-assets-image img,clashcalc-assets-image picture,clashcalc-assets-image picture img{width:100% !important;height:100% !important;aspect-ratio:1/1;object-fit:inherit;display:block;margin:0 !important}.ore-image,orecalc-assets-image.ore-image,clashcalc-assets-image.ore-image{display:inline-flex;align-items:center;justify-content:center;height:30px;width:30px;object-fit:contain;vertical-align:middle;transition:transform 150ms cubic-bezier(0.2, 0, 0, 1),filter 150ms cubic-bezier(0.25, 1, 0.5, 1)}.ore-image[src*=shiny_ore],.ore-image img[src*=shiny_ore],orecalc-assets-image.ore-image[src*=shiny_ore],orecalc-assets-image.ore-image img[src*=shiny_ore],clashcalc-assets-image.ore-image[src*=shiny_ore],clashcalc-assets-image.ore-image img[src*=shiny_ore]{aspect-ratio:392/362}.ore-image[src*=glowy_ore],.ore-image img[src*=glowy_ore],orecalc-assets-image.ore-image[src*=glowy_ore],orecalc-assets-image.ore-image img[src*=glowy_ore],clashcalc-assets-image.ore-image[src*=glowy_ore],clashcalc-assets-image.ore-image img[src*=glowy_ore]{aspect-ratio:371/381}.ore-image[src*=starry_ore],.ore-image img[src*=starry_ore],orecalc-assets-image.ore-image[src*=starry_ore],orecalc-assets-image.ore-image img[src*=starry_ore],clashcalc-assets-image.ore-image[src*=starry_ore],clashcalc-assets-image.ore-image img[src*=starry_ore]{aspect-ratio:402/423}.ore-image[src*=raidMedal],.ore-image img[src*=raidMedal],.ore-image[src*=gem],.ore-image img[src*=gem],.ore-image[src*=cwl],.ore-image img[src*=cwl],.ore-image[src*=clanWar],.ore-image img[src*=clanWar],.ore-image[src*=eventMedal],.ore-image img[src*=eventMedal],.ore-image[src*=eventPass],.ore-image img[src*=eventPass],.ore-image[src*=prospector],.ore-image img[src*=prospector],.ore-image[src*=shopOffers],.ore-image img[src*=shopOffers],.ore-image[src*=supercellEvents],.ore-image img[src*=supercellEvents],orecalc-assets-image.ore-image[src*=raidMedal],orecalc-assets-image.ore-image img[src*=raidMedal],orecalc-assets-image.ore-image[src*=gem],orecalc-assets-image.ore-image img[src*=gem],orecalc-assets-image.ore-image[src*=cwl],orecalc-assets-image.ore-image img[src*=cwl],orecalc-assets-image.ore-image[src*=clanWar],orecalc-assets-image.ore-image img[src*=clanWar],orecalc-assets-image.ore-image[src*=eventMedal],orecalc-assets-image.ore-image img[src*=eventMedal],orecalc-assets-image.ore-image[src*=eventPass],orecalc-assets-image.ore-image img[src*=eventPass],orecalc-assets-image.ore-image[src*=prospector],orecalc-assets-image.ore-image img[src*=prospector],orecalc-assets-image.ore-image[src*=shopOffers],orecalc-assets-image.ore-image img[src*=shopOffers],orecalc-assets-image.ore-image[src*=supercellEvents],orecalc-assets-image.ore-image img[src*=supercellEvents],clashcalc-assets-image.ore-image[src*=raidMedal],clashcalc-assets-image.ore-image img[src*=raidMedal],clashcalc-assets-image.ore-image[src*=gem],clashcalc-assets-image.ore-image img[src*=gem],clashcalc-assets-image.ore-image[src*=cwl],clashcalc-assets-image.ore-image img[src*=cwl],clashcalc-assets-image.ore-image[src*=clanWar],clashcalc-assets-image.ore-image img[src*=clanWar],clashcalc-assets-image.ore-image[src*=eventMedal],clashcalc-assets-image.ore-image img[src*=eventMedal],clashcalc-assets-image.ore-image[src*=eventPass],clashcalc-assets-image.ore-image img[src*=eventPass],clashcalc-assets-image.ore-image[src*=prospector],clashcalc-assets-image.ore-image img[src*=prospector],clashcalc-assets-image.ore-image[src*=shopOffers],clashcalc-assets-image.ore-image img[src*=shopOffers],clashcalc-assets-image.ore-image[src*=supercellEvents],clashcalc-assets-image.ore-image img[src*=supercellEvents]{aspect-ratio:1/1}.rate-column input:focus~.currency-symbol,.rate-column input:focus~orecalc-assets-image,.rate-column input:focus~clashcalc-assets-image,.rate-column input:focus~.ore-image,.input-group-flex input:focus~.currency-symbol,.input-group-flex input:focus~orecalc-assets-image,.input-group-flex input:focus~clashcalc-assets-image,.input-group-flex input:focus~.ore-image,.level-input-container input:focus~.currency-symbol,.level-input-container input:focus~orecalc-assets-image,.level-input-container input:focus~clashcalc-assets-image,.level-input-container input:focus~.ore-image{transform:scale(1.15);filter:drop-shadow(0 0 6px rgba(var(--accent-primary), 0.4))}.title-icon,orecalc-assets-image.title-icon,clashcalc-assets-image.title-icon{display:inline-block;height:30px;margin-right:10px;vertical-align:middle;width:53.33px;aspect-ratio:16/9;object-fit:contain}.app-message-box{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:10px 15px;border-radius:8px;font-size:var(--font-size-sm, 0.8125rem);line-height:1.4;box-sizing:border-box}.app-message-box .app-message-box-content,.app-message-box .suggestion-messages-wrapper,.app-message-box .banner-messages-wrapper{flex-grow:1}.app-message-box .app-message-box-item,.app-message-box .suggestion-message,.app-message-box .banner-message{display:flex;align-items:center;gap:6px;text-align:left;color:inherit}.app-message-box .app-message-box-item p,.app-message-box .app-message-box-item span,.app-message-box .suggestion-message p,.app-message-box .suggestion-message span,.app-message-box .banner-message p,.app-message-box .banner-message span{margin:0}.app-message-box .app-message-box-item svg,.app-message-box .app-message-box-item .suggestion-icon,.app-message-box .app-message-box-item .banner-icon,.app-message-box .suggestion-message svg,.app-message-box .suggestion-message .suggestion-icon,.app-message-box .suggestion-message .banner-icon,.app-message-box .banner-message svg,.app-message-box .banner-message .suggestion-icon,.app-message-box .banner-message .banner-icon{width:20px;height:20px;flex-shrink:0;fill:currentColor}.app-message-box .app-message-box-item .banner-text,.app-message-box .app-message-box-item span,.app-message-box .suggestion-message .banner-text,.app-message-box .suggestion-message span,.app-message-box .banner-message .banner-text,.app-message-box .banner-message span{flex:1}.app-message-box .app-message-box-btn,.app-message-box .hide-suggestion-btn,.app-message-box .dismiss-banner-btn{background-color:rgba(0,0,0,0);border:1px solid currentColor;color:inherit;padding:5px 12px;border-radius:6px;cursor:pointer;font-size:var(--font-size-xs, 0.75rem);font-weight:600;white-space:nowrap;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1);flex-shrink:0;display:inline-flex;align-items:center}.app-message-box .app-message-box-btn:hover,.app-message-box .hide-suggestion-btn:hover,.app-message-box .dismiss-banner-btn:hover{background-color:color-mix(in srgb, currentColor 15%, transparent)}.app-message-box .app-message-box-btn:active,.app-message-box .hide-suggestion-btn:active,.app-message-box .dismiss-banner-btn:active{transform:scale(0.98)}.app-message-box.suggestion-only{background-color:var(--accent-primary-soft);border:1px solid var(--accent-primary);color:var(--accent-primary)}.app-message-box--error,.app-message-box.error{background-color:var(--color-danger-soft);border:1px solid var(--color-danger);color:var(--color-danger)}.app-message-box.banner-niche{background:color-mix(in srgb, var(--color-warning) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-warning) 30%, transparent);color:var(--color-warning)}.app-message-box.banner-niche .banner-icon{fill:var(--color-warning)}.app-message-box.banner-not-recommended{background:color-mix(in srgb, var(--color-danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-danger) 30%, transparent);color:var(--color-danger)}.app-message-box.banner-not-recommended .banner-icon{fill:var(--color-danger)}.app-message-box.banner-unreleased{background:color-mix(in srgb, var(--color-rarity-epic) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-rarity-epic) 35%, transparent);color:var(--color-rarity-epic)}.app-message-box.banner-unreleased .banner-icon{fill:var(--color-rarity-epic)}.app-message-box.banner-must-have{background:color-mix(in srgb, var(--color-gold-glow) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-gold-glow) 35%, transparent);color:var(--color-gold-glow)}.app-message-box.banner-must-have .banner-icon{fill:var(--color-gold-glow)}.app-message-box.banner-recommended{background:color-mix(in srgb, var(--color-success) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-success) 30%, transparent);color:var(--color-success)}.app-message-box.banner-recommended .banner-icon{fill:var(--color-success)}@media(max-width: 625px){.app-message-box{flex-direction:column;padding:14px;text-align:center}.app-message-box .app-message-box-content,.app-message-box .suggestion-messages-wrapper,.app-message-box .banner-messages-wrapper{width:100%}.app-message-box .app-message-box-item,.app-message-box .suggestion-message,.app-message-box .banner-message{justify-content:center;text-align:center}.app-message-box .app-message-box-btn,.app-message-box .hide-suggestion-btn,.app-message-box .dismiss-banner-btn{width:100%;justify-content:center;margin-left:0}}.browser-compatibility-notice{position:fixed;top:12px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:680px;z-index:90;background-color:color-mix(in srgb, var(--color-warning) 15%, var(--bg-surface-secondary));border:1px solid var(--color-warning);color:var(--text-primary);border-radius:8px;padding:10px 14px;box-shadow:0 4px 16px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--font-size-sm, 0.8125rem)}.browser-compatibility-notice .compatibility-notice-content{display:flex;align-items:center;gap:8px;flex:1}.browser-compatibility-notice .compatibility-notice-icon{width:20px;height:20px;flex-shrink:0;fill:var(--color-warning)}.browser-compatibility-notice .compatibility-notice-close{background:rgba(0,0,0,0);border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:4px;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.browser-compatibility-notice .compatibility-notice-close:hover{color:var(--text-primary)}.browser-compatibility-notice .compatibility-notice-close .compatibility-notice-close-icon{width:18px;height:18px;fill:currentColor}.notice{color:var(--text-secondary);font-size:.6em;padding:8px;text-align:center}.notice p{margin:0}.notice a{color:var(--text-primary);text-decoration:underline;display:inline-block}.notice.supercell-notice{margin-top:8px}@media(max-width: 779px){.notice.supercell-notice{margin-top:0;padding-top:0}}.notice.supercell-notice a:hover{color:var(--accent-primary)}.notice.app-copyright{margin-top:4px;margin-bottom:16px}@media(max-width: 779px){.notice.app-copyright{margin-bottom:0;padding-bottom:0}}.notice.make-notice{margin-top:16px}.notice.make-notice .app-footer__sep{margin:0 4px;display:none}.notice.make-notice:has(#app-version-display:not(:empty)) .app-footer__sep{display:inline}.notice.make-notice .version-display-text{color:var(--text-secondary);font-size:.85em}.app-footer{width:100%;margin-top:auto;flex-shrink:0;background-color:var(--bg-surface-secondary);border-top:1px solid var(--border-secondary);box-sizing:border-box}.app-footer__container{max-width:1200px;margin:0 auto;padding:24px 16px 16px;box-sizing:border-box;display:flex;flex-direction:column}.app-footer__grid{display:grid;grid-template-columns:minmax(0, 1.35fr) minmax(0, 1.2fr) repeat(2, minmax(0, 1fr));gap:12px;margin-bottom:16px;text-align:left}@media(min-width: 980px){.app-footer__grid{gap:24px}}.app-footer__col--brand{display:flex;flex-direction:column;gap:4px}.app-footer__brand-title{display:inline-flex;align-items:center;gap:8px;line-height:1.2}.app-footer__brand-name{font-size:1.35rem;font-weight:900;letter-spacing:-0.5px;display:inline-block;font-family:Roboto,sans-serif}.app-footer__brand-name .brand-clash{background:linear-gradient(135deg, #fde293 0%, #f9ab00 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.app-footer__brand-name .brand-calc{background:linear-gradient(135deg, #f48fb1 0%, #9c27b0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.app-footer__brand-badge{font-size:var(--font-size-2xs, 0.6875rem);font-weight:500;padding:2px 8px;border-radius:9999px;background:rgba(255,255,255,.06);border:1px solid var(--border-secondary);color:var(--text-secondary);white-space:nowrap}.app-footer__brand-tagline{font-size:var(--font-size-sm, 0.8125rem);color:var(--text-secondary);margin:0;line-height:1.4}.app-footer__meta-row{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs, 0.75rem);color:var(--text-muted);margin-top:2px;padding:0;text-align:left}.app-footer__meta-row p{margin:0;text-align:left}.app-footer__copyright{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);margin-top:8px;margin-bottom:0;padding:0;text-align:left;line-height:1.4}.app-footer__copyright p{margin:0}.app-footer__heading{font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 12px 0}.app-footer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.app-footer__link,.app-footer__modal-btn{background:none;border:none;padding:0;font-size:var(--font-size-sm, 0.8125rem);color:var(--text-secondary);text-decoration:none;text-align:left;cursor:pointer;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1);font-family:inherit}.app-footer__link:hover,.app-footer__modal-btn:hover{color:var(--accent-primary);text-decoration:underline}.app-footer__link.is-active,.app-footer__link[aria-current=page],.app-footer__modal-btn.is-active,.app-footer__modal-btn[aria-current=page]{color:var(--text-primary);font-weight:600;text-decoration:none;cursor:default;pointer-events:none}.app-footer__meta-changelog{font-size:.85em;display:inline-block;vertical-align:baseline}.app-footer__sep{color:var(--text-muted);user-select:none;font-size:.8em;vertical-align:middle}.app-footer__bottom{border-top:1px solid var(--border-secondary);padding-top:12px;text-align:center}.app-footer__disclaimer{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);max-width:860px;line-height:1.5;margin:0 auto;padding:0;text-wrap:pretty}@media(min-width: 780px){.app-footer__disclaimer{font-size:clamp(.625rem,.48rem + .3vw,.6875rem)}}.app-footer__disclaimer p{margin:0}.app-footer__disclaimer a{color:var(--text-secondary);text-decoration:underline}.app-footer__disclaimer a:hover{color:var(--accent-primary)}@media(max-width: 779px){.app-footer__container{padding:12px 12px calc(24px + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}body:has(.bottom-nav-bar) .app-footer__container{padding-bottom:calc(75px + 24px + env(safe-area-inset-bottom, 0px))}.app-footer__grid{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:0;width:100%}.app-footer__brand-title,.app-footer__brand-tagline,.app-footer__heading,.app-footer__col:not(.app-footer__col--brand):not(.app-footer__col--legal){display:none !important}.app-footer__col--brand,.app-footer__col--legal{display:contents !important}.app-footer__meta-row{order:1;margin-top:0;justify-content:center;text-align:center}.app-footer__meta-row p{text-align:center}.app-footer__sep--changelog,.app-footer__meta-changelog{display:none !important}.app-footer__item--costs{display:none !important}.app-footer__list{order:2;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px}.app-footer__list li{display:inline-flex;align-items:center}.app-footer__list li+li:not(.app-footer__item--costs)::before{content:"·";color:var(--text-muted);margin-right:8px;font-size:.75em;user-select:none;pointer-events:none}.app-footer__list li.is-row-start::before{content:none !important;display:none !important;margin-right:0 !important}.app-footer__bottom{order:3;padding-top:0;border-top:none;width:100%}.app-footer__copyright{order:4;margin:0;padding:0;text-align:center}.app-footer__copyright-break{display:none}}.version-display-text{color:var(--text-secondary);font-size:.85em;margin-left:5px}.overlay{background-color:var(--bg-overlay);z-index:10;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:opacity 300ms cubic-bezier(0.25, 1, 0.5, 1),visibility 300ms cubic-bezier(0.25, 1, 0.5, 1),backdrop-filter 300ms cubic-bezier(0.25, 1, 0.5, 1),-webkit-backdrop-filter 300ms cubic-bezier(0.25, 1, 0.5, 1)}.overlay.show{opacity:1;visibility:visible;pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.overlay.closing{pointer-events:none}.player-dropdown-container{position:relative;width:auto;min-width:76px;max-width:180px;flex:0 1 auto}.player-dropdown-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;border:1px solid var(--border-primary);border-radius:12px;background-color:var(--bg-surface-secondary);cursor:pointer;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15);transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1);font-size:14px;color:var(--text-primary);font-weight:500;z-index:6;position:relative}.player-dropdown-button:hover{background-color:var(--bg-surface-tertiary);border-color:var(--border-secondary);box-shadow:0px 2px 4px rgba(0,0,0,.3),0px 2px 6px rgba(0,0,0,.15)}.player-dropdown-button:focus-visible{outline-offset:-3px !important}.player-dropdown-button.is-open{background-color:var(--bg-surface-primary);border-color:var(--accent-primary);box-shadow:0px 2px 4px rgba(0,0,0,.3),0px 2px 6px rgba(0,0,0,.15)}.player-dropdown-button.is-open::after{pointer-events:auto}.player-dropdown-button::after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:8px;background:rgba(0,0,0,0);pointer-events:none}.player-dropdown-button .dropdown-arrow{display:inline-flex;align-items:center;justify-content:center}.player-dropdown-button .dropdown-arrow svg{fill:var(--text-primary);width:16px;height:16px;display:block}.player-dropdown-list{position:absolute;top:calc(100% + 6px);right:0;width:240px;min-width:240px;max-height:380px;border-radius:16px;padding:6px;background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);z-index:5;box-shadow:0px 4px 8px rgba(0,0,0,.3),0px 4px 12px rgba(0,0,0,.15);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;opacity:0;transform:translateY(-8px) scale(0.96);transition:opacity 250ms cubic-bezier(0.34, 1.56, 0.64, 1),transform 250ms cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none}#player-items-container{flex:1 1 auto;overflow-y:auto;min-height:0;margin-right:-4px;padding-right:4px}.player-dropdown-list.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.player-dropdown-section-header{padding:4px 8px;font-size:.72rem;font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);user-select:none;display:flex;align-items:center;justify-content:space-between}.player-dropdown-section-header:not(:first-child){margin-top:4px;padding-top:6px;border-top:1px solid var(--border-primary)}.player-dropdown-section-header--collapsible{cursor:pointer;border-radius:6px;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.player-dropdown-section-header--collapsible:hover{background-color:var(--bg-surface-secondary);color:var(--text-primary)}.player-dropdown-section-header--collapsible:focus-visible{outline-offset:-2px !important}.player-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;margin-bottom:4px;border-radius:10px;border-left:3px solid rgba(0,0,0,0);cursor:pointer;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.2, 0, 0, 1),border-left-color 150ms cubic-bezier(0.25, 1, 0.5, 1),padding-left 150ms cubic-bezier(0.25, 1, 0.5, 1);font-size:14px;color:var(--text-primary)}.player-dropdown-item:hover{background-color:var(--bg-surface-secondary);transform:translateX(2px)}.player-dropdown-item:active{transform:scale(0.98);background-color:var(--bg-surface-tertiary)}.player-dropdown-item.is-active{background-color:var(--accent-primary-soft);color:var(--accent-primary);font-weight:600;border-left-color:var(--accent-primary)}.player-dropdown-item:focus-visible{outline-offset:-3px !important}.player-dropdown-item svg{margin-right:0}.player-dropdown-th-wrapper{margin-right:10px}.player-info-text{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;min-width:0;gap:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:600;text-align:left}.player-info-text>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:1.2}.player-tag-text{font-family:monospace;font-size:.72rem;font-weight:500;color:var(--text-secondary);line-height:1}.add-player-button{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 16px;margin-top:6px;background-color:var(--bg-surface-primary);color:var(--accent-primary);border:1.5px dashed color-mix(in srgb, var(--accent-primary) 60%, transparent);border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;flex-shrink:0;position:sticky;bottom:0;z-index:2;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.add-player-button:hover{background-color:var(--accent-soft);border-style:dashed;border-color:var(--accent-primary)}.add-player-button svg{margin-right:6px;fill:currentColor}.refresh-player-button{flex-shrink:0;width:24px;height:24px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);cursor:pointer;margin-left:6px;padding:0;border-radius:50%;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1);color:var(--text-secondary)}.refresh-player-button:hover{background-color:var(--accent-primary-soft);border-color:color-mix(in srgb, var(--accent-primary) 40%, transparent);color:var(--accent-primary);transform:scale(1.1)}.refresh-player-button:active{transform:scale(0.9)}.refresh-player-button.is-spinning svg{animation:spin .8s linear infinite}.refresh-player-button svg{fill:currentColor;width:13px;height:13px;display:block}.refresh-player-button:disabled{opacity:.3;cursor:not-allowed}.remove-player-button,.delete-player-button{flex-shrink:0;width:24px;height:24px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);cursor:pointer;margin-left:6px;padding:0;border-radius:50%;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1);color:var(--text-secondary)}.remove-player-button:hover,.delete-player-button:hover{background-color:var(--color-danger-soft);border-color:color-mix(in srgb, var(--color-danger) 40%, transparent);color:var(--color-danger);transform:scale(1.1)}.remove-player-button:active,.delete-player-button:active{transform:scale(0.9)}.remove-player-button svg,.delete-player-button svg{fill:currentColor;width:13px;height:13px;display:block}.remove-player-button:disabled,.delete-player-button:disabled{opacity:.3;cursor:not-allowed}#selected-player-name{flex-grow:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;margin-right:8px}#add-player-modal .modal-content{max-width:580px}#add-player-modal .modal-actions{display:flex;justify-content:space-between;align-items:center}#add-player-modal .modal-actions .modal-actions-right{display:flex;align-items:center;gap:12px;margin-left:auto}@media(max-width: 625px){#add-player-modal .modal-actions{flex-wrap:wrap;gap:10px}#add-player-modal .modal-actions #add-player-guided-setup-btn{order:2;width:100%}#add-player-modal .modal-actions .modal-actions-right{order:1;width:100%;justify-content:flex-end}#add-player-modal .modal-actions .modal-actions-right>button{flex:1}}#delete-player-modal .modal-content{max-width:420px}#add-player-modal .player-name-input-container,#delete-player-modal .player-name-input-container{padding:0 24px;margin:20px 0;position:relative}#add-player-modal .player-name-input-container label,#delete-player-modal .player-name-input-container label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}#add-player-modal .player-name-input-container input,#delete-player-modal .player-name-input-container input{box-shadow:0 0 0 0 rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1)}#add-player-modal .player-name-input-container input:focus,#add-player-modal .player-name-input-container input:focus-visible,#delete-player-modal .player-name-input-container input:focus,#delete-player-modal .player-name-input-container input:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}#add-player-modal .player-name-input-container input,#delete-player-modal .player-name-input-container input{width:100%;padding:12px 16px;border:1px solid var(--border-primary);border-radius:12px;font-size:16px;background-color:var(--bg-surface-primary);color:var(--text-primary)}#add-player-modal .player-name-input-container input.input-error,#delete-player-modal .player-name-input-container input.input-error{border-color:var(--color-danger);box-shadow:0 0 0 4px rgba(var(--color-danger), 0.1)}#add-player-modal .error-message,#delete-player-modal .error-message{color:var(--color-danger);font-size:12px;font-weight:500;margin-top:8px;text-align:left;display:none}#add-player-modal .error-message.show,#delete-player-modal .error-message.show{display:block}@media(max-width: 625px){#add-player-modal .player-name-input-container,#delete-player-modal .player-name-input-container{padding:0 20px;margin:15px 0}#add-player-modal .player-name-input-container label,#delete-player-modal .player-name-input-container label{font-size:13px;margin-bottom:6px}#add-player-modal .player-name-input-container input,#delete-player-modal .player-name-input-container input{padding:10px 14px;font-size:15px}}#add-player-token-container,#delete-token-container{margin-top:15px}.api-token-hint{color:var(--color-grey-400);font-size:.85em;margin-top:5px;display:block}#preloader{display:none !important;background-color:#121212;opacity:1;visibility:visible;pointer-events:auto;transition:opacity 600ms cubic-bezier(0.2, 0, 0, 1);z-index:110;overflow:hidden;contain:strict}#preloader[data-theme=light]{background-color:#fff}#preloader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}#preloader .preloader-loader{display:flex;position:relative;width:150px;height:150px;perspective:1000px}#preloader .preloader-dot-wrapper{position:absolute;width:16px;height:16px;top:calc(50% - 8px);left:calc(50% - 8px);will-change:transform;transform-style:preserve-3d;animation:wrapper-revolve 1.65s cubic-bezier(0.2, 0, 0, 1) forwards}#preloader .preloader-dot-wrapper:nth-child(1){--target-x: -40px;--target-y: 0;--angle: 0deg}#preloader .preloader-dot-wrapper:nth-child(2){--target-x: -20px;--target-y: 0;--angle: 72deg}#preloader .preloader-dot-wrapper:nth-child(3){--target-x: 0;--target-y: 0;--angle: 144deg}#preloader .preloader-dot-wrapper:nth-child(4){--target-x: 20px;--target-y: 0;--angle: 216deg}#preloader .preloader-dot-wrapper:nth-child(5){--target-x: 40px;--target-y: 0;--angle: 288deg}#preloader span{display:block;width:100%;height:100%;border-radius:50%;transition:background-color 300ms cubic-bezier(0.25, 1, 0.5, 1);will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;animation:span-jump-burst 1.65s cubic-bezier(0.25, 1, 0.5, 1) forwards}#preloader .preloader-dot-wrapper:nth-child(1) span{background-color:#669df6;animation-delay:.05s}#preloader .preloader-dot-wrapper:nth-child(2) span{background-color:#fdd663;animation-delay:.1s}#preloader .preloader-dot-wrapper:nth-child(3) span{background-color:#ba68c8;animation-delay:.15s}#preloader .preloader-dot-wrapper:nth-child(4) span{background-color:#81c995;animation-delay:.2s}#preloader .preloader-dot-wrapper:nth-child(5) span{background-color:#f6948e;animation-delay:.25s}#preloader[data-accent=blue] .preloader-dot-wrapper:nth-child(1){z-index:10;animation:wrapper-revolve-collapse 1.95s cubic-bezier(0.2, 0, 0, 1) forwards}#preloader[data-accent=blue] .preloader-dot-wrapper:nth-child(1) span{animation:span-jump-burst-selected 1.95s cubic-bezier(0.25, 1, 0.5, 1) forwards;animation-delay:.05s}#preloader[data-accent=gold] .preloader-dot-wrapper:nth-child(2){z-index:10;animation:wrapper-revolve-collapse 1.95s cubic-bezier(0.2, 0, 0, 1) forwards}#preloader[data-accent=gold] .preloader-dot-wrapper:nth-child(2) span{animation:span-jump-burst-selected 1.95s cubic-bezier(0.25, 1, 0.5, 1) forwards;animation-delay:.1s}#preloader[data-accent=purple] .preloader-dot-wrapper:nth-child(3){z-index:10;animation:wrapper-revolve-collapse 1.95s cubic-bezier(0.2, 0, 0, 1) forwards}#preloader[data-accent=purple] .preloader-dot-wrapper:nth-child(3) span{animation:span-jump-burst-selected 1.95s cubic-bezier(0.25, 1, 0.5, 1) forwards;animation-delay:.15s}#preloader[data-accent=green] .preloader-dot-wrapper:nth-child(4){z-index:10;animation:wrapper-revolve-collapse 1.95s cubic-bezier(0.2, 0, 0, 1) forwards}#preloader[data-accent=green] .preloader-dot-wrapper:nth-child(4) span{animation:span-jump-burst-selected 1.95s cubic-bezier(0.25, 1, 0.5, 1) forwards;animation-delay:.2s}#preloader[data-accent=red] .preloader-dot-wrapper:nth-child(5){z-index:10;animation:wrapper-revolve-collapse 1.95s cubic-bezier(0.2, 0, 0, 1) forwards}#preloader[data-accent=red] .preloader-dot-wrapper:nth-child(5) span{animation:span-jump-burst-selected 1.95s cubic-bezier(0.25, 1, 0.5, 1) forwards;animation-delay:.25s}@keyframes wrapper-revolve{0%{transform:translate(var(--target-x), 0)}45%{transform:translate(var(--target-x), 0)}80%,100%{transform:rotate(var(--angle)) translate(48px) rotate(calc(-1 * var(--angle)))}}@keyframes wrapper-revolve-collapse{0%{transform:translate(var(--target-x), 0)}40%{transform:translate(var(--target-x), 0)}68%{transform:rotate(var(--angle)) translate(48px) rotate(calc(-1 * var(--angle)))}85%,100%{transform:translate(0, 0)}}@keyframes span-jump-burst{0%{transform:translateY(50px) scale(0);opacity:0}25%{transform:translateY(-35px) scale(1.1);opacity:1}35%{transform:translateY(0) scale(1);opacity:1}70%{transform:translateY(0) scale(1);opacity:1}85%{transform:translateY(0) scale(1.35);opacity:.85}100%{transform:translateY(0) scale(2.2);opacity:0}}@keyframes span-jump-burst-selected{0%{transform:translateY(50px) scale(0);opacity:0}25%{transform:translateY(-35px) scale(1.1);opacity:1}35%{transform:translateY(0) scale(1);opacity:1}84%{transform:translateY(0) scale(1);opacity:1}92%{transform:translateY(0) scale(1.4);opacity:.85}100%{transform:translateY(0) scale(2.5);opacity:0}}.route-transition-loader{display:flex;align-items:center;justify-content:center;min-height:55vh;width:100%;pointer-events:none;opacity:1;transition:opacity 180ms cubic-bezier(0.2, 0, 0, 1)}.route-transition-loader.is-leaving{opacity:0}.route-transition-loader__spinner{position:relative;width:120px;height:120px;animation:route-loader-spin 2.2s linear infinite;animation-delay:.85s}.route-transition-loader__dot-wrapper{position:absolute;width:16px;height:16px;top:calc(50% - 8px);left:calc(50% - 8px);will-change:transform;animation:route-loader-dot-revolve .9s cubic-bezier(0.2, 0, 0, 1) forwards}.route-transition-loader__dot-wrapper:nth-child(1){--target-x: -40px;--angle: 0deg}.route-transition-loader__dot-wrapper:nth-child(2){--target-x: -20px;--angle: 72deg}.route-transition-loader__dot-wrapper:nth-child(3){--target-x: 0;--angle: 144deg}.route-transition-loader__dot-wrapper:nth-child(4){--target-x: 20px;--angle: 216deg}.route-transition-loader__dot-wrapper:nth-child(5){--target-x: 40px;--angle: 288deg}.route-transition-loader__dot{display:block;width:100%;height:100%;border-radius:50%;will-change:transform;animation:route-loader-dot-jump .9s cubic-bezier(0.25, 1, 0.5, 1) forwards}.route-transition-loader__dot-wrapper:nth-child(1) .route-transition-loader__dot{background-color:#669df6;animation-delay:.04s}.route-transition-loader__dot-wrapper:nth-child(2) .route-transition-loader__dot{background-color:#fdd663;animation-delay:.08s}.route-transition-loader__dot-wrapper:nth-child(3) .route-transition-loader__dot{background-color:#ba68c8;animation-delay:.12s}.route-transition-loader__dot-wrapper:nth-child(4) .route-transition-loader__dot{background-color:#81c995;animation-delay:.16s}.route-transition-loader__dot-wrapper:nth-child(5) .route-transition-loader__dot{background-color:#f6948e;animation-delay:.2s}@keyframes route-loader-dot-jump{0%{transform:translateY(40px) scale(0);opacity:0}35%{transform:translateY(-28px) scale(1.1);opacity:1}60%,100%{transform:translateY(0) scale(1);opacity:1}}@keyframes route-loader-dot-revolve{0%,35%{transform:translate(var(--target-x), 0)}85%,100%{transform:rotate(var(--angle)) translate(44px) rotate(calc(-1 * var(--angle)))}}@keyframes route-loader-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.route-transition-loader__spinner,.route-transition-loader__dot-wrapper,.route-transition-loader__dot{animation-duration:.01ms !important;animation-iteration-count:1 !important}}.pull-to-refresh-container{position:fixed;top:0;left:50%;transform:translate3d(-50%, -100%, 0);z-index:35;pointer-events:none;display:flex;justify-content:center;align-items:center;width:100%;max-width:400px;padding-top:80px;opacity:0;isolation:isolate;transition:none;will-change:transform,opacity}.pull-to-refresh-container.ptr-releasing,.pull-to-refresh-container.ptr-refreshing,.pull-to-refresh-container.ptr-resetting{transition:transform 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity 300ms cubic-bezier(0.25, 1, 0.5, 1)}.pull-to-refresh-container .ptr-content{display:inline-flex;align-items:center;gap:10px;isolation:isolate;transform:translateZ(0);background-color:color-mix(in srgb, var(--bg-surface-secondary) 95%, var(--accent-primary) 5%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary));border-radius:9999px;padding:9px 20px;box-shadow:0 12px 32px rgba(0,0,0,.35),0 0 15px color-mix(in srgb, var(--accent-primary) 20%, transparent),inset 0 1px 0 rgba(255,255,255,.2);transition:border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.25, 1, 0.5, 1)}.pull-to-refresh-container .ptr-icon-wrapper{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background-color:var(--accent-soft);color:var(--accent-primary);transition:transform 150ms cubic-bezier(0.34, 1.56, 0.64, 1),background-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.pull-to-refresh-container .ptr-icon-wrapper svg{width:15px;height:15px;fill:var(--accent-primary);transition:transform 100ms linear}.pull-to-refresh-container .ptr-label{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1);letter-spacing:.2px}.pull-to-refresh-container.ptr-threshold .ptr-content{border-color:var(--accent-primary);box-shadow:0 14px 40px rgba(0,0,0,.45),0 0 22px color-mix(in srgb, var(--accent-primary) 45%, transparent),inset 0 1px 0 rgba(255,255,255,.3);transform:scale(1.04)}.pull-to-refresh-container.ptr-threshold .ptr-icon-wrapper{background-color:var(--accent-primary);transform:scale(1.2)}.pull-to-refresh-container.ptr-threshold .ptr-icon-wrapper svg{fill:var(--text-on-accent)}.pull-to-refresh-container.ptr-threshold .ptr-label{color:var(--accent-primary)}.pull-to-refresh-container.ptr-stage2 .ptr-content{border-color:#8b5cf6;background-color:color-mix(in srgb, var(--bg-surface-secondary) 90%, #8b5cf6 10%);box-shadow:0 14px 40px rgba(139,92,246,.4),0 0 25px rgba(139,92,246,.5),inset 0 1px 0 rgba(255,255,255,.35);transform:scale(1.08)}.pull-to-refresh-container.ptr-stage2 .ptr-icon-wrapper{background-color:#8b5cf6;transform:scale(1.25)}.pull-to-refresh-container.ptr-stage2 .ptr-icon-wrapper svg{fill:#fff}.pull-to-refresh-container.ptr-stage2 .ptr-label{color:#a78bfa}.pull-to-refresh-container.ptr-refreshing .ptr-icon-wrapper svg{animation:spin .8s linear infinite}.pull-to-refresh-container.ptr-success .ptr-content{border-color:#10b981;box-shadow:0 14px 40px rgba(0,0,0,.45),0 0 20px rgba(16,185,129,.4)}.pull-to-refresh-container.ptr-success .ptr-icon-wrapper{background-color:#10b981}.pull-to-refresh-container.ptr-success .ptr-icon-wrapper svg{fill:#fff}.pull-to-refresh-container.ptr-success .ptr-label{color:#10b981}@media(max-width: 779px){.pull-to-refresh-container{padding-top:66px}}.load-failure-screen{position:fixed;inset:0;width:100%;height:100%;background-color:var(--bg-app);display:flex;align-items:center;justify-content:center;z-index:121;padding:20px;box-sizing:border-box;overflow-y:auto}.load-failure-screen .load-failure-card{background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:20px;padding:30px;max-width:500px;width:100%;box-shadow:0 10px 30px rgba(0,0,0,.3);box-sizing:border-box;display:flex;flex-direction:column;gap:20px;text-align:center;backdrop-filter:blur(10px)}@media(max-width: 625px){.load-failure-screen .load-failure-card{padding:20px}}.load-failure-screen .load-failure-header{display:flex;flex-direction:column;align-items:center;gap:12px}.load-failure-screen .load-failure-header .load-failure-icon-container{width:64px;height:64px;border-radius:50%;background-color:rgba(var(--color-danger), 0.1);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.load-failure-screen .load-failure-header .load-failure-icon-container svg{width:32px;height:32px}.load-failure-screen .load-failure-header h1{font-size:22px;font-weight:var(--font-weight-bold, 700);color:var(--text-primary);margin:0}.load-failure-screen .load-failure-header p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.load-failure-screen .load-failure-details-section{width:100%;text-align:left}.load-failure-screen .load-failure-details-section .details-toggle-btn{background:none;border:none;color:var(--accent-primary);font-size:14px;font-weight:600;cursor:pointer;padding:8px 0;display:flex;align-items:center;gap:8px;width:100%;justify-content:space-between}.load-failure-screen .load-failure-details-section .details-toggle-btn:hover{color:var(--accent-primary-hover)}.load-failure-screen .load-failure-details-section .details-toggle-btn .chevron-icon{transition:transform 150ms cubic-bezier(0.25, 1, 0.5, 1);font-size:10px}.load-failure-screen .load-failure-details-section .details-toggle-btn.is-active .chevron-icon{transform:rotate(180deg)}.load-failure-screen .load-failure-details-section .load-failure-details{margin-top:10px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-secondary);border-radius:10px;padding:12px;font-family:monospace;font-size:12px;max-height:150px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.load-failure-screen .load-failure-details-section .load-failure-details .error-meta{margin-bottom:8px;color:var(--text-primary)}.load-failure-screen .load-failure-details-section .load-failure-details pre{margin:0;color:var(--text-secondary)}.load-failure-screen .load-failure-report-form{width:100%;text-align:left;border-top:1px solid var(--border-secondary);padding-top:16px;display:flex;flex-direction:column;gap:12px}.load-failure-screen .load-failure-report-form h2,.load-failure-screen .load-failure-report-form h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px 0}.load-failure-screen .load-failure-report-form .form-group{display:flex;flex-direction:column;gap:6px;width:100%}.load-failure-screen .load-failure-report-form .input-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.load-failure-screen .load-failure-report-form .input-style{width:100%;padding:10px 14px;border:1px solid var(--border-primary);border-radius:10px;font-size:14px;background-color:var(--bg-surface-secondary);color:var(--text-primary);box-sizing:border-box;font-family:inherit}.load-failure-screen .load-failure-report-form .input-style:focus{outline:none;border-color:var(--accent-primary)}.load-failure-screen .load-failure-report-form .input-style.input-error{border-color:var(--color-danger)}.load-failure-screen .load-failure-report-form .input-error-msg{color:var(--color-danger);font-size:12px;font-weight:500}.load-failure-screen .load-failure-report-form .checkbox-group{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;font-size:12px;color:var(--text-secondary)}.load-failure-screen .load-failure-report-form .checkbox-group input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0}.load-failure-screen .load-failure-actions{display:flex;gap:12px;width:100%}.load-failure-screen .load-failure-actions button{flex:1;padding:12px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1);box-sizing:border-box}.load-failure-screen .load-failure-actions button:active{transform:scale(0.98)}.load-failure-screen .load-failure-actions .btn--secondary{background-color:rgba(0,0,0,0);border:1px solid var(--border-primary);color:var(--text-primary)}.load-failure-screen .load-failure-actions .btn--secondary:hover{background-color:var(--bg-surface-secondary)}.load-failure-screen .load-failure-actions .btn--primary{background-color:var(--accent-primary);border:none;color:var(--text-on-accent)}.load-failure-screen .load-failure-actions .btn--primary:hover{background-color:var(--accent-primary-hover)}.load-failure-screen .load-failure-actions .btn--primary:disabled{opacity:.6;cursor:not-allowed}.switch{display:inline-block;height:32px;position:relative;width:52px}.switch input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;z-index:3}.switch input:disabled{cursor:not-allowed}.switch input:disabled+.slider{cursor:not-allowed;opacity:.5}.switch .slider{background-color:var(--material-track-inactive);border:1px solid var(--material-track-border-inactive);border-radius:16px;box-sizing:border-box;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color 400ms cubic-bezier(0.34, 1.56, 0.64, 1),border-color 400ms cubic-bezier(0.34, 1.56, 0.64, 1)}.switch .slider.round{border-radius:9999px}.switch .slider.round:before{border-radius:50%}.switch .slider:before{background-color:var(--material-thumb-inactive);border-radius:50%;bottom:3px;box-shadow:0px 1px 3px rgba(0,0,0,.35),0px 3px 6px rgba(0,0,0,.2);content:"";height:24px;left:3px;position:absolute;top:3px;transition:transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1),background-color 400ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 400ms cubic-bezier(0.25, 1, 0.5, 1),width 400ms cubic-bezier(0.34, 1.56, 0.64, 1);width:24px;z-index:2}.switch input:hover+.slider:before{transform:scale(1.1)}.switch input:active+.slider:before{width:32px}.switch input:checked+.slider{background-color:var(--material-track-active);border-color:var(--material-track-border-active)}.switch input:checked+.slider:before{background-color:var(--material-thumb-active);box-shadow:0px 1px 3px rgba(0,0,0,.4),0 0 8px color-mix(in srgb, var(--accent-primary) 35%, transparent);transform:translateX(20px)}.switch input:checked:hover+.slider:before{transform:translateX(20px) scale(1.1)}.switch input:focus{outline:none}.switch input:focus-visible+.slider{box-shadow:0 0 0 2px var(--accent-primary),0 0 0 5px var(--accent-primary-soft)}.switch.large-switch{height:34px;width:60px}.switch.large-switch .slider:before{height:26px;top:3px;bottom:3px;left:3px;width:26px}.switch.large-switch input:active+.slider:before{width:38px}.switch.large-switch input:checked+.slider:before{transform:translateX(26px)}.switch.large-switch input:checked:hover+.slider:before{transform:translateX(26px) scale(1.1)}.switch.theme-switch .slider,.switch.layout-switch .slider{background-color:#303f9f;border-color:rgba(0,0,0,0);display:block}.switch.theme-switch .slider:before,.switch.layout-switch .slider:before{background-color:#1a237e}.switch.theme-switch .switch-icon,.switch.layout-switch .switch-icon{width:18px;height:18px;position:absolute;top:6px;z-index:3;transition:opacity 400ms cubic-bezier(0.34, 1.56, 0.64, 1),transform 500ms cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none}.switch.theme-switch .icon-dark,.switch.layout-switch .icon-dark{left:6px;color:#c5cae9;fill:#c5cae9;transform:rotate(0deg)}.switch.theme-switch .icon-dark svg,.switch.layout-switch .icon-dark svg{fill:#c5cae9}.switch.theme-switch .icon-light,.switch.layout-switch .icon-light{left:26px;color:#ffb300;fill:#ffb300;transform:rotate(-90deg) scale(0.5);opacity:0}.switch.theme-switch .icon-light svg,.switch.layout-switch .icon-light svg{fill:#ffb300}.switch.theme-switch input:not(:checked)+.slider .icon-light,.switch.layout-switch input:not(:checked)+.slider .icon-light{opacity:0;transform:rotate(-90deg) scale(0.5)}.switch.theme-switch input:not(:checked)+.slider .icon-dark,.switch.layout-switch input:not(:checked)+.slider .icon-dark{opacity:1;transform:rotate(0deg) scale(1)}.switch.theme-switch input:checked+.slider,.switch.layout-switch input:checked+.slider{background-color:#ffd54f}.switch.theme-switch input:checked+.slider:before,.switch.layout-switch input:checked+.slider:before{background-color:#fff8e1;transform:translateX(20px)}.switch.theme-switch input:checked:hover+.slider:before,.switch.layout-switch input:checked:hover+.slider:before{transform:translateX(20px) scale(1.1)}.switch.theme-switch input:checked+.slider .icon-light,.switch.layout-switch input:checked+.slider .icon-light{opacity:1;transform:rotate(0deg) scale(1)}.switch.theme-switch input:checked+.slider .icon-dark,.switch.layout-switch input:checked+.slider .icon-dark{opacity:0;transform:rotate(90deg) scale(0.5)}.switch.is-disabled{opacity:.6;pointer-events:none}.segmented-control{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:2px;box-sizing:border-box}.segmented-control::before{content:"";position:absolute;top:2px;bottom:2px;left:2px;width:calc((100% - 2px*2)/2);background-color:var(--bg-surface-primary);border-radius:6px;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15);transition:transform 250ms cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none;z-index:1}.segmented-control:has(>.segmented-btn:nth-child(1).is-active)::before{transform:translateX(0)}.segmented-control:has(>.segmented-btn:nth-child(2).is-active)::before{transform:translateX(100%)}@media(prefers-reduced-motion: reduce){.segmented-control::before{transition:none}}.segmented-control .segmented-btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border:none;background:rgba(0,0,0,0);color:var(--text-secondary);font-size:var(--font-size-xs, 0.75rem);font-weight:600;border-radius:6px;cursor:pointer;white-space:nowrap;transition:color 150ms cubic-bezier(0.2, 0, 0, 1)}.segmented-control .segmented-btn clashcalc-assets-svg,.segmented-control .segmented-btn orecalc-assets-svg,.segmented-control .segmented-btn svg{width:14px;height:14px;flex-shrink:0;fill:currentColor;display:flex;align-items:center;justify-content:center}.segmented-control .segmented-btn:hover{color:var(--text-primary)}.segmented-control .segmented-btn.is-active{color:var(--accent-primary);background:rgba(0,0,0,0)}.shop-offer{background-color:var(--color-income-shop-offer);--chip-color: var(--color-income-shop-offer)}.star-bonus,.star-bonus-2x,.star-bonus-3x,.star-bonus-4x,.star-bonus-5x,.star-bonus-6x,.star-bonus-7x{background-color:var(--color-income-star-bonus);--chip-color: var(--color-income-star-bonus)}.raid-medal-trader{background-color:var(--color-income-raid-medals);--chip-color: var(--color-income-raid-medals)}.gem-trader{background-color:var(--color-income-gems);--chip-color: var(--color-income-gems)}.event-pass{background-color:var(--color-income-event-pass);--chip-color: var(--color-income-event-pass)}.event-trader{background-color:var(--color-income-event-trader);--chip-color: var(--color-income-event-trader)}.clan-war{background-color:var(--color-income-clan-war);--chip-color: var(--color-income-clan-war)}.cwl{background-color:var(--color-income-cwl);--chip-color: var(--color-income-cwl)}.prospector{background-color:var(--color-income-prospector);--chip-color: var(--color-income-prospector)}.supercell-events{background-color:var(--color-income-supercell-events);--chip-color: var(--color-income-supercell-events)}.custom-chip,.custom-chip-type-custom{background-color:var(--color-income-custom);--chip-color: var(--color-income-custom)}.income-chips-container{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-radius:8px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary)}.income-chips-container.valid-drop-target{border:1px dashed var(--accent-primary);background-color:var(--accent-primary-soft)}.income-chip{padding:6px 12px;border-radius:20px;color:var(--color-on-income);font-size:.85em;font-weight:500;cursor:grab;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;display:flex;align-items:center;justify-content:center;gap:5px;position:relative;border:1px solid var(--chip-border);transition:transform 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1);min-width:32px;min-height:28px;flex-shrink:0}.income-chip.dragging-clone{position:fixed;box-shadow:0px 6px 12px rgba(0,0,0,.3),0px 6px 18px rgba(0,0,0,.15);transform:scale(1.08);opacity:.95;pointer-events:none;z-index:121;will-change:transform,opacity}.income-chip .chip-icon{width:16px;height:16px;object-fit:contain;display:block;pointer-events:none}.income-chip.calendar-chip{padding:0;width:100%;max-width:32px;height:auto;aspect-ratio:1/1;min-width:0;min-height:0;border-radius:50%;overflow:visible}.income-chip.calendar-chip .chip-text{display:none}.income-chip.calendar-chip.no-icon{grid-column:1/-1;width:100%;max-width:100%;min-width:0;height:18px;min-height:18px;border-radius:6px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center}.income-chip.calendar-chip.no-icon .chip-text{display:block;font-size:9px;font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.2px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.income-chip.calendar-chip .chip-icon{width:70%;height:70%;max-width:22px;max-height:22px}.income-chip.calendar-chip .chip-badge{position:absolute;top:-6px;right:-6px;margin-left:0;font-size:.65em;padding:2px 4px;border-radius:10px;background-color:var(--bg-surface-primary);color:var(--text-primary);border:1px solid var(--chip-border);box-shadow:0 2px 4px rgba(0,0,0,.3);z-index:10;line-height:1;font-weight:800}.income-chip:hover{transform:translateY(-2px);box-shadow:0px 2px 4px rgba(0,0,0,.3),0px 2px 6px rgba(0,0,0,.15);z-index:10}.income-chip.legend-highlight,.income-chip.persistent-glow{transform:scale(1.15) !important;box-shadow:0 0 0 2px var(--chip-color),0 0 14px 2px var(--chip-color),0 2px 8px rgba(0,0,0,.4) !important;z-index:20 !important}:root[data-theme=light] .income-chip.legend-highlight,body.light-mode .income-chip.legend-highlight,:root[data-theme=light] .income-chip.persistent-glow,body.light-mode .income-chip.persistent-glow{box-shadow:0 0 0 2.5px color-mix(in srgb, var(--chip-color) 60%, black 40%),0 0 12px 3px color-mix(in srgb, var(--chip-color) 70%, black 30%),0 3px 8px rgba(0,0,0,.25) !important}@media(max-width: 425px){.income-chip{font-size:10px;padding:4px 8px}}.income-chip.dragging{opacity:.5}.income-chip.custom-chip-ring::after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--accent-primary);border-radius:20px;pointer-events:none;opacity:.8}.income-chip.custom-chip-ring.calendar-chip::after{border-radius:50%}.income-chip .custom-chip-pencil{position:absolute;bottom:-5px;left:-5px;background-color:var(--accent-primary);color:var(--text-on-accent);border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.3);z-index:11;pointer-events:none}.income-chip .custom-chip-pencil svg{width:9px;height:9px}.income-chip .chip-text{position:relative;z-index:1;transition:opacity 150ms cubic-bezier(0.25, 1, 0.5, 1);pointer-events:none}.income-chip .chip-badge{background-color:var(--bg-surface-primary);color:var(--text-primary);font-size:.7em;font-weight:var(--font-weight-bold, 700);padding:1px 4px;border-radius:4px;margin-left:2px;line-height:1;display:inline-block;box-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;z-index:2;pointer-events:none}.income-chip .chip-badge.badge-result-win{background-color:var(--color-success);color:var(--text-on-accent)}.income-chip .chip-badge.badge-result-loss{background-color:var(--color-danger);color:var(--text-on-accent)}.income-chip .chip-badge.badge-result-draw{background-color:var(--color-warning);color:var(--text-on-accent)}.income-chip[draggable=false]:not(.legend-highlight):not(.persistent-glow){cursor:default;box-shadow:none;user-select:none}.income-chip[draggable=false]:not(.legend-highlight):not(.persistent-glow):hover{transform:none;box-shadow:none}#calendar-track.weekly-view-grid .income-chip.calendar-chip{width:22px;height:22px;min-width:22px;min-height:22px}#calendar-track.weekly-view-grid .income-chip.calendar-chip .chip-icon{width:14px;height:14px}#calendar-track.weekly-view-grid .income-chip.calendar-chip.no-icon{width:auto;min-width:30px;height:14px;min-height:14px;border-radius:4px;padding:0 4px}#calendar-track.weekly-view-grid .income-chip.calendar-chip.no-icon .chip-text{font-size:7px}#calendar-track.weekly-view-grid .income-chip.calendar-chip .chip-badge{top:-4px;right:-4px;font-size:.55em;padding:1px 3px;border-radius:8px}.chip-tooltip.visible,[role=tooltip].chip-tooltip.visible{opacity:1;visibility:visible}.chip-tooltip .tooltip-content,[role=tooltip].chip-tooltip .tooltip-content{display:flex;flex-direction:column;gap:6px;align-items:center;width:100%}.chip-tooltip .tooltip-header,[role=tooltip].chip-tooltip .tooltip-header{font-weight:600;margin-bottom:4px;color:var(--accent-primary);width:100%;text-align:center;font-size:1.05em}.chip-tooltip .ore-count-item,[role=tooltip].chip-tooltip .ore-count-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:.85em;font-weight:500}.chip-tooltip .ore-count-item span,[role=tooltip].chip-tooltip .ore-count-item span{flex:1;text-align:right;font-family:"Roboto Mono",monospace}.chip-tooltip .ore-icon-small,[role=tooltip].chip-tooltip .ore-icon-small{width:16px;height:16px}.chip-tooltip .tooltip-valid-range,[role=tooltip].chip-tooltip .tooltip-valid-range{margin-top:6px;padding-top:6px;border-top:1px dashed var(--border-primary, rgba(255, 255, 255, 0.15));font-size:.8em;color:var(--text-secondary, #9aa0a6);width:100%;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.chip-tooltip .tooltip-valid-range .valid-range-label,[role=tooltip].chip-tooltip .tooltip-valid-range .valid-range-label{opacity:.8}.chip-tooltip .tooltip-valid-range .valid-range-value,[role=tooltip].chip-tooltip .tooltip-valid-range .valid-range-value{font-weight:600;color:var(--accent-primary, var(--accent-primary))}.income-chips-legend{display:flex;flex-wrap:wrap;margin-top:20px;padding:15px;border-radius:12px;background-color:var(--bg-surface-primary);border:1px solid var(--border-secondary)}@media(max-width: 425px){.income-chips-legend{gap:2px}}.legend-item{display:flex;align-items:center;gap:8px;flex-shrink:0;color:var(--text-secondary);font-size:.85em;font-weight:500;padding:4px 8px;border-radius:6px;cursor:pointer;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1)}@media(max-width: 425px){.legend-item{padding:2px 4px}}.legend-item:hover{background-color:var(--bg-surface-tertiary);color:var(--text-primary)}.color-box{width:14px;height:14px;border-radius:4px;border:1px solid var(--chip-border)}.income-chips-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}h3.income-chips-title{margin:0;font-size:1.1em;color:var(--text-primary);display:flex;align-items:center;gap:6px}h3.income-chips-title .short-title{display:none}@media(max-width: 425px){h3.income-chips-title .full-title{display:none}h3.income-chips-title .short-title{display:inline}}.income-chips-actions{display:flex;align-items:center;gap:8px}.income-chips-actions .create-custom-chips-btn{margin:0}.auto-place-chips-btn{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent)}.auto-place-chips-btn:hover:not(:disabled){background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}.auto-place-chips-btn{border-radius:20px;padding:8px 16px;font-size:.85em;font-weight:600;cursor:pointer;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1)}.placeholder-text{text-align:center;color:var(--text-muted);font-size:var(--font-size-sm, 0.8125rem);width:100%;margin:20px 0;font-style:italic}.create-custom-chips-btn{margin:10px auto 20px;display:flex;align-items:center;justify-content:center;gap:8px}.income-chip-group{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}#create-custom-chips-modal .modal-content{max-width:480px}#create-custom-chips-modal .custom-chip-dynamic-inputs{display:flex;flex-direction:column;gap:12px}#create-custom-chips-modal .custom-chip-section{display:flex;flex-direction:column;gap:8px}#create-custom-chips-modal .custom-chip-section__body{display:flex;flex-direction:column;gap:8px}#priority-list-modal{padding:1.5rem}#priority-list-modal .modal-content{width:95%;max-width:1080px;height:min(88dvh,880px);max-height:calc(100dvh - 48px);border-radius:20px}#priority-list-modal .modal-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0;background-color:var(--bg-app)}@media(max-width: 779px){#priority-list-modal{padding:0 !important}#priority-list-modal .modal-content{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;border-radius:0;border:none}#priority-list-modal .modal-header{padding:12px 16px;gap:8px}#priority-list-modal .modal-header h2{font-size:1.1rem;flex:1;min-width:0}#priority-list-modal .modal-header .modal-header-actions{gap:6px;align-items:center}#priority-list-modal .modal-header .modal-header-actions button:not(.suggestion-message-btn){height:32px;width:32px;border-radius:8px}#priority-list-modal .modal-header .modal-header-actions button:not(.suggestion-message-btn) svg,#priority-list-modal .modal-header .modal-header-actions button:not(.suggestion-message-btn) img{width:20px;height:20px}#priority-list-modal .modal-header .modal-header-actions .suggestion-message-btn{height:32px;width:32px;padding:0;border-radius:8px;justify-content:center}#priority-list-modal .modal-body{padding:0}}.priority-editor-container{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:var(--bg-surface-primary)}.equipment-chip-container{padding:1rem;border-bottom:1px solid var(--border-primary);max-height:40%;flex-shrink:0;overflow-y:auto;background-color:var(--bg-surface-primary)}.equipment-chip-container h3{margin:0 0 1rem 0;font-size:1.2rem;color:var(--text-secondary)}.hero-equipment-grid{display:flex;flex-direction:column;gap:15px}.hero-row{display:flex;gap:15px;align-items:flex-start}.hero-chip-column{flex:0 0 180px;position:sticky;top:0;align-self:flex-start}.equipment-chips-column{display:flex;flex-wrap:wrap;gap:10px;flex:1}.hero-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-secondary);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);overflow:hidden;width:100%}.hero-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:116px;flex:1}.hero-chip .hero-chip-icon{width:32px;height:32px}.equipment-chip{display:flex;align-items:center;gap:8px;background-color:var(--bg-surface-tertiary);padding:6px 12px;border-radius:16px;cursor:pointer;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1);border:1px solid var(--border-primary)}.equipment-chip:focus{outline:none}.equipment-chip:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.equipment-chip:hover{background-color:var(--accent-primary-soft);border-color:var(--accent-primary)}.equipment-chip .chip-icon{width:24px;height:24px}.equipment-chip span{font-size:.9rem;font-weight:500}.equipment-chip.custom-maxed-in-plan{border-color:var(--accent-primary);box-shadow:0 0 4px var(--accent-primary-soft),0 0 8px var(--accent-primary-soft)}.equipment-chip.maxed-in-plan{border-color:var(--color-gold) !important;box-shadow:0 0 4px var(--color-gold-glow-shadow),0 0 8px var(--color-gold-glow-shadow) !important}@media(max-width: 779px){.hero-chip span,.equipment-chip span{display:none}.hero-chip,.equipment-chip{padding:6px}.hero-chip-column{flex:0 0 auto;width:auto}.hero-chip-icon{width:28px;height:28px}.chip-icon{width:28px;height:28px}}.priority-list-editor{flex:1 1 0%;min-height:0;padding:1rem;overflow-y:auto;position:relative}.priority-list-editor .placeholder-text{text-align:center;color:var(--text-secondary);margin-top:2rem}.drag-source-line{position:absolute;left:1rem;right:1rem;height:0;border-top:2px dashed var(--accent-primary);opacity:.85;pointer-events:none;z-index:10;transition:opacity 150ms cubic-bezier(0.25, 1, 0.5, 1),top 150ms cubic-bezier(0.2, 0, 0, 1)}.drag-source-line::before,.drag-source-line::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background-color:var(--accent-primary);top:-4px}.drag-source-line::before{left:-3px}.drag-source-line::after{right:-3px}.priority-list-editor-item{box-sizing:border-box;display:flex;align-items:center;background-color:var(--bg-surface-primary);padding:10px;border-radius:8px;margin:5px 0;box-shadow:0px 2px 4px rgba(0,0,0,.3),0px 2px 6px rgba(0,0,0,.15);border:1.5px solid var(--border-primary);transition:transform 250ms cubic-bezier(0.2, 0, 0, 1),box-shadow 250ms cubic-bezier(0.2, 0, 0, 1),background-color 250ms cubic-bezier(0.2, 0, 0, 1),border-color 250ms cubic-bezier(0.2, 0, 0, 1)}.priority-list-editor-item:not(.dragging):not(.disabled-dragging):hover{background-color:var(--bg-surface-secondary);border-color:var(--border-secondary);box-shadow:0px 6px 12px rgba(0,0,0,.3),0px 6px 18px rgba(0,0,0,.15)}.priority-list-editor-item:not(.dragging):not(.disabled-dragging):hover .drag-handle{color:var(--text-primary)}.priority-list-editor-item:not(.dragging):not(.disabled-dragging):active{box-shadow:0px 2px 4px rgba(0,0,0,.3),0px 2px 6px rgba(0,0,0,.15)}.priority-list-editor-item.disabled-dragging{opacity:.6}.priority-list-editor-item.disabled-dragging .drag-handle{cursor:default;opacity:.3}.priority-list-editor-item.dragging{background-color:var(--accent-primary-soft);border:1.5px dashed var(--accent-primary);box-shadow:none !important}.priority-list-editor-item.dragging>*{visibility:hidden !important}.priority-list-editor-item.dragging-clone{position:fixed;pointer-events:none;z-index:121;box-shadow:0px 6px 12px rgba(0,0,0,.3),0px 6px 18px rgba(0,0,0,.15);border-color:var(--accent-primary);background-color:var(--bg-surface-secondary);opacity:.95}.priority-list-editor-item.dragging-clone .priority-item-ores,.priority-list-editor-item.dragging-clone .priority-item-date,.priority-list-editor-item.dragging-clone .delete-item-btn{display:none !important}.priority-list-editor-item .drag-handle{cursor:grab;margin-right:10px;color:var(--text-secondary);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.priority-list-editor-item .item-image{width:30px;height:30px;margin-right:15px}.priority-list-editor-item .item-details{flex-grow:1;display:flex;justify-content:space-between;align-items:center;margin-right:15px}.priority-list-editor-item .item-name{font-size:14px;color:var(--text-primary)}.priority-list-editor-item .priority-item-ores{display:inline-flex;gap:6px;align-items:center;font-size:11px;color:var(--text-secondary);cursor:pointer;padding:3px 8px;border-radius:12px;background-color:color-mix(in srgb, var(--bg-surface-secondary) 60%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1)}.priority-list-editor-item .priority-item-ores:hover{background-color:var(--bg-surface-tertiary);border-color:var(--accent-primary);color:var(--text-primary);transform:scale(1.02)}.priority-list-editor-item .priority-item-ores:active{transform:scale(0.98)}.priority-list-editor-item .priority-item-ores:focus{outline:none}.priority-list-editor-item .priority-item-ores:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-soft);outline:none}.priority-list-editor-item .priority-item-ores span{display:flex;align-items:center;gap:2px}.priority-list-editor-item .priority-item-ores .ore-icon-small{width:12px;height:12px;object-fit:contain;flex-shrink:0}.priority-list-editor-item .priority-item-date{font-size:12px;color:var(--text-secondary);white-space:nowrap}.priority-list-editor-item .delete-item-btn{background-color:rgba(0,0,0,0);border:none;color:var(--text-secondary);cursor:pointer;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1);display:flex;align-items:center;justify-content:center;padding:4px}.priority-list-editor-item .delete-item-btn:hover{color:var(--color-danger);transform:scale(1.1)}.priority-list-editor-item .delete-item-btn:active{transform:scale(0.9)}.priority-list-editor-item .delete-item-btn svg{width:20px;height:20px}.priority-list-editor-item.error{background-color:var(--accent-primary-soft);border:1px solid var(--color-danger)}.priority-list-editor-item.suggestion{background-color:var(--accent-primary-soft);border-left:3px solid var(--accent-primary)}@media(max-width: 625px){.priority-list-editor-item .item-details{flex-direction:column;align-items:flex-start;gap:4px;margin-right:0}.priority-list-editor-item .priority-item-date{margin-top:0}}.priority-list-message-box{background-color:var(--accent-primary-soft);border:1px solid var(--accent-primary);padding:10px 15px;border-radius:8px;margin:1rem;text-align:center;display:none}.priority-list-message-box+.equipment-chip-container{transition:border-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.priority-list-message-box.error{border-color:var(--color-danger);background-color:var(--color-danger-soft);display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:left;gap:6px}.priority-list-message-box.error .error-messages-wrapper{flex-grow:1}.priority-list-message-box.error .error-messages-wrapper .error-message{justify-content:flex-start}@media(max-width: 625px){.priority-list-message-box.error{flex-direction:column;text-align:center;padding:15px}.priority-list-message-box.error .error-messages-wrapper{margin-bottom:6px}.priority-list-message-box.error .error-messages-wrapper .error-message{justify-content:center}.priority-list-message-box.error .fix-order-btn{margin-left:0}}.priority-list-message-box p{margin:0;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:6px}.priority-list-message-box p:not(:first-child){margin-top:6px}.priority-list-message-box .error-message{color:var(--color-danger);font-weight:var(--font-weight-bold, 700)}.priority-list-message-box .error-icon{flex-shrink:0}.priority-list-message-box .suggestion-message{color:var(--accent-primary);font-size:var(--font-size-sm, 0.8125rem);font-weight:500;display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:6px;padding:8px 0;margin:0}.priority-list-message-box .suggestion-message:not(:first-child){border-top:1px solid rgba(var(--accent-primary), 0.2);margin-top:0}.priority-list-message-box .suggestion-message .suggestion-icon{flex-shrink:0;fill:currentColor}.priority-list-message-box .suggestion-message span{flex:1}.priority-list-message-box.suggestion-only{background-color:var(--accent-primary-soft);border:1px solid var(--accent-primary);display:flex;justify-content:space-between;align-items:center}@media(max-width: 625px){.priority-list-message-box.suggestion-only{flex-direction:column;padding:15px;text-align:center}.priority-list-message-box.suggestion-only .suggestion-messages-wrapper{margin-bottom:12px;width:100%}.priority-list-message-box.suggestion-only .hide-suggestion-btn{margin-left:0;width:100%;justify-content:center}}.priority-list-message-box:not([style*="display: none"])+.equipment-chip-container{border-top:1.5px dotted var(--border-primary)}.priority-list-message-box:not([style*="display: none"])+.equipment-chip-container h3{display:none}.fix-order-btn{background-color:var(--btn-bg-emerald);color:var(--btn-color-emerald);border:1px solid var(--btn-border-emerald);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:var(--font-size-xs, 0.75rem);white-space:nowrap;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1);display:flex;align-items:center;gap:6px;font-weight:var(--font-weight-bold, 700)}.fix-order-btn:hover{background-color:var(--btn-bg-emerald-hover);border-color:var(--btn-border-emerald-hover);transform:scale(1.02)}.fix-order-btn:active{transform:scale(0.98)}.fix-order-btn svg{fill:currentColor}.suggestion-bar{height:3px;background-color:var(--accent-primary);margin:2px 0 10px 0}.suggestion-messages-wrapper{flex-grow:1}.hide-suggestion-btn{background-color:rgba(0,0,0,0);border:1px solid var(--accent-primary);color:var(--accent-primary);padding:5px 10px;border-radius:4px;cursor:pointer;font-size:var(--font-size-xs, 0.75rem);margin-left:10px;white-space:nowrap;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.hide-suggestion-btn:hover{background-color:var(--accent-primary-soft)}#level-select-modal{z-index:61}#level-select-modal .modal-content{max-width:480px}#level-select-modal .modal-header h2{white-space:normal;overflow:visible;text-overflow:clip}#level-select-modal .modal-header h2 #level-select-modal-equip-name{color:var(--accent-primary)}#level-select-modal .modal-body p{font-size:.9rem;color:var(--text-secondary);margin-bottom:16px;text-align:center}#level-select-modal .modal-body p #current-equipment-level{font-weight:600;color:var(--text-primary)}#level-select-modal .modal-body #level-select-table{width:100%;border-collapse:collapse}#level-select-modal .modal-body #level-select-table th,#level-select-modal .modal-body #level-select-table td{padding:16px 8px;text-align:center;border-bottom:1px solid var(--border-primary)}#level-select-modal .modal-body #level-select-table th{font-weight:600;color:var(--text-secondary)}#level-select-modal .modal-body #level-select-table td{vertical-align:middle}#level-select-modal .modal-body #level-select-table .level-input-cell{position:relative}#level-select-modal .modal-body #level-select-table .level-input-cell .popover-wrapper{display:block;width:100%}#level-select-modal .modal-body #level-select-table .level-input{box-shadow:0 0 0 0 rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1)}#level-select-modal .modal-body #level-select-table .level-input:focus,#level-select-modal .modal-body #level-select-table .level-input:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}#level-select-modal .modal-body #level-select-table .level-input{width:100%;padding:8px;font-size:var(--font-size-lg, 1rem);background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);text-align:center}#level-select-modal .modal-body #level-select-table .trash-cell{text-align:center}#level-select-modal .modal-body #level-select-table .trash-btn{margin:0 auto;background-color:var(--color-danger-soft);color:var(--color-danger);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1)}@keyframes trash-shake{0%,100%{transform:scale(1.1) rotate(0deg)}25%{transform:scale(1.1) rotate(-8deg)}75%{transform:scale(1.1) rotate(8deg)}}#level-select-modal .modal-body #level-select-table .trash-btn:hover{background-color:var(--color-danger-soft-hover);animation:trash-shake 300ms cubic-bezier(0.25, 1, 0.5, 1) infinite}#level-select-modal .modal-body #level-select-table .trash-btn:active{transform:scale(0.9);animation:none}#level-select-modal .modal-body #level-select-table .trash-btn svg{width:20px;height:20px;fill:currentColor}#level-select-modal .modal-actions{background-color:var(--bg-surface-tertiary)}@media(max-width: 625px){#level-select-modal .modal-header h2{display:flex;flex-direction:column;align-items:flex-start;gap:4px;line-height:1.2}#level-select-modal .modal-header h2 .set-target-text{font-size:.8rem;font-weight:500;color:var(--text-secondary)}#level-select-modal .modal-header h2 #level-select-modal-equip-name{font-size:1.15rem}#level-select-modal .modal-body p{margin-bottom:12px}#level-select-modal .modal-body #level-select-table th,#level-select-modal .modal-body #level-select-table td{padding:10px 4px;font-size:var(--font-size-base, 0.875rem)}#level-select-modal .modal-body #level-select-table .level-input{padding:6px;font-size:.9rem;border-radius:6px}#level-select-modal .modal-body #level-select-table .trash-btn{width:30px;height:30px}#level-select-modal .modal-body #level-select-table .trash-btn svg{width:16px;height:16px}}.calc-stepped-slider{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:90px;height:16px}.calc-stepped-slider .calc-slider{width:100%;height:16px;margin:0;accent-color:var(--accent-primary);cursor:pointer;vertical-align:middle}.calc-stepped-slider .calc-slider:focus-visible{outline:2px solid var(--border-accent);outline-offset:2px}.calc-stepped-slider .calc-slider:disabled{opacity:.45;cursor:not-allowed}.calc-stepped-slider .calc-slider-locked-track{position:absolute;top:50%;transform:translateY(-50%);height:50%;right:1px;left:calc(16px + var(--slider-locked-ratio, calc(var(--slider-locked-start, 100%) / 100%))*(100% - 16px));background:repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05) 3px, rgba(255, 255, 255, 0.12) 3px, rgba(255, 255, 255, 0.12) 6px);border-radius:0 4px 4px 0;pointer-events:none;z-index:1}.calc-stepped-slider .calc-slider-ticks{position:absolute;top:100%;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding-inline:8px;height:4px;pointer-events:none}.calc-stepped-slider .calc-slider-tick{width:0;height:4px;border-left:1.5px solid var(--border-primary);border-radius:2px;opacity:.7}.calc-stepped-slider .calc-slider-tick.is-disabled{opacity:.2;border-left:1.5px dashed var(--border-secondary)}#update-available-modal .modal-content{max-width:420px}#update-available-modal .modal-notice-footer{font-size:11px;color:var(--text-muted);line-height:1.4;text-align:left;border-top:1px solid var(--border-primary);padding-top:12px;margin-top:16px}#update-available-modal .modal-notice-footer p{margin:0}#update-available-modal .modal-actions .btn{flex:1}#changelog-modal .modal-content{max-width:740px;height:min(82dvh,760px);max-height:calc(100dvh - 48px)}#changelog-modal .modal-body{flex:1;min-height:0;overflow-y:auto;padding:1.5rem}#changelog-modal .changelog-container{display:flex;flex-direction:column;gap:1.5rem}#changelog-modal .changelog-release{background-color:var(--bg-surface-primary);border:1px solid var(--border-secondary);border-radius:12px;padding:1.5rem;transition:transform 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1)}#changelog-modal .changelog-release.latest{border-color:var(--accent-primary);box-shadow:0 4px 12px rgba(0,0,0,.05);background-color:var(--bg-surface-secondary)}#changelog-modal .changelog-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}#changelog-modal .changelog-header .changelog-version{margin:0;color:var(--text-primary);font-size:var(--font-size-3xl, 1.5rem);font-weight:var(--font-weight-bold, 700)}#changelog-modal .changelog-header .changelog-date{color:var(--text-secondary);font-size:.9rem}#changelog-modal .changelog-header .changelog-badge-latest{background-color:rgba(var(--color-success), 0.15);color:var(--color-success);padding:.25rem .5rem;border-radius:6px;font-size:.8rem;font-weight:var(--font-weight-bold, 700);letter-spacing:.5px;text-transform:uppercase}#changelog-modal .changelog-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}#changelog-modal .changelog-item{display:flex;align-items:flex-start;gap:.75rem;line-height:1.5}#changelog-modal .changelog-item .change-badge{display:inline-flex;align-items:center;justify-content:center;min-width:60px;padding:.25rem .5rem;border-radius:6px;font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.5px;margin-top:.125rem}#changelog-modal .changelog-item.change-feature .change-badge{background-color:rgba(var(--color-success), 0.15);color:var(--color-success);border:1px solid rgba(var(--color-success), 0.3)}#changelog-modal .changelog-item.change-fix .change-badge{background-color:rgba(var(--color-warning), 0.15);color:var(--color-warning);border:1px solid rgba(var(--color-warning), 0.3)}#changelog-modal .changelog-item.change-chore .change-badge{background-color:rgba(var(--color-info), 0.15);color:var(--color-info);border:1px solid rgba(var(--color-info), 0.3)}#changelog-modal .changelog-item.change-default .change-badge{background-color:var(--bg-surface-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}#changelog-modal .changelog-item .change-text{color:var(--text-primary);font-size:var(--font-size-base, 0.875rem)}@media(max-width: 625px){#changelog-modal{padding:0 !important}#changelog-modal .modal-content{width:100% !important;max-width:100% !important;height:100vh !important;height:100dvh !important;max-height:100dvh !important;border-radius:0 !important;border:none !important;margin:0 !important}#changelog-modal .modal-body{padding:1rem}#changelog-modal .changelog-release{padding:1rem;border-radius:10px}#changelog-modal .changelog-header{gap:.5rem;margin-bottom:.75rem}#changelog-modal .changelog-header .changelog-version{font-size:1.2rem}#changelog-modal .changelog-header .changelog-date{font-size:.8rem}#changelog-modal .changelog-list{gap:.5rem}#changelog-modal .changelog-item{flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:.25rem}#changelog-modal .changelog-item .change-badge{min-width:unset;padding:.15rem .35rem;font-size:.7rem}#changelog-modal .changelog-item .change-text{font-size:.8rem}}#commits-modal .modal-content{max-width:740px;height:min(82dvh,760px);max-height:calc(100dvh - 48px)}#commits-modal .modal-body{flex:1;min-height:0;overflow-y:auto;padding:1.5rem}#commits-modal .commits-container{background-color:var(--bg-surface-primary);border:1px solid var(--border-secondary);border-radius:12px;padding:1.5rem}#commits-modal .commits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}#commits-modal .commit-item{display:flex;align-items:flex-start;gap:.75rem;line-height:1.5;padding:.5rem 0;border-bottom:1px solid var(--border-secondary)}#commits-modal .commit-item:last-child{border-bottom:none}#commits-modal .commit-item .commit-meta{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;flex-shrink:0;min-width:65px}#commits-modal .commit-item .commit-meta .commit-type{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.15rem .4rem;border-radius:6px;font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box}#commits-modal .commit-item .commit-meta .commit-type.type-feat{background-color:rgba(var(--color-success), 0.15);color:var(--color-success);border:1px solid rgba(var(--color-success), 0.3)}#commits-modal .commit-item .commit-meta .commit-type.type-fix{background-color:rgba(var(--color-warning), 0.15);color:var(--color-warning);border:1px solid rgba(var(--color-warning), 0.3)}#commits-modal .commit-item .commit-meta .commit-type.type-chore,#commits-modal .commit-item .commit-meta .commit-type.type-perf,#commits-modal .commit-item .commit-meta .commit-type.type-docs,#commits-modal .commit-item .commit-meta .commit-type.type-style,#commits-modal .commit-item .commit-meta .commit-type.type-refactor,#commits-modal .commit-item .commit-meta .commit-type.type-test{background-color:rgba(var(--color-info), 0.15);color:var(--color-info);border:1px solid rgba(var(--color-info), 0.3)}#commits-modal .commit-item .commit-meta .commit-type.type-milestone{background-color:color-mix(in srgb, var(--color-warning) 15%, transparent);color:var(--color-warning);border:1px solid color-mix(in srgb, var(--color-warning) 30%, transparent)}#commits-modal .commit-item .commit-meta .commit-hash{background-color:rgba(var(--accent-primary), 0.1);color:var(--accent-primary);padding:.2rem .4rem;border-radius:4px;font-size:.8rem;font-family:monospace;font-weight:600;text-align:center;width:100%;box-sizing:border-box}#commits-modal .commit-item .commit-subject{color:var(--text-primary);font-size:.95rem;flex:1;align-self:center}#commits-modal .commit-item .commit-subject .commit-scope{color:var(--text-secondary);font-weight:600}#commits-modal .commit-item .commit-subject .commit-msg-text{color:var(--text-primary)}#commits-modal .milestones-section{margin-bottom:1.5rem;background:linear-gradient(135deg, rgba(var(--accent-primary), 0.08) 0%, rgba(var(--color-success), 0.04) 50%, rgba(var(--color-warning), 0.02) 100%);border:1px solid rgba(var(--accent-primary), 0.22);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:0 8px 24px rgba(0,0,0,.12),inset 0 1px 1px rgba(255,255,255,.05)}#commits-modal .milestones-section .milestones-title-group{display:flex;align-items:center;gap:.6rem;color:var(--accent-primary);font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}#commits-modal .milestones-section .milestones-title-group .milestones-icon{color:var(--color-warning);height:20px;width:20px;filter:drop-shadow(0 0 4px rgba(var(--color-warning), 0.6));display:inline-flex;align-items:center;justify-content:center}#commits-modal .milestones-section .milestones-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.6rem}#commits-modal .milestones-section .milestone-item{display:flex;align-items:center;gap:.65rem;background:rgba(var(--bg-surface-primary), 0.45);border:1px solid var(--border-secondary);border-radius:8px;padding:.65rem .85rem;font-size:.925rem;color:var(--text-primary);line-height:1.45}#commits-modal .milestones-section .milestone-item .commit-scope{background:rgba(var(--accent-primary), 0.12);color:var(--accent-primary);padding:2px 5px;border-radius:4px;font-size:.725rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-right:.25rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(var(--accent-primary), 0.18);height:fit-content;line-height:1}#commits-modal .other-updates-heading{font-size:.85rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin-top:1.25rem;margin-bottom:.75rem;font-weight:var(--font-weight-bold, 700);border-bottom:1px solid var(--border-secondary);padding-bottom:.25rem}#commits-modal .other-updates-details{margin-top:1.5rem;border:1px solid var(--border-secondary);border-radius:8px;background-color:rgba(var(--bg-surface-primary), 0.5);overflow:hidden}#commits-modal .other-updates-details[open] .summary-toggle-icon{transform:rotate(180deg)}#commits-modal .other-updates-details .other-updates-summary{list-style:none;outline:none;cursor:pointer;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);user-select:none;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}#commits-modal .other-updates-details .other-updates-summary::-webkit-details-marker{display:none}#commits-modal .other-updates-details .other-updates-summary:hover{background-color:var(--bg-surface-secondary);color:var(--text-primary)}#commits-modal .other-updates-details .other-updates-summary .summary-toggle-icon{height:16px;width:16px;transition:transform 150ms cubic-bezier(0.25, 1, 0.5, 1);color:var(--text-secondary)}#commits-modal .other-updates-details .other-updates-content{padding:.5rem 1rem 1rem 1rem;border-top:1px solid var(--border-secondary);max-height:300px;overflow-y:auto}@media(max-width: 625px){#commits-modal{padding:0 !important}#commits-modal .modal-content{width:100% !important;max-width:100% !important;height:100vh !important;height:100dvh !important;max-height:100dvh !important;border-radius:0 !important;border:none !important;margin:0 !important}#commits-modal .modal-body{padding:1rem}#commits-modal .commits-container{padding:1rem;border-radius:10px}#commits-modal .commits-list{gap:.5rem}#commits-modal .commit-item{gap:.5rem;padding:.4rem 0}#commits-modal .commit-item .commit-meta{min-width:55px;gap:.15rem}#commits-modal .commit-item .commit-meta .commit-type{padding:.1rem .35rem;font-size:.7rem}#commits-modal .commit-item .commit-meta .commit-hash{padding:.15rem .35rem;font-size:var(--font-size-xs, 0.75rem)}#commits-modal .commit-item .commit-subject{font-size:var(--font-size-base, 0.875rem)}}#bug-report-modal,.support-modal{z-index:81}#bug-report-modal .support-modal-content,#bug-report-modal .modal-content,.support-modal .support-modal-content,.support-modal .modal-content{max-width:580px}#bug-report-modal .support-modal-tabs,.support-modal .support-modal-tabs{display:grid;margin:8px 24px 0}#bug-report-modal .modal-info-text,.support-modal .modal-info-text{margin-top:8px;padding:0 24px}#bug-report-modal .support-modal-form,.support-modal .support-modal-form{padding:12px 24px 24px;flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:12px}#bug-report-modal .form-group,.support-modal .form-group{display:flex;flex-direction:column;gap:6px;width:100%}#bug-report-modal .input-label,.support-modal .input-label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary)}#bug-report-modal .input-style,.support-modal .input-style{box-shadow:0 0 0 0 rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1)}#bug-report-modal .input-style:focus,#bug-report-modal .input-style:focus-visible,.support-modal .input-style:focus,.support-modal .input-style:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}#bug-report-modal .input-style,.support-modal .input-style{width:100%;padding:12px 16px;border:1px solid var(--border-primary);border-radius:12px;font-size:16px;background-color:var(--bg-surface-primary);color:var(--text-primary);box-sizing:border-box}#bug-report-modal .input-style.input-error,.support-modal .input-style.input-error{border-color:var(--color-danger);box-shadow:0 0 0 4px rgba(var(--color-danger), 0.1)}#bug-report-modal textarea.input-style,.support-modal textarea.input-style{resize:vertical;font-family:inherit}#bug-report-modal .textarea-footer,.support-modal .textarea-footer{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:4px}#bug-report-modal .input-error-msg,.support-modal .input-error-msg{color:var(--color-danger);font-size:12px;font-weight:500;margin-top:4px;display:none;text-align:left}#bug-report-modal .input-error-msg.show,.support-modal .input-error-msg.show{display:block}#bug-report-modal .char-count,.support-modal .char-count{color:var(--text-muted);font-size:12px}#bug-report-modal .checkbox-group,.support-modal .checkbox-group{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;width:100%;margin-top:4px}#bug-report-modal .checkbox-group .checkbox-control,.support-modal .checkbox-group .checkbox-control{align-items:center;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;position:relative;width:20px}#bug-report-modal .checkbox-group input[type=checkbox],.support-modal .checkbox-group input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 0 0 0 rgba(0,0,0,0);cursor:pointer;flex-shrink:0;height:20px;margin:0;outline:none;position:relative;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1);width:20px}#bug-report-modal .checkbox-group input[type=checkbox]:checked,.support-modal .checkbox-group input[type=checkbox]:checked{background-color:var(--accent-primary);border-color:var(--accent-primary)}#bug-report-modal .checkbox-group input[type=checkbox]:focus,.support-modal .checkbox-group input[type=checkbox]:focus{outline:none}#bug-report-modal .checkbox-group input[type=checkbox]:focus-visible,.support-modal .checkbox-group input[type=checkbox]:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft)}#bug-report-modal .checkbox-group .checkbox-icon,.support-modal .checkbox-group .checkbox-icon{color:var(--text-on-accent);display:flex;height:14px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%, -50%) scale(0);transition:transform 150ms cubic-bezier(0.34, 1.56, 0.64, 1),opacity 150ms cubic-bezier(0.25, 1, 0.5, 1);width:14px}#bug-report-modal .checkbox-group .checkbox-icon svg,.support-modal .checkbox-group .checkbox-icon svg{display:block;height:14px;width:14px}#bug-report-modal .checkbox-group input[type=checkbox]:checked~.checkbox-icon,.support-modal .checkbox-group input[type=checkbox]:checked~.checkbox-icon{opacity:1;transform:translate(-50%, -50%) scale(1)}#bug-report-modal .checkbox-group .checkbox-label,.support-modal .checkbox-group .checkbox-label{font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer}#bug-report-modal .form-setting-text,.support-modal .form-setting-text{margin-top:4px}#bug-report-modal .sw-troubleshoot-box,.support-modal .sw-troubleshoot-box{background:color-mix(in srgb, var(--bg-surface-primary) 50%, transparent);padding:12px;border-radius:10px;border:1px solid var(--border-primary)}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-content,.support-modal .sw-troubleshoot-box .sw-troubleshoot-content{display:flex;align-items:center;justify-content:space-between;gap:12px}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-text,.support-modal .sw-troubleshoot-box .sw-troubleshoot-text{display:flex;flex-direction:column;gap:2px;flex:1}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-title,.support-modal .sw-troubleshoot-box .sw-troubleshoot-title{font-size:13px;font-weight:600;color:var(--text-primary)}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-desc,.support-modal .sw-troubleshoot-box .sw-troubleshoot-desc{font-size:11px;color:var(--text-secondary);line-height:1.35}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-footer,.support-modal .sw-troubleshoot-box .sw-troubleshoot-footer{margin-top:8px;padding-top:4px;border-top:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-secondary);opacity:.85;flex-wrap:wrap;gap:4px}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-version,.support-modal .sw-troubleshoot-box .sw-troubleshoot-version{font-weight:500;font-variant-numeric:tabular-nums}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-updated,.support-modal .sw-troubleshoot-box .sw-troubleshoot-updated{font-weight:500}#bug-report-modal .sw-troubleshoot-box.has-update,.support-modal .sw-troubleshoot-box.has-update{border-color:color-mix(in srgb, var(--accent-primary) 45%, var(--border-primary));background:color-mix(in srgb, var(--accent-primary) 8%, var(--bg-surface-primary))}#bug-report-modal .sw-troubleshoot-box.has-update .sw-troubleshoot-title,.support-modal .sw-troubleshoot-box.has-update .sw-troubleshoot-title{color:var(--accent-primary)}#bug-report-modal .sw-troubleshoot-box.has-update .sw-troubleshoot-footer,.support-modal .sw-troubleshoot-box.has-update .sw-troubleshoot-footer{border-top:1px solid color-mix(in srgb, var(--accent-primary) 25%, var(--border-primary))}#bug-report-modal .support-sw-btn,.support-modal .support-sw-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background-color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent);border-radius:10px;font-size:var(--font-size-xs, 0.75rem);font-weight:600;color:var(--text-on-accent);cursor:pointer;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),opacity 150ms cubic-bezier(0.25, 1, 0.5, 1);white-space:nowrap;flex-shrink:0}#bug-report-modal .support-sw-btn:hover,.support-modal .support-sw-btn:hover{background-color:color-mix(in srgb, var(--accent-primary) 85%, black)}#bug-report-modal .support-sw-btn:disabled,.support-modal .support-sw-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width: 625px){#bug-report-modal .support-modal-tabs,.support-modal .support-modal-tabs{margin:8px 20px 0}#bug-report-modal .modal-info-text,.support-modal .modal-info-text{padding:0 20px}#bug-report-modal .support-modal-form,.support-modal .support-modal-form{padding:12px 20px 20px;gap:12px}#bug-report-modal textarea.input-style,.support-modal textarea.input-style{min-height:90px}#bug-report-modal .input-style,.support-modal .input-style{padding:10px 14px;font-size:.95rem}#bug-report-modal .input-label,.support-modal .input-label{font-size:13px}#bug-report-modal .checkbox-group .checkbox-label,.support-modal .checkbox-group .checkbox-label{font-size:13px}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-content,.support-modal .sw-troubleshoot-box .sw-troubleshoot-content{flex-direction:column;align-items:center;text-align:center;gap:10px}#bug-report-modal .sw-troubleshoot-box .sw-troubleshoot-text,.support-modal .sw-troubleshoot-box .sw-troubleshoot-text{text-align:center}#bug-report-modal .sw-troubleshoot-box #support-reset-sw-btn,#bug-report-modal .sw-troubleshoot-box #bug-report-reset-sw-btn,.support-modal .sw-troubleshoot-box #support-reset-sw-btn,.support-modal .sw-troubleshoot-box #bug-report-reset-sw-btn{align-self:center;margin:0 auto}}#licenses-modal .modal-content{max-width:740px}#licenses-modal #licenses-container{display:flex;flex-direction:column;gap:12px;padding:1.5rem}#licenses-modal details{flex-shrink:0;background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;transition:border-color 250ms cubic-bezier(0.16, 1, 0.3, 1),box-shadow 250ms cubic-bezier(0.16, 1, 0.3, 1),background-color 250ms cubic-bezier(0.25, 1, 0.5, 1)}#licenses-modal details[open]{border-color:var(--accent-primary);box-shadow:0 4px 12px rgba(0,0,0,.08)}#licenses-modal details[open] summary::after{transform:rotate(180deg);color:var(--accent-primary)}#licenses-modal details:hover:not([open]){border-color:var(--accent-primary);background-color:var(--bg-surface-tertiary)}#licenses-modal summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 20px;font-weight:600;color:var(--text-primary);cursor:pointer;user-select:none;list-style:none;outline:none;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-bottom 150ms cubic-bezier(0.25, 1, 0.5, 1)}#licenses-modal summary::-webkit-details-marker{display:none}#licenses-modal summary::after{content:"";display:inline-block;width:20px;height:20px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform 250ms cubic-bezier(0.16, 1, 0.3, 1),color 250ms cubic-bezier(0.25, 1, 0.5, 1)}#licenses-modal summary:focus-visible{background-color:rgba(var(--accent-primary), 0.05);outline:2px solid var(--accent-primary);outline-offset:-2px}#licenses-modal .license-title{font-size:var(--font-size-lg, 1rem);font-weight:600;color:var(--text-primary);min-width:0;overflow-wrap:break-word}#licenses-modal .license-badge{font-size:var(--font-size-xs, 0.75rem);font-weight:600;text-transform:uppercase;background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid var(--border-primary);padding:2px 8px;border-radius:6px;letter-spacing:.5px;margin-left:auto;margin-right:12px;white-space:nowrap;flex-shrink:0}#licenses-modal .details-body{padding:14px 20px;display:flex;flex-direction:column;gap:12px;background-color:var(--bg-surface-secondary);border-top:1px solid var(--border-primary)}#licenses-modal .meta-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:.85rem;color:var(--text-secondary)}#licenses-modal .meta-row .license-link{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--accent-primary);text-decoration:none;font-weight:500;font-size:.9rem;transition:opacity 150ms cubic-bezier(0.25, 1, 0.5, 1)}#licenses-modal .meta-row .license-link svg{width:14px;height:14px;fill:currentColor;display:inline-block;transition:transform 150ms cubic-bezier(0.25, 1, 0.5, 1)}#licenses-modal .meta-row .license-link:hover{opacity:.8;text-decoration:underline}#licenses-modal .meta-row .license-link:hover svg{transform:translate(1px, -1px)}#licenses-modal .license-text{padding:16px 20px;background-color:rgba(0,0,0,.15);color:var(--text-secondary);font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:.825rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:280px;overflow-y:auto;border:1px solid var(--border-primary);border-radius:8px;margin-top:12px;box-shadow:inset 0 1px 3px rgba(0,0,0,.08)}@media(max-width: 625px){#licenses-modal #licenses-container{padding:1rem}#licenses-modal details{border-radius:8px}#licenses-modal summary{padding:10px 14px}#licenses-modal summary::after{width:16px;height:16px}#licenses-modal .license-title{font-size:.9rem}#licenses-modal .license-badge{font-size:.7rem;padding:1px 6px;margin-right:6px}#licenses-modal .details-body{padding:10px 14px}#licenses-modal .license-text{padding:10px 14px;font-size:.775rem;margin-top:8px}}#running-costs-modal .modal-content{max-width:580px}#running-costs-modal .volunteer-button{text-decoration:none}#running-costs-modal .volunteer-button:hover,#running-costs-modal .volunteer-button:focus{color:var(--color-danger) !important;border-color:rgba(var(--color-danger), 0.5) !important;background-color:rgba(var(--color-danger), 0.08) !important}#running-costs-modal .costs-summary-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(var(--accent-primary), 0.08), rgba(var(--accent-primary), 0.02));border:1px solid rgba(var(--accent-primary), 0.15);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}#running-costs-modal .costs-summary-label{font-size:var(--font-size-base, 0.875rem);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:.5rem}#running-costs-modal .costs-summary-value-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}#running-costs-modal .costs-summary-value{font-size:2.25rem;font-weight:800;color:var(--accent-primary);font-family:monospace}#running-costs-modal .costs-tax-badge{position:absolute;top:0;left:100%;transform:translate(8px, -20%);font-size:.65rem;padding:2px 6px;border-radius:6px;text-transform:uppercase;font-weight:var(--font-weight-bold, 700);letter-spacing:.5px;background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid var(--border-accent);display:inline-block;white-space:nowrap;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15)}@media(max-width: 625px){#running-costs-modal .costs-tax-badge{position:relative;left:auto;transform:none;margin-left:4px;margin-top:-6px}}#running-costs-modal .costs-section-title{font-size:var(--font-size-xl, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);margin-bottom:.75rem}#running-costs-modal .costs-history-container{display:flex;flex-direction:column;gap:12px;margin-bottom:1.5rem;max-height:340px;overflow-y:auto;padding-right:4px}#running-costs-modal .costs-month-card{background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;flex-shrink:0;transition:border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1)}#running-costs-modal .costs-month-card:hover{border-color:rgba(var(--accent-primary), 0.4);box-shadow:0 2px 8px rgba(0,0,0,.05)}#running-costs-modal .costs-month-card .extra-service{display:none !important}#running-costs-modal .costs-month-card .others-row{display:flex}#running-costs-modal .costs-month-card.expanded .extra-service{display:flex !important}#running-costs-modal .costs-month-card.expanded .others-row{display:none !important}#running-costs-modal .costs-month-card.expanded .costs-toggle-expand-btn .toggle-icon{transform:rotate(180deg)}#running-costs-modal .costs-month-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--bg-surface-secondary);font-weight:600;border-bottom:1px solid var(--border-primary)}#running-costs-modal .costs-month-name{color:var(--text-primary);font-size:.95rem}#running-costs-modal .costs-month-total{color:var(--accent-primary);font-family:monospace;font-size:var(--font-size-lg, 1rem);font-weight:var(--font-weight-bold, 700)}#running-costs-modal .costs-services-list{padding:8px 16px;display:flex;flex-direction:column;gap:6px}#running-costs-modal .costs-service-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);padding:2px 4px;border-radius:4px;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}#running-costs-modal .costs-service-row .costs-service-name{font-weight:500}#running-costs-modal .costs-service-row .costs-service-cost{font-family:monospace;color:var(--text-primary)}#running-costs-modal .costs-service-row.highlighted{background-color:rgba(var(--accent-primary), 0.08);border-left:3px solid var(--accent-primary);padding-left:8px;padding-right:8px;margin:1px 0}#running-costs-modal .costs-service-row.highlighted .costs-service-name{font-weight:var(--font-weight-bold, 700);color:var(--accent-primary)}#running-costs-modal .costs-service-row.highlighted .costs-service-cost{font-weight:var(--font-weight-bold, 700);color:var(--accent-primary)}#running-costs-modal .costs-month-footer{font-size:.775rem;font-style:italic;color:var(--text-secondary);padding:8px 16px 12px;border-top:1px dashed rgba(var(--border-primary), 0.6);background-color:rgba(var(--bg-surface-secondary), 0.5)}#running-costs-modal .costs-toggle-expand-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 16px;background:rgba(0,0,0,0);border:none;border-top:1px solid rgba(var(--border-primary), 0.4);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1)}#running-costs-modal .costs-toggle-expand-btn:hover{background-color:rgba(var(--accent-primary), 0.04);color:var(--accent-primary)}#running-costs-modal .costs-toggle-expand-btn .toggle-icon{width:14px;height:14px;fill:currentColor;transition:transform 150ms cubic-bezier(0.25, 1, 0.5, 1)}#running-costs-modal .costs-disclaimer{font-size:.825rem;line-height:1.5;color:var(--text-secondary);background-color:var(--bg-surface-secondary);padding:12px 16px;border-radius:8px;border-left:3px solid var(--accent-primary);margin-bottom:0}#running-costs-modal .costs-disclaimer--center{text-align:center;border-left:none}#running-costs-modal .running-costs-actions{justify-content:space-between;align-items:center;border-top:1px solid var(--border-primary)}#running-costs-modal .running-costs-last-updated{font-size:.8rem;color:var(--text-secondary);display:flex;gap:4px;align-items:center}#running-costs-modal .running-costs-last-updated #running-costs-update-date{font-weight:600;color:var(--text-primary)}#running-costs-modal.is-mock .modal-content{position:relative;overflow:hidden}#running-costs-modal.is-mock .modal-content::after{content:"MOCK DATA";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-25deg);font-size:5.5rem;font-weight:900;color:var(--text-primary);opacity:.035;pointer-events:none;user-select:none;z-index:1;white-space:nowrap;letter-spacing:8px}@media(max-width: 625px){#running-costs-modal .costs-summary-card{padding:1rem;margin-bottom:1rem;border-radius:12px}#running-costs-modal .costs-summary-value{font-size:1.75rem}#running-costs-modal .costs-section-title{font-size:var(--font-size-lg, 1rem);margin-bottom:.5rem}#running-costs-modal .costs-history-container{max-height:220px;margin-bottom:1rem}#running-costs-modal .costs-month-card{border-radius:8px}#running-costs-modal .costs-month-header{padding:10px 12px}#running-costs-modal .costs-month-name{font-size:var(--font-size-base, 0.875rem)}#running-costs-modal .costs-month-total{font-size:.9rem}#running-costs-modal .costs-services-list{padding:6px 12px;gap:4px}#running-costs-modal .costs-service-row{font-size:.8rem}#running-costs-modal .costs-disclaimer{padding:10px 12px;font-size:.775rem}}.eq-details-modifier-tabs{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;width:auto;max-width:100%;box-sizing:border-box;margin:8px auto;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:3px;background:color-mix(in srgb, var(--bg-surface-secondary) 60%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 40%, transparent);border-radius:10px}.eq-details-modifier-tabs .mod-tab-indicator{position:absolute;top:3px;bottom:3px;left:0;width:0;background:color-mix(in srgb, var(--accent-primary) 20%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 40%, transparent);border-radius:8px;transition:transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1),width 300ms cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none;z-index:1}.eq-details-modifier-tabs .mod-tab-btn{position:relative;z-index:2;flex:0 0 auto;min-width:auto;padding:5px 9px;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--text-secondary);border-radius:8px;font-size:var(--font-size-2xs, 0.6875rem);font-weight:600;cursor:pointer;white-space:nowrap;text-align:center;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.eq-details-modifier-tabs .mod-tab-btn:hover:not(.is-active){color:var(--text-primary);background:color-mix(in srgb, var(--accent-primary) 10%, transparent)}.eq-details-modifier-tabs .mod-tab-btn.is-active{color:var(--text-primary);font-weight:var(--font-weight-bold, 700)}@media(max-width: 479px){.eq-details-modifier-tabs .mod-tab-btn{font-size:.64rem;padding:4px 7px}}@media(max-width: 360px){.eq-details-modifier-tabs .mod-tab-btn{font-size:.6rem;padding:3px 6px}}#equipment-details-modal .eq-details-modal-content{max-width:1080px !important;width:95%;height:min(88dvh,880px);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:color-mix(in srgb, var(--bg-surface-primary) 95%, black);border:1px solid color-mix(in srgb, var(--border-primary) 60%, transparent);box-shadow:0 16px 40px rgba(0,0,0,.4)}#equipment-details-modal .eq-details-modal-content .modal-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn:disabled,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn.is-disabled,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button:disabled,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button.is-disabled,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn:disabled,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn.is-disabled{opacity:.35 !important;cursor:not-allowed !important;pointer-events:none !important;background-color:color-mix(in srgb, var(--bg-surface-secondary) 40%, transparent) !important;border-color:color-mix(in srgb, var(--border-primary) 20%, transparent) !important;color:color-mix(in srgb, var(--text-secondary) 40%, transparent) !important;transform:none !important}#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn:disabled clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn:disabled orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn:disabled svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn.is-disabled clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn.is-disabled orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn.is-disabled svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button:disabled clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button:disabled orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button:disabled svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button.is-disabled clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button.is-disabled orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button.is-disabled svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn:disabled clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn:disabled orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn:disabled svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn.is-disabled clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn.is-disabled orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn.is-disabled svg{transform:none !important}#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn.prev-eq-btn:hover clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn.prev-eq-btn:hover orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn.prev-eq-btn:hover svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn.prev-eq-btn:focus-visible clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn.prev-eq-btn:focus-visible orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn.prev-eq-btn:focus-visible svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button.prev-eq-btn:hover clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button.prev-eq-btn:hover orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button.prev-eq-btn:hover svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button.prev-eq-btn:focus-visible clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button.prev-eq-btn:focus-visible orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button.prev-eq-btn:focus-visible svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn.prev-eq-btn:hover clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn.prev-eq-btn:hover orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn.prev-eq-btn:hover svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn.prev-eq-btn:focus-visible clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn.prev-eq-btn:focus-visible orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn.prev-eq-btn:focus-visible svg{transform:translateX(-3px)}#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn.next-eq-btn:hover clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn.next-eq-btn:hover orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn.next-eq-btn:hover svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn.next-eq-btn:focus-visible clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn.next-eq-btn:focus-visible orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .modal-header-btn.next-eq-btn:focus-visible svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button.next-eq-btn:hover clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button.next-eq-btn:hover orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button.next-eq-btn:hover svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button.next-eq-btn:focus-visible clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button.next-eq-btn:focus-visible orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .close-button.next-eq-btn:focus-visible svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn.next-eq-btn:hover clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn.next-eq-btn:hover orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn.next-eq-btn:hover svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn.next-eq-btn:focus-visible clashcalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn.next-eq-btn:focus-visible orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .modal-header-actions .unhide-note-btn.next-eq-btn:focus-visible svg{transform:translateX(3px)}@media(max-width: 779px){#equipment-details-modal{padding:0 !important}#equipment-details-modal .eq-details-modal-content{width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;margin:0 !important;border-radius:0 !important;border:none !important}#equipment-details-modal .modal-header{padding:12px 16px}#equipment-details-modal .modal-header h2{font-size:1.15rem;flex:1;min-width:0}#equipment-details-modal .modal-body{padding:12px 16px 16px}#equipment-details-modal .eq-details-avatars{padding:5px 10px;gap:8px;border-radius:12px}#equipment-details-modal .eq-details-avatars .eq-details-hero-emblem{width:30px;height:30px;border-radius:8px}#equipment-details-modal .eq-details-avatars .avatar-sep{height:22px}#equipment-details-modal .eq-details-avatars .eq-details-item-img{width:40px;height:40px}#equipment-details-modal .eq-badge{font-size:.68rem;padding:3px 8px}#equipment-details-modal .mod-tab-btn{font-size:.68rem;padding:4px 8px}#equipment-details-modal .eq-details-props-grid{gap:10px;padding:12px}#equipment-details-modal .eq-details-static-stats-box,#equipment-details-modal .eq-details-current-level-box{padding:10px 14px}#equipment-details-modal .eq-details-static-stats-box .unit-title,#equipment-details-modal .eq-details-static-stats-box .eq-details-level-header,#equipment-details-modal .eq-details-current-level-box .unit-title,#equipment-details-modal .eq-details-current-level-box .eq-details-level-header{font-size:.82rem}#equipment-details-modal .eq-details-static-stats-box .eq-details-stats-progress-list .stat-label-line,#equipment-details-modal .eq-details-current-level-box .eq-details-stats-progress-list .stat-label-line{font-size:.74rem}#equipment-details-modal .eq-details-table{font-size:.8rem}#equipment-details-modal .eq-details-table th,#equipment-details-modal .eq-details-table td{padding:8px 8px}#equipment-details-modal .eq-details-table thead tr.super-header-row th.category-header{font-size:.68rem}#equipment-details-modal .eq-details-table thead tr.sub-header-row th{font-size:.72rem;top:23px !important}#equipment-details-modal .eq-details-table .delta-tag{font-size:.7rem}#equipment-details-modal .eq-details-table .total-cost-label{font-size:.8rem}#equipment-details-modal .eq-details-footer-meta{font-size:.72rem}#equipment-details-modal .eq-details-footer-meta .eq-details-attribution-row{font-size:.68rem}}@media(max-width: 625px){#equipment-details-modal .modal-header{padding:10px 12px}#equipment-details-modal .modal-header h2{font-size:1.05rem}#equipment-details-modal .eq-details-header-row{gap:8px;margin-bottom:8px}#equipment-details-modal .eq-details-avatars{padding:4px 8px;gap:6px;border-radius:10px}#equipment-details-modal .eq-details-avatars .eq-details-hero-emblem{width:24px;height:24px;border-radius:6px}#equipment-details-modal .eq-details-avatars .avatar-sep{height:18px}#equipment-details-modal .eq-details-avatars .eq-details-item-img{width:32px;height:32px}#equipment-details-modal .eq-badge{font-size:.64rem;padding:2px 7px}#equipment-details-modal .eq-details-props-grid{grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:8px;padding:10px}#equipment-details-modal .eq-details-static-stats-box,#equipment-details-modal .eq-details-current-level-box{padding:8px 12px}#equipment-details-modal .eq-details-static-stats-box .unit-title,#equipment-details-modal .eq-details-static-stats-box .eq-details-level-header,#equipment-details-modal .eq-details-current-level-box .unit-title,#equipment-details-modal .eq-details-current-level-box .eq-details-level-header{font-size:.76rem}#equipment-details-modal .eq-details-static-stats-box .eq-details-stats-progress-list .stat-label-line,#equipment-details-modal .eq-details-current-level-box .eq-details-stats-progress-list .stat-label-line{font-size:.7rem}#equipment-details-modal .rec-banner-card{font-size:var(--font-size-xs, 0.75rem);padding:8px 10px}#equipment-details-modal .eq-details-table{font-size:var(--font-size-xs, 0.75rem)}#equipment-details-modal .eq-details-table th,#equipment-details-modal .eq-details-table td{padding:6px 4px}#equipment-details-modal .eq-details-table thead tr.super-header-row th.category-header{font-size:.64rem}#equipment-details-modal .eq-details-table thead tr.sub-header-row th{font-size:.66rem;top:20px !important}#equipment-details-modal .eq-details-table .delta-tag{font-size:.65rem}#equipment-details-modal .eq-details-table .total-cost-label{font-size:var(--font-size-xs, 0.75rem)}#equipment-details-modal .eq-details-footer-meta{font-size:.68rem;gap:6px}#equipment-details-modal .eq-details-footer-meta .eq-details-attribution-row{font-size:.64rem}}.eq-details-header-row{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:12px;width:100%}.eq-details-avatars{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;background:color-mix(in srgb, var(--bg-surface-secondary) 80%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 40%, transparent);padding:6px 12px;border-radius:16px;box-shadow:0 4px 14px rgba(0,0,0,.25)}.eq-details-avatars .eq-details-hero-emblem{width:36px;height:36px;border-radius:10px;object-fit:cover;box-shadow:none;filter:drop-shadow(0 0 4px var(--color-gold-glow-shadow)) drop-shadow(0 0 8px var(--color-gold-glow-shadow))}.eq-details-avatars .avatar-sep{width:1px;height:26px;background:color-mix(in srgb, var(--bg-surface-tertiary) 40%, transparent)}.eq-details-avatars .eq-details-item-img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35));transition:filter 250ms cubic-bezier(0.25, 1, 0.5, 1)}.eq-details-avatars .eq-details-item-img.is-data-unavailable{filter:grayscale(100%) opacity(0.65) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3))}.stat-val-modified{color:var(--color-warning) !important;font-weight:var(--font-weight-bold, 700) !important}.eq-details-badges{display:flex;flex-flow:row wrap;align-items:center;align-content:center;justify-content:center;gap:4px 6px;flex:1;min-width:0}.eq-details-badges .eq-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:var(--font-weight-bold, 700);padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;cursor:default}.eq-details-badges .eq-badge.badge-active{background-color:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success) 35%, transparent)}.eq-details-badges .eq-badge.badge-passive{background-color:var(--bg-surface-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.eq-details-badges .eq-badge.badge-common{background-color:color-mix(in srgb, var(--color-rarity-common) 15%, transparent);color:var(--color-rarity-common);border:1px solid color-mix(in srgb, var(--color-rarity-common) 35%, transparent)}.eq-details-badges .eq-badge.badge-epic{background-color:color-mix(in srgb, var(--color-rarity-epic) 15%, transparent);color:var(--color-rarity-epic);border:1px solid color-mix(in srgb, var(--color-rarity-epic) 35%, transparent);text-shadow:0 0 8px color-mix(in srgb, var(--color-rarity-epic) 40%, transparent)}.eq-details-badges .eq-badge.badge-not-recommended{background-color:color-mix(in srgb, var(--color-danger) 15%, transparent);color:var(--color-danger);border:1px solid color-mix(in srgb, var(--color-danger) 35%, transparent)}.eq-details-badges .eq-badge.badge-niche{background-color:color-mix(in srgb, var(--color-warning) 15%, transparent);color:var(--color-warning);border:1px solid color-mix(in srgb, var(--color-warning) 35%, transparent)}.eq-details-badges .eq-badge.badge-unreleased{background-color:color-mix(in srgb, var(--color-rarity-epic) 15%, transparent);color:var(--color-rarity-epic);border:1px solid color-mix(in srgb, var(--color-rarity-epic) 35%, transparent);text-shadow:0 0 8px color-mix(in srgb, var(--color-rarity-epic) 40%, transparent)}.eq-details-badges .eq-badge.badge-must-have{background-color:color-mix(in srgb, var(--color-gold-glow) 15%, transparent);color:var(--color-gold-glow);border:1px solid color-mix(in srgb, var(--color-gold-glow) 40%, transparent);text-shadow:0 0 8px color-mix(in srgb, var(--color-gold-glow) 40%, transparent)}.eq-details-badges .eq-badge.badge-recommended{background-color:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success) 35%, transparent)}.eq-details-badges .eq-badge .badge-icon{width:14px;height:14px;fill:currentColor;flex-shrink:0}#eq-details-empty-state-container{flex:1;width:100%;min-height:0;margin-top:10px;display:flex;flex-direction:column}.eq-details-empty-state{flex:1;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px;background:color-mix(in srgb, var(--bg-surface-secondary) 40%, transparent);border-radius:16px;border:1px dashed color-mix(in srgb, var(--border-primary) 50%, transparent);margin:0;box-sizing:border-box}.eq-details-empty-state .empty-state-icon{width:54px;height:54px;border-radius:50%;background:color-mix(in srgb, var(--bg-surface-tertiary) 80%, black);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--text-secondary)}.eq-details-empty-state .empty-state-icon svg{width:28px;height:28px;fill:currentColor}.eq-details-empty-state h3{margin:0 0 8px;font-size:1.2rem;color:var(--text-primary)}.eq-details-empty-state p{margin:0;font-size:.9rem;color:var(--text-secondary)}.eq-details-empty-state p.empty-state-contribute{margin-top:8px;font-size:.85rem}.eq-details-empty-state p.empty-state-contribute em{font-style:italic}.eq-details-empty-state p strong{color:var(--text-primary)}.eq-details-desc-banner{margin-bottom:10px;border-radius:12px}.eq-details-props-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:12px;padding:14px;border-radius:12px;background:color-mix(in srgb, var(--bg-surface-secondary) 50%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 30%, transparent)}.eq-details-props-grid .prop-item{display:flex;flex-direction:column}.eq-details-props-grid .prop-item .prop-label{font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary);text-transform:uppercase;font-weight:600}.eq-details-props-grid .prop-item .prop-value{font-size:.95rem;color:var(--text-primary);font-weight:600;margin-top:2px}.eq-details-boxes-row{display:flex;gap:10px}@media(max-width: 625px){.eq-details-boxes-row{flex-direction:column}.eq-details-boxes-row .eq-details-stats-progress-list{gap:6px}}.eq-details-static-stats-box,.eq-details-current-level-box{flex:1 1 0px;min-width:0;padding:16px;border-radius:12px;background:color-mix(in srgb, var(--bg-surface-secondary) 60%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 40%, transparent)}.eq-details-static-stats-box .eq-details-stats-progress-list,.eq-details-current-level-box .eq-details-stats-progress-list{margin-top:12px}.eq-details-static-stats-box .eq-details-level-header,.eq-details-current-level-box .eq-details-level-header{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;margin-bottom:14px;color:var(--text-primary)}.eq-details-static-stats-box .eq-details-level-header strong,.eq-details-current-level-box .eq-details-level-header strong{color:var(--accent-primary)}.eq-details-static-stats-box{display:flex;flex-direction:column;align-items:center;position:relative}.eq-details-static-stats-box .eq-unit-stats-toggle-row{display:flex;justify-content:flex-end;width:100%;margin-top:auto;padding-top:10px}.eq-details-static-stats-box .eq-unit-stats-toggle-btn{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb, var(--accent-primary) 15%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 35%, transparent);color:var(--accent-primary);padding:5px 12px;border-radius:20px;font-size:var(--font-size-xs, 0.75rem);font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.25);transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1)}.eq-details-static-stats-box .eq-unit-stats-toggle-btn .toggle-btn-icon{width:14px;height:14px;fill:currentColor;flex-shrink:0}.eq-details-static-stats-box .eq-unit-stats-toggle-btn:hover{background:color-mix(in srgb, var(--accent-primary) 28%, transparent);border-color:color-mix(in srgb, var(--accent-primary) 50%, transparent);box-shadow:0 4px 12px color-mix(in srgb, var(--accent-primary) 30%, transparent)}.eq-details-static-stats-box .eq-details-avatars{margin:0 auto 10px auto}.eq-details-static-stats-box .eq-details-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.eq-details-static-stats-box #eq-details-static-stats-content{width:100%;min-width:0}.eq-details-static-stats-box .eq-details-unit-stats-content{width:100%;min-width:0}.eq-details-static-stats-box .eq-details-unit-stats-content .unit-stats-header{display:flex;align-items:center;margin-bottom:14px}.eq-details-static-stats-box .eq-details-unit-stats-content .unit-stats-header .unit-stats-title-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.eq-details-static-stats-box .eq-details-unit-stats-content .unit-stats-header .unit-stats-title-group .unit-title{font-size:.9rem;font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}.eq-details-static-stats-box .eq-details-unit-stats-content .unit-stats-header .unit-stats-title-group .unit-level-badge{font-size:var(--font-size-xs, 0.75rem);font-weight:600;padding:3px 8px;border-radius:6px;background:color-mix(in srgb, var(--accent-primary) 15%, transparent);color:var(--accent-primary);border:1px solid color-mix(in srgb, var(--accent-primary) 30%, transparent)}.eq-details-static-stats-box .eq-details-unit-stats-content .unit-stats-header .unit-stats-title-group .unit-level-badge.stat-val-modified{background:color-mix(in srgb, var(--color-warning) 15%, transparent) !important;color:var(--color-warning) !important;border-color:color-mix(in srgb, var(--color-warning) 40%, transparent) !important;font-weight:var(--font-weight-bold, 700) !important}.eq-details-stats-progress-list{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}.eq-details-stats-progress-list .stat-progress-row{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0}.eq-details-stats-progress-list .stat-progress-row .stat-label-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.78rem;color:var(--text-primary);white-space:nowrap;width:100%;min-width:0}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-name{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;overflow:hidden}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-name clashcalc-assets-svg,.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-name orecalc-assets-svg{width:16px;height:16px;flex-shrink:0}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-name .stat-name-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-val{font-weight:var(--font-weight-bold, 700);flex-shrink:0;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-val .stat-val-compare{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-val .stat-val-compare .stat-val-base{color:var(--text-secondary);font-weight:600}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-val .stat-val-compare .stat-val-arrow{color:var(--text-muted);font-size:var(--font-size-xs, 0.75rem)}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-val .stat-val-compare .stat-val-hover{font-weight:var(--font-weight-bold, 700)}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-val .stat-val-compare .stat-val-hover.val-increase{color:var(--color-success)}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-val .stat-val-compare .stat-val-hover.val-decrease{color:var(--color-danger)}.eq-details-stats-progress-list .stat-progress-row .progress-bar-bg{height:10px;width:100%;background:var(--bg-surface-tertiary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);box-shadow:inset 0 1px 3px rgba(0,0,0,.35);border-radius:6px;overflow:hidden;position:relative;box-sizing:border-box}.eq-details-stats-progress-list .stat-progress-row .progress-bar-bg .progress-bar-fill,.eq-details-stats-progress-list .stat-progress-row .progress-bar-bg .progress-bar-increase,.eq-details-stats-progress-list .stat-progress-row .progress-bar-bg .progress-bar-decrease{position:absolute;top:0;left:0;height:100%;border-radius:6px;transition:width 450ms cubic-bezier(0.34, 1.56, 0.64, 1)}.eq-details-stats-progress-list .stat-progress-row .progress-bar-bg .progress-bar-fill{background:linear-gradient(90deg, var(--accent-primary), color-mix(in srgb, var(--accent-primary) 80%, white));z-index:3}.eq-details-stats-progress-list .stat-progress-row .progress-bar-bg .progress-bar-fill.is-initial-animating{transition:width 500ms cubic-bezier(0.34, 1.56, 0.64, 1)}.eq-details-stats-progress-list .stat-progress-row .progress-bar-bg .progress-bar-increase{background:linear-gradient(90deg, var(--color-success), color-mix(in srgb, var(--color-success) 80%, white));z-index:2}.eq-details-stats-progress-list .stat-progress-row .progress-bar-bg .progress-bar-decrease{background:linear-gradient(90deg, var(--color-danger), color-mix(in srgb, var(--color-danger) 80%, white));z-index:1}#eq-details-content-wrapper{display:flex;flex-direction:column;flex:0 0 auto}#equipment-details-modal.has-expanded-table #eq-details-content-wrapper{display:none !important}.eq-details-table-wrapper{position:relative;margin-top:10px;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.eq-details-table-wrapper .expand-table-btn{position:absolute;top:8px;right:8px;z-index:25;background:color-mix(in srgb, var(--bg-surface-secondary) 85%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 50%, transparent);color:var(--text-secondary);border-radius:6px;padding:4px 6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px);transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.25, 1, 0.5, 1)}.eq-details-table-wrapper .expand-table-btn:hover{background:color-mix(in srgb, var(--bg-surface-secondary) 95%, white);color:var(--text-primary);transform:scale(1.05)}.eq-details-table-wrapper .expand-table-btn clashcalc-assets-svg,.eq-details-table-wrapper .expand-table-btn orecalc-assets-svg{width:18px;height:18px;fill:currentColor}.eq-details-table-wrapper.table-expanded{margin-top:0}.eq-details-table-wrapper.table-expanded .expand-table-btn{z-index:30}.eq-details-table-container{flex:1;min-height:0;overflow-x:auto;overflow-y:auto;border-radius:12px;border:1px solid color-mix(in srgb, var(--border-primary) 40%, transparent)}.eq-details-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem;text-align:center}.eq-details-table th,.eq-details-table td{padding:10px 12px;border-bottom:1px solid color-mix(in srgb, var(--border-primary) 20%, transparent);border-right:1px solid color-mix(in srgb, var(--border-primary) 15%, transparent);vertical-align:middle}.eq-details-table th:last-child,.eq-details-table td:last-child{border-right:none}.eq-details-table thead{position:sticky;top:0;z-index:10}.eq-details-table thead th{background-color:color-mix(in srgb, var(--bg-surface-secondary) 82%, transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-secondary);font-weight:600;position:sticky;z-index:10}.eq-details-table thead tr.super-header-row th{top:0;z-index:12}.eq-details-table thead tr.super-header-row th:first-child{border-top-left-radius:11px}.eq-details-table thead tr.super-header-row th:last-child{border-top-right-radius:11px}.eq-details-table thead tr.super-header-row th[rowspan="2"]{z-index:13;border-bottom:1.5px solid color-mix(in srgb, var(--border-primary) 40%, transparent)}.eq-details-table thead tr.super-header-row th.category-header{font-size:.72rem;font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);border-bottom:1px solid color-mix(in srgb, var(--border-primary) 20%, transparent)}.eq-details-table thead tr.sub-header-row th{top:33px;z-index:11;font-size:.78rem;color:var(--text-secondary);border-bottom:1.5px solid color-mix(in srgb, var(--border-primary) 40%, transparent);border-right:1px solid color-mix(in srgb, var(--border-primary) 15%, transparent)}.eq-details-table tbody tr{transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1);background-color:rgba(0,0,0,0)}.eq-details-table tbody tr:nth-child(3n){background-color:color-mix(in srgb, var(--bg-surface-secondary) 35%, transparent)}.eq-details-table tbody tr:hover{background-color:color-mix(in srgb, var(--accent-primary) 15%, transparent)}.eq-details-table tbody tr.past-level-row{opacity:.45;color:var(--text-muted)}.eq-details-table tbody tr.past-level-row td{color:var(--text-muted)}.eq-details-table tbody tr.past-level-row .delta-tag{opacity:.6}.eq-details-table tbody tr.past-level-row .glowy-cost-highlight,.eq-details-table tbody tr.past-level-row .starry-cost-highlight{opacity:.6;text-shadow:none}.eq-details-table tbody tr.past-level-row clashcalc-assets-image,.eq-details-table tbody tr.past-level-row orecalc-assets-image,.eq-details-table tbody tr.past-level-row img{filter:opacity(0.5) grayscale(40%)}.eq-details-table tbody tr.past-level-row:hover{opacity:.8}.eq-details-table tbody tr.unavailable-esports-row{opacity:.35;color:var(--text-muted);background-color:color-mix(in srgb, var(--bg-surface-secondary) 80%, transparent) !important;cursor:not-allowed}.eq-details-table tbody tr.unavailable-esports-row td{color:color-mix(in srgb, var(--text-muted) 70%, transparent)}.eq-details-table tbody tr.unavailable-esports-row .delta-tag,.eq-details-table tbody tr.unavailable-esports-row .glowy-cost-highlight,.eq-details-table tbody tr.unavailable-esports-row .starry-cost-highlight{opacity:.3;text-shadow:none}.eq-details-table tbody tr.unavailable-esports-row clashcalc-assets-image,.eq-details-table tbody tr.unavailable-esports-row orecalc-assets-image,.eq-details-table tbody tr.unavailable-esports-row img{filter:opacity(0.25) grayscale(90%)}.eq-details-table tbody tr.unavailable-esports-row:hover{opacity:.35}.eq-details-table tbody tr.active-level-row{background-color:color-mix(in srgb, var(--accent-primary) 25%, transparent) !important;font-weight:var(--font-weight-bold, 700)}.eq-details-table tbody tr.active-level-row td:first-child{border-left:4px solid var(--accent-primary)}.eq-details-table tbody tr.step-level-row td:first-child{color:var(--accent-primary) !important;font-weight:var(--font-weight-bold, 700)}.eq-details-table tbody tr.step-level-row:hover{background-color:color-mix(in srgb, var(--accent-primary) 10%, transparent)}.eq-details-table tbody tr.max-level-step-row td:first-child{color:var(--starry-ore) !important;font-weight:var(--font-weight-bold, 700);text-shadow:0 0 6px color-mix(in srgb, var(--starry-ore) 35%, transparent)}.eq-details-table tbody tr .level-cell-content{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.eq-details-table tbody tr .level-cell-content .rec-level-icon{width:14px;height:14px;fill:var(--color-success);flex-shrink:0}.eq-details-table tbody tr.active-max-level-row{background-color:color-mix(in srgb, var(--starry-ore) 18%, transparent) !important;color:var(--starry-ore) !important;font-weight:var(--font-weight-bold, 700)}.eq-details-table tbody tr.active-max-level-row td{color:var(--starry-ore) !important;text-shadow:0 0 8px color-mix(in srgb, var(--starry-ore) 40%, transparent)}.eq-details-table tbody tr.active-max-level-row td:first-child{border-left:4px solid var(--starry-ore) !important}.eq-details-table tbody tr.active-max-level-row:hover{background-color:color-mix(in srgb, var(--starry-ore) 28%, transparent) !important}.eq-details-table tbody tr td{color:var(--text-primary)}.eq-details-table tbody tr td .stat-cell-wrapper{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 4px;text-align:center;width:100%}.eq-details-table tbody tr td .delta-tag{font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary);margin:0;font-weight:500;white-space:nowrap}.eq-details-table tbody tr td .delta-tag.delta-tag-main{color:var(--color-success) !important;font-weight:var(--font-weight-bold, 700);text-shadow:0 0 6px color-mix(in srgb, var(--color-success) 30%, transparent)}.eq-details-table tbody tr td .ore-cost-cell{display:inline-flex;align-items:center;justify-content:center;gap:4px;vertical-align:middle}.eq-details-table tbody tr td .ore-cost-cell clashcalc-assets-image,.eq-details-table tbody tr td .ore-cost-cell orecalc-assets-image{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.eq-details-table tbody tr td .ore-cost-cell clashcalc-assets-image img,.eq-details-table tbody tr td .ore-cost-cell orecalc-assets-image img{width:100%;height:100%;object-fit:contain;display:block}.eq-details-table tbody tr td .shiny-cost-highlight{color:var(--shiny-ore);font-weight:var(--font-weight-bold, 700);text-shadow:0 0 6px color-mix(in srgb, var(--shiny-ore) 35%, transparent)}.eq-details-table tbody tr td .glowy-cost-highlight{color:var(--glowy-ore);font-weight:var(--font-weight-bold, 700);text-shadow:0 0 8px color-mix(in srgb, var(--glowy-ore) 35%, transparent)}.eq-details-table tbody tr td .starry-cost-highlight{color:var(--starry-ore);font-weight:var(--font-weight-bold, 700);text-shadow:0 0 8px color-mix(in srgb, var(--starry-ore) 40%, transparent)}.eq-details-table tbody tr td .th-req-cell{display:inline-flex;align-items:center;justify-content:center;gap:6px;vertical-align:middle}.eq-details-table tbody tr td .th-req-cell clashcalc-assets-image,.eq-details-table tbody tr td .th-req-cell orecalc-assets-image{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}.eq-details-table tbody tr td .th-req-cell clashcalc-assets-image img,.eq-details-table tbody tr td .th-req-cell orecalc-assets-image img{width:100%;height:100%;object-fit:contain;display:block}.eq-details-table tbody tr td .th-req-cell span{display:inline-block;line-height:1}.eq-details-table tbody tr tr.total-cost-row{background-color:color-mix(in srgb, var(--bg-surface-tertiary) 80%, transparent) !important;border-top:2px solid var(--border-primary);font-weight:var(--font-weight-bold, 700)}.eq-details-table tbody tr tr.total-cost-row td{padding-top:10px;padding-bottom:10px}.eq-details-table tbody tr tr.total-cost-row td.total-cost-label-cell{text-align:right;padding-right:8px}.eq-details-table tbody tr tr.total-cost-row .total-cost-label{font-weight:var(--font-weight-bold, 700);color:var(--text-primary);white-space:nowrap}.eq-details-footer-meta{display:flex;flex-direction:column;gap:8px;padding:10px 4px 0 4px;margin-top:auto;flex-shrink:0;font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary);container-type:inline-size;container-name:footermeta}.eq-details-footer-meta .eq-details-footer-top-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.eq-details-footer-meta .eq-details-report-inaccuracies{opacity:.85}.eq-details-footer-meta .eq-details-report-inaccuracies .open-inaccuracies-link{color:var(--accent-primary);text-decoration:underline;cursor:pointer}.eq-details-footer-meta .eq-details-report-inaccuracies .open-inaccuracies-link:hover{color:var(--text-primary)}.eq-details-footer-meta .eq-details-last-updated{margin-left:auto;opacity:.8}@container footermeta (max-width: 520px){.eq-details-footer-meta .eq-details-footer-top-row{justify-content:center;text-align:center;gap:4px}.eq-details-footer-meta .eq-details-footer-top-row .eq-details-report-inaccuracies,.eq-details-footer-meta .eq-details-footer-top-row .eq-details-last-updated{width:100%;text-align:center;margin-left:0}}.eq-details-footer-meta .eq-details-attribution-row{opacity:.75;font-size:.72rem;line-height:1.4;text-align:center;padding-top:6px;border-top:1px solid color-mix(in srgb, var(--border-primary) 25%, transparent)}.eq-details-footer-meta .eq-details-attribution-row a{color:var(--text-secondary);text-decoration:underline}.eq-details-footer-meta .eq-details-attribution-row a:hover{color:var(--text-primary)}.eq-details-footer-meta .eq-details-attribution-row .open-in-new-icon{width:11px;height:11px;margin-left:2px;vertical-align:middle;fill:currentColor}.global-pricing-grid-container{border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;margin-top:10px}.global-pricing-grid-header{display:grid;grid-template-columns:1fr 1fr;background-color:var(--bg-surface-primary);padding:10px 15px;font-weight:var(--font-weight-bold, 700);border-bottom:1px solid var(--border-primary);text-align:center}.global-pricing-grid-body{max-height:300px;overflow-y:auto}.global-pricing-row{display:grid;grid-template-columns:1fr 1fr;padding:12px 15px;align-items:center;border-bottom:1px solid var(--border-primary)}.global-pricing-row:last-child{border-bottom:none}.global-pricing-row span{font-family:"Roboto Mono",monospace;font-size:.95rem;color:var(--text-primary);text-align:right;padding-right:15px}.global-pricing-row input{box-shadow:0 0 0 0 rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1)}.global-pricing-row input:focus,.global-pricing-row input:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.global-pricing-row input{width:100%;background-color:var(--bg-app);border:1px solid var(--border-primary);color:var(--text-primary);padding:8px 12px;border-radius:8px;text-align:right;font-family:"Roboto Mono",monospace;font-size:.95rem}.global-pricing-row input::placeholder{color:var(--text-secondary);opacity:.5}.global-pricing-row input:focus,.global-pricing-row input:focus-visible{background-color:var(--bg-surface-primary)}.global-pricing-row input::-webkit-outer-spin-button,.global-pricing-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.global-pricing-row input{appearance:textfield;-moz-appearance:textfield}#global-pricing-modal .modal-content{max-width:580px}#global-pricing-modal #reset-global-pricing-btn{margin-right:auto}@media(max-width: 625px){#global-pricing-modal .modal-info-text{flex-shrink:0}#global-pricing-modal .modal-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}#global-pricing-modal .input-group-flex{flex-shrink:0}#global-pricing-modal .global-pricing-grid-container{flex:1;min-height:0;display:flex;flex-direction:column;margin-bottom:0}#global-pricing-modal .global-pricing-grid-header{flex-shrink:0}#global-pricing-modal .global-pricing-grid-body{flex:1;min-height:0;max-height:none;overflow-y:auto}#global-pricing-modal .modal-actions{flex-shrink:0}}#toast-container{position:fixed;bottom:calc(24px + var(--toast-keyboard-offset, 0px));right:24px;width:320px;height:0;margin:0;padding:0;border:none;background:rgba(0,0,0,0);overflow:visible;z-index:90;pointer-events:none;transition:bottom 150ms cubic-bezier(0.25, 1, 0.5, 1)}#toast-container[popover],#toast-container:popover-open{margin:0;padding:0;border:none;background:rgba(0,0,0,0);overflow:visible;inset:auto 24px calc(24px + var(--toast-keyboard-offset, 0px)) auto}#toast-container::backdrop{display:none;background:rgba(0,0,0,0)}.toast-notification{position:absolute;bottom:0;right:0;width:100%;display:flex;align-items:center;gap:12px;padding:12px 20px;height:50px;box-sizing:border-box;background-color:color-mix(in srgb, var(--bg-surface-tertiary) 85%, transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-secondary);border-radius:12px;color:var(--text-primary);box-shadow:0 10px 25px -5px rgba(0,0,0,.3),0 8px 10px -6px rgba(0,0,0,.3);font-size:var(--font-size-sm, 0.8125rem);font-weight:500;pointer-events:auto;opacity:0;isolation:isolate;transform:translateZ(0);will-change:transform,opacity;transition:transform 450ms cubic-bezier(0.34, 1.56, 0.64, 1),opacity 250ms cubic-bezier(0.25, 1, 0.5, 1),border-color 300ms cubic-bezier(0.25, 1, 0.5, 1)}.toast-notification.toast-error{border-color:color-mix(in srgb, var(--color-danger) 40%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--bg-surface-tertiary) 90%, transparent), color-mix(in srgb, var(--color-danger) 5%, transparent))}.toast-notification.toast-warning{border-color:color-mix(in srgb, var(--color-warning) 40%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--bg-surface-tertiary) 90%, transparent), color-mix(in srgb, var(--color-warning) 5%, transparent))}.toast-notification.toast-success{border-color:color-mix(in srgb, var(--color-success) 40%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--bg-surface-tertiary) 90%, transparent), color-mix(in srgb, var(--color-success) 5%, transparent))}.toast-notification .toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-notification .toast-icon-svg{width:20px;height:20px;fill:currentColor}.toast-notification .toast-message{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width: 779px){#toast-container{left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 32px);max-width:340px;bottom:calc(74px + var(--toast-keyboard-offset, 0px));transition:bottom 150ms cubic-bezier(0.25, 1, 0.5, 1)}#toast-container[popover],#toast-container:popover-open{left:50%;right:auto;inset:auto auto calc(74px + var(--toast-keyboard-offset, 0px)) 50%;transform:translateX(-50%)}.toast-notification{left:0;right:0;padding:8px 16px;height:40px;border-radius:8px;font-size:var(--font-size-xs, 0.75rem);gap:8px}.toast-notification .toast-icon-svg{width:16px;height:16px}}:root{--domain-notice-height: 0px}.domain-notice{position:fixed;top:0;left:0;right:0;width:100%;box-sizing:border-box;background-color:var(--bg-surface-secondary);border-bottom:1px solid var(--border-primary);color:var(--text-primary);z-index:50;padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top, 0px));transition:opacity 300ms cubic-bezier(0.25, 1, 0.5, 1),transform 300ms cubic-bezier(0.4, 0, 0.8, 0.2)}.domain-notice--exiting{opacity:0;transform:translateY(-100%);pointer-events:none}.domain-notice .domain-notice-inner{max-width:1170px;margin-inline:auto;width:100%;display:flex;flex-direction:row;align-items:center;gap:10px}.domain-notice .domain-notice-badge{display:flex;align-items:center;justify-content:center;color:var(--accent-primary);line-height:1;flex-shrink:0}.domain-notice .domain-notice-text{margin:0;color:var(--text-primary);font-weight:500;font-size:var(--font-size-xs, 0.75rem);line-height:1.4;flex:1;letter-spacing:-0.01em}.domain-notice .domain-notice-actions{flex-shrink:0}.domain-notice .domain-notice-cta{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;background-color:var(--accent-primary);color:var(--text-on-accent);border-radius:8px;font-weight:600;font-size:var(--font-size-xs, 0.75rem);text-decoration:none;box-sizing:border-box;white-space:nowrap;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.domain-notice .domain-notice-cta:hover{background-color:var(--accent-primary-hover)}.domain-notice .domain-notice-cta:active{background-color:var(--accent-primary-active)}.domain-notice .domain-notice-dismiss-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);padding:0;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.25, 1, 0.5, 1)}.domain-notice .domain-notice-dismiss-btn svg,.domain-notice .domain-notice-dismiss-btn clashcalc-assets-svg,.domain-notice .domain-notice-dismiss-btn orecalc-assets-svg{width:12px;height:12px}.domain-notice .domain-notice-dismiss-btn:hover{color:var(--text-primary);background-color:var(--bg-surface-primary);border-color:var(--border-secondary);transform:scale(1.08)}.domain-notice .domain-notice-dismiss-btn:active{transform:scale(0.92)}.domain-notice .domain-notice-dismiss-btn:focus-visible{outline:2px solid var(--outline-focus);outline-offset:1px}@media(max-width: 480px){.domain-notice{padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top, 0px))}.domain-notice .domain-notice-inner{display:grid;grid-template-columns:16px 1fr 24px;grid-template-areas:"badge text    dismiss" "cta   cta     cta";column-gap:10px;row-gap:8px;align-items:center}.domain-notice .domain-notice-badge{grid-area:badge;align-self:center}.domain-notice .domain-notice-text{grid-area:text}.domain-notice .domain-notice-actions{grid-area:cta;display:flex;justify-content:center}.domain-notice .domain-notice-cta{width:100%;height:32px;padding:0 12px}.domain-notice .domain-notice-dismiss-btn{grid-area:dismiss;align-self:center;justify-self:end;width:24px;height:24px}}.app-header-placeholder{transition:margin-top 300ms cubic-bezier(0.25, 1, 0.5, 1)}body:has(.domain-notice:not(.domain-notice--exiting)) .app-header{top:calc(15px + env(safe-area-inset-top, 0px) + var(--domain-notice-height, 48px))}@media(max-width: 779px){body:has(.domain-notice:not(.domain-notice--exiting)) .app-header{top:calc(10px + env(safe-area-inset-top, 0px) + var(--domain-notice-height, 48px))}}body:has(.domain-notice:not(.domain-notice--exiting)) .app-header-placeholder{margin-top:var(--domain-notice-height, 48px)}#guided-setup-modal{background-color:var(--bg-overlay, rgba(0, 0, 0, 0.3));padding:0;display:flex;align-items:center;justify-content:center;z-index:60;max-width:100vw}#guided-setup-modal[open]{display:flex}@media(max-width: 625px){#guided-setup-modal{background-color:var(--bg-surface-secondary);padding:0 !important}}.guided-setup-modal-content{animation:none;transform:none;transition:opacity 150ms cubic-bezier(0.25, 1, 0.5, 1),visibility 150ms cubic-bezier(0.25, 1, 0.5, 1);max-width:min(580px,100vw);width:100%;height:min(640px,100dvh - 64px);max-height:calc(100dvh - 48px);margin:auto;padding:0;text-align:left;background-color:var(--bg-surface-secondary);border:1px solid color-mix(in srgb, var(--accent-primary) 15%, transparent);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 50px color-mix(in srgb, var(--accent-primary) 5%, transparent);border-radius:28px;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;position:relative}@media(max-width: 625px){.guided-setup-modal-content{box-shadow:none !important;padding:0 !important;background-color:var(--bg-surface-secondary);justify-content:flex-start}}.guided-setup-modal-content .guided-setup-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 16px;border-bottom:1px solid var(--border-primary);text-align:left;flex-shrink:0;box-sizing:border-box}@media(max-width: 625px){.guided-setup-modal-content .guided-setup-header{padding:16px 20px 12px}}.guided-setup-modal-content .guided-setup-header .guided-setup-header-titles{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.guided-setup-modal-content .guided-setup-header .guided-setup-header-titles h1{font-size:var(--font-size-xl, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);margin:0;line-height:1.25}.guided-setup-modal-content .guided-setup-header .guided-setup-header-titles .guided-setup-subtitle{font-size:var(--font-size-sm, 0.8125rem);color:var(--text-secondary);line-height:1.4;margin:0}.guided-setup-modal-content .guided-setup-header .guided-setup-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.guided-setup-modal-content .guided-setup-header .guided-setup-header-actions .guided-setup-step-indicator{width:auto;min-width:0;max-width:none;height:auto;min-height:0;max-height:none;aspect-ratio:auto;border:none;font-size:var(--font-size-sm, 0.8125rem);font-weight:600;color:var(--accent-primary);padding:4px 8px;border-radius:8px;background-color:var(--accent-primary-soft);white-space:nowrap}.guided-setup-modal-content .guided-setup-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;min-height:0;padding:20px 24px;scrollbar-width:thin;scroll-behavior:smooth;text-align:left;box-sizing:border-box}@media(max-width: 625px){.guided-setup-modal-content .guided-setup-body{padding:16px 20px 20px;gap:12px}}.guided-setup-modal-content .guided-setup-step{display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.guided-setup-modal-content .guided-setup-step[style*="display: block"]{display:flex !important}@media(max-width: 625px){.guided-setup-modal-content .guided-setup-step{gap:12px}}.guided-setup-modal-content .guided-setup-actions{position:relative;z-index:1;display:flex;flex-direction:row;gap:12px;padding:16px 24px;border-top:1px solid var(--border-primary);width:100%;background-color:var(--bg-surface-secondary);justify-content:space-between;align-items:center;box-sizing:border-box;flex-shrink:0}@media(max-width: 625px){.guided-setup-modal-content .guided-setup-actions{padding:12px 20px;gap:8px}}.guided-setup-modal-content .guided-setup-actions .guided-setup-actions-left,.guided-setup-modal-content .guided-setup-actions .guided-setup-actions-right{display:flex;align-items:center;gap:8px}.guided-setup-modal-content .guided-setup-actions .btn-secondary,.guided-setup-modal-content .guided-setup-actions .btn-primary{min-height:40px;line-height:1.25;padding:8px 16px;font-size:var(--font-size-sm, 0.8125rem);font-weight:500;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;min-width:96px;box-sizing:border-box;cursor:pointer;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1)}@media(max-width: 625px){.guided-setup-modal-content .guided-setup-actions .btn-secondary,.guided-setup-modal-content .guided-setup-actions .btn-primary{min-width:72px;padding:4px 12px;min-height:38px}}#guided-setup-step-1{gap:12px}.player-name-input-container{text-align:left;display:flex;flex-direction:column;gap:4px}.player-name-input-container label{font-size:var(--font-size-sm, 0.8125rem);font-weight:500;color:var(--text-secondary)}.player-name-input-container .input-with-button{display:flex;gap:8px;width:100%}@media(max-width: 425px){.player-name-input-container .input-with-button{flex-direction:column;gap:8px}}.player-name-input-container .input-with-button input{box-shadow:0 0 0 0 rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1)}.player-name-input-container .input-with-button input:focus,.player-name-input-container .input-with-button input:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.player-name-input-container .input-with-button input{flex:1;width:100%;padding:12px 16px;border:1px solid var(--border-primary);border-radius:12px;font-size:var(--font-size-lg, 1rem);background-color:var(--bg-surface-primary);color:var(--text-primary);box-sizing:border-box}.player-name-input-container .input-with-button input.input-error{border-color:var(--color-danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-danger) 15%, transparent)}.player-name-input-container .input-with-button .guided-setup-inline-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;background-color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent);border-radius:12px;font-size:var(--font-size-sm, 0.8125rem);font-weight:600;color:var(--text-on-accent);cursor:pointer;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1);white-space:nowrap;margin:0;box-sizing:border-box}@media(max-width: 425px){.player-name-input-container .input-with-button .guided-setup-inline-btn{width:100%}}.player-name-input-container .input-with-button .guided-setup-inline-btn:hover{background-color:color-mix(in srgb, var(--accent-primary) 85%, black)}.player-name-input-container .input-with-button .guided-setup-inline-btn:disabled{opacity:.6;cursor:not-allowed}.player-name-input-container .error-message{display:none;color:var(--color-danger);font-size:var(--font-size-xs, 0.75rem);font-weight:500}.player-name-input-container .error-message.show{display:block;margin-top:2px}.guided-setup-saved-profiles{margin-top:0;display:flex;flex-direction:column;gap:8px;width:100%;text-align:left}.guided-setup-saved-profiles[style*="display: block"]{display:flex !important}.guided-setup-saved-profiles-header{display:flex;align-items:center;padding:0 2px}.guided-setup-saved-profiles-title{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.guided-setup-saved-profiles-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:8px;width:100%}@media(max-width: 425px){.guided-setup-saved-profiles-list{grid-template-columns:1fr}}.guided-setup-saved-profile-card{display:flex;align-items:center;gap:12px;padding:8px 12px;background-color:var(--bg-surface-secondary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:10px;color:var(--text-primary);cursor:pointer;text-align:left;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15);position:relative;transition:border-color 300ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1),background-color 300ms cubic-bezier(0.25, 1, 0.5, 1),transform 250ms cubic-bezier(0.2, 0, 0, 1);width:100%;box-sizing:border-box;font-family:inherit}.guided-setup-saved-profile-card:hover{border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary));background-color:color-mix(in srgb, var(--accent-primary) 8%, transparent);box-shadow:0 8px 24px -4px rgba(0,0,0,.22),0 0 12px color-mix(in srgb, var(--accent-primary) 8%, transparent)}.guided-setup-saved-profile-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.guided-setup-saved-profile-card.is-active{border-color:var(--accent-primary);background-color:color-mix(in srgb, var(--accent-primary) 10%, var(--bg-surface-secondary));box-shadow:0 0 0 1px var(--accent-primary),0 4px 16px -2px color-mix(in srgb, var(--accent-primary) 25%, transparent)}.guided-setup-saved-profile-card.is-active:hover{background-color:color-mix(in srgb, var(--accent-primary) 14%, var(--bg-surface-secondary));box-shadow:0 0 0 1px var(--accent-primary),0 8px 24px -4px rgba(0,0,0,.22),0 0 12px color-mix(in srgb, var(--accent-primary) 8%, transparent)}.guided-setup-saved-profile-card .account-card-th{flex-shrink:0}.guided-setup-saved-profile-card .account-card-player{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.guided-setup-saved-profile-card .account-card-player .account-card-name{font-weight:var(--font-weight-bold, 700);font-size:var(--font-size-sm, 0.8125rem);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guided-setup-saved-profile-card .account-card-player .account-card-tag{font-family:monospace;font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);line-height:1.2}.guided-setup-saved-profile-card .account-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-left:auto;flex-shrink:1;min-width:0;text-align:right}.guided-setup-saved-profile-card .account-card-meta .account-card-clan{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;max-width:140px;font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary)}.guided-setup-saved-profile-card .account-card-meta .account-card-clan .clan-badge-img-tiny{width:14px;height:14px;object-fit:contain;flex-shrink:0}.guided-setup-saved-profile-card .account-card-meta .account-card-clan .clan-name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-xs, 0.75rem)}.guided-setup-saved-profile-card .account-card-meta .account-card-stats{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary)}.guided-setup-saved-profile-card .account-card-meta .account-card-stats .account-card-league{display:inline-flex;align-items:center}.guided-setup-saved-profile-card .account-card-meta .account-card-stats .account-card-league .league-badge-img-tiny{width:14px;height:14px;object-fit:contain;flex-shrink:0}.guided-setup-saved-profile-card .account-card-meta .account-card-stats .account-card-trophies{display:inline-flex;align-items:center;gap:3px;color:var(--text-secondary);font-weight:600}.guided-setup-saved-profile-card .account-card-meta .account-card-stats .account-card-trophies .trophy-icon-mini{color:#ffca28;display:inline-flex;align-items:center}.guided-setup-profile-preview{position:relative;background:color-mix(in srgb, var(--bg-surface-primary) 70%, transparent);border:1px solid var(--border-primary);border-radius:16px;padding:16px;text-align:left;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0px 4px 8px rgba(0,0,0,.3),0px 4px 12px rgba(0,0,0,.15)}@media(max-width: 480px){.guided-setup-profile-preview{padding:12px}}.guided-setup-profile-preview .profile-card-tabs{display:flex;border-bottom:1px solid var(--border-primary);margin-bottom:12px;gap:16px}.guided-setup-profile-preview .profile-card-tabs .profile-tab-btn{background:rgba(0,0,0,0);border:none;color:var(--text-secondary);font-size:var(--font-size-sm, 0.8125rem);font-weight:600;padding:8px 4px;cursor:pointer;position:relative;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1);margin:0}.guided-setup-profile-preview .profile-card-tabs .profile-tab-btn:hover{color:var(--text-primary)}.guided-setup-profile-preview .profile-card-tabs .profile-tab-btn.is-active{color:var(--accent-primary)}.guided-setup-profile-preview .profile-card-tabs .profile-tab-btn.is-active::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--accent-primary);border-radius:2px}.guided-setup-profile-preview .profile-card-body .profile-tab-content{display:none}.guided-setup-profile-preview .profile-card-body .profile-tab-content.is-active{display:block}.guided-setup-profile-preview .profile-card-body .profile-header-main{display:flex;align-items:center;gap:16px;margin-bottom:16px}.guided-setup-profile-preview .profile-card-body .profile-header-main .th-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.guided-setup-profile-preview .profile-card-body .profile-header-main .th-image-wrapper clashcalc-assets-image,.guided-setup-profile-preview .profile-card-body .profile-header-main .th-image-wrapper orecalc-assets-image{width:48px;height:48px;display:block}.guided-setup-profile-preview .profile-card-body .profile-header-main .th-image-wrapper clashcalc-assets-image img,.guided-setup-profile-preview .profile-card-body .profile-header-main .th-image-wrapper clashcalc-assets-image picture,.guided-setup-profile-preview .profile-card-body .profile-header-main .th-image-wrapper orecalc-assets-image img,.guided-setup-profile-preview .profile-card-body .profile-header-main .th-image-wrapper orecalc-assets-image picture{width:48px;height:48px;display:block;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0, 0, 0, 0.15))}.guided-setup-profile-preview .profile-card-body .profile-header-main .th-image-wrapper .th-level-badge{position:absolute;bottom:-4px;right:-4px;background-color:var(--accent-primary);color:var(--text-on-accent);font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);padding:2px 4px;border-radius:8px;border:1.5px solid var(--border-secondary);box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15)}.guided-setup-profile-preview .profile-card-body .profile-header-main .player-title-details h3{font-size:var(--font-size-xl, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);margin:0 0 2px 0}.guided-setup-profile-preview .profile-card-body .profile-header-main .player-title-details p{font-size:var(--font-size-xs, 0.75rem);color:var(--text-muted);margin:0;font-family:monospace;opacity:.85}.guided-setup-profile-preview .profile-card-body .profile-clan-details{display:flex;align-items:center;gap:12px;background-color:color-mix(in srgb, var(--bg-surface-primary) 30%, transparent);padding:8px 12px;border-radius:12px;margin-bottom:16px;border:1px solid color-mix(in srgb, var(--border-primary) 30%, transparent)}.guided-setup-profile-preview .profile-card-body .profile-clan-details .clan-badge-img{width:24px;height:24px;object-fit:contain}.guided-setup-profile-preview .profile-card-body .profile-clan-details .clan-text-details{display:flex;flex-direction:column}.guided-setup-profile-preview .profile-card-body .profile-clan-details .clan-text-details .clan-label{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.guided-setup-profile-preview .profile-card-body .profile-clan-details .clan-text-details .clan-name-wrapper{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.guided-setup-profile-preview .profile-card-body .profile-clan-details .clan-text-details .clan-name-wrapper .clan-name{font-size:var(--font-size-sm, 0.8125rem);font-weight:600;color:var(--text-primary)}.guided-setup-profile-preview .profile-card-body .profile-clan-details .clan-text-details .clan-name-wrapper .clan-role{font-size:var(--font-size-2xs, 0.6875rem);font-weight:500;color:var(--text-secondary);opacity:.85}.guided-setup-profile-preview .profile-card-body .profile-stats-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px}.guided-setup-profile-preview .profile-card-body .profile-stats-grid .stat-box{background-color:color-mix(in srgb, var(--bg-surface-primary) 30%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 30%, transparent);border-radius:12px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;text-align:center}.guided-setup-profile-preview .profile-card-body .profile-stats-grid .stat-box .stat-icon{color:var(--accent-primary);margin-bottom:4px;display:flex;align-items:center;justify-content:center}.guided-setup-profile-preview .profile-card-body .profile-stats-grid .stat-box .stat-icon .league-icon-img{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25))}.guided-setup-profile-preview .profile-card-body .profile-stats-grid .stat-box .stat-value{font-size:var(--font-size-sm, 0.8125rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}.guided-setup-profile-preview .profile-card-body .profile-stats-grid .stat-box .stat-label{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);margin-top:2px;font-weight:500}.guided-setup-profile-preview .profile-card-body .profile-stats-grid .stat-box .league-name-value{font-size:var(--font-size-xs, 0.75rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.guided-setup-equip-progress-group{margin-bottom:16px;background:color-mix(in srgb, var(--bg-surface-primary) 30%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 25%, transparent);border-radius:12px;padding:12px}.guided-setup-equip-progress-group .group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.guided-setup-equip-progress-group .group-header .group-title{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}.guided-setup-equip-progress-group .group-header .group-average{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--accent-primary)}.guided-setup-equip-progress-group .split-progress-container{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px}@media(max-width: 425px){.guided-setup-equip-progress-group .split-progress-container{gap:4px}}.guided-setup-equip-progress-group .split-progress-container .progress-section{display:flex;flex-direction:column;gap:4px}.guided-setup-equip-progress-group .split-progress-container .progress-section.is-disabled{opacity:.45}.guided-setup-equip-progress-group .split-progress-container .progress-section .section-header{display:flex;justify-content:space-between;font-size:var(--font-size-2xs, 0.6875rem);font-weight:600;color:var(--text-secondary)}.guided-setup-equip-progress-group .split-progress-container .progress-section .progress-track{height:6px;background-color:color-mix(in srgb, var(--bg-surface-primary) 70%, transparent);border-radius:4px;overflow:hidden;border:1px solid color-mix(in srgb, var(--border-primary) 15%, transparent);position:relative}.guided-setup-equip-progress-group .split-progress-container .progress-section .progress-track .progress-fill{width:0%;height:100%;border-radius:4px;transition:width 400ms cubic-bezier(0.25, 1, 0.5, 1)}.guided-setup-equip-progress-group .split-progress-container .progress-section.shiny .progress-track{background-color:rgba(26,54,93,.3);border-color:rgba(66,153,225,.15)}.guided-setup-equip-progress-group .split-progress-container .progress-section.shiny .progress-fill{background:linear-gradient(90deg, #3182ce 0%, #63b3ed 50%, #ebf8ff 100%);box-shadow:0 0 4px rgba(66,153,225,.4)}.guided-setup-equip-progress-group .split-progress-container .progress-section.glowy .progress-track{background-color:rgba(74,37,75,.3);border-color:rgba(184,50,128,.15)}.guided-setup-equip-progress-group .split-progress-container .progress-section.glowy .progress-fill{background:linear-gradient(90deg, #b83280 0%, #ec4899 50%, #fbcfe8 100%);box-shadow:0 0 4px rgba(236,72,153,.4)}.guided-setup-equip-progress-group .split-progress-container .progress-section.starry .progress-track{background-color:rgba(116,83,16,.3);border-color:rgba(221,107,32,.15)}.guided-setup-equip-progress-group .split-progress-container .progress-section.starry .progress-fill{background:linear-gradient(90deg, #dd6b20 0%, #ecc94b 50%, #fefcbf 100%);box-shadow:0 0 4px rgba(236,201,75,.4)}.guided-setup-hero-scroll-container{display:flex;flex-direction:row;gap:16px;padding:2px 0;overflow-x:auto;overflow-y:hidden;text-align:left;width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.guided-setup-hero-group{display:flex;align-items:center;position:relative;background:color-mix(in srgb, var(--bg-surface-primary) 35%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 20%, transparent);border-radius:12px;padding:8px 12px;gap:16px;flex-shrink:0;box-sizing:border-box}.guided-setup-hero-badge{position:sticky;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;background:color-mix(in srgb, var(--bg-surface-secondary) 95%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 80%, transparent);border-radius:8px;padding:4px;flex-shrink:0;box-shadow:4px 0 8px rgba(0,0,0,.25)}.guided-setup-hero-badge.max-level{border-color:#d4af37;box-shadow:4px 0 8px rgba(0,0,0,.25),0 0 6px rgba(212,175,55,.4);background:linear-gradient(135deg, color-mix(in srgb, var(--bg-surface-secondary) 95%, transparent) 0%, rgba(212, 175, 55, 0.08) 100%)}.guided-setup-hero-badge .guided-setup-hero-img{width:28px;height:28px;object-fit:contain}.guided-setup-hero-badge .guided-setup-hero-name{font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);color:var(--text-secondary);margin-top:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42px}.guided-setup-hero-badge .guided-setup-hero-level{font-size:var(--font-size-2xs, 0.6875rem);font-weight:600;color:var(--text-muted);margin-top:2px;text-align:center;white-space:nowrap}.guided-setup-hero-badge .guided-setup-hero-level.max-level-text{color:gold;font-weight:var(--font-weight-bold, 700)}.guided-setup-hero-equip-list{display:flex;gap:12px;padding-left:4px;flex-grow:1}.guided-setup-equip-item{display:flex;flex-direction:column;align-items:center;width:40px;flex-shrink:0;gap:4px}.guided-setup-equip-item.locked .equipment-image{filter:grayscale(100%);opacity:.45}.guided-setup-equip-item.locked .equipment-level-box{display:none !important}.guided-setup-equip-item .equipment-image-container{position:relative;width:32px;height:32px;flex-shrink:0;aspect-ratio:1/1}.guided-setup-equip-item .equipment-image-container .equipment-image{width:100%;height:100%;object-fit:contain;aspect-ratio:1/1}.guided-setup-equip-item .equipment-image-container .equipment-level-box{position:absolute;bottom:-2px;right:-2px;background-color:var(--bg-surface-tertiary);color:var(--text-primary);padding:1px 2.5px;font-size:var(--font-size-3xs, 0.5625rem);line-height:1;min-width:11px;text-align:center;border-radius:2px;z-index:1;font-weight:var(--font-weight-bold, 700);border:1px solid color-mix(in srgb, var(--border-primary) 40%, transparent)}.guided-setup-equip-item .equipment-image-container .equipment-level-box.max-level{background:linear-gradient(135deg, #ffd700 0%, #d4af37 60%, #aa7c11 100%);color:#111;border-color:#aa7c11}.guided-setup-equip-item .guided-setup-equip-name{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-weight:500}.guided-setup-step-title{font-size:var(--font-size-md, 0.9375rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);margin:0}.guided-setup-step-title.wizard-step-title--inline{display:inline;vertical-align:middle}.guided-setup-step-subtitle{font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary);line-height:1.4;margin:0}.wizard-title-badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.recommended-badge{font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.5px;padding:2px 4px;border-radius:8px;background-color:var(--color-success-soft);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success) 30%, transparent);display:inline-flex;align-items:center;gap:4px;line-height:1.2}.guided-setup-step-header{display:flex;flex-direction:column;gap:4px}.guided-setup-ores-vertical-group{display:flex;flex-direction:column;gap:12px}.guided-setup-ores-vertical-group .guided-setup-ore-input-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb, var(--bg-surface-primary) 45%, transparent);border:1px solid var(--border-primary);border-radius:12px;padding:8px 12px;transition:border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1)}.guided-setup-ores-vertical-group .guided-setup-ore-input-row:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft)}.guided-setup-ores-vertical-group .guided-setup-ore-input-row .ore-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.guided-setup-ores-vertical-group .guided-setup-ore-input-row .ore-icon-wrapper .ore-image{width:28px !important;height:28px !important;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15))}.guided-setup-ores-vertical-group .guided-setup-ore-input-row .popover-wrapper{flex:1}.guided-setup-ores-vertical-group .guided-setup-ore-input-row input[type=number]{width:100%;text-align:right;border:none;background:rgba(0,0,0,0);color:var(--text-primary);font-size:var(--font-size-lg, 1rem);font-weight:600;padding:4px 8px;outline:none;box-sizing:border-box}.guided-setup-ores-vertical-group .guided-setup-ore-input-row input[type=number]:focus,.guided-setup-ores-vertical-group .guided-setup-ore-input-row input[type=number]:focus-visible{border:none;box-shadow:none;outline:none}.guided-setup-ores-vertical-group .guided-setup-ore-input-row input[type=number]::-webkit-outer-spin-button,.guided-setup-ores-vertical-group .guided-setup-ore-input-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.group-content{display:flex;flex-direction:column;gap:8px;background:color-mix(in srgb, var(--bg-surface-primary) 25%, transparent);padding:12px;border-radius:12px;border:1px solid color-mix(in srgb, var(--border-primary) 50%, transparent)}.group-content hr{border:none;border-top:1px solid color-mix(in srgb, var(--border-primary) 30%, transparent);margin:4px 0}.guided-setup-quick-setting-item{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.guided-setup-quick-setting-item .quick-setting-details{display:flex;align-items:center;gap:12px;flex:1}.guided-setup-quick-setting-item .quick-setting-details.align-start{align-items:flex-start}.guided-setup-quick-setting-item .quick-setting-details .quick-setting-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.guided-setup-quick-setting-item .quick-setting-details .quick-setting-icon--push{margin-top:2px}.guided-setup-quick-setting-item .quick-setting-details .quick-setting-text{display:flex;flex-direction:column;gap:2px}.guided-setup-quick-setting-item .quick-setting-details .quick-setting-title{font-size:var(--font-size-sm, 0.8125rem);font-weight:600;color:var(--text-primary)}.guided-setup-quick-setting-item .quick-setting-details .quick-setting-desc{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-secondary);line-height:1.35}.guided-setup-quick-setting-subpanel{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:8px;background-color:color-mix(in srgb, var(--bg-surface-primary) 50%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 40%, transparent)}.guided-setup-quick-setting-subpanel[style*="display: block"]{display:flex !important}.guided-setup-quick-setting-subpanel .subpanel-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.guided-setup-quick-setting-subpanel .subpanel-row .subpanel-label-group{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.guided-setup-quick-setting-subpanel .subpanel-row .subpanel-label-group .subpanel-label{font-size:var(--font-size-xs, 0.75rem);font-weight:500;color:var(--text-secondary)}.guided-setup-quick-setting-subpanel .subpanel-row .subpanel-input{width:80px;text-align:right;padding:4px 8px;border:1px solid var(--border-primary);border-radius:8px;background-color:var(--bg-surface-primary);color:var(--text-primary);font-size:var(--font-size-sm, 0.8125rem);font-weight:600;box-shadow:0 0 0 0 rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1)}.guided-setup-quick-setting-subpanel .subpanel-row .subpanel-input:focus,.guided-setup-quick-setting-subpanel .subpanel-row .subpanel-input:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.guided-setup-quick-setting-subpanel .subpanel-row .subpanel-input::-webkit-outer-spin-button,.guided-setup-quick-setting-subpanel .subpanel-row .subpanel-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.guided-setup-quick-setting-subpanel .subpanel-vertical-group{display:flex;flex-direction:column;gap:8px}.guided-setup-quick-setting-subpanel .subpanel-vertical-group .subpanel-header{font-size:var(--font-size-xs, 0.75rem);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.guided-setup-select{height:36px;border-radius:8px;background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);color:var(--text-primary);padding:0 28px 0 8px;font-size:var(--font-size-sm, 0.8125rem);box-sizing:border-box;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 12px;padding-right:28px;cursor:pointer;box-shadow:0 0 0 0 rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1)}.guided-setup-select:focus,.guided-setup-select:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.guided-setup-select--compact{width:100%;height:28px;padding:2px 20px;text-align:center;text-align-last:center;background-position:right 8px center;background-size:10px 10px;font-size:var(--font-size-xs, 0.75rem);cursor:pointer}.guided-setup-trader-row{display:grid;grid-template-columns:minmax(70px, 1.2fr) minmax(75px, 1fr) minmax(55px, 0.8fr);align-items:center;gap:8px;background:color-mix(in srgb, var(--bg-surface-primary) 15%, transparent);padding:4px 8px;border-radius:12px;border:1px solid color-mix(in srgb, var(--border-primary) 30%, transparent)}.guided-setup-trader-row__cost{display:flex;align-items:center;justify-content:center;text-align:center;gap:4px;min-width:0}.guided-setup-trader-row__cost .cost-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0}.guided-setup-trader-row__cost .cost-value{font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary);font-weight:500;white-space:nowrap;text-align:center}.guided-setup-trader-row__ore{display:flex;align-items:center;justify-content:flex-end;min-width:0}.guided-setup-trader-row__ore .ore-inner{display:flex;align-items:center;justify-content:flex-end;gap:4px;width:100%}.guided-setup-trader-row__ore .ore-count{font-size:var(--font-size-xs, 0.75rem);font-weight:600;color:var(--text-primary);white-space:nowrap}.guided-setup-trader-row__ore .ore-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0}.guided-setup-trader-row__badge{display:none;align-items:center;justify-content:center;width:24px;min-width:24px;flex-shrink:0}.guided-setup-trader-row__badge .ore-row-badge{margin:0;padding:2px 4px}.guided-setup-body.show-recommendations .guided-setup-trader-row{grid-template-columns:minmax(70px, 1.2fr) minmax(75px, 1fr) 24px minmax(55px, 0.8fr)}.guided-setup-body.show-recommendations .guided-setup-trader-row__badge{display:flex}.guided-setup-body:not(.show-recommendations) .recommended-badge{display:none !important}.tour-highlight-box{position:fixed;border:none;border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,.65),0 0 15px color-mix(in srgb, var(--accent-primary) 40%, transparent);pointer-events:none;z-index:100;transition:all 350ms cubic-bezier(0.34, 1.56, 0.64, 1);box-sizing:border-box;overflow:visible}.tour-tooltip{position:fixed;z-index:102;width:300px;max-width:calc(100vw - 24px);background:color-mix(in srgb, var(--bg-surface-secondary) 92%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 25%, transparent);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.35),0 0 0 1px color-mix(in srgb, var(--border-primary) 50%, transparent);padding:16px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity 300ms cubic-bezier(0.2, 0, 0, 1),transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1)}.tour-tooltip .tour-tooltip-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.tour-tooltip .tour-tooltip-header .tour-tooltip-title{font-size:15px;font-weight:var(--font-weight-bold, 700);color:var(--accent-primary);margin:0}.tour-tooltip .tour-tooltip-header .tour-close-btn{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:0;line-height:1;opacity:.6;transition:opacity 150ms cubic-bezier(0.25, 1, 0.5, 1)}.tour-tooltip .tour-tooltip-header .tour-close-btn:hover{opacity:1;color:var(--text-primary)}.tour-tooltip .tour-tooltip-body{font-size:13px;color:var(--text-secondary);line-height:1.45}.tour-tooltip .tour-tooltip-footer{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px;width:100%}.tour-tooltip .tour-tooltip-footer .tour-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%}.tour-tooltip .tour-tooltip-footer .tour-actions .tour-btn{background:none;border:1px solid rgba(0,0,0,0);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all 150ms cubic-bezier(0.2, 0, 0, 1)}.tour-tooltip .tour-tooltip-footer .tour-actions .tour-btn.tour-btn-skip{color:var(--text-secondary);border-color:var(--border-primary)}.tour-tooltip .tour-tooltip-footer .tour-actions .tour-btn.tour-btn-skip:hover{background-color:var(--bg-surface-secondary);color:var(--text-primary)}.tour-tooltip .tour-tooltip-footer .tour-actions .tour-btn.tour-btn-prev{color:var(--text-secondary);border-color:var(--border-primary)}.tour-tooltip .tour-tooltip-footer .tour-actions .tour-btn.tour-btn-prev:hover{background-color:var(--bg-surface-secondary);color:var(--text-primary)}.tour-tooltip .tour-tooltip-footer .tour-actions .tour-btn.tour-btn-next{background-color:var(--accent-primary);color:var(--text-on-accent);box-shadow:0 2px 6px color-mix(in srgb, var(--accent-primary) 20%, transparent)}.tour-tooltip .tour-tooltip-footer .tour-actions .tour-btn.tour-btn-next:hover{background-color:color-mix(in srgb, var(--accent-primary) 85%, white);box-shadow:0 4px 10px color-mix(in srgb, var(--accent-primary) 30%, transparent);transform:translateY(-0.5px)}.tour-tooltip .tour-tooltip-footer .tour-progress{font-size:var(--font-size-xs, 0.75rem);font-weight:500;color:var(--text-secondary);opacity:.85;text-align:center;width:100%}.tour-active-target{z-index:101 !important}.tour-active-target:not(.fab-container):not(#floating-save-btn):not(.floating-save-btn){position:relative}.card-title.tour-active-target,.card-title.tour-glow-title{color:var(--text-primary) !important;transform:scale(1.05);transform-origin:center;transition:transform 350ms cubic-bezier(0.34, 1.56, 0.64, 1),text-shadow 350ms cubic-bezier(0.25, 1, 0.5, 1) !important;animation:tour-pulse-glow 2s infinite alternate ease-in-out}@keyframes tour-pulse-glow{0%{text-shadow:0 0 8px color-mix(in srgb, var(--accent-primary) 50%, transparent),0 0 15px var(--accent-primary),0 0 25px var(--accent-primary);transform:scale(1.04)}100%{text-shadow:0 0 15px color-mix(in srgb, var(--accent-primary) 80%, transparent),0 0 25px var(--accent-primary),0 0 40px var(--accent-primary),0 0 50px var(--accent-primary);transform:scale(1.07)}}.top-progress-bar-container{position:fixed;top:0;left:0;width:100%;height:3px;z-index:121;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 250ms cubic-bezier(0, 0, 0.2, 1),visibility 250ms cubic-bezier(0, 0, 0.2, 1)}.top-progress-bar-container.is-active{opacity:1;visibility:visible}.top-progress-bar-track{width:100%;height:100%;position:relative;overflow:hidden}.top-progress-bar-fill{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, var(--accent-primary) 0%, color-mix(in srgb, var(--accent-primary) 70%, white) 100%);transform:translate3d(-100%, 0, 0);transition:transform 150ms cubic-bezier(0.16, 1, 0.3, 1);box-shadow:0 0 10px var(--accent-primary),0 0 5px var(--accent-primary)}.top-progress-bar-peg{position:absolute;top:0;right:0;width:100px;height:100%;box-shadow:0 0 12px var(--accent-primary),0 0 6px var(--accent-primary);transform:rotate(3deg) translate(0px, -4px);opacity:1}.profile-collapse-toggle-btn{align-items:center;background-color:rgba(0,0,0,0);border:1px solid color-mix(in srgb, var(--border-primary) 80%, transparent);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;padding:0;width:28px;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.25, 1, 0.5, 1)}.profile-collapse-toggle-btn:hover{background-color:color-mix(in srgb, var(--accent-primary) 12%, transparent);border-color:var(--accent-primary);color:var(--accent-primary)}.profile-collapse-toggle-btn:active{transform:scale(0.92)}.profile-collapse-toggle-btn .collapse-chevron-icon,.profile-collapse-toggle-btn clashcalc-assets-svg,.profile-collapse-toggle-btn orecalc-assets-svg,.profile-collapse-toggle-btn svg{display:block}.home-profile-card,.hero-journey-page__player-card{container-type:inline-size;display:flex;flex-direction:column;gap:20px;margin-bottom:24px;overflow:hidden;padding:24px;scroll-margin-top:calc(92px + env(safe-area-inset-top, 0px));min-height:126px;contain-intrinsic-size:auto 126px}@media(max-width: 625px){.home-profile-card,.hero-journey-page__player-card{padding:16px;gap:16px;margin-bottom:20px;min-height:126px}}html.has-player .home-profile-card:not(.is-stats-collapsed),html.has-player .hero-journey-page__player-card:not(.is-stats-collapsed){min-height:340px;contain-intrinsic-size:auto 340px}@media(max-width: 625px){html.has-player .home-profile-card:not(.is-stats-collapsed),html.has-player .hero-journey-page__player-card:not(.is-stats-collapsed){min-height:460px;contain-intrinsic-size:auto 460px}}html.has-player .home-profile-card:not(.is-stats-collapsed).is-max-progress,html.has-player .home-profile-card:not(.is-stats-collapsed):has(.home-profile-overall-progress.fully-maxed),html.has-player .hero-journey-page__player-card:not(.is-stats-collapsed).is-max-progress,html.has-player .hero-journey-page__player-card:not(.is-stats-collapsed):has(.home-profile-overall-progress.fully-maxed){min-height:auto;contain-intrinsic-size:auto}.home-profile-card.is-stats-collapsed,.hero-journey-page__player-card.is-stats-collapsed{min-height:auto;contain-intrinsic-size:auto}.home-profile-card.is-stats-collapsed .home-profile-stats-container,.hero-journey-page__player-card.is-stats-collapsed .home-profile-stats-container{display:none}.home-profile-header,.hero-journey-page__player-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.home-profile-header .profile-meta-left,.hero-journey-page__player-header .profile-meta-left{display:flex;align-items:center;gap:16px}.home-profile-header .player-identity,.hero-journey-page__player-header .player-identity{display:flex;flex-direction:column;min-width:0}.home-profile-header .player-identity .player-identity-info,.hero-journey-page__player-header .player-identity .player-identity-info{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;max-width:100%}@media(max-width: 625px){.home-profile-header .player-identity .player-identity-info,.hero-journey-page__player-header .player-identity .player-identity-info{max-width:58%}}.home-profile-header .player-identity .player-name,.hero-journey-page__player-header .player-identity .player-name{margin:0;font-size:clamp(18px,2.5vw,24px);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.home-profile-header .player-identity .player-tag,.hero-journey-page__player-header .player-identity .player-tag{margin:4px 0 0 0;font-size:clamp(12px,1.6vw,14px);color:var(--text-secondary);opacity:.65;font-family:monospace;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-profile-header .player-identity .player-tag-guest-badge,.hero-journey-page__player-header .player-identity .player-tag-guest-badge{display:inline-block;align-self:flex-start;width:fit-content;margin:4px 0 0 0;padding:2px 6px;font-size:clamp(10px,1.3vw,11px);font-weight:var(--font-weight-bold, 700);color:var(--accent-primary);background-color:color-mix(in srgb, var(--accent-primary) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 20%, transparent);border-radius:4px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.home-profile-header .player-identity .player-clan-mini,.hero-journey-page__player-header .player-identity .player-clan-mini{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:clamp(12px,1.6vw,14px);color:var(--text-secondary);min-width:0;flex-shrink:0}.home-profile-header .player-identity .player-clan-mini .clan-badge-img-mini,.hero-journey-page__player-header .player-identity .player-clan-mini .clan-badge-img-mini{width:clamp(16px,2.2vw,20px);height:clamp(16px,2.2vw,20px);object-fit:contain;flex-shrink:0}.home-profile-header .player-identity .player-clan-mini .clan-info-col,.hero-journey-page__player-header .player-identity .player-clan-mini .clan-info-col{display:flex;flex-direction:row;align-items:center;gap:4px;min-width:0}.home-profile-header .player-identity .player-clan-mini .clan-info-col .clan-name-mini,.hero-journey-page__player-header .player-identity .player-clan-mini .clan-info-col .clan-name-mini{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.home-profile-header .player-identity .player-clan-mini .clan-info-col .clan-role-mini,.hero-journey-page__player-header .player-identity .player-clan-mini .clan-info-col .clan-role-mini{opacity:.65;font-size:clamp(10px,1.3vw,11px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-profile-header .player-identity .player-clan-mini .clan-info-col .clan-role-mini::before,.hero-journey-page__player-header .player-identity .player-clan-mini .clan-info-col .clan-role-mini::before{content:"("}.home-profile-header .player-identity .player-clan-mini .clan-info-col .clan-role-mini::after,.hero-journey-page__player-header .player-identity .player-clan-mini .clan-info-col .clan-role-mini::after{content:")"}.home-profile-header .profile-meta-right,.hero-journey-page__player-header .profile-meta-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right}.home-profile-header .profile-meta-right .league-details-mini,.hero-journey-page__player-header .profile-meta-right .league-details-mini{display:flex;align-items:center;gap:8px}.home-profile-header .profile-meta-right .league-details-mini .league-badge-img-mini,.hero-journey-page__player-header .profile-meta-right .league-details-mini .league-badge-img-mini{width:clamp(28px,3.8vw,36px);height:clamp(28px,3.8vw,36px);object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25))}.home-profile-header .profile-meta-right .league-details-mini .league-text-mini,.hero-journey-page__player-header .profile-meta-right .league-details-mini .league-text-mini{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px}.home-profile-header .profile-meta-right .league-details-mini .league-text-mini .league-name-mini,.hero-journey-page__player-header .profile-meta-right .league-details-mini .league-text-mini .league-name-mini{font-size:clamp(12px,1.6vw,14px);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);white-space:nowrap}.home-profile-header .profile-meta-right .league-details-mini .league-text-mini .player-trophies-mini,.hero-journey-page__player-header .profile-meta-right .league-details-mini .league-text-mini .player-trophies-mini{display:flex;align-items:center;gap:3px;font-size:clamp(11px,1.5vw,13px);color:var(--accent-primary);font-weight:var(--font-weight-bold, 700);white-space:nowrap}.home-profile-header .profile-meta-right .league-details-mini .league-text-mini .player-trophies-mini .trophy-icon-mini,.hero-journey-page__player-header .profile-meta-right .league-details-mini .league-text-mini .player-trophies-mini .trophy-icon-mini{color:#ffca28;display:inline-flex;align-items:center}.home-profile-header .profile-meta-right .profile-meta-actions-row,.hero-journey-page__player-header .profile-meta-right .profile-meta-actions-row{display:flex;align-items:center;gap:8px;min-height:32px}.home-profile-header .profile-meta-right .profile-meta-actions-row .unconnected-connect-btn,.hero-journey-page__player-header .profile-meta-right .profile-meta-actions-row .unconnected-connect-btn{flex-shrink:0}.home-profile-header .profile-meta-right .player-maxed-equip-mini,.hero-journey-page__player-header .profile-meta-right .player-maxed-equip-mini{display:inline-flex;align-items:center;gap:6px;font-size:clamp(11px,1.4vw,12px);font-weight:600;color:var(--text-secondary);white-space:nowrap}.home-profile-header .profile-meta-right .player-maxed-equip-mini .maxed-equip-icon-mini,.hero-journey-page__player-header .profile-meta-right .player-maxed-equip-mini .maxed-equip-icon-mini{color:var(--accent-primary);display:inline-flex;align-items:center}.home-profile-header .profile-meta-right .player-maxed-equip-mini .maxed-count,.hero-journey-page__player-header .profile-meta-right .player-maxed-equip-mini .maxed-count{color:var(--text-primary);font-weight:var(--font-weight-bold, 700)}.home-profile-header .profile-meta-right .hj-planner-bridge-btn,.hero-journey-page__player-header .profile-meta-right .hj-planner-bridge-btn{display:inline-flex;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent)}.home-profile-header .profile-meta-right .hj-planner-bridge-btn:hover:not(:disabled),.hero-journey-page__player-header .profile-meta-right .hj-planner-bridge-btn:hover:not(:disabled){background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}.home-profile-header .profile-meta-right .hj-planner-bridge-btn,.hero-journey-page__player-header .profile-meta-right .hj-planner-bridge-btn{border-radius:8px;text-decoration:none;white-space:nowrap;height:32px;box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1)}.home-profile-header .profile-meta-right .hj-planner-bridge-btn .planner-bridge-icon,.hero-journey-page__player-header .profile-meta-right .hj-planner-bridge-btn .planner-bridge-icon{color:var(--accent-primary);flex-shrink:0}@media(max-width: 425px){.home-profile-header .profile-meta-right .hj-planner-bridge-btn,.hero-journey-page__player-header .profile-meta-right .hj-planner-bridge-btn{padding:0;width:32px;height:32px;justify-content:center}.home-profile-header .profile-meta-right .hj-planner-bridge-btn .planner-bridge-label,.hero-journey-page__player-header .profile-meta-right .hj-planner-bridge-btn .planner-bridge-label{display:none}}@container (max-width: 720px){.home-profile-header,.hero-journey-page__player-header{flex-direction:column;align-items:stretch;gap:12px}.home-profile-header .profile-meta-left,.hero-journey-page__player-header .profile-meta-left{width:100%;gap:12px}.home-profile-header .profile-meta-left .player-identity,.hero-journey-page__player-header .profile-meta-left .player-identity{flex:1;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;min-width:0}.home-profile-header .profile-meta-left .player-identity .player-identity-info,.hero-journey-page__player-header .profile-meta-left .player-identity .player-identity-info{max-width:58%}.home-profile-header .profile-meta-left .player-identity .player-clan-mini,.hero-journey-page__player-header .profile-meta-left .player-identity .player-clan-mini{margin-top:0;margin-left:auto;text-align:right;display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto;max-width:50%}.home-profile-header .profile-meta-left .player-identity .player-clan-mini .clan-badge-img-mini,.hero-journey-page__player-header .profile-meta-left .player-identity .player-clan-mini .clan-badge-img-mini{order:2;width:clamp(20px,2.8vw,24px);height:clamp(20px,2.8vw,24px);align-self:center;flex-shrink:0}.home-profile-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col,.hero-journey-page__player-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col{order:1;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;min-width:0;max-width:100%;overflow:hidden}.home-profile-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-name-mini,.hero-journey-page__player-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-name-mini{text-align:right;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;max-width:100%;line-height:1.2}.home-profile-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-role-mini,.hero-journey-page__player-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-role-mini{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.home-profile-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-role-mini::before,.home-profile-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-role-mini::after,.hero-journey-page__player-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-role-mini::before,.hero-journey-page__player-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-role-mini::after{content:none}.home-profile-header .profile-meta-right,.hero-journey-page__player-header .profile-meta-right{align-items:center;text-align:left;width:100%;flex-direction:row;justify-content:space-between;border-top:1px dashed var(--border-primary);padding-top:12px;margin-top:4px}.home-profile-header .profile-meta-right .league-details-mini,.hero-journey-page__player-header .profile-meta-right .league-details-mini{flex-shrink:0}.home-profile-header .profile-meta-right .profile-meta-actions-row,.hero-journey-page__player-header .profile-meta-right .profile-meta-actions-row{gap:8px;margin-left:auto;flex-shrink:1;min-width:0}.home-profile-header .profile-meta-right .player-maxed-equip-mini,.hero-journey-page__player-header .profile-meta-right .player-maxed-equip-mini{display:block;white-space:normal;text-align:right;max-width:100px;flex-shrink:1;min-width:0}.home-profile-header .profile-meta-right .player-maxed-equip-mini span,.hero-journey-page__player-header .profile-meta-right .player-maxed-equip-mini span{display:inline;text-align:right}.home-profile-header .profile-meta-right .player-maxed-equip-mini .maxed-equip-icon-mini,.hero-journey-page__player-header .profile-meta-right .player-maxed-equip-mini .maxed-equip-icon-mini{display:inline-block;vertical-align:-1px;margin-right:4px;margin-top:0}.home-profile-header .profile-meta-right .hj-planner-bridge-btn,.hero-journey-page__player-header .profile-meta-right .hj-planner-bridge-btn{align-self:center;padding:0;width:32px;height:32px;justify-content:center}.home-profile-header .profile-meta-right .hj-planner-bridge-btn .planner-bridge-label,.hero-journey-page__player-header .profile-meta-right .hj-planner-bridge-btn .planner-bridge-label{display:none}@media(max-width: 425px){.home-profile-header .profile-meta-right .unconnected-connect-btn,.hero-journey-page__player-header .profile-meta-right .unconnected-connect-btn{padding:0;width:32px;height:32px;justify-content:center}.home-profile-header .profile-meta-right .unconnected-connect-btn span[data-i18n],.hero-journey-page__player-header .profile-meta-right .unconnected-connect-btn span[data-i18n]{display:none}}}@media(max-width: 625px){.home-profile-header,.hero-journey-page__player-header{flex-direction:column;align-items:stretch;gap:12px}.home-profile-header .profile-meta-left,.hero-journey-page__player-header .profile-meta-left{width:100%;gap:12px}.home-profile-header .profile-meta-left .player-identity,.hero-journey-page__player-header .profile-meta-left .player-identity{flex:1;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;min-width:0}.home-profile-header .profile-meta-left .player-identity .player-identity-info,.hero-journey-page__player-header .profile-meta-left .player-identity .player-identity-info{max-width:58%}.home-profile-header .profile-meta-left .player-identity .player-clan-mini,.hero-journey-page__player-header .profile-meta-left .player-identity .player-clan-mini{margin-top:0;margin-left:auto;text-align:right;display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto;max-width:50%}.home-profile-header .profile-meta-left .player-identity .player-clan-mini .clan-badge-img-mini,.hero-journey-page__player-header .profile-meta-left .player-identity .player-clan-mini .clan-badge-img-mini{order:2;width:clamp(20px,2.8vw,24px);height:clamp(20px,2.8vw,24px);align-self:center;flex-shrink:0}.home-profile-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col,.hero-journey-page__player-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col{order:1;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;min-width:0;max-width:100%;overflow:hidden}.home-profile-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-name-mini,.hero-journey-page__player-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-name-mini{text-align:right;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;max-width:100%;line-height:1.2}.home-profile-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-role-mini,.hero-journey-page__player-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-role-mini{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.home-profile-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-role-mini::before,.home-profile-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-role-mini::after,.hero-journey-page__player-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-role-mini::before,.hero-journey-page__player-header .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-role-mini::after{content:none}.home-profile-header .profile-meta-right,.hero-journey-page__player-header .profile-meta-right{align-items:center;text-align:left;width:100%;flex-direction:row;justify-content:space-between;border-top:1px dashed var(--border-primary);padding-top:12px;margin-top:4px}.home-profile-header .profile-meta-right .league-details-mini,.hero-journey-page__player-header .profile-meta-right .league-details-mini{flex-shrink:0}.home-profile-header .profile-meta-right .profile-meta-actions-row,.hero-journey-page__player-header .profile-meta-right .profile-meta-actions-row{gap:8px;margin-left:auto;flex-shrink:1;min-width:0}.home-profile-header .profile-meta-right .player-maxed-equip-mini,.hero-journey-page__player-header .profile-meta-right .player-maxed-equip-mini{display:block;white-space:normal;text-align:right;max-width:100px;flex-shrink:1;min-width:0}.home-profile-header .profile-meta-right .player-maxed-equip-mini span,.hero-journey-page__player-header .profile-meta-right .player-maxed-equip-mini span{display:inline;text-align:right}.home-profile-header .profile-meta-right .player-maxed-equip-mini .maxed-equip-icon-mini,.hero-journey-page__player-header .profile-meta-right .player-maxed-equip-mini .maxed-equip-icon-mini{display:inline-block;vertical-align:-1px;margin-right:4px;margin-top:0}.home-profile-header .profile-meta-right .hj-planner-bridge-btn,.hero-journey-page__player-header .profile-meta-right .hj-planner-bridge-btn{align-self:center;padding:0;width:32px;height:32px;justify-content:center}.home-profile-header .profile-meta-right .hj-planner-bridge-btn .planner-bridge-label,.hero-journey-page__player-header .profile-meta-right .hj-planner-bridge-btn .planner-bridge-label{display:none}}@media(max-width: 625px)and (max-width: 425px){.home-profile-header .profile-meta-right .unconnected-connect-btn,.hero-journey-page__player-header .profile-meta-right .unconnected-connect-btn{padding:0;width:32px;height:32px;justify-content:center}.home-profile-header .profile-meta-right .unconnected-connect-btn span[data-i18n],.hero-journey-page__player-header .profile-meta-right .unconnected-connect-btn span[data-i18n]{display:none}}.home-profile-stats-container{display:flex;flex-direction:column;gap:0}.home-profile-overall-progress{display:flex;flex-direction:column;padding:16px 20px;background-color:var(--bg-surface-primary);border:none;border-radius:8px 8px 0 0;box-sizing:border-box}.home-profile-overall-progress.fully-maxed{border-radius:8px}@media(max-width: 625px){.home-profile-overall-progress{padding:12px}}.home-profile-overall-progress .overall-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.home-profile-overall-progress .overall-progress-header .overall-progress-label-wrapper{display:flex;align-items:center;gap:5px;min-width:0}.home-profile-overall-progress .overall-progress-header .overall-progress-label-wrapper .ore-icon-overall{width:clamp(20px,2.5vw,28px);height:clamp(20px,2.5vw,28px);object-fit:contain;flex-shrink:0}.home-profile-overall-progress .overall-progress-header .overall-progress-label{font-size:clamp(10px,1.3vw,13px);font-weight:var(--font-weight-bold, 700);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;opacity:.7;white-space:nowrap}.home-profile-overall-progress .overall-progress-header .overall-progress-value{font-size:clamp(15px,2vw,24px);font-weight:800;color:var(--accent-primary);white-space:nowrap;letter-spacing:-0.2px;flex-shrink:0}.home-profile-overall-progress .progress-bar-overall{height:8px;background-color:var(--bg-surface-tertiary);border-radius:4px;overflow:hidden;width:100%;position:relative}.home-profile-overall-progress .progress-bar-overall .progress-bar-fill.overall-fill{height:100%;width:0;background:linear-gradient(90deg, #00b0ff 0%, #aa00ff 50%, #ffd700 100%);border-radius:4px;transition:width 2000ms cubic-bezier(0.25, 1, 0.5, 1)}.home-profile-overall-progress .progress-bar-overall .progress-bar-fill.overall-fill.maxed-fill{background:linear-gradient(90deg, #ffd700 0%, #fff176 50%, #ffd700 100%);box-shadow:0 0 8px 2px rgba(255,215,0,.5)}.home-profile-stats-row{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px}@media(max-width: 625px){.home-profile-stats-row{grid-template-columns:1fr !important;gap:0}}.home-profile-stats-row .profile-stat-box{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 20px;background-color:var(--bg-surface-primary, var(--bg-surface-primary));border:none;border-radius:0 0 8px 8px;border-top:1px solid var(--border-secondary);text-align:center;box-sizing:border-box}@media(max-width: 625px){.home-profile-stats-row .profile-stat-box{padding:12px;border-radius:0}.home-profile-stats-row .profile-stat-box:last-child{border-radius:0 0 8px 8px}}.home-profile-stats-row .profile-stat-box.progress-box{align-items:stretch;justify-content:space-between}.home-profile-stats-row .profile-stat-box.progress-box .stat-box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.home-profile-stats-row .profile-stat-box .stat-box-label-wrapper{display:flex;align-items:center;gap:6px}.home-profile-stats-row .profile-stat-box .stat-box-label-wrapper .ore-icon-mini{width:clamp(14px,1.8vw,18px);height:clamp(14px,1.8vw,18px);object-fit:contain}.home-profile-stats-row .profile-stat-box .stat-box-label{font-size:clamp(9px,1.2vw,11px);font-weight:var(--font-weight-bold, 700);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;opacity:.7}.home-profile-stats-row .profile-stat-box .stat-box-value{font-size:clamp(13px,1.6vw,16px);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);margin:4px 0}.home-profile-stats-row .profile-stat-box .stat-box-value.highlight{color:var(--accent-primary)}.home-profile-stats-row .profile-stat-box .stat-box-sub{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:clamp(10px,1.4vw,12px);color:var(--text-secondary);opacity:.65;margin-top:6px}.home-profile-stats-row .profile-stat-box .progress-bar-mini{height:5px;background-color:var(--bg-surface-tertiary);border-radius:2px;overflow:hidden;width:100%;margin-top:8px;position:relative}.home-profile-stats-row .profile-stat-box .progress-bar-mini .progress-bar-storage{position:absolute;top:0;right:0;height:100%;width:0;background-color:var(--bg-surface-tertiary);opacity:.8;border-radius:inherit;pointer-events:none;transition:width 600ms cubic-bezier(0.2, 0, 0, 1)}.home-profile-stats-row .profile-stat-box .progress-bar-mini .progress-bar-fill{height:100%;width:0;background:linear-gradient(90deg, var(--accent-primary) 0%, color-mix(in srgb, var(--accent-primary) 70%, #ffffff) 100%);border-radius:2px;transition:width 1800ms cubic-bezier(0.25, 1, 0.5, 1)}.home-profile-stats-row .profile-stat-box .progress-bar-mini .progress-bar-fill.shiny-fill{background:linear-gradient(90deg, #00b0ff 0%, #80d8ff 100%)}.home-profile-stats-row .profile-stat-box .progress-bar-mini .progress-bar-fill.glowy-fill{background:linear-gradient(90deg, #aa00ff 0%, #e040fb 100%)}.home-profile-stats-row .profile-stat-box .progress-bar-mini .progress-bar-fill.starry-fill{background:linear-gradient(90deg, #ffab00 0%, #ffd700 100%)}.home-profile-stats-row .profile-stat-box .progress-bar-mini .progress-bar-fill.maxed-fill{background:linear-gradient(90deg, #ffd700 0%, #fff176 50%, #ffd700 100%);box-shadow:0 0 6px 1px rgba(255,215,0,.55)}.home-profile-stats-row .profile-stat-box .stat-box-maxed{margin-top:6px;font-size:clamp(10px,1.4vw,12px);font-weight:var(--font-weight-bold, 700);color:gold;letter-spacing:.4px}.bar-delta-overlay{position:absolute;top:0;height:100%;border-radius:2px;pointer-events:none;transition:width 600ms cubic-bezier(0.2, 0, 0, 1)}.bar-delta-overlay.delta-positive{background:color-mix(in srgb, var(--color-success) 85%, transparent);box-shadow:0 0 4px color-mix(in srgb, var(--color-success) 50%, transparent)}.bar-delta-overlay.delta-negative{background:color-mix(in srgb, var(--color-danger) 80%, transparent);box-shadow:0 0 4px color-mix(in srgb, var(--color-danger) 40%, transparent)}.unconnected-connect-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;height:32px;font-size:12px;font-weight:600;border-radius:8px;white-space:nowrap;box-sizing:border-box;cursor:pointer;background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent)}.unconnected-connect-btn:hover:not(:disabled){background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}.unconnected-connect-btn{transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1)}.home-profile-sync-notice{display:flex;align-items:flex-start;gap:8px;margin-top:16px;font-size:clamp(10px,1.3vw,11px);color:var(--text-muted);line-height:1.4;text-align:left;opacity:.8;padding:8px 12px;background-color:var(--bg-surface-tertiary);border-radius:6px;border:1px solid var(--border-secondary)}@media(max-width: 625px){.home-profile-sync-notice{margin-top:12px;padding:6px 10px}}.home-profile-sync-notice .sync-notice-icon{flex-shrink:0;width:14px;height:14px;fill:var(--text-muted);position:relative;top:1px}.hero-journey-card{position:relative;width:100%;min-height:330px;contain:layout;box-sizing:border-box;container-type:inline-size;container-name:hero-journey-card;padding:24px;margin-bottom:24px;scroll-margin-top:calc(92px + env(safe-area-inset-top, 0px));background-color:var(--bg-surface-secondary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:10px;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15);transition:padding 250ms cubic-bezier(0.2, 0, 0, 1),border-color 300ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1),background-color 300ms cubic-bezier(0.25, 1, 0.5, 1),transform 250ms cubic-bezier(0.2, 0, 0, 1)}@media(max-width: 480px){.hero-journey-card{min-height:500px}}.hero-journey-card:hover{border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary));box-shadow:0 8px 24px -4px rgba(0,0,0,.22),0 0 12px color-mix(in srgb, var(--accent-primary) 8%, transparent)}.hero-journey-card.is-collapsed{min-height:auto}.hero-journey-card.is-collapsed .hero-journey-header{margin-bottom:0}.hero-journey-card.is-collapsed .hero-journey-collapsed-note{display:flex}.hero-journey-card.is-collapsed .hero-journey-progress-bar-container,.hero-journey-card.is-collapsed .hero-journey-filter-container,.hero-journey-card.is-collapsed .hero-journey-track-wrapper,.hero-journey-card.is-collapsed .hero-journey-custom-scrollbar,.hero-journey-card.is-collapsed .hero-journey-no-profile-notice{display:none !important}.hero-journey-card.no-synced-heroes #home-hj-cumulative-badge,.hero-journey-card.no-synced-heroes #home-hj-claim-control,.hero-journey-card.no-synced-heroes .hero-journey-progress-info,.hero-journey-card.no-synced-heroes .hero-journey-progress-track,.hero-journey-card.no-synced-heroes #home-hj-scroll-current{display:none !important}.hero-journey-card.no-synced-heroes .hero-journey-no-profile-info{display:flex !important}.hero-journey-card.no-synced-heroes .hero-journey-progress-bar-container{justify-content:space-between;margin-bottom:12px}.hero-journey-card.no-synced-heroes .hero-journey-progress-bar-container .hero-journey-no-profile-info{display:flex !important;width:100%;justify-content:center;text-align:center;margin-bottom:6px}.hero-journey-card.no-synced-heroes .hero-journey-progress-bar-container .hero-journey-accelerated-switch-container{display:flex !important;width:100%;justify-content:space-between;margin-left:0;margin-top:2px}.hero-journey-card.no-synced-heroes .hero-journey-progress-bar-container.no-profile-stacked .hero-journey-no-profile-info{width:100% !important;justify-content:center !important;text-align:center !important;margin-bottom:6px !important}.hero-journey-card.no-synced-heroes .hero-journey-progress-bar-container.no-profile-stacked .hero-journey-accelerated-switch-container{width:100% !important;margin-left:0 !important;justify-content:space-between !important;margin-top:2px !important}.hero-journey-card.no-synced-heroes .hero-journey-no-profile-notice{display:flex !important}.hero-journey-card.is-true-max #home-hj-claim-control,.hero-journey-card.is-true-max .hj-segmented-control,.hero-journey-card.is-true-max .hero-journey-progress-track{display:none !important}.hero-journey-card.no-synced-heroes .filter-stage-3 .hero-journey-filters-row,.hero-journey-card.is-true-max .filter-stage-3 .hero-journey-filters-row{justify-content:center !important;width:100% !important}.hero-journey-card.no-synced-heroes .filter-stage-3 .hj-type-filters,.hero-journey-card.is-true-max .filter-stage-3 .hj-type-filters{width:100% !important;margin-left:0 !important;display:flex !important;justify-content:center !important}.hero-journey-card.no-synced-heroes .filter-stage-3 .hj-type-filters .hj-type-select,.hero-journey-card.is-true-max .filter-stage-3 .hj-type-filters .hj-type-select{width:100% !important;box-sizing:border-box !important;text-align:left !important;text-align-last:left !important;padding:8px 28px 8px 12px !important}.hero-journey-card.no-synced-heroes .filter-stage-3 .hj-type-filters .hj-type-buttons,.hero-journey-card.is-true-max .filter-stage-3 .hj-type-filters .hj-type-buttons{justify-content:center !important;width:100% !important}.hero-journey-collapsed-note{display:none;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;margin-top:30px;background:color-mix(in srgb, var(--bg-surface-primary) 75%, transparent);border:1px dashed color-mix(in srgb, var(--border-primary) 85%, transparent);border-radius:10px;box-sizing:border-box;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);isolation:isolate;transform:translateZ(0);transition:border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),background-color 250ms cubic-bezier(0.25, 1, 0.5, 1)}.hero-journey-collapsed-note:hover{border-color:color-mix(in srgb, var(--accent-primary) 40%, var(--border-primary))}.hero-journey-collapsed-note .hero-journey-collapsed-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:14px;flex-wrap:wrap}.hero-journey-collapsed-note .hero-journey-collapsed-text{font-size:clamp(.82rem,.4vw + .72rem,.9rem);font-weight:600;color:var(--text-secondary);line-height:1.4;text-align:left}.hero-journey-collapsed-note .th-limit-reveal-btn{margin:0;flex-shrink:0}@media(max-width: 625px){.hero-journey-collapsed-note.is-stacked .hero-journey-collapsed-content{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px}.hero-journey-collapsed-note.is-stacked .hero-journey-collapsed-text{text-align:center;width:100%}.hero-journey-collapsed-note.is-stacked .th-limit-reveal-btn{margin:0 auto}}.th-limit-reveal-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-primary);color:#111827;border:1px solid color-mix(in srgb, var(--accent-primary) 80%, white);padding:7px 20px;font-size:clamp(.74rem,.4vw + .65rem,.82rem);font-weight:800;border-radius:20px;cursor:pointer;line-height:1.2;transition:transform 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1);box-shadow:0 2px 10px color-mix(in srgb, var(--accent-primary) 45%, transparent)}.th-limit-reveal-btn:hover{background:color-mix(in srgb, var(--accent-primary) 90%, white);box-shadow:0 4px 16px color-mix(in srgb, var(--accent-primary) 70%, transparent)}.th-limit-reveal-btn:active{transform:scale(0.97)}.th-limit-reveal-btn.btn-active{background:var(--bg-surface-secondary);color:var(--text-primary);border:1px solid var(--border-primary);box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15)}.th-limit-reveal-btn.btn-active:hover{background:color-mix(in srgb, var(--bg-surface-tertiary) 60%, var(--bg-surface-secondary));border-color:var(--border-primary);box-shadow:0px 2px 4px rgba(0,0,0,.3),0px 2px 6px rgba(0,0,0,.15)}.hero-journey-filter-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px;flex-wrap:wrap}.hero-journey-filters-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.hj-segmented-control{position:relative;display:inline-flex;align-items:center;background:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:9999px;padding:3px;gap:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.2);user-select:none;overflow:hidden}.hj-segmented-control .hj-segmented-control__pill{position:absolute;top:3px;bottom:3px;left:3px;background:var(--accent-primary);border-radius:9999px;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform 300ms cubic-bezier(0.2, 0, 0, 1),width 300ms cubic-bezier(0.2, 0, 0, 1),left 300ms cubic-bezier(0.2, 0, 0, 1),border-radius 300ms cubic-bezier(0.25, 1, 0.5, 1),background-color 250ms cubic-bezier(0.25, 1, 0.5, 1);z-index:1;will-change:transform,width}.hj-segmented-control .hj-segmented-control__btn{position:relative;z-index:2;padding:5px 14px;font-size:clamp(.7rem,.4vw + .62rem,.75rem);font-weight:var(--font-weight-bold, 700);border:none;background:rgba(0,0,0,0);color:var(--text-secondary);cursor:pointer;border-radius:9999px;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1);line-height:1.2}.hj-segmented-control .hj-segmented-control__btn.is-active{color:var(--text-on-accent)}.hj-segmented-control .hj-segmented-control__btn:hover:not(.is-active){color:var(--text-primary)}.hj-type-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hj-type-filters .hj-type-select{display:none}.hj-type-filters .hj-type-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hj-type-filters .hj-type-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:clamp(.7rem,.4vw + .62rem,.75rem);font-weight:600;border-radius:9999px;background:var(--bg-surface-primary);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:all 150ms cubic-bezier(0.2, 0, 0, 1);user-select:none}.hj-type-filters .hj-type-btn .type-close-icon{display:none;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:rgba(0,0,0,.2);color:currentColor;transition:background 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.25, 1, 0.5, 1);margin-left:2px}.hj-type-filters .hj-type-btn .type-close-icon clashcalc-assets-svg,.hj-type-filters .hj-type-btn .type-close-icon orecalc-assets-svg,.hj-type-filters .hj-type-btn .type-close-icon svg{display:flex;align-items:center;justify-content:center;width:10px;height:10px}.hj-type-filters .hj-type-btn .type-close-icon clashcalc-assets-svg svg,.hj-type-filters .hj-type-btn .type-close-icon orecalc-assets-svg svg,.hj-type-filters .hj-type-btn .type-close-icon svg svg{display:block;width:10px;height:10px}.hj-type-filters .hj-type-btn .type-close-icon:hover{background:rgba(0,0,0,.35);transform:scale(1.1)}.hj-type-filters .hj-type-btn:hover:not(.is-active){border-color:var(--border-accent);color:var(--text-primary);background:var(--accent-primary-soft)}.hj-type-filters .hj-type-btn.is-active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent);font-weight:var(--font-weight-bold, 700);padding-right:8px;box-shadow:0 2px 6px rgba(0,0,0,.2)}.hj-type-filters .hj-type-btn.is-active .type-close-icon{display:inline-flex}.hero-journey-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.hero-journey-title-container{display:flex;align-items:center;gap:14px}.hero-mountain-cluster{display:inline-flex;align-items:flex-end;justify-content:center;position:relative;height:3.4rem;padding:0 4px;touch-action:none;user-select:none;-webkit-user-select:none}.hero-mountain-cluster .mountain-badge-slot{position:relative;display:flex;align-items:center;justify-content:center;margin-left:-9px;transition:opacity 250ms cubic-bezier(0.25, 1, 0.5, 1)}.hero-mountain-cluster .mountain-badge-slot:first-child{margin-left:0}.hero-mountain-cluster .mountain-badge-slot .mountain-badge{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0, 0, 0, 0.45));transition:transform 250ms cubic-bezier(0.2, 0, 0, 1),filter 250ms cubic-bezier(0.25, 1, 0.5, 1)}@media(hover: hover){.hero-mountain-cluster .mountain-badge-slot:hover{z-index:20 !important;opacity:1 !important}.hero-mountain-cluster .mountain-badge-slot:hover .mountain-badge{transform:scale(1.45) translateY(-16px);filter:drop-shadow(0 8px 18px rgba(245, 158, 11, 0.75))}}.hero-mountain-cluster .mountain-badge-slot.active-pop{z-index:20 !important;opacity:1 !important}.hero-mountain-cluster .mountain-badge-slot.active-pop .mountain-badge{transform:scale(1.45) translateY(-16px);filter:drop-shadow(0 8px 18px rgba(245, 158, 11, 0.75))}.hero-mountain-cluster .mountain-badge-slot.pos-1{width:1.8rem;height:1.8rem;transform:translateY(2px);z-index:1;opacity:.85}.hero-mountain-cluster .mountain-badge-slot.pos-2{width:2.2rem;height:2.2rem;transform:translateY(-4px);z-index:2;opacity:.95}.hero-mountain-cluster .mountain-badge-slot.pos-3{width:2.6rem;height:2.6rem;transform:translateY(-10px);z-index:4}.hero-mountain-cluster .mountain-badge-slot.pos-3 .mountain-badge{filter:drop-shadow(0 4px 8px rgba(245, 158, 11, 0.35))}.hero-mountain-cluster .mountain-badge-slot.pos-4{width:2.6rem;height:2.6rem;transform:translateY(-10px);z-index:3}.hero-mountain-cluster .mountain-badge-slot.pos-4 .mountain-badge{filter:drop-shadow(0 4px 8px rgba(245, 158, 11, 0.35))}.hero-mountain-cluster .mountain-badge-slot.pos-5{width:2.2rem;height:2.2rem;transform:translateY(-4px);z-index:2;opacity:.95}.hero-mountain-cluster .mountain-badge-slot.pos-6{width:1.8rem;height:1.8rem;transform:translateY(2px);z-index:1;opacity:.85}.hero-journey-title{font-size:clamp(1.08rem,1.8vw + .65rem,1.35rem);font-weight:var(--font-weight-bold, 700);margin:0;color:var(--text-primary);display:inline-flex;align-items:center}.hero-journey-title .hero-journey-title-wrapper{display:inline-flex;align-items:center;gap:6px}.hero-journey-title .hero-journey-title-text{display:inline-flex;align-items:center}.hero-journey-title .hj-open-btn{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);padding:4px;border-radius:8px;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);text-decoration:none;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1),background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.25, 1, 0.5, 1);cursor:pointer;user-select:none;line-height:1}@media(hover: hover){.hero-journey-title .hj-open-btn:hover{color:var(--accent-primary);background-color:var(--accent-primary-soft);border-color:color-mix(in srgb, var(--accent-primary) 30%, transparent);transform:translateY(-1px)}}.hero-journey-title .hj-open-btn:active{transform:scale(0.95)}.hero-journey-title .hj-open-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.hero-journey-title .hj-open-btn clashcalc-assets-svg,.hero-journey-title .hj-open-btn orecalc-assets-svg,.hero-journey-title .hj-open-btn svg{display:block;width:14px;height:14px}.hero-journey-level-badge{background-color:var(--accent-primary);color:var(--text-on-accent);font-weight:800;padding:2px 8px;border-radius:6px;font-size:clamp(.7rem,.5vw + .65rem,.8rem);box-shadow:0 2px 5px rgba(0,0,0,.25);letter-spacing:.5px;text-transform:uppercase;transition:background 300ms cubic-bezier(0.25, 1, 0.5, 1),color 300ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1)}.hero-journey-level-badge.badge-true-max{background-color:var(--color-warning);color:var(--text-inverse);font-weight:900;border:1px solid var(--border-accent);box-shadow:0 0 10px var(--color-warning-soft),0 2px 5px rgba(0,0,0,.3)}.hero-journey-accelerated-switch-container{display:flex;align-items:center;gap:8px;font-size:clamp(.75rem,.6vw + .65rem,.88rem)}.hero-journey-accelerated-switch-container .hero-journey-accelerated-label-group{display:inline-flex;align-items:center;gap:3px}.hero-journey-accelerated-switch-container .hero-journey-accelerated-label{color:var(--text-secondary);font-weight:500;cursor:pointer;user-select:none}.hero-journey-accelerated-switch-container .hj-accelerated-info-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px 3px;background:rgba(0,0,0,0);border:none;color:var(--text-muted);cursor:pointer;border-radius:50%;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.25, 1, 0.5, 1)}.hero-journey-accelerated-switch-container .hj-accelerated-info-btn:hover,.hero-journey-accelerated-switch-container .hj-accelerated-info-btn:focus-visible{color:var(--accent-primary);transform:scale(1.15)}.hero-journey-accelerated-switch-container .hj-accelerated-info-btn .info-icon{pointer-events:none;display:block}.hero-journey-accelerated-switch-container .hero-journey-accelerated-switch{scale:.85;margin:0;flex-shrink:0}.hero-journey-progress-bar-container{container-type:inline-size;container-name:hj-progress;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-bottom:20px}.hero-journey-progress-bar-container .hero-journey-progress-info{order:1;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:clamp(.75rem,.5vw + .65rem,.85rem);color:var(--text-secondary);margin-bottom:0;font-weight:600}.hero-journey-progress-bar-container .hero-journey-progress-info #home-hj-progress-percent{color:var(--accent-primary);font-weight:var(--font-weight-bold, 700)}.hero-journey-progress-bar-container .hero-journey-no-profile-info{display:none;order:1;align-items:center;gap:6px;font-size:clamp(.75rem,.5vw + .65rem,.85rem);color:var(--text-secondary);margin-bottom:0;font-weight:600;font-style:italic}.hero-journey-progress-bar-container .hero-journey-progress-track{order:2;width:100%;flex:1 0 100%;height:10px;background:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:6px;overflow:hidden;position:relative}.hero-journey-progress-bar-container .hero-journey-accelerated-switch-container{order:3;width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:2px;font-size:clamp(.75rem,.6vw + .65rem,.88rem)}@container hj-progress (min-width: 520px){.hero-journey-progress-bar-container .hero-journey-progress-info{order:1;width:auto;justify-content:flex-start;gap:8px}.hero-journey-progress-bar-container .hero-journey-accelerated-switch-container{order:1;width:auto;margin-left:auto;margin-top:0;justify-content:flex-end}.hero-journey-progress-bar-container .hero-journey-progress-track{order:2;width:100%}.hero-journey-card.no-synced-heroes .hero-journey-progress-bar-container:not(.no-profile-stacked) .hero-journey-no-profile-info{width:auto !important;justify-content:flex-start !important;text-align:left !important;margin-bottom:0 !important}.hero-journey-card.no-synced-heroes .hero-journey-progress-bar-container:not(.no-profile-stacked) .hero-journey-accelerated-switch-container{width:auto !important;margin-left:auto !important;justify-content:flex-end !important;margin-top:0 !important}}.hero-journey-progress-fill{height:100%;background:linear-gradient(90deg, var(--accent-primary) 0%, var(--accent-primary-hover) 100%);border-radius:6px;transition:width 350ms cubic-bezier(0.2, 0, 0, 1)}.hero-journey-scroll-controls{display:flex;gap:6px;flex-shrink:0}.hero-journey-scroll-controls__btn,.hero-journey-scroll-controls .scroll-btn{background:var(--bg-surface-primary);border:1px solid var(--border-primary);color:var(--text-primary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1);user-select:none}.hero-journey-scroll-controls__btn svg,.hero-journey-scroll-controls__btn clashcalc-assets-svg,.hero-journey-scroll-controls__btn orecalc-assets-svg,.hero-journey-scroll-controls .scroll-btn svg,.hero-journey-scroll-controls .scroll-btn clashcalc-assets-svg,.hero-journey-scroll-controls .scroll-btn orecalc-assets-svg{display:flex;align-items:center;justify-content:center;width:14px;height:14px;pointer-events:none}.hero-journey-scroll-controls__btn svg svg,.hero-journey-scroll-controls__btn clashcalc-assets-svg svg,.hero-journey-scroll-controls__btn orecalc-assets-svg svg,.hero-journey-scroll-controls .scroll-btn svg svg,.hero-journey-scroll-controls .scroll-btn clashcalc-assets-svg svg,.hero-journey-scroll-controls .scroll-btn orecalc-assets-svg svg{display:block;width:14px;height:14px}.hero-journey-scroll-controls__btn:hover,.hero-journey-scroll-controls .scroll-btn:hover{background:var(--accent-primary-soft);border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.08)}.hero-journey-scroll-controls__btn:active,.hero-journey-scroll-controls .scroll-btn:active{transform:scale(0.95)}.hero-journey-scroll-controls__btn.is-disabled,.hero-journey-scroll-controls__btn:disabled,.hero-journey-scroll-controls .scroll-btn.is-disabled,.hero-journey-scroll-controls .scroll-btn:disabled{opacity:.35;pointer-events:none;cursor:default;transform:none !important}.hero-journey-track-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;contain:paint;min-height:235px;padding:16px 8px 8px 8px;margin:-14px -8px -4px -8px;scroll-behavior:smooth;scrollbar-width:none}.hero-journey-track-wrapper::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}.hero-journey-custom-scrollbar{position:relative;width:100%;height:4px;margin:14px 0 6px 0;background:color-mix(in srgb, var(--bg-surface-tertiary) 80%, var(--bg-surface-primary));border-radius:2px;cursor:pointer;user-select:none;touch-action:none;box-sizing:border-box}.hero-journey-custom-scrollbar::before{content:"";position:absolute;top:-10px;bottom:-10px;left:0;right:0;z-index:1}.hero-journey-custom-scrollbar:hover{background:color-mix(in srgb, var(--accent-primary) 40%, var(--bg-surface-tertiary))}.hero-journey-scrollbar-progress{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg, var(--accent-primary) 0%, color-mix(in srgb, var(--accent-primary) 80%, #ffffff) 100%);border-radius:2px;pointer-events:none;z-index:1;transition:width 250ms cubic-bezier(0.2, 0, 0, 1);box-shadow:0 0 6px color-mix(in srgb, var(--accent-primary) 40%, transparent)}.hero-journey-scrollbar-thumb{position:absolute;top:50%;left:0;width:38px;height:14px;transform:translateY(-50%);background:linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) 85%, #ffffff) 0%, var(--accent-primary) 100%);border:1px solid color-mix(in srgb, var(--accent-primary) 80%, #ffffff);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.4);cursor:grab;z-index:2;transition:background 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.2, 0, 0, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1)}.hero-journey-scrollbar-thumb::before{content:"";position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.hero-journey-scrollbar-thumb:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) 75%, #ffffff) 0%, var(--accent-primary-hover) 100%);transform:translateY(-50%) scale(1.08);box-shadow:0 0 8px color-mix(in srgb, var(--accent-primary) 40%, transparent)}.hero-journey-scrollbar-thumb .hero-journey-scrub-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(4px) scale(0.9);opacity:0;pointer-events:none;background:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:9999px;padding:3px 9px;box-shadow:0 4px 12px rgba(0,0,0,.45);color:var(--text-primary);font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.2;z-index:10;transition:opacity 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.34, 1.56, 0.64, 1)}.hero-journey-scrollbar-thumb .hero-journey-scrub-tooltip::after{content:"";position:absolute;top:100%;left:50%;width:7px;height:7px;background:var(--bg-surface-primary);border-bottom:1px solid var(--border-primary);border-right:1px solid var(--border-primary);transform:translateX(-50%) translateY(-3.5px) rotate(45deg)}.hero-journey-scrollbar-thumb.is-dragging{cursor:grabbing;background:linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) 65%, #ffffff) 0%, var(--accent-primary-hover) 100%);transform:translateY(-50%) scale(1.22);box-shadow:0 0 12px color-mix(in srgb, var(--accent-primary) 65%, transparent),0 3px 8px rgba(0,0,0,.5)}.hero-journey-scrollbar-thumb.is-dragging .hero-journey-scrub-tooltip{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}.hero-journey-no-profile-notice{display:none;align-items:flex-start;gap:8px;margin-top:16px;font-size:clamp(10px,1.3vw,11px);color:var(--text-muted);line-height:1.4;text-align:left;opacity:.8;padding:8px 12px;background-color:var(--bg-surface-tertiary);border-radius:6px;border:1px solid var(--border-secondary)}@media(max-width: 625px){.hero-journey-no-profile-notice{margin-top:12px;padding:6px 10px}}.hero-journey-no-profile-notice .sync-notice-icon{flex-shrink:0;width:14px;height:14px;fill:var(--text-muted);color:var(--text-muted);position:relative;top:1px}.hero-journey-nodes-track{display:flex;gap:14px;min-width:max-content;padding:10px 4px 10px 4px}.th-max-divider{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;margin:0 2px;padding:0 4px;user-select:none;z-index:2}.th-max-divider .th-max-line{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);border-left:2px dashed color-mix(in srgb, var(--accent-primary) 70%, transparent);z-index:1}.th-max-divider .th-max-pill{position:relative;z-index:2;background:var(--bg-surface-primary);border:1.5px solid var(--accent-primary);color:var(--text-primary);padding:6px 10px;border-radius:12px;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;gap:4px}.th-max-divider .th-max-pill .th-max-img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0, 0, 0, 0.5))}.th-max-divider .th-max-pill .th-max-pill-content{display:flex;flex-direction:column;align-items:center;gap:3px}.th-max-divider .th-max-pill .th-max-tag{background:var(--accent-primary);color:var(--text-on-accent);font-size:.6rem;font-weight:900;padding:2px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.4px;line-height:1}.th-max-divider .th-max-pill .th-max-lvl{font-size:.72rem;font-weight:800;color:var(--text-primary);letter-spacing:.2px;line-height:1.1}.th-max-divider.current-th-divider .th-max-line{border-left-color:var(--accent-primary);border-left-style:solid;border-left-width:2px;box-shadow:0 0 8px color-mix(in srgb, var(--accent-primary) 80%, transparent)}.th-max-divider.current-th-divider .th-max-pill{border-color:var(--accent-primary);box-shadow:0 0 16px color-mix(in srgb, var(--accent-primary) 55%, transparent),0 4px 14px rgba(0,0,0,.6)}.th-limit-block-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:220px;padding:18px 14px;background:linear-gradient(135deg, color-mix(in srgb, var(--bg-surface-primary) 85%, #000000) 0%, var(--bg-surface-primary) 100%);border:1.5px dashed color-mix(in srgb, var(--accent-primary) 65%, var(--border-primary));border-radius:8px;text-align:center;box-sizing:border-box;flex-shrink:0;margin-left:4px;box-shadow:0 4px 16px rgba(0,0,0,.45);user-select:none}.th-limit-block-card .th-limit-img{width:48px;height:48px;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 3px 6px rgba(0, 0, 0, 0.6))}.th-limit-block-card .th-limit-text{font-size:clamp(.72rem,.4vw + .65rem,.78rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);line-height:1.35;margin-bottom:14px}.th-limit-block-card .th-limit-buttons-group{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.th-limit-block-card .th-limit-buttons-group .th-limit-reveal-btn{width:100%;max-width:155px}.hero-journey-empty-filter-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:320px;max-width:100%;padding:14px 16px;background:var(--bg-surface-primary);border:1.5px dashed color-mix(in srgb, var(--accent-primary) 45%, var(--border-primary));border-radius:12px;text-align:center;box-sizing:border-box;user-select:none;margin:0 auto}.hero-journey-empty-filter-card .empty-filter-icon{width:26px;height:26px;color:var(--text-muted);margin-bottom:6px}.hero-journey-empty-filter-card .empty-filter-title{font-size:clamp(.85rem,.5vw + .75rem,.95rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);line-height:1.3;margin-bottom:4px}.hero-journey-empty-filter-card .empty-filter-desc{font-size:clamp(.75rem,.4vw + .68rem,.82rem);color:var(--text-secondary);line-height:1.35;max-width:280px;margin-bottom:8px}.hero-journey-empty-filter-card .hero-journey-empty-filter-btn{margin:0}.hero-journey-node-chip{position:relative;display:flex;flex-direction:column;align-items:center;width:145px;padding:14px 10px;background:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:8px;text-align:center;box-sizing:border-box;align-self:stretch;transition:transform 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1),opacity 150ms cubic-bezier(0.25, 1, 0.5, 1),filter 150ms cubic-bezier(0.25, 1, 0.5, 1)}.hero-journey-node-chip:hover,.hero-journey-node-chip:focus-visible{transform:translateY(-3px);border-color:var(--accent-primary);box-shadow:0 0 18px color-mix(in srgb, var(--accent-primary) 45%, transparent),0 6px 16px rgba(0,0,0,.35)}.hero-journey-node-chip:focus-visible{outline:2px solid var(--outline-focus) !important;outline-offset:-2px !important}.hero-journey-node-chip.beyond-th-limit{opacity:.45;filter:brightness(0.65) grayscale(35%);background:color-mix(in srgb, var(--bg-surface-primary) 80%, #000000)}.hero-journey-node-chip.beyond-th-limit:hover,.hero-journey-node-chip.beyond-th-limit:focus-visible{opacity:.75;filter:brightness(0.85) grayscale(15%)}.hero-journey-node-chip.reached{border-color:color-mix(in srgb, var(--color-success) 35%, var(--border-primary))}.hero-journey-node-chip.reached:hover,.hero-journey-node-chip.reached:focus-visible{border-color:var(--color-success);box-shadow:0 0 18px color-mix(in srgb, var(--color-success) 45%, transparent),0 6px 16px rgba(0,0,0,.35)}.hero-journey-node-chip.claimed .node-level-pill{background:var(--color-success);color:var(--text-inverse);border-color:var(--color-success)}.node-level-pill{font-size:clamp(.65rem,.3vw + .6rem,.72rem);font-weight:var(--font-weight-bold, 700);background:var(--bg-surface-secondary);color:var(--text-primary);padding:2px 8px;border-radius:6px;margin-bottom:8px;border:1px solid var(--border-primary);flex-shrink:0}.node-icon-wrapper{position:relative;width:clamp(2.3rem,2vw + 1.5rem,3rem);height:clamp(2.3rem,2vw + 1.5rem,3rem);display:flex;align-items:center;justify-content:center;margin-bottom:8px;flex-shrink:0;transition:width 250ms cubic-bezier(0.25, 1, 0.5, 1),height 250ms cubic-bezier(0.25, 1, 0.5, 1)}.node-icon-wrapper .node-icon{width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:1/1;object-fit:contain}.node-icon-wrapper .node-icon.node-icon-primary{filter:drop-shadow(0 2px 5px rgba(0, 0, 0, 0.45))}.node-icon-wrapper .node-quest-badge{position:absolute;top:-4px;right:-4px;width:1.5rem;height:1.5rem;background:var(--bg-surface-secondary);border:1.5px solid var(--border-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.35);overflow:hidden;z-index:2}.node-icon-wrapper .node-quest-badge .quest-badge-img{width:85%;height:85%;aspect-ratio:1/1;object-fit:contain}.node-icon-wrapper .equipment-level-pill{position:absolute;bottom:-3px;left:-3px;background:linear-gradient(135deg, var(--accent-primary) 0%, color-mix(in srgb, var(--accent-primary) 80%, black) 100%);color:var(--text-on-accent);font-size:.62rem;font-weight:800;padding:2px;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.4);border:1.5px solid var(--border-primary);z-index:2;line-height:1.2;letter-spacing:.2px}.node-icon-wrapper .equipment-level-pill.owned-pill{background:linear-gradient(135deg, var(--color-success) 0%, color-mix(in srgb, var(--color-success) 80%, black) 100%);color:var(--text-inverse);font-size:.58rem;text-transform:uppercase;padding:2px 4px;letter-spacing:.3px}.node-icon-wrapper .node-claimed-checkmark{position:absolute;bottom:-2px;right:-2px;background:var(--color-success);color:var(--text-inverse);font-size:var(--font-size-xs, 0.75rem);font-weight:800;width:1.35rem;height:1.35rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.4);border:2px solid var(--border-primary)}.node-icon-wrapper .node-claimed-checkmark.unowned-cross{background:var(--color-danger);color:var(--text-inverse);font-size:.7rem;box-shadow:0 2px 6px rgba(0,0,0,.5)}.node-companion-strip{display:flex;align-items:center;justify-content:center;gap:4px;margin:2px 0 6px;width:100%;min-height:20px;flex-wrap:wrap}.node-companion-strip .node-companion-item{position:relative;width:18px;height:18px;border-radius:4px;background:var(--bg-surface-secondary);border:1px solid var(--border-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.node-companion-strip .node-companion-item:hover{transform:scale(1.2);z-index:2}.node-companion-strip .node-companion-item .node-companion-icon{width:14px;height:14px;max-width:14px;max-height:14px;aspect-ratio:1/1;object-fit:contain;display:block}.node-companion-strip .node-companion-item.status-owned{opacity:.5;filter:grayscale(25%);border-color:color-mix(in srgb, var(--color-success) 35%, var(--border-primary))}.node-companion-strip .node-companion-item.status-awarded-earlier{opacity:.7;border-color:color-mix(in srgb, var(--color-info) 40%, var(--border-primary))}.node-companion-strip .node-companion-item.status-missed{opacity:.6;filter:grayscale(40%);border-color:color-mix(in srgb, var(--color-danger) 50%, var(--border-primary))}.node-companion-strip .node-companion-item.status-queued{border-color:color-mix(in srgb, var(--accent-primary) 30%, var(--border-primary))}.node-companion-strip .node-companion-item.status-starry-fallback{border-color:color-mix(in srgb, var(--starry-ore) 50%, var(--border-primary))}.hero-journey-node-chip.has-sub .node-title,.hero-journey-node-chip:has(.node-sub) .node-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-title{font-size:clamp(.7rem,.4vw + .62rem,.75rem);line-height:1.3;margin-bottom:4px;color:var(--text-primary);width:100%;text-align:center}.node-title .accent-text{color:var(--accent-primary);font-weight:800}.node-sub{font-size:clamp(.62rem,.3vw + .58rem,.68rem);color:var(--text-secondary);font-weight:500;margin-bottom:8px;line-height:1.25;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.node-sub.node-sub-ores{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 6px}.node-sub .sub-ore-icon{width:14px;height:14px;aspect-ratio:1/1;object-fit:contain;vertical-align:-2px;display:inline-block;margin-left:2px}.node-sub .node-sub-ore-item{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;gap:2px}.node-sub .node-sub-ore-item .ore-boost-icon-slot{display:inline-flex;align-items:center}.node-sub .node-sub-ore-item .ore-boost-icon-slot:empty{display:none}.node-sub .node-sub-ore-item .node-sub-ore-val{display:inline-block;font-variant-numeric:tabular-nums}.node-sub .node-sub-ore-item .ore-accel-arrow-icon,.node-sub .node-sub-ore-item .ore-th-boost-icon{width:13px;height:13px;fill:var(--accent-primary);color:var(--accent-primary);flex-shrink:0;display:inline-block;vertical-align:middle}.hero-journey-filter-container.filter-stage-1{display:flex !important;flex-wrap:nowrap !important;justify-content:space-between !important;align-items:center !important;margin-bottom:18px !important}.hero-journey-filter-container.filter-stage-1 .hero-journey-filters-row{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;gap:10px !important;flex:1 !important}.hero-journey-filter-container.filter-stage-1 .hj-type-filters{margin-left:0 !important}.hero-journey-filter-container.filter-stage-1 .hj-type-filters .hj-type-buttons{display:flex !important;flex-wrap:nowrap !important}.hero-journey-filter-container.filter-stage-1 .hj-type-filters .hj-type-select{display:none !important}.hero-journey-filter-container.filter-stage-1 .hero-journey-scroll-controls{margin-left:auto !important;order:initial !important;width:auto !important;flex-shrink:0 !important}.hero-journey-filter-container.filter-stage-2{display:flex !important;flex-wrap:nowrap !important;justify-content:space-between !important;align-items:center !important;margin-bottom:18px !important}.hero-journey-filter-container.filter-stage-2 .hero-journey-filters-row{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;gap:14px !important;flex:0 1 auto !important}.hero-journey-filter-container.filter-stage-2 .hj-type-filters{margin-left:0 !important}.hero-journey-filter-container.filter-stage-2 .hj-type-filters .hj-type-buttons{display:none !important}.hero-journey-filter-container.filter-stage-2 .hj-type-filters .hj-type-select{display:block !important;background-color:var(--bg-surface-primary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:9999px;padding:6px 28px 6px 12px;font-size:clamp(.72rem,.5vw + .62rem,.78rem);font-weight:600;outline:none;text-align:left;text-align-last:left;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:border-color 150ms cubic-bezier(0.25, 1, 0.5, 1);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 12px;padding-right:28px;cursor:pointer}.hero-journey-filter-container.filter-stage-2 .hj-type-filters .hj-type-select:focus,.hero-journey-filter-container.filter-stage-2 .hj-type-filters .hj-type-select:hover{border-color:var(--accent-primary)}.hero-journey-filter-container.filter-stage-2 .hj-type-filters .hj-type-select option{background-color:var(--bg-surface-secondary);color:var(--text-primary)}.hero-journey-filter-container.filter-stage-2 .hero-journey-scroll-controls{margin-left:auto !important;order:initial !important;width:auto !important;flex-shrink:0 !important}.hero-journey-filter-container.filter-stage-3{display:contents !important}.hero-journey-filter-container.filter-stage-3 .hero-journey-filters-row{order:3;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.hero-journey-filter-container.filter-stage-3 .hj-type-filters{margin-left:auto !important}.hero-journey-filter-container.filter-stage-3 .hj-type-filters .hj-type-buttons{display:none !important}.hero-journey-filter-container.filter-stage-3 .hj-type-filters .hj-type-select{display:block !important;background-color:var(--bg-surface-primary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:9999px;padding:6px 28px 6px 12px;font-size:clamp(.72rem,.5vw + .62rem,.78rem);font-weight:600;cursor:pointer;outline:none;text-align:left;text-align-last:left;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:border-color 150ms cubic-bezier(0.25, 1, 0.5, 1);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 12px;padding-right:28px;cursor:pointer}.hero-journey-filter-container.filter-stage-3 .hj-type-filters .hj-type-select:focus,.hero-journey-filter-container.filter-stage-3 .hj-type-filters .hj-type-select:hover{border-color:var(--accent-primary)}.hero-journey-filter-container.filter-stage-3 .hj-type-filters .hj-type-select option{background-color:var(--bg-surface-secondary);color:var(--text-primary)}.hero-journey-filter-container.filter-stage-3.no-claim-control .hero-journey-filters-row,.hero-journey-filter-container.filter-stage-3:has(#home-hj-claim-control[hidden]) .hero-journey-filters-row,.hero-journey-filter-container.filter-stage-3:has(#home-hj-claim-control.hidden) .hero-journey-filters-row,.hero-journey-filter-container.filter-stage-3:has(#home-hj-claim-control.is-hidden) .hero-journey-filters-row{justify-content:center !important;width:100% !important}.hero-journey-filter-container.filter-stage-3.no-claim-control .hj-type-filters,.hero-journey-filter-container.filter-stage-3:has(#home-hj-claim-control[hidden]) .hj-type-filters,.hero-journey-filter-container.filter-stage-3:has(#home-hj-claim-control.hidden) .hj-type-filters,.hero-journey-filter-container.filter-stage-3:has(#home-hj-claim-control.is-hidden) .hj-type-filters{width:100% !important;margin-left:0 !important;display:flex !important;justify-content:center !important}.hero-journey-filter-container.filter-stage-3.no-claim-control .hj-type-filters .hj-type-select,.hero-journey-filter-container.filter-stage-3:has(#home-hj-claim-control[hidden]) .hj-type-filters .hj-type-select,.hero-journey-filter-container.filter-stage-3:has(#home-hj-claim-control.hidden) .hj-type-filters .hj-type-select,.hero-journey-filter-container.filter-stage-3:has(#home-hj-claim-control.is-hidden) .hj-type-filters .hj-type-select{width:100% !important;box-sizing:border-box !important;text-align:left !important;text-align-last:left !important;padding:8px 28px 8px 12px !important}.hero-journey-filter-container.filter-stage-3.no-claim-control .hj-type-filters .hj-type-buttons,.hero-journey-filter-container.filter-stage-3:has(#home-hj-claim-control[hidden]) .hj-type-filters .hj-type-buttons,.hero-journey-filter-container.filter-stage-3:has(#home-hj-claim-control.hidden) .hj-type-filters .hj-type-buttons,.hero-journey-filter-container.filter-stage-3:has(#home-hj-claim-control.is-hidden) .hj-type-filters .hj-type-buttons{justify-content:center !important;width:100% !important}.hero-journey-filter-container.filter-stage-3 .hero-journey-track-wrapper{order:4;scrollbar-width:none !important}.hero-journey-filter-container.filter-stage-3 .hero-journey-track-wrapper::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}.hero-journey-filter-container.filter-stage-3 .hero-journey-custom-scrollbar{order:5;margin:10px 0 0 0}.hero-journey-filter-container.filter-stage-3 .hero-journey-scroll-controls{order:6;margin:14px auto 0 auto !important;justify-content:center;width:100%}.hero-journey-filter-container.filter-stage-4{display:contents !important}.hero-journey-filter-container.filter-stage-4 .hero-journey-filters-row{order:3;width:100% !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:8px !important;margin-bottom:16px !important}.hero-journey-filter-container.filter-stage-4 .hj-segmented-control{width:100% !important;display:flex !important;box-sizing:border-box !important}.hero-journey-filter-container.filter-stage-4 .hj-segmented-control .hj-segmented-control__btn{flex:1 !important;text-align:center !important}.hero-journey-filter-container.filter-stage-4 .hj-type-filters{width:100% !important;margin-left:0 !important}.hero-journey-filter-container.filter-stage-4 .hj-type-filters .hj-type-buttons{display:none !important}.hero-journey-filter-container.filter-stage-4 .hj-type-filters .hj-type-select{display:block !important;width:100% !important;box-sizing:border-box !important;text-align:left !important;text-align-last:left !important;background-color:var(--bg-surface-primary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:9999px;padding:8px 28px 8px 12px;font-size:clamp(.72rem,.5vw + .62rem,.78rem);font-weight:600;cursor:pointer;outline:none;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:border-color 150ms cubic-bezier(0.25, 1, 0.5, 1);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 12px;padding-right:28px;cursor:pointer}.hero-journey-filter-container.filter-stage-4 .hj-type-filters .hj-type-select:focus,.hero-journey-filter-container.filter-stage-4 .hj-type-filters .hj-type-select:hover{border-color:var(--accent-primary)}.hero-journey-filter-container.filter-stage-4 .hj-type-filters .hj-type-select option{background-color:var(--bg-surface-secondary);color:var(--text-primary)}.hero-journey-filter-container.filter-stage-4 .hero-journey-track-wrapper{order:4;scrollbar-width:none !important}.hero-journey-filter-container.filter-stage-4 .hero-journey-track-wrapper::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}.hero-journey-filter-container.filter-stage-4 .hero-journey-custom-scrollbar{order:5;margin:10px 0 0 0}.hero-journey-filter-container.filter-stage-4 .hero-journey-scroll-controls{order:6;margin:14px auto 0 auto !important;justify-content:center !important;width:100% !important;display:flex !important}@media(min-width: 780px){.hero-journey-header{display:flex;align-items:center;width:100%;margin-bottom:20px}.hero-journey-title-container{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.hero-journey-title-container .hero-journey-title{order:1;text-align:left;display:inline-flex !important;align-items:center;gap:8px}.hero-journey-title-container .hero-mountain-cluster{order:2;position:absolute;left:50%;transform:translateX(-50%);margin:0}.hero-journey-title-container #home-hj-cumulative-badge,.hero-journey-title-container .hero-journey-level-badge{order:3;margin-left:auto !important;display:inline-flex !important}}@media(max-width: 779px){#home-hj-cumulative-badge,.hero-journey-level-badge{display:none !important}.hero-journey-header{order:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;gap:8px;margin-bottom:14px}.hero-journey-title-container{display:flex !important;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;gap:6px}.hero-journey-title-container .hero-mountain-cluster{order:1;margin-left:0;margin-bottom:4px;align-self:center;position:static !important;transform:none !important}.hero-journey-title-container .hero-journey-title{display:flex !important;align-items:center;justify-content:center;order:2;text-align:center;width:100%}.hero-journey-title-container .hero-journey-title .hero-journey-title-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0}.hero-journey-title-container .hero-journey-title .hero-journey-title-text{position:relative;display:inline-flex;align-items:center;justify-content:center}.hero-journey-progress-bar-container{order:2;margin-bottom:16px}}@media(max-width: 625px){.hero-journey-card{padding:16px;margin-bottom:20px}.hero-journey-node-chip{width:clamp(120px,28vw,135px);padding:10px 8px}.node-icon-wrapper{width:clamp(1.95rem,5.5vw + .65rem,2.4rem);height:clamp(1.95rem,5.5vw + .65rem,2.4rem);margin-bottom:6px}.node-icon-wrapper .node-quest-badge{width:1.25rem;height:1.25rem;top:-3px;right:-3px}}dialog.navigation-drawer,.navigation-drawer{border:none;padding:0;margin:0;position:fixed;inset:0 auto 0 0;top:0;left:0;width:min(320px,85vw);height:100%;height:100vh;height:100dvh;max-height:100dvh;max-width:none;overflow:hidden;color:inherit;box-sizing:border-box;background-color:color-mix(in srgb, var(--bg-surface-primary) 80%, transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-secondary);box-shadow:0px 4px 8px rgba(0,0,0,.3),0px 4px 12px rgba(0,0,0,.15);z-index:40;border-radius:0 28px 28px 0;isolation:isolate;display:flex;flex-direction:column;overscroll-behavior:contain;touch-action:pan-y;transform:translateX(-100%);visibility:hidden;pointer-events:none;transition:transform 300ms cubic-bezier(0.16, 1, 0.3, 1),visibility 300ms cubic-bezier(0.16, 1, 0.3, 1),display 300ms allow-discrete,overlay 300ms allow-discrete}dialog.navigation-drawer[open],dialog.navigation-drawer.is-open,.navigation-drawer[open],.navigation-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}@starting-style{dialog.navigation-drawer[open],dialog.navigation-drawer.is-open,.navigation-drawer[open],.navigation-drawer.is-open{transform:translateX(-100%)}}dialog.navigation-drawer::backdrop,.navigation-drawer::backdrop{background-color:var(--bg-overlay);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);opacity:0;transition:opacity 300ms cubic-bezier(0.25, 1, 0.5, 1),backdrop-filter 300ms cubic-bezier(0.25, 1, 0.5, 1),-webkit-backdrop-filter 300ms cubic-bezier(0.25, 1, 0.5, 1),display 300ms allow-discrete,overlay 300ms allow-discrete}dialog.navigation-drawer[open]::backdrop,.navigation-drawer[open]::backdrop{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@starting-style{dialog.navigation-drawer[open]::backdrop,.navigation-drawer[open]::backdrop{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}}@media(prefers-reduced-motion: reduce){dialog.navigation-drawer,.navigation-drawer{transition:none !important}dialog.navigation-drawer::backdrop,.navigation-drawer::backdrop{transition:none !important}}dialog.navigation-drawer__overlay,.navigation-drawer__overlay{touch-action:none;overscroll-behavior:contain;background-color:var(--bg-overlay);z-index:39;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);isolation:isolate;transform:translateZ(0);transition:opacity 300ms cubic-bezier(0.25, 1, 0.5, 1),visibility 300ms cubic-bezier(0.25, 1, 0.5, 1),backdrop-filter 300ms cubic-bezier(0.25, 1, 0.5, 1),-webkit-backdrop-filter 300ms cubic-bezier(0.25, 1, 0.5, 1)}dialog.navigation-drawer__overlay.show,.navigation-drawer__overlay.show{opacity:1;visibility:visible;pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}dialog.navigation-drawer__overlay.closing,.navigation-drawer__overlay.closing{pointer-events:none}dialog.navigation-drawer__content,.navigation-drawer__content{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}dialog.navigation-drawer__content::-webkit-scrollbar,.navigation-drawer__content::-webkit-scrollbar{width:4px}dialog.navigation-drawer__content::-webkit-scrollbar-track,.navigation-drawer__content::-webkit-scrollbar-track{background:rgba(0,0,0,0)}dialog.navigation-drawer__content::-webkit-scrollbar-thumb,.navigation-drawer__content::-webkit-scrollbar-thumb{background-color:var(--bg-surface-tertiary);border-radius:9999px}dialog.navigation-drawer__header,.navigation-drawer__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding:12px;border-top-right-radius:28px;flex-shrink:0}dialog.navigation-drawer__brand,.navigation-drawer__brand{display:flex;flex-direction:column;margin-top:32px;margin-left:8px}dialog.navigation-drawer__app-title,.navigation-drawer__app-title{font-size:24px;font-weight:800;margin:0 0 2px 0;letter-spacing:-0.5px;line-height:1.2}dialog.navigation-drawer__app-title .brand-clash,.navigation-drawer__app-title .brand-clash{background:linear-gradient(135deg, #fde293 0%, #f9ab00 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}dialog.navigation-drawer__app-title .brand-calc,.navigation-drawer__app-title .brand-calc{background:linear-gradient(135deg, #f48fb1 0%, #9c27b0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}dialog.navigation-drawer__subtitle,.navigation-drawer__subtitle{font-size:13px;font-weight:600;margin:0;color:var(--text-secondary);opacity:.6;text-transform:uppercase;letter-spacing:.5px}dialog.navigation-drawer__subtitle:empty,.navigation-drawer__subtitle:empty{display:none}dialog.navigation-drawer__close,.navigation-drawer__close{display:flex;align-items:center;justify-content:center;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-secondary);cursor:pointer;height:36px;width:36px;padding:0;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1);margin-top:32px;margin-right:8px}dialog.navigation-drawer__close svg,.navigation-drawer__close svg{fill:currentColor;width:20px;height:20px}dialog.navigation-drawer__close:hover,dialog.navigation-drawer__close:focus,.navigation-drawer__close:hover,.navigation-drawer__close:focus{background-color:var(--bg-surface-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}dialog.navigation-drawer__close:active,.navigation-drawer__close:active{transform:scale(0.95)}dialog.navigation-drawer__dock,.navigation-drawer__dock{display:grid;grid-template-columns:repeat(4, 1fr);gap:4px;padding:4px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-secondary);border-radius:12px;margin:8px 12px 12px;box-sizing:border-box}dialog.navigation-drawer__dock:empty,.navigation-drawer__dock:empty{display:none}dialog.navigation-drawer__dock-btn,.navigation-drawer__dock-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 2px;border-radius:8px;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:var(--text-secondary);font-size:11px;font-weight:600;text-decoration:none;cursor:pointer;position:relative;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1);box-sizing:border-box}dialog.navigation-drawer__dock-btn svg,.navigation-drawer__dock-btn svg{width:18px;height:18px;fill:currentColor;flex-shrink:0;transition:fill 150ms cubic-bezier(0.25, 1, 0.5, 1)}dialog.navigation-drawer__dock-btn:hover,.navigation-drawer__dock-btn:hover{background-color:var(--bg-surface-tertiary);color:var(--text-primary)}dialog.navigation-drawer__dock-btn.is-active,.navigation-drawer__dock-btn.is-active{background-color:var(--accent-soft);color:var(--accent-primary);border-color:color-mix(in srgb, var(--accent-primary) 35%, transparent);box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15)}dialog.navigation-drawer__dock-btn.is-active svg,.navigation-drawer__dock-btn.is-active svg{fill:var(--accent-primary)}dialog.navigation-drawer__dock-btn--soon,.navigation-drawer__dock-btn--soon{opacity:.45;cursor:not-allowed;pointer-events:none}dialog.navigation-drawer__dock-btn--soon:hover,.navigation-drawer__dock-btn--soon:hover{background:rgba(0,0,0,0);color:var(--text-secondary)}dialog.navigation-drawer__dock-badge-soon,.navigation-drawer__dock-badge-soon{position:absolute;top:-3px;right:2px;font-size:8px;font-weight:800;padding:1px 4px;border-radius:4px;background-color:var(--bg-surface-tertiary);color:var(--text-primary);text-transform:uppercase;letter-spacing:.2px;line-height:1.1}.app-header__hamburger,.hamburger{display:none;align-items:center;justify-content:center;cursor:pointer;z-index:31;position:relative;outline:none;width:40px;height:40px;border-radius:8px;background:none;border:none;padding:0;color:inherit;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1)}@media(hover: hover){.app-header__hamburger:hover,.hamburger:hover{background-color:var(--bg-surface-tertiary)}}.app-header__hamburger:active,.hamburger:active{transform:scale(0.95)}.app-header__hamburger:focus-visible,.hamburger:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.app-header__hamburger .menu-icon,.app-header__hamburger svg,.hamburger .menu-icon,.hamburger svg{fill:var(--text-primary);width:24px;height:24px;display:block}@media(max-width: 779px){.app-header__hamburger,.hamburger{display:flex}}body.open-drawer{overflow:hidden;touch-action:none}dialog.navigation-drawer__context-card,.navigation-drawer__context-card{margin:0 12px 8px;padding:8px 12px;border-radius:10px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-secondary);display:flex;flex-direction:column;gap:8px;box-sizing:border-box}dialog.navigation-drawer__context-card:empty,.navigation-drawer__context-card:empty{display:none}dialog.navigation-drawer__context-card--guest,.navigation-drawer__context-card--guest{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}dialog.navigation-drawer__context-header,.navigation-drawer__context-header{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}dialog.navigation-drawer__context-identity,.navigation-drawer__context-identity{display:flex;align-items:center;gap:10px;min-width:0;flex:1}dialog.navigation-drawer__context-th-wrapper,.navigation-drawer__context-th-wrapper{border-radius:8px;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-secondary);overflow:hidden}dialog.navigation-drawer__context-player-info,.navigation-drawer__context-player-info{display:flex;flex-direction:column;min-width:0;gap:2px}dialog.navigation-drawer__context-name-row,.navigation-drawer__context-name-row{display:flex;align-items:center;gap:6px;min-width:0}dialog.navigation-drawer__context-name,.navigation-drawer__context-name{font-size:14px;font-weight:var(--font-weight-bold, 700);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}dialog.navigation-drawer__context-meta-row,.navigation-drawer__context-meta-row{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary);min-width:0}dialog.navigation-drawer__context-tag,.navigation-drawer__context-tag{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}dialog.navigation-drawer__context-meta-bullet,.navigation-drawer__context-meta-bullet{color:var(--text-muted);opacity:.5;font-size:8px}dialog.navigation-drawer__context-trophies,.navigation-drawer__context-trophies{display:inline-flex;align-items:center;gap:2px;font-weight:600;color:var(--text-secondary);white-space:nowrap}dialog.navigation-drawer__context-league-icon,.navigation-drawer__context-league-icon{width:14px;height:14px;object-fit:contain;flex-shrink:0}dialog.navigation-drawer__context-switch-btn,.navigation-drawer__context-switch-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:9999px;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1)}dialog.navigation-drawer__context-switch-btn svg,.navigation-drawer__context-switch-btn svg{width:14px;height:14px;fill:currentColor;transition:transform 150ms cubic-bezier(0.25, 1, 0.5, 1)}dialog.navigation-drawer__context-switch-btn:hover,dialog.navigation-drawer__context-switch-btn:focus-visible,.navigation-drawer__context-switch-btn:hover,.navigation-drawer__context-switch-btn:focus-visible{background-color:var(--accent-soft);border-color:var(--accent-primary);color:var(--accent-primary)}dialog.navigation-drawer__context-switch-btn.is-expanded svg,.navigation-drawer__context-switch-btn.is-expanded svg{transform:rotate(180deg)}dialog.navigation-drawer__context-switcher-menu,.navigation-drawer__context-switcher-menu{display:flex;flex-direction:column;gap:2px;padding-top:4px;border-top:1px solid var(--border-secondary);margin-top:2px;max-height:168px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}dialog.navigation-drawer__context-switcher-menu::-webkit-scrollbar,.navigation-drawer__context-switcher-menu::-webkit-scrollbar{width:3px}dialog.navigation-drawer__context-switcher-menu::-webkit-scrollbar-track,.navigation-drawer__context-switcher-menu::-webkit-scrollbar-track{background:rgba(0,0,0,0)}dialog.navigation-drawer__context-switcher-menu::-webkit-scrollbar-thumb,.navigation-drawer__context-switcher-menu::-webkit-scrollbar-thumb{background-color:var(--bg-surface-tertiary);border-radius:9999px}dialog.navigation-drawer__context-switcher-item,.navigation-drawer__context-switcher-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:8px;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:var(--text-primary);cursor:pointer;text-align:left;width:100%;box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}dialog.navigation-drawer__context-switcher-item:hover,.navigation-drawer__context-switcher-item:hover{background-color:var(--bg-surface-tertiary)}dialog.navigation-drawer__context-switcher-item.is-active,.navigation-drawer__context-switcher-item.is-active{background-color:var(--accent-soft);border-color:color-mix(in srgb, var(--accent-primary) 30%, transparent);color:var(--accent-primary)}dialog.navigation-drawer__context-switcher-item-left,.navigation-drawer__context-switcher-item-left{display:flex;align-items:center;gap:8px;min-width:0}dialog.navigation-drawer__context-switcher-th,.navigation-drawer__context-switcher-th{width:22px;height:22px;object-fit:contain;flex-shrink:0}dialog.navigation-drawer__context-switcher-th img,.navigation-drawer__context-switcher-th img{width:100%;height:100%;object-fit:contain}dialog.navigation-drawer__context-switcher-name,.navigation-drawer__context-switcher-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}dialog.navigation-drawer__context-switcher-tag,.navigation-drawer__context-switcher-tag{font-family:monospace;font-size:11px;color:var(--text-muted);margin-left:auto;flex-shrink:0}dialog.navigation-drawer__context-metrics,.navigation-drawer__context-metrics{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;padding-top:4px;border-top:1px solid var(--border-secondary)}dialog.navigation-drawer__context-metric,.navigation-drawer__context-metric{display:flex;flex-direction:column;gap:2px;min-width:0}dialog.navigation-drawer__context-metric--left,dialog.navigation-drawer__context-metric:first-child,.navigation-drawer__context-metric--left,.navigation-drawer__context-metric:first-child{align-items:flex-start;text-align:left}dialog.navigation-drawer__context-metric--left .navigation-drawer__context-metric-label,dialog.navigation-drawer__context-metric:first-child .navigation-drawer__context-metric-label,.navigation-drawer__context-metric--left .navigation-drawer__context-metric-label,.navigation-drawer__context-metric:first-child .navigation-drawer__context-metric-label{text-align:left}dialog.navigation-drawer__context-metric--left .navigation-drawer__context-metric-value,dialog.navigation-drawer__context-metric:first-child .navigation-drawer__context-metric-value,.navigation-drawer__context-metric--left .navigation-drawer__context-metric-value,.navigation-drawer__context-metric:first-child .navigation-drawer__context-metric-value{justify-content:flex-start}dialog.navigation-drawer__context-metric--right,dialog.navigation-drawer__context-metric:last-child,.navigation-drawer__context-metric--right,.navigation-drawer__context-metric:last-child{align-items:flex-end;text-align:right}dialog.navigation-drawer__context-metric--right .navigation-drawer__context-metric-label,dialog.navigation-drawer__context-metric:last-child .navigation-drawer__context-metric-label,.navigation-drawer__context-metric--right .navigation-drawer__context-metric-label,.navigation-drawer__context-metric:last-child .navigation-drawer__context-metric-label{text-align:right;width:100%}dialog.navigation-drawer__context-metric--right .navigation-drawer__context-metric-value,dialog.navigation-drawer__context-metric:last-child .navigation-drawer__context-metric-value,.navigation-drawer__context-metric--right .navigation-drawer__context-metric-value,.navigation-drawer__context-metric:last-child .navigation-drawer__context-metric-value{justify-content:flex-end;width:100%}dialog.navigation-drawer__context-metric-label,.navigation-drawer__context-metric-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}dialog.navigation-drawer__context-metric-value,.navigation-drawer__context-metric-value{display:flex;align-items:center;gap:5px;min-width:0}dialog.navigation-drawer__context-metric-icon,.navigation-drawer__context-metric-icon{width:14px;height:14px;flex-shrink:0;object-fit:contain;fill:var(--accent-primary)}dialog.navigation-drawer__context-metric-icon img,.navigation-drawer__context-metric-icon img{width:100%;height:100%;object-fit:contain}dialog.navigation-drawer__context-metric-text,.navigation-drawer__context-metric-text{font-size:12px;font-weight:var(--font-weight-bold, 700);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}dialog.navigation-drawer__context-metric-divider,.navigation-drawer__context-metric-divider{width:0;height:24px;border-left:1px solid var(--border-secondary);flex-shrink:0}dialog.navigation-drawer__context-guest-left,.navigation-drawer__context-guest-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}dialog.navigation-drawer__context-guest-icon-wrapper,.navigation-drawer__context-guest-icon-wrapper{width:36px;height:36px;border-radius:8px;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}dialog.navigation-drawer__context-guest-icon-wrapper svg,.navigation-drawer__context-guest-icon-wrapper svg{width:18px;height:18px;fill:var(--text-secondary)}dialog.navigation-drawer__context-guest-info,.navigation-drawer__context-guest-info{display:flex;flex-direction:column;min-width:0;gap:1px}dialog.navigation-drawer__context-guest-title,.navigation-drawer__context-guest-title{font-size:13px;font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}dialog.navigation-drawer__context-guest-desc,.navigation-drawer__context-guest-desc{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}dialog.navigation-drawer__context-guest-btn,.navigation-drawer__context-guest-btn{padding:5px 12px;font-size:12px;font-weight:600;border-radius:8px;background-color:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent-primary) 30%, transparent);color:var(--accent-primary);cursor:pointer;flex-shrink:0;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}dialog.navigation-drawer__context-guest-btn:hover,dialog.navigation-drawer__context-guest-btn:focus-visible,.navigation-drawer__context-guest-btn:hover,.navigation-drawer__context-guest-btn:focus-visible{background-color:var(--accent-primary);color:var(--text-on-accent)}dialog.navigation-drawer__tabs,.navigation-drawer__tabs{display:flex;flex-direction:column;padding:4px 8px;position:relative;z-index:41}dialog.navigation-drawer__tab,.navigation-drawer__tab{background:none;border:none;color:var(--text-primary);padding:10px 16px;text-align:left;cursor:pointer;font-size:16px;transition:background-color 300ms cubic-bezier(0.25, 1, 0.5, 1),color 300ms cubic-bezier(0.25, 1, 0.5, 1),opacity 300ms cubic-bezier(0.25, 1, 0.5, 1);border-radius:8px;display:flex;align-items:center;gap:12px;text-decoration:none}dialog.navigation-drawer__tab svg,.navigation-drawer__tab svg{width:20px;height:20px;flex-shrink:0;fill:var(--text-secondary);transition:fill 150ms cubic-bezier(0.25, 1, 0.5, 1)}dialog.navigation-drawer__tab.secondary-tab,.navigation-drawer__tab.secondary-tab{font-size:var(--font-size-base, 0.875rem);padding:8px 16px;color:var(--text-secondary);opacity:.8;width:100%;box-sizing:border-box}dialog.navigation-drawer__tab.secondary-tab .tab-label,.navigation-drawer__tab.secondary-tab .tab-label{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}dialog.navigation-drawer__tab.secondary-tab .open-in-icon,.navigation-drawer__tab.secondary-tab .open-in-icon{width:12px;height:12px;opacity:.5;margin-left:auto;transition:opacity 150ms cubic-bezier(0.25, 1, 0.5, 1),fill 150ms cubic-bezier(0.25, 1, 0.5, 1)}dialog.navigation-drawer__tab.secondary-tab svg,.navigation-drawer__tab.secondary-tab svg{width:16px;height:16px;opacity:.8;fill:var(--text-secondary);flex-shrink:0}dialog.navigation-drawer__tab.secondary-tab--half,.navigation-drawer__tab.secondary-tab--half{position:relative;padding:8px 4px;gap:6px;justify-content:center;text-align:center}dialog.navigation-drawer__tab.secondary-tab--half .tab-label,.navigation-drawer__tab.secondary-tab--half .tab-label{flex-grow:0}dialog.navigation-drawer__tab.secondary-tab--half .open-in-icon,.navigation-drawer__tab.secondary-tab--half .open-in-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);margin-left:0;width:12px;height:12px;opacity:.5}dialog.navigation-drawer__tab.secondary-tab--half .open-in-icon svg,.navigation-drawer__tab.secondary-tab--half .open-in-icon svg{width:12px;height:12px}dialog.navigation-drawer__tab.secondary-tab:hover,.navigation-drawer__tab.secondary-tab:hover{opacity:1;color:var(--accent-primary);background-color:var(--accent-soft);border-radius:12px}dialog.navigation-drawer__tab.secondary-tab:hover svg,.navigation-drawer__tab.secondary-tab:hover svg{fill:var(--accent-primary);opacity:1}dialog.navigation-drawer__tab.secondary-tab:hover .open-in-icon,.navigation-drawer__tab.secondary-tab:hover .open-in-icon{opacity:1;fill:var(--accent-primary)}dialog.navigation-drawer__tab:hover,.navigation-drawer__tab:hover{background-color:var(--accent-soft);border-radius:28px}dialog.navigation-drawer__tab:focus,.navigation-drawer__tab:focus{outline:none}dialog.navigation-drawer__tab:focus-visible,.navigation-drawer__tab:focus-visible{background-color:var(--accent-soft);border-radius:28px;outline:2px solid var(--accent-primary);outline-offset:-2px}dialog.navigation-drawer__tab.is-active,.navigation-drawer__tab.is-active{background-color:var(--accent-soft);color:var(--accent-primary);border-radius:28px}dialog.navigation-drawer__tab.is-active svg,.navigation-drawer__tab.is-active svg{fill:var(--accent-primary)}dialog.navigation-drawer__secondary-actions,.navigation-drawer__secondary-actions{display:flex;flex-direction:column;width:100%;gap:4px;padding:0;box-sizing:border-box;margin-bottom:4px}dialog.navigation-drawer__secondary-row,.navigation-drawer__secondary-row{position:relative;display:grid;grid-template-columns:repeat(2, 1fr);gap:4px;width:100%;box-sizing:border-box}dialog.navigation-drawer__secondary-row::after,.navigation-drawer__secondary-row::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0;height:16px;border-left:1px solid var(--border-secondary);pointer-events:none;opacity:.8}dialog.navigation-drawer__footer,.navigation-drawer__footer{padding:12px;border-top:1px solid var(--border-secondary);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;flex-shrink:0;margin-top:auto}dialog.navigation-drawer__footer-links,.navigation-drawer__footer-links{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;width:100%}dialog.navigation-drawer__footer-row,.navigation-drawer__footer-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%}dialog.navigation-drawer__footer-link,.navigation-drawer__footer-link{color:var(--text-secondary);opacity:.7;text-decoration:none;background:none;border:none;padding:0;font:inherit;cursor:pointer;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1),opacity 150ms cubic-bezier(0.25, 1, 0.5, 1)}dialog.navigation-drawer__footer-link:first-child,.navigation-drawer__footer-link:first-child{text-align:right;justify-self:end}dialog.navigation-drawer__footer-link:last-child,.navigation-drawer__footer-link:last-child{text-align:left;justify-self:start}dialog.navigation-drawer__footer-link:hover,.navigation-drawer__footer-link:hover{color:var(--accent-primary);opacity:1}dialog.navigation-drawer__footer-sep,.navigation-drawer__footer-sep{color:var(--text-secondary);opacity:.6;user-select:none;display:inline-flex;align-items:center;justify-content:center;justify-self:center;font-size:var(--font-size-sm, 0.8125rem);line-height:1;flex-shrink:0}dialog.navigation-drawer__footer-sep:empty::before,.navigation-drawer__footer-sep:empty::before{content:"·"}dialog.navigation-drawer__app-version,.navigation-drawer__app-version{color:var(--text-secondary);opacity:.4;font-size:11px;font-family:monospace}dialog.navigation-drawer__copyright,.navigation-drawer__copyright{color:var(--text-secondary);opacity:.35;font-size:10px;margin-top:2px;text-align:center;width:100%;box-sizing:border-box;line-height:1.4}dialog.navigation-drawer__copyright-break,.navigation-drawer__copyright-break{display:inline}dialog#notice-modal,#notice-modal{padding:12px;z-index:119}dialog#notice-modal .modal-content,#notice-modal .modal-content{border:1px solid var(--border-primary);max-width:min(420px,92vw)}dialog#notice-modal .modal-header,#notice-modal .modal-header{padding:24px 24px 8px;justify-content:center;border-bottom:none;text-align:center}dialog#notice-modal .modal-header h2,#notice-modal .modal-header h2{text-align:center}dialog#notice-modal .modal-body,#notice-modal .modal-body{padding:8px 24px 16px;text-align:center}dialog#notice-modal .modal-body .notice-modal-message,#notice-modal .modal-body .notice-modal-message{text-align:center}dialog#notice-modal .modal-body .notice-modal-message p,#notice-modal .modal-body .notice-modal-message p{margin:0 0 10px 0}dialog#notice-modal .modal-body .notice-modal-message p:last-child,#notice-modal .modal-body .notice-modal-message p:last-child{margin-bottom:0}dialog#notice-modal .modal-body code,#notice-modal .modal-body code{background-color:rgba(154,160,166,.12);border:1px solid rgba(154,160,166,.24);padding:2px 4px;word-break:break-all}dialog#notice-modal .modal-body .external-link-display,#notice-modal .modal-body .external-link-display{display:inline-block;color:var(--accent-primary);background-color:rgba(var(--accent-primary-soft), 0.1);border:1px dashed rgba(var(--accent-primary), 0.35);padding:8px 14px;border-radius:6px;font-family:"Roboto Mono",monospace;font-size:.85em;font-weight:500;word-break:break-all;margin:12px 0;max-width:100%;box-sizing:border-box;text-align:center;user-select:all}dialog#notice-modal .modal-actions,#notice-modal .modal-actions{justify-content:center;align-items:center;padding:8px 24px 24px;background-color:rgba(0,0,0,0);border-top:none}.brand-page-pill-wrapper{position:relative;display:inline-flex;align-items:center}.brand-page-pill{font:inherit;line-height:1;appearance:none;-webkit-appearance:none;margin:0;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;height:19px;box-sizing:border-box;padding:2px 8px;font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);border-radius:9999px;background:color-mix(in srgb, var(--accent-primary) 15%, var(--bg-surface-secondary));color:var(--accent-primary);border:1px solid color-mix(in srgb, var(--accent-primary) 30%, transparent);cursor:pointer;user-select:none;pointer-events:auto;letter-spacing:.3px;white-space:nowrap;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.brand-page-pill:hover{background:color-mix(in srgb, var(--accent-primary) 22%, var(--bg-surface-secondary));border-color:color-mix(in srgb, var(--accent-primary) 45%, transparent)}.brand-page-pill:active,.brand-page-pill.is-active{background:color-mix(in srgb, var(--accent-primary) 28%, var(--bg-surface-secondary));border-color:var(--accent-primary)}.brand-page-pill:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.brand-page-pill__label{display:inline-block;white-space:nowrap}.brand-page-pill__chevron{display:inline-flex;align-items:center;justify-content:center;width:10px;height:10px;flex-shrink:0;line-height:1;transition:transform 150ms cubic-bezier(0.25, 1, 0.5, 1)}.brand-page-pill__chevron,.brand-page-pill__chevron:empty{width:10px;height:10px}.brand-page-pill__chevron svg{width:10px;height:10px;display:block;fill:currentColor}.brand-page-pill.is-active .brand-page-pill__chevron,.brand-page-pill[aria-expanded=true] .brand-page-pill__chevron{transform:rotate(180deg)}.brand-tools-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:190px;background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0px 4px 8px rgba(0,0,0,.3),0px 4px 12px rgba(0,0,0,.15);padding:4px;display:flex;flex-direction:column;gap:2px;z-index:70;box-sizing:border-box}.brand-tools-dropdown[hidden]{display:none}.brand-tools-dropdown.is-open{animation:brandToolsDropdownFadeIn 150ms cubic-bezier(0.25, 1, 0.5, 1)}.brand-tools-dropdown__item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;color:var(--text-secondary);font-size:var(--font-size-sm, 0.8125rem);font-weight:500;text-decoration:none;white-space:nowrap;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.brand-tools-dropdown__item:hover,.brand-tools-dropdown__item:focus-visible{background-color:var(--bg-surface-tertiary);color:var(--text-primary);outline:none}.brand-tools-dropdown__item-icon{width:18px;height:18px;flex-shrink:0;color:currentColor;fill:currentColor}.brand-tools-dropdown__item-label{flex:1 1 auto}@keyframes brandToolsDropdownFadeIn{from{opacity:0;transform:translateY(-4px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.app-header{position:fixed;top:calc(15px + env(safe-area-inset-top, 0px));left:15px;right:15px;margin-inline:auto;max-width:1170px;width:auto;height:64px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;background-color:color-mix(in srgb, var(--bg-surface-secondary) 45%, transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid color-mix(in srgb, var(--border-primary) 35%, transparent);border-radius:20px;z-index:30;container-type:inline-size;container-name:header-shell;isolation:isolate;transform:translateZ(0);will-change:transform;transition:background-color 300ms cubic-bezier(0.25, 1, 0.5, 1),top 300ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1),border-color 300ms cubic-bezier(0.25, 1, 0.5, 1),backdrop-filter 300ms cubic-bezier(0.25, 1, 0.5, 1)}.app-header.is-scrolled{background-color:color-mix(in srgb, var(--bg-surface-secondary) 65%, transparent);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-color:color-mix(in srgb, var(--border-primary) 60%, transparent);box-shadow:0 8px 32px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1)}.app-header{padding:0 24px}@media(max-width: 779px){.app-header{height:56px;top:calc(10px + env(safe-area-inset-top, 0px));left:10px;right:10px;border-radius:14px;padding:0 12px}}@media(max-width: 425px){.app-header{padding:0 8px}}.app-header__inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;box-sizing:border-box}@media(max-width: 480px){.app-header__inner{gap:8px}}.app-header__hamburger,.app-header .hamburger{display:none;align-items:center;justify-content:center;cursor:pointer;z-index:31;position:relative;outline:none;width:40px;height:40px;border-radius:8px;background:none;border:none;padding:0;color:inherit;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1)}@media(hover: hover){.app-header__hamburger:hover,.app-header .hamburger:hover{background-color:var(--bg-surface-tertiary)}}.app-header__hamburger:active,.app-header .hamburger:active{transform:scale(0.95)}.app-header__hamburger:focus-visible,.app-header .hamburger:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.app-header__hamburger .menu-icon,.app-header .hamburger .menu-icon{fill:var(--text-primary);width:24px;height:24px}@media(max-width: 779px){.app-header__hamburger,.app-header .hamburger{display:flex}}.app-header__brand{display:flex;align-items:center;gap:8px;user-select:none;flex-shrink:0}.app-header__brand .brand-title-link{text-decoration:none;display:inline-flex;align-items:center;min-height:40px;cursor:pointer;border-radius:8px;padding:2px 4px;margin:-2px -4px;transition:opacity 250ms cubic-bezier(0.25, 1, 0.5, 1)}.app-header__brand .brand-title-link:hover .brand-title{opacity:.85}.app-header__brand .brand-title-link:focus-visible{outline:2px solid var(--outline-focus);outline-offset:2px}.app-header__brand .brand-title{font-size:var(--font-size-2xl, 1.25rem);font-weight:800;margin:0;letter-spacing:-0.5px;text-shadow:0 2px 10px rgba(0,0,0,.1);transition:opacity 250ms cubic-bezier(0.25, 1, 0.5, 1)}.app-header__brand .brand-title .brand-clash{background:linear-gradient(135deg, #fde293 0%, #f9ab00 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.app-header__brand .brand-title .brand-calc{background:linear-gradient(135deg, #f48fb1 0%, #9c27b0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}@media(max-width: 480px){.app-header__brand .brand-title{font-size:var(--font-size-xl, 1.125rem)}}.app-header__brand .brand-separator{font-size:var(--font-size-xl, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--text-muted);margin:0;line-height:1;user-select:none;opacity:.7;pointer-events:none}.app-header__brand.is-compact .brand-separator,.app-header__brand.is-compact .brand-page-pill-wrapper,.app-header__brand.is-compact .brand-page-pill{display:none}.app-header__brand.is-minimal .brand-title-link,.app-header__brand.is-minimal .brand-title{display:none}@media(max-width: 480px){.app-header__brand .brand-separator,.app-header__brand .brand-page-pill-wrapper,.app-header__brand .brand-page-pill{display:none}}.app-header__tabs{display:flex;align-items:center;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:9999px;padding:4px;gap:2px;margin:0 auto;overflow:hidden;flex-grow:0;flex-shrink:0;transition:padding 150ms cubic-bezier(0.25, 1, 0.5, 1),gap 150ms cubic-bezier(0.25, 1, 0.5, 1)}.app-header__tabs.is-compact{padding:3px;gap:1px}.app-header__tabs.is-compact .app-header__tab,.app-header__tabs.is-compact .tab-button{padding:5px 8px;font-size:var(--font-size-xs, 0.75rem)}.app-header__tabs{overflow-x:auto;scrollbar-width:none}.app-header__tabs::-webkit-scrollbar{display:none}.app-header__tabs .app-header__tab,.app-header__tabs .tab-button{flex-shrink:0;background-color:rgba(0,0,0,0);border:none;border-radius:9999px;color:var(--text-secondary);font-size:var(--font-size-sm, 0.8125rem);font-weight:600;padding:6px 16px;cursor:pointer;box-shadow:none;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 150ms cubic-bezier(0.25, 1, 0.5, 1)}.app-header__tabs .app-header__tab:hover:not(.is-active),.app-header__tabs .tab-button:hover:not(.is-active){background-color:var(--accent-primary-soft);color:var(--accent-primary);transform:scale(1.02)}.app-header__tabs .app-header__tab:active,.app-header__tabs .tab-button:active{transform:scale(0.96)}.app-header__tabs .app-header__tab.is-active,.app-header__tabs .tab-button.is-active{background-color:var(--accent-primary);color:var(--text-on-accent);box-shadow:0 2px 8px var(--accent-primary-soft)}@media(max-width: 779px){.app-header__tabs{display:none !important}}.app-header__tabs:empty{display:none !important}.app-header__player-dropdown,.app-header .player-dropdown-container{margin-left:auto;flex:0 1 auto;min-width:76px;max-width:180px}.app-header__player-dropdown:empty,.app-header .player-dropdown-container:empty{display:none !important}.app-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0;position:relative;z-index:10}@media(max-width: 425px){.app-header__actions{gap:6px}}.app-header__actions:has(.is-open),.app-header__actions:focus-within{z-index:30}@container header-shell (max-width: 720px){.app-header__actions>.animated-btn,.app-header__actions>.header-spotright-btn,.app-header__actions>.app-account-wrapper>.header-account-btn{width:36px;min-width:36px;height:36px;padding:0;border-radius:50%;justify-content:center}.app-header__actions>.animated-btn .animated-btn-text,.app-header__actions>.animated-btn .header-spotright-label,.app-header__actions>.animated-btn .header-spotright-keys,.app-header__actions>.header-spotright-btn .animated-btn-text,.app-header__actions>.header-spotright-btn .header-spotright-label,.app-header__actions>.header-spotright-btn .header-spotright-keys,.app-header__actions>.app-account-wrapper>.header-account-btn .animated-btn-text,.app-header__actions>.app-account-wrapper>.header-account-btn .header-spotright-label,.app-header__actions>.app-account-wrapper>.header-account-btn .header-spotright-keys{display:none}.app-header__actions>.animated-btn .animated-btn-icon-wrapper,.app-header__actions>.header-spotright-btn .animated-btn-icon-wrapper,.app-header__actions>.app-account-wrapper>.header-account-btn .animated-btn-icon-wrapper{opacity:1;transform:translateY(0);position:relative;width:100%;height:100%}}.app-header-placeholder{display:block;height:calc(64px + 15px + 12px + env(safe-area-inset-top, 0px))}@media(max-width: 779px){.app-header-placeholder{height:calc(56px + 10px + 12px + env(safe-area-inset-top, 0px))}}.app-account-wrapper{position:relative;display:inline-flex;align-items:center}.app-account-wrapper:has(.app-account-popover.is-open),.app-account-wrapper:has(.is-open){z-index:70}.app-account-popover{position:absolute;top:calc(100% + 8px);right:0;width:max-content;min-width:min(340px,100vw - 24px);max-width:min(380px,100vw - 24px);background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0px 4px 8px rgba(0,0,0,.3),0px 4px 12px rgba(0,0,0,.15);z-index:70;padding:16px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;transform-origin:top right;opacity:0;transform:translateY(-6px) scale(0.98);pointer-events:none;transition:opacity 150ms cubic-bezier(0.16, 1, 0.3, 1),transform 150ms cubic-bezier(0.16, 1, 0.3, 1)}@media(max-width: 480px){.app-account-popover{padding:12px;gap:10px}}.app-account-popover.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.app-account-popover .welcome-preferences.app-preferences{display:flex;flex-direction:column;gap:10px;background:color-mix(in srgb, var(--bg-surface-primary) 40%, transparent);padding:12px;border-radius:12px;border:1px solid var(--border-primary);text-align:left}@media(max-width: 480px){.app-account-popover .welcome-preferences.app-preferences{padding:10px;gap:10px}}.app-account-popover .preference-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;flex-wrap:nowrap}@media(max-width: 480px){.app-account-popover .preference-item{gap:8px}}@media(max-width: 779px){.app-account-popover .preference-item[data-setting-item=card-layout]{display:none !important}}.app-account-popover .preference-item .preference-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer}.app-account-popover .preference-item .preference-label .pref-label-icon{flex-shrink:0;color:var(--text-secondary)}.app-account-popover .preference-item .preference-label .pref-label-icon svg,.app-account-popover .preference-item .preference-label .pref-label-icon clashcalc-assets-svg,.app-account-popover .preference-item .preference-label .pref-label-icon orecalc-assets-svg{fill:currentColor;display:block}.app-account-popover .preference-item .switch{flex-shrink:0}.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper{position:relative;display:flex;align-items:center;min-width:140px;flex-shrink:0}@media(max-width: 480px){.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper{min-width:120px}}.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper .preference-select.language-select{width:100%;appearance:none;-webkit-appearance:none;background:color-mix(in srgb, var(--bg-surface-primary) 60%, transparent);border:1px solid var(--border-primary);border-radius:12px;padding:5px 28px 5px 10px;font-size:var(--font-size-xs, 0.75rem);font-weight:600;color:var(--text-primary);cursor:pointer;outline:none;transition:border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1)}.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper .preference-select.language-select:hover{border-color:color-mix(in srgb, var(--accent-primary) 50%, var(--border-primary))}.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper .preference-select.language-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 25%, transparent)}.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper .preference-select.language-select option{background-color:var(--bg-surface-secondary);color:var(--text-primary);padding:8px}.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper .select-arrow{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);pointer-events:none}.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper .select-arrow svg,.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper .select-arrow clashcalc-assets-svg,.app-account-popover .preference-item .preference-select-wrapper.language-select-wrapper .select-arrow orecalc-assets-svg{fill:currentColor;display:block}.app-account-popover .preference-item .welcome-accent-picker{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:nowrap;width:auto;flex-shrink:0}@media(max-width: 480px){.app-account-popover .preference-item .welcome-accent-picker{padding:2px 8px 2px 2px;gap:4px}}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch{position:relative;width:24px;height:24px;border-radius:50%;border:none;cursor:pointer;padding:0;transition:transform 150ms cubic-bezier(0.2, 0, 0, 1);box-shadow:0 2px 4px var(--bg-overlay, rgba(0, 0, 0, 0.3));flex-shrink:0}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);min-width:32px;min-height:32px}@media(max-width: 480px){.app-account-popover .preference-item .welcome-accent-picker .accent-swatch{width:20px;height:20px}}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch:hover{transform:scale(1.12)}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch:active{transform:scale(0.95);filter:brightness(0.85)}@keyframes app-swatch-select-pop{0%{transform:scale(0.92)}50%{transform:scale(1.08)}100%{transform:scale(1)}}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch.is-active{transform:scale(1);animation:app-swatch-select-pop 300ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;box-shadow:0 0 0 2px var(--bg-surface-primary),0 0 0 3.5px var(--accent-primary)}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch[data-color=blue]{background-color:#8ab4f8}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch[data-color=gold]{background-color:#fdd663}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch[data-color=purple]{background-color:#ce93d8}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch[data-color=green]{background-color:#81c995}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch[data-color=red]{background-color:#f6948e}.app-account-popover .preference-item .welcome-accent-picker .accent-swatch[data-color=random]{background:conic-gradient(from 0deg, #669df6, #ba68c8, #f6948e, #fdd663, #81c995, #669df6)}.nav-button{background-color:rgba(0,0,0,0);border:none;box-shadow:none;color:var(--text-primary);cursor:pointer;flex:1 1 0;min-width:0;max-width:100%;flex-direction:column;font-size:var(--font-size-xs, 0.75rem);outline:none;padding:8px 0;position:relative;touch-action:manipulation;transition:color 300ms cubic-bezier(0.25, 1, 0.5, 1),background-color 300ms cubic-bezier(0.25, 1, 0.5, 1);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.nav-button:focus,.nav-button:active{box-shadow:none;outline:none}.nav-button:focus-visible{outline-offset:-3px !important;border-radius:8px}.nav-button .nav-item-content{border-radius:16px;flex-direction:column;transition:background-color 300ms cubic-bezier(0.25, 1, 0.5, 1),color 300ms cubic-bezier(0.25, 1, 0.5, 1);width:100%;max-width:100%;min-width:0}.nav-button .nav-icon-wrapper{border-radius:16px;height:32px;transition:background-color 300ms cubic-bezier(0.25, 1, 0.5, 1),width 300ms cubic-bezier(0.25, 1, 0.5, 1),transform 250ms cubic-bezier(0.34, 1.56, 0.64, 1);width:56px;flex-shrink:0}.nav-button:active .nav-icon-wrapper{transform:scale(0.95)}.nav-button .icon-outline{display:block}.nav-button .icon-filled{display:none}.nav-button svg{fill:currentColor;height:24px;transition:fill 300ms cubic-bezier(0.25, 1, 0.5, 1);width:24px}.nav-button .nav-item-content>span{font-size:var(--font-size-xs, 0.75rem);margin-top:4px;transition:color 300ms cubic-bezier(0.25, 1, 0.5, 1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100%;display:block;text-align:center;padding-inline:2px;box-sizing:border-box;flex-shrink:0;line-height:1.2}.nav-button:hover .nav-icon-wrapper{background-color:var(--accent-primary-soft)}.nav-button:active{transform:scale(0.92)}.nav-button:active .nav-icon-wrapper{background-color:var(--bg-surface-tertiary)}.nav-button.is-active .icon-outline{display:none}.nav-button.is-active .icon-filled{display:block}.nav-button.is-active .nav-icon-wrapper{background-color:var(--accent-soft)}.nav-button.is-active .nav-icon-wrapper svg{fill:var(--accent-primary)}.nav-button.is-active span{color:var(--accent-primary);font-weight:500}.nav-button.is-active:hover .nav-icon-wrapper{background-color:var(--accent-soft)}.bottom-nav-bar{background-color:color-mix(in srgb, var(--bg-surface-secondary) 75%, transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in srgb, var(--border-primary) 50%, transparent);border-radius:20px;bottom:15px;box-shadow:0 8px 32px rgba(0,0,0,.3);display:flex;justify-content:space-around;left:15px;right:15px;margin-inline:auto;max-width:1170px;padding:8px 10px;position:fixed;width:auto;z-index:30;height:66px;box-sizing:border-box;opacity:1;transform:translateY(0);pointer-events:auto;isolation:isolate;contain:paint layout;will-change:transform;transition:transform 300ms cubic-bezier(0.2, 0, 0, 1),opacity 300ms cubic-bezier(0.2, 0, 0, 1)}@media(max-width: 779px){.bottom-nav-bar{display:flex !important}}@media(min-width: 780px){.bottom-nav-bar{display:none !important;opacity:0;transform:translateY(120%);pointer-events:none}}#auth-modal .modal-content{max-width:420px}#auth-modal .modal-body{padding:12px 16px}#auth-modal .form-group{display:flex;flex-direction:column;gap:4px}#auth-modal .form-group label{font-size:var(--font-size-sm, 0.8125rem);font-weight:500;color:var(--text-secondary)}#auth-modal input[type=text],#auth-modal input[type=password]{box-sizing:border-box;width:100%;height:42px;padding:0 12px;background-color:var(--bg-app);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:var(--font-size-sm, 0.8125rem);transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1),box-shadow 150ms cubic-bezier(0.2, 0, 0, 1)}#auth-modal input[type=text]:focus,#auth-modal input[type=password]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 25%, transparent)}#auth-modal input[type=text]::placeholder,#auth-modal input[type=password]::placeholder{color:var(--text-muted)}#auth-modal .input-with-icon input{padding-left:36px;padding-right:38px}#auth-modal .status-message{font-size:var(--font-size-sm, 0.8125rem);text-align:center;transition:opacity 150ms cubic-bezier(0.2, 0, 0, 1)}#auth-modal .status-message:empty{display:none;min-height:0;margin:0}#auth-modal .status-message:not(:empty){min-height:20px;margin-top:8px}#auth-modal .status-message.error{color:var(--color-danger)}#auth-modal .status-message.success{color:var(--color-success)}@media(max-width: 625px){#auth-modal{padding:0 !important}#auth-modal .modal-content{width:100% !important;max-width:100% !important;height:100vh !important;height:100dvh !important;max-height:100dvh !important;border-radius:0 !important}}.auth-tabs{display:grid;width:100%;margin-bottom:12px}.auth-hint{font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary);line-height:1.4;margin:12px 0 0;text-align:center}#auth-modal .auth-hint{margin:12px 0 0}.auth-passkey-hero{background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:10px;padding:12px;text-align:center}.auth-passkey-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:8px 12px;border-radius:10px;font-size:var(--font-size-md, 0.9375rem);font-weight:600;cursor:pointer;border:1px solid rgba(0,0,0,0);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1),opacity 150ms cubic-bezier(0.2, 0, 0, 1)}.auth-passkey-btn:hover:not(:disabled){filter:brightness(1.08)}.auth-passkey-btn:active:not(:disabled){transform:scale(0.98)}.auth-passkey-btn clashcalc-assets-svg,.auth-passkey-btn orecalc-assets-svg,.auth-passkey-btn .auth-btn-icon{width:20px;height:20px;fill:currentColor;flex-shrink:0}.auth-divider{display:flex;align-items:center;text-align:center;margin:12px 0;color:var(--text-muted);font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);letter-spacing:.5px}.auth-divider::before,.auth-divider::after{content:"";flex:1;border-bottom:1px solid var(--border-primary)}.auth-divider span{padding:0 8px}.auth-claim-banner{display:flex;align-items:flex-start;gap:8px;background-color:var(--color-info-soft);border:1px solid var(--border-primary);border-radius:10px;padding:8px 12px;margin-bottom:12px}.auth-claim-banner .banner-icon{width:18px;height:18px;flex-shrink:0;margin-top:2px;fill:var(--accent-primary)}.auth-claim-banner p{margin:0;font-size:var(--font-size-xs, 0.75rem);color:var(--text-primary);line-height:1.35}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .input-icon{position:absolute;left:8px;z-index:2;display:flex;align-items:center;pointer-events:none;fill:var(--text-muted)}.input-with-icon .input-icon clashcalc-assets-svg,.input-with-icon .input-icon orecalc-assets-svg{width:18px;height:18px}.input-with-icon input{box-sizing:border-box;width:100%;height:42px;padding-left:36px;padding-right:38px;background-color:var(--bg-app);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:var(--font-size-sm, 0.8125rem);transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1),box-shadow 150ms cubic-bezier(0.2, 0, 0, 1)}.input-with-icon input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 25%, transparent)}.input-with-icon input::placeholder{color:var(--text-muted)}.input-with-icon .password-toggle-btn{position:absolute;right:4px;z-index:2;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;fill:var(--text-muted);transition:fill 150ms cubic-bezier(0.2, 0, 0, 1)}.input-with-icon .password-toggle-btn:hover{fill:var(--text-primary)}.input-with-icon .password-toggle-btn clashcalc-assets-svg,.input-with-icon .password-toggle-btn orecalc-assets-svg{width:20px;height:20px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-turnstile-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:65px}.auth-turnstile-container:empty{display:none;min-height:0;margin:0}#auth-register-turnstile:not(:empty){margin-top:12px}.auth-register-pathways{display:flex;flex-direction:column;margin-top:12px}.auth-privacy-notice{text-align:center;margin-top:12px;padding-top:8px;border-top:1px solid var(--border-primary);color:var(--text-muted);font-size:var(--font-size-xs, 0.75rem);line-height:1.4}.auth-privacy-notice p{margin:0}.pathway-passkey-group{background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:10px;padding:12px}.account-user-profile-card{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:12px}.account-user-profile-card .account-user-profile-avatar{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;flex:0 0 44px;border-radius:9999px;border:1px solid var(--border-secondary);background-color:var(--bg-surface-tertiary);padding:0;cursor:pointer;flex-shrink:0;overflow:hidden;transition:transform 150ms cubic-bezier(0.2, 0, 0, 1),box-shadow 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1)}.account-user-profile-card .account-user-profile-avatar:hover{transform:scale(1.06);border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary))}.account-user-profile-card .account-user-profile-avatar.is-static,.account-user-profile-card .account-user-profile-avatar.is-disabled{pointer-events:none;cursor:default}.account-user-profile-card .account-user-profile-avatar.is-static:hover,.account-user-profile-card .account-user-profile-avatar.is-disabled:hover{transform:none;border-color:var(--border-secondary);box-shadow:none}.account-user-profile-card .account-user-profile-avatar:focus-visible{outline:2px solid var(--outline-focus);outline-offset:2px}.account-user-profile-card .account-user-profile-avatar clashcalc-assets-image,.account-user-profile-card .account-user-profile-avatar orecalc-assets-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.account-user-profile-card .account-user-profile-avatar clashcalc-assets-image img,.account-user-profile-card .account-user-profile-avatar orecalc-assets-image img{width:100%;height:100%;object-fit:cover}.account-user-profile-card .account-user-profile-details{display:flex;flex-direction:column;gap:2px;flex:1 1 max-content;min-width:0}.account-user-profile-card .account-user-profile-name{font-size:var(--font-size-md, 0.9375rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-account-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;padding:0;margin:0;border-radius:9999px;border:1px solid var(--border-secondary);background-color:var(--bg-surface-tertiary);color:var(--text-secondary);overflow:visible;box-sizing:border-box;cursor:pointer;transition:transform 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1)}.header-account-btn:hover:not(:disabled){transform:scale(1.05);border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary));color:var(--text-primary);background-color:var(--bg-surface-secondary)}.header-account-btn.is-open{border-color:var(--accent-primary);color:var(--accent-primary)}.header-account-btn .header-account-update-dot{position:absolute;top:0;right:0;width:8px;height:8px;border-radius:9999px;background-color:var(--color-warning);box-shadow:0 0 4px var(--color-warning);border:1.5px solid var(--border-primary);z-index:2;pointer-events:none}.header-account-btn .header-account-update-dot.is-hidden{display:none}.header-account-btn .header-account-icon-wrapper,.header-account-btn .animated-btn-icon-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:9999px;overflow:hidden}.header-account-btn .header-account-icon-wrapper clashcalc-assets-svg,.header-account-btn .header-account-icon-wrapper orecalc-assets-svg,.header-account-btn .animated-btn-icon-wrapper clashcalc-assets-svg,.header-account-btn .animated-btn-icon-wrapper orecalc-assets-svg{width:18px;height:18px}.header-account-btn .header-account-avatar-img{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:9999px;overflow:hidden}.header-account-btn .header-account-avatar-img img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.header-account-btn .animated-btn-text{display:none !important}.header-account-btn.is-authenticated .header-account-icon-wrapper,.header-account-btn.is-authenticated .animated-btn-icon-wrapper{display:none !important}.avatar-options-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:12px;padding:12px 0;justify-items:center}.avatar-option-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:9999px;border:2px solid var(--border-secondary);background-color:var(--bg-surface-tertiary);padding:0;cursor:pointer;overflow:hidden;transition:transform 150ms cubic-bezier(0.2, 0, 0, 1),box-shadow 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1)}.avatar-option-btn clashcalc-assets-image,.avatar-option-btn orecalc-assets-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.avatar-option-btn clashcalc-assets-image img,.avatar-option-btn orecalc-assets-image img{width:100%;height:100%;object-fit:cover}.avatar-option-btn:hover{transform:scale(1.08);border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary))}.avatar-option-btn.is-selected{border-color:var(--outline-focus);box-shadow:0 0 0 2px var(--outline-focus)}.avatar-option-btn:focus-visible{outline:2px solid var(--outline-focus);outline-offset:2px}.app-account-popover{gap:8px}.app-account-popover .animated-btn{width:auto;min-width:auto;height:32px;min-height:32px;padding:0 12px;border-radius:9999px}.app-account-popover .animated-btn .animated-btn-text{display:inline-block !important;opacity:1;transform:none}.app-account-popover .animated-btn .animated-btn-icon-wrapper{position:absolute;opacity:0;transform:translateY(100%)}.app-account-popover .animated-btn:hover:not(:disabled) .animated-btn-text{opacity:0;transform:translateY(-100%)}.app-account-popover .animated-btn:hover:not(:disabled) .animated-btn-icon-wrapper{opacity:1;transform:translateY(0)}.app-account-popover .account-popover-section{display:flex;flex-direction:column;gap:8px}.app-account-popover .account-popover-section.is-hidden{display:none !important}.app-account-popover .account-popover-menu{display:flex;flex-direction:column;gap:4px}.app-account-popover .account-popover-nav-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:12px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);color:var(--text-primary);font-size:var(--font-size-sm, 0.8125rem);font-weight:500;text-decoration:none;cursor:pointer;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1)}.app-account-popover .account-popover-nav-item:hover{background-color:var(--bg-surface-tertiary);border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary))}.app-account-popover .account-popover-nav-item:focus-visible{outline:2px solid var(--outline-focus);outline-offset:2px}.app-account-popover .account-popover-nav-item .account-popover-nav-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.app-account-popover .account-popover-nav-item .account-popover-nav-text{flex:1;text-align:left}.app-account-popover .account-popover-nav-item .account-popover-nav-arrow{color:var(--text-muted);transform:rotate(-90deg);flex-shrink:0;transition:color 150ms cubic-bezier(0.2, 0, 0, 1)}.app-account-popover .account-popover-nav-item:hover .account-popover-nav-arrow{color:var(--text-primary)}.app-account-popover .account-popover-nav-item--danger{color:var(--color-danger)}.app-account-popover .account-popover-nav-item--danger .account-popover-nav-icon{color:var(--color-danger)}.app-account-popover .account-popover-nav-item--danger:hover{background-color:color-mix(in srgb, var(--color-danger) 12%, transparent);border-color:color-mix(in srgb, var(--color-danger) 40%, transparent)}.app-account-popover .account-popover-nav-item--update{border-color:color-mix(in srgb, var(--color-warning) 45%, var(--border-primary));background-color:color-mix(in srgb, var(--color-warning) 8%, var(--bg-surface-secondary))}.app-account-popover .account-popover-nav-item--update .account-popover-nav-icon{color:var(--color-warning)}.app-account-popover .account-popover-nav-item--update:hover{background-color:color-mix(in srgb, var(--color-warning) 15%, var(--bg-surface-secondary));border-color:var(--color-warning)}.app-account-popover .account-popover-nav-item .account-popover-update-badge{display:inline-flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.app-account-popover .account-popover-nav-item .account-popover-update-badge-dot{width:6px;height:6px;border-radius:9999px;background-color:var(--color-warning);box-shadow:0 0 4px var(--color-warning);flex-shrink:0}.app-account-popover .account-popover-nav-item .account-popover-update-timer{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--color-warning);font-variant-numeric:tabular-nums;letter-spacing:.02em}.app-account-popover .account-popover-guest-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:12px}.app-account-popover .account-popover-guest-card .account-popover-guest-content{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.app-account-popover .account-popover-guest-card .account-popover-guest-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px;background-color:color-mix(in srgb, var(--accent-primary) 15%, transparent);flex-shrink:0;text-decoration:none;cursor:pointer;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),transform 150ms cubic-bezier(0.2, 0, 0, 1)}.app-account-popover .account-popover-guest-card .account-popover-guest-icon-wrapper:hover,.app-account-popover .account-popover-guest-card .account-popover-guest-icon-wrapper:focus-visible{background-color:color-mix(in srgb, var(--accent-primary) 25%, transparent)}.app-account-popover .account-popover-guest-card .account-popover-guest-icon-wrapper .account-popover-guest-icon{width:18px;height:18px;fill:var(--accent-primary)}.app-account-popover .account-popover-guest-card .account-popover-guest-details{display:flex;flex-direction:column;gap:2px;min-width:0}.app-account-popover .account-popover-guest-card .account-popover-guest-details .account-popover-guest-title{font-size:var(--font-size-sm, 0.8125rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}.app-account-popover .account-popover-guest-card .account-popover-guest-details .form-setting-text{font-size:11px;color:var(--text-secondary);margin:0;line-height:1.3}.app-account-popover .account-popover-guest-card .task-btn{height:32px;min-height:32px;padding:0 12px;border-radius:9999px;flex-shrink:0;font-size:var(--font-size-xs, 0.75rem)}.app-account-popover .account-popover-divider{margin:0;border:0;border-top:1px solid var(--border-secondary)}.app-account-popover .account-popover-panels{display:flex;flex-direction:column;gap:4px}.app-account-popover .account-popover-panel,.app-account-popover .account-popover-preferences{display:flex;flex-direction:column}.app-account-popover .account-popover-panel .account-popover-panel-summary,.app-account-popover .account-popover-preferences .account-popover-panel-summary{display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:4px 8px;box-sizing:border-box;cursor:pointer;user-select:none;background:rgba(0,0,0,0);border:none;width:100%;border-radius:8px;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1)}.app-account-popover .account-popover-panel .account-popover-panel-summary::-webkit-details-marker,.app-account-popover .account-popover-preferences .account-popover-panel-summary::-webkit-details-marker{display:none}.app-account-popover .account-popover-panel .account-popover-panel-summary:hover,.app-account-popover .account-popover-preferences .account-popover-panel-summary:hover{background-color:var(--bg-surface-secondary)}.app-account-popover .account-popover-panel .account-popover-panel-summary:focus-visible,.app-account-popover .account-popover-preferences .account-popover-panel-summary:focus-visible{outline:2px solid var(--outline-focus);outline-offset:1px}.app-account-popover .account-popover-panel .account-popover-panel-summary .account-popover-prefs-title,.app-account-popover .account-popover-preferences .account-popover-panel-summary .account-popover-prefs-title{display:flex;align-items:center;gap:8px;font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.app-account-popover .account-popover-panel .account-popover-panel-summary .account-popover-prefs-title .pref-label-icon,.app-account-popover .account-popover-preferences .account-popover-panel-summary .account-popover-prefs-title .pref-label-icon{fill:currentColor}.app-account-popover .account-popover-panel .account-popover-panel-summary .account-popover-prefs-chevron,.app-account-popover .account-popover-preferences .account-popover-panel-summary .account-popover-prefs-chevron{transition:transform 150ms cubic-bezier(0.2, 0, 0, 1);fill:var(--text-secondary)}.app-account-popover .account-popover-panel .account-popover-panel-body,.app-account-popover .account-popover-preferences .account-popover-panel-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 250ms cubic-bezier(0.2, 0, 0, 1)}.app-account-popover .account-popover-panel .account-popover-panel-body .account-popover-panel-inner,.app-account-popover .account-popover-preferences .account-popover-panel-body .account-popover-panel-inner{min-height:0;overflow:hidden;visibility:hidden;opacity:0;padding-top:0;transition:visibility 150ms,opacity 150ms cubic-bezier(0.2, 0, 0, 1),padding-top 250ms cubic-bezier(0.2, 0, 0, 1)}.app-account-popover .account-popover-panel.is-expanded .account-popover-panel-summary .account-popover-prefs-chevron,.app-account-popover .account-popover-panel[open] .account-popover-panel-summary .account-popover-prefs-chevron,.app-account-popover .account-popover-preferences.is-expanded .account-popover-panel-summary .account-popover-prefs-chevron,.app-account-popover .account-popover-preferences[open] .account-popover-panel-summary .account-popover-prefs-chevron{transform:rotate(180deg)}.app-account-popover .account-popover-panel.is-expanded .account-popover-panel-body,.app-account-popover .account-popover-panel[open] .account-popover-panel-body,.app-account-popover .account-popover-preferences.is-expanded .account-popover-panel-body,.app-account-popover .account-popover-preferences[open] .account-popover-panel-body{grid-template-rows:1fr}.app-account-popover .account-popover-panel.is-expanded .account-popover-panel-body .account-popover-panel-inner,.app-account-popover .account-popover-panel[open] .account-popover-panel-body .account-popover-panel-inner,.app-account-popover .account-popover-preferences.is-expanded .account-popover-panel-body .account-popover-panel-inner,.app-account-popover .account-popover-preferences[open] .account-popover-panel-body .account-popover-panel-inner{visibility:visible;opacity:1;padding-top:8px}.account-page .app-account-popover #account-popover-manage-link,.account-page .app-account-popover #account-popover-guest-manage-link,.account-page .app-account-popover [data-popover-option=account-sync]{display:none !important}@media all and (display-mode: standalone),(display-mode: window-controls-overlay){#account-popover-install-btn,#account-popover-guest-install-btn{display:none !important}}.has-snake-highlight{position:relative !important}.snake-highlight-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:10;opacity:1;transition:opacity 400ms cubic-bezier(0.25, 1, 0.5, 1)}.snake-highlight-overlay.fade-out{opacity:0}.snake-highlight-overlay svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.spotright-dialog{position:fixed;top:calc(64px + 24px);left:50%;transform:translateX(-50%);margin:0;padding:0;border:none !important;outline:none !important;box-shadow:none !important;background:rgba(0,0,0,0) !important;overflow:visible;max-width:580px;width:calc(100vw - 24px*2);z-index:120}.spotright-dialog::backdrop{background:color-mix(in srgb, var(--bg-overlay) 20%, transparent);backdrop-filter:none;-webkit-backdrop-filter:none}@media(hover: none)and (pointer: coarse){.spotright-dialog:not(.has-physical-keyboard) .spotright-kbd-shortcut,.spotright-dialog:not(.has-physical-keyboard) .spotright-action-enter,.spotright-dialog:not(.has-physical-keyboard) .spotright-action-tab,.spotright-dialog:not(.has-physical-keyboard) .spotright-result-item .spotright-action-enter,.spotright-dialog:not(.has-physical-keyboard) .spotright-result-item .spotright-action-tab{display:none}}.spotright-card{display:flex;flex-direction:column;background:color-mix(in srgb, var(--bg-surface-primary) 36%, transparent);backdrop-filter:blur(48px) saturate(220%) brightness(106%);-webkit-backdrop-filter:blur(48px) saturate(220%) brightness(106%);border:1px solid color-mix(in srgb, var(--border-inverse) 14%, transparent);border-radius:20px;box-shadow:inset 0 1px 0 0 color-mix(in srgb, var(--border-inverse) 28%, transparent),0 24px 60px -8px rgba(0,0,0,.45);overflow:hidden}.spotright-search-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;position:relative}.spotright-search-bar::after{content:"";position:absolute;bottom:0;left:16px;right:16px;border-bottom:1px solid color-mix(in srgb, var(--border-inverse) 8%, transparent)}.spotright-search-icon{width:18px;height:18px;color:#9aa0a6;flex-shrink:0}.spotright-input-container{position:relative;flex:1;display:flex;align-items:center;min-width:0;min-height:36px}.spotright-scope-badge{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 4px 0 10px;background-color:color-mix(in srgb, var(--accent-primary) 22%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 38%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-primary) 38%, transparent);border-radius:8px;flex-shrink:0;margin-right:8px;user-select:none;z-index:2}.spotright-scope-badge[hidden]{display:none !important}.spotright-scope-label{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;line-height:1}.spotright-scope-clear-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;margin:0;border:none;background:rgba(0,0,0,0);color:var(--text-muted);border-radius:4px;cursor:pointer;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1),background-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.spotright-scope-clear-btn:hover{color:var(--text-primary);background-color:color-mix(in srgb, var(--accent-primary) 35%, transparent)}.spotright-scope-clear-btn:focus-visible{outline:1px solid var(--accent-primary)}.spotright-input-field-wrapper{position:relative;flex:1;display:flex;align-items:center;min-width:0;height:100%}.spotright-input{width:100%;border:none !important;background:rgba(0,0,0,0) !important;outline:none !important;box-shadow:none !important;font-size:var(--font-size-md, 0.9375rem);line-height:1.4;color:var(--text-primary);font-weight:400;font-family:inherit;letter-spacing:normal;padding:0;margin:0;box-sizing:border-box;z-index:2}.spotright-input:focus,.spotright-input:focus-visible{border:none !important;box-shadow:none !important;outline:none !important}.spotright-input::placeholder{color:var(--text-muted)}.spotright-ghost-autocomplete{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;font-size:var(--font-size-md, 0.9375rem);line-height:1.4;font-family:inherit;font-weight:400;letter-spacing:normal;padding:0;margin:0;pointer-events:none;z-index:1;white-space:pre;overflow:hidden;box-sizing:border-box}.spotright-ghost-prefix{visibility:hidden}.spotright-ghost-suffix{color:var(--text-muted);opacity:.6}.spotright-clear-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;margin:0;border:none;background:rgba(0,0,0,0);color:var(--text-muted);border-radius:9999px;cursor:pointer;flex-shrink:0;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1),background-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.spotright-clear-btn[hidden]{display:none !important}.spotright-clear-btn:hover{color:var(--text-primary);background-color:color-mix(in srgb, var(--bg-surface-secondary) 80%, transparent)}.spotright-clear-btn:focus-visible{outline:1px solid var(--accent-primary)}.spotright-kbd-shortcut{display:inline-flex;align-items:center;justify-content:center;height:22px;line-height:1;font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-secondary);background:color-mix(in srgb, var(--bg-surface-secondary) 60%, transparent);border:1px solid color-mix(in srgb, var(--border-inverse) 12%, transparent);border-radius:4px;padding:0 4px;font-weight:600;flex-shrink:0;align-self:center;box-sizing:border-box}.spotright-filter-track{display:flex;align-items:center;gap:8px;padding:8px 16px 12px 16px;overflow-x:auto;scrollbar-width:none}.spotright-filter-track::-webkit-scrollbar{display:none}.spotright-filter-chip{display:inline-flex;align-items:center;padding:6px 14px;font-size:14px;line-height:1.25;font-weight:500;color:var(--text-muted);background-color:color-mix(in srgb, var(--bg-surface-secondary) 40%, transparent);border:1px solid color-mix(in srgb, var(--border-inverse) 8%, transparent);border-radius:8px;cursor:pointer;white-space:nowrap;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1);user-select:none}.spotright-filter-chip:hover:not(.is-active){color:var(--text-primary);background-color:color-mix(in srgb, var(--accent-primary) 12%, transparent);border-color:color-mix(in srgb, var(--accent-primary) 25%, transparent)}.spotright-filter-chip:focus-visible{outline:none;border-color:var(--accent-primary)}.spotright-filter-chip.is-active{color:var(--text-primary);background-color:color-mix(in srgb, var(--accent-primary) 22%, transparent);border-color:color-mix(in srgb, var(--accent-primary) 38%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-primary) 38%, transparent);font-weight:600}.spotright-results{max-height:380px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px;overscroll-behavior:contain}.spotright-category-heading{font-size:var(--font-size-2xs, 0.6875rem);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:8px 8px 2px;user-select:none}.spotright-category-heading.spotright-category-heading--with-action{display:flex;align-items:center;justify-content:space-between}.spotright-recent-clear-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:rgba(0,0,0,0);border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1)}.spotright-recent-clear-btn clashcalc-assets-svg{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:inherit}.spotright-recent-clear-btn:hover{color:var(--text-primary);background-color:color-mix(in srgb, var(--accent-primary) 15%, transparent)}.spotright-recent-clear-btn:focus-visible{outline:1px solid var(--accent-primary)}.spotright-result-item{display:flex;align-items:center;gap:8px;padding:4px 8px;min-height:40px;border-radius:12px;cursor:pointer;transition:background 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1);user-select:none}.spotright-result-item:hover{background:color-mix(in srgb, var(--accent-primary) 12%, transparent)}.spotright-result-item.is-selected,.spotright-result-item.selected{background:color-mix(in srgb, var(--accent-primary) 22%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-primary) 38%, transparent)}.spotright-result-item.spotright-result-item--village.is-active-village{border-left:2px solid var(--accent-primary)}.spotright-th-wrapper{flex-shrink:0}.spotright-item-icon-wrapper{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:rgba(0,0,0,0);border:none}.spotright-item-icon-wrapper.spotright-item-icon--svg clashcalc-assets-svg svg{width:18px !important;height:18px !important;color:#bdc1c6;transition:color 100ms cubic-bezier(0.25, 1, 0.5, 1)}.spotright-item-icon-wrapper.spotright-item-icon--image clashcalc-assets-image img{width:22px !important;height:22px !important;object-fit:contain;border-radius:2px}.spotright-result-item:hover .spotright-item-icon-wrapper.spotright-item-icon--svg clashcalc-assets-svg svg,.spotright-result-item:is(.is-selected,.selected) .spotright-item-icon-wrapper.spotright-item-icon--svg clashcalc-assets-svg svg{color:var(--accent-primary)}.spotright-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.spotright-item-header{display:flex;align-items:center;gap:4px;width:100%}.spotright-item-title{font-size:var(--font-size-sm, 0.8125rem);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex-shrink:1}.spotright-result-item:is(.is-selected,.selected) .spotright-item-title{font-weight:600}mark.spotright-match-highlight{background:rgba(0,0,0,0);color:var(--accent-primary);font-weight:var(--font-weight-bold, 700)}.spotright-item-breadcrumb{font-size:var(--font-size-xs, 0.75rem);color:var(--text-muted);font-weight:400;white-space:nowrap;flex-shrink:0}.spotright-result-item:is(.is-selected,.selected) .spotright-item-breadcrumb{color:var(--text-secondary)}.spotright-item-hero-context{font-size:var(--font-size-xs, 0.75rem);color:var(--text-muted);font-weight:400;margin-left:auto;white-space:nowrap;flex-shrink:0}.spotright-result-item:is(.is-selected,.selected) .spotright-item-hero-context{color:var(--text-secondary)}.spotright-item-tag{font-size:var(--font-size-3xs, 0.5625rem);padding:0 4px;border-radius:2px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;line-height:1.4;flex-shrink:0}.spotright-item-tag.spotright-tag--epic{background:color-mix(in srgb, var(--color-rarity-epic) 18%, transparent);color:var(--color-rarity-epic)}.spotright-item-tag.spotright-tag--common{background:color-mix(in srgb, var(--color-rarity-common) 18%, transparent);color:var(--color-rarity-common)}.spotright-item-tag.spotright-tag--active{background:color-mix(in srgb, var(--color-success) 18%, transparent);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success) 30%, transparent)}.spotright-village-tag{font-size:var(--font-size-xs, 0.75rem);font-family:"Roboto Mono",monospace;color:var(--text-muted)}.spotright-command-pill{font-size:var(--font-size-xs, 0.75rem);font-family:"Roboto Mono",monospace;font-weight:600;color:var(--text-primary);background:color-mix(in srgb, var(--bg-surface-secondary) 70%, transparent);border:1px solid color-mix(in srgb, var(--border-inverse) 14%, transparent);border-radius:2px;padding:1px 2px;line-height:1.2}.spotright-item-subtitle{font-size:var(--font-size-xs, 0.75rem);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotright-result-item:is(.is-selected,.selected) .spotright-item-subtitle{color:var(--text-secondary)}.spotright-item-subtitle.spotright-item-subtitle--error{color:var(--color-danger);font-weight:500}.spotright-result-item:is(.is-selected,.selected) .spotright-item-subtitle.spotright-item-subtitle--error{color:var(--color-danger)}.spotright-item-subtitle.spotright-item-subtitle--error code{font-family:"Roboto Mono",monospace;background-color:color-mix(in srgb, var(--color-danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-danger) 24%, transparent);padding:1px 2px;border-radius:2px;font-size:.85em;color:var(--color-danger);display:inline}.spotright-village-meta{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs, 0.75rem);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotright-result-item:is(.is-selected,.selected) .spotright-village-meta{color:var(--text-secondary)}.spotright-meta-clan{display:inline-flex;align-items:center;gap:2px;min-width:0}.spotright-meta-clan-badge,.spotright-meta-clan-badge img{width:14px;height:14px;object-fit:contain;flex-shrink:0}.spotright-meta-clan-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotright-meta-divider{color:var(--text-muted);opacity:.6;user-select:none}.spotright-meta-trophies{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.spotright-trophy-icon{width:12px;height:12px;color:#ffca28;flex-shrink:0}.spotright-meta-league-icon,.spotright-meta-league-icon img{width:14px;height:14px;object-fit:contain;flex-shrink:0}.spotright-item-action{display:none;align-items:center;gap:4px;flex-shrink:0}.spotright-result-item:is(.is-selected,.selected) .spotright-item-action,.spotright-result-item:hover .spotright-item-action,.spotright-result-item.is-loading .spotright-item-action,.spotright-result-item:has(.spotright-recent-remove-btn) .spotright-item-action{display:flex}.spotright-recent-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:rgba(0,0,0,0);border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;opacity:.6;transition:color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1),opacity 150ms cubic-bezier(0.2, 0, 0, 1)}.spotright-recent-remove-btn clashcalc-assets-svg{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:inherit}.spotright-recent-remove-btn:hover,.spotright-recent-remove-btn:focus-visible{opacity:1;color:var(--color-danger);background-color:color-mix(in srgb, var(--color-danger) 15%, transparent)}.spotright-recent-remove-btn:focus-visible{outline:1px solid var(--color-danger)}.spotright-action-active-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-success)}.spotright-item-spinner{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;animation:spotright-spin .8s linear infinite;color:var(--accent-primary)}@keyframes spotright-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spotright-action-enter{display:none;align-items:center;justify-content:center;width:22px;height:20px;padding:0;color:var(--text-secondary);background:color-mix(in srgb, var(--bg-surface-secondary) 60%, transparent);border:1px solid color-mix(in srgb, var(--border-inverse) 14%, transparent);border-radius:2px}.spotright-result-item:is(.is-selected,.selected) .spotright-action-enter,.spotright-result-item:hover .spotright-action-enter,.spotright-result-item.is-loading .spotright-action-enter{display:inline-flex}.spotright-action-enter clashcalc-assets-svg{width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:inherit}.spotright-action-tab{display:none;align-items:center;justify-content:center;gap:4px;height:20px;padding:0 2px;color:var(--text-secondary);background:color-mix(in srgb, var(--bg-surface-secondary) 60%, transparent);border:1px solid color-mix(in srgb, var(--border-inverse) 14%, transparent);border-radius:2px;font-size:var(--font-size-2xs, 0.6875rem);font-family:inherit}.spotright-result-item:is(.is-selected,.selected) .spotright-action-tab,.spotright-result-item:hover .spotright-action-tab{display:inline-flex}.spotright-action-tab .spotright-tab-label{font-weight:500;line-height:1}.spotright-action-tab clashcalc-assets-svg{width:12px;height:12px;display:flex;align-items:center;justify-content:center;color:inherit}.spotright-footer{display:flex;align-items:center;gap:8px;padding:4px 12px;border-top:1px solid color-mix(in srgb, var(--border-inverse) 6%, transparent);background:color-mix(in srgb, var(--bg-surface-primary) 15%, transparent)}.spotright-footer-feedback-btn,.spotright-footer-shortcuts-btn{display:inline-flex;align-items:center;gap:4px;background:rgba(0,0,0,0);border:none;padding:2px 4px;border-radius:2px;color:var(--text-muted);font-size:var(--font-size-2xs, 0.6875rem);font-family:inherit;font-weight:500;cursor:pointer;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1),background-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.spotright-footer-feedback-btn .spotright-footer-feedback-icon,.spotright-footer-feedback-btn .spotright-footer-shortcuts-icon,.spotright-footer-shortcuts-btn .spotright-footer-feedback-icon,.spotright-footer-shortcuts-btn .spotright-footer-shortcuts-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center}.spotright-footer-feedback-btn:hover,.spotright-footer-shortcuts-btn:hover{color:var(--text-primary);background-color:color-mix(in srgb, var(--bg-surface-secondary) 60%, transparent)}.spotright-footer-feedback-btn:focus-visible,.spotright-footer-shortcuts-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-primary-soft)}@media(max-width: 480px){.spotright-footer-shortcuts-btn .spotright-footer-shortcuts-label{display:none}}.spotright-footer-kbd{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);background:color-mix(in srgb, var(--bg-surface-secondary) 50%, transparent);border:1px solid color-mix(in srgb, var(--border-inverse) 10%, transparent);border-radius:2px;padding:0 2px;line-height:1.3;font-weight:600}.spotright-footer-brand{display:inline-flex;align-items:center;gap:4px;margin-left:auto;user-select:none}.spotright-footer-brand-name{font-size:var(--font-size-2xs, 0.6875rem);font-weight:500;color:var(--text-muted);letter-spacing:.2px}.spotright-footer-beta-chip{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--font-weight-bold, 700);letter-spacing:.6px;text-transform:uppercase;line-height:1.2;padding:1.5px 7px;border-radius:9999px;background-color:color-mix(in srgb, var(--bg-surface-secondary) 70%, transparent);border:1px solid color-mix(in srgb, var(--border-inverse) 12%, transparent);color:var(--text-muted)}.spotright-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:8px}.spotright-empty-icon{width:24px;height:24px;color:#9aa0a6}.spotright-empty-text{font-size:var(--font-size-sm, 0.8125rem);color:var(--text-muted);margin:0}.spotright-empty-reset-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-top:4px;padding:4px 12px;font-size:var(--font-size-xs, 0.75rem);font-weight:500;border-radius:8px;cursor:pointer;transition:all 150ms cubic-bezier(0.25, 1, 0.5, 1)}.spotright-target-pulse{animation:spotrightTargetPulse 1.8s cubic-bezier(0, 0, 0.2, 1) forwards;border-radius:8px}@keyframes spotrightTargetPulse{0%{box-shadow:0 0 0 0 var(--accent-primary),0 0 0 rgba(0,0,0,0);background-color:color-mix(in srgb, var(--accent-primary) 15%, transparent)}25%{box-shadow:0 0 0 2px var(--accent-primary),0 4px 16px -2px color-mix(in srgb, var(--accent-primary) 45%, transparent);background-color:color-mix(in srgb, var(--accent-primary) 15%, transparent)}60%{box-shadow:0 0 0 2px var(--accent-primary),0 4px 16px -2px color-mix(in srgb, var(--accent-primary) 25%, transparent);background-color:color-mix(in srgb, var(--accent-primary) 8%, transparent)}100%{box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0);background-color:rgba(0,0,0,0)}}.header-spotright-btn{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-width:164px;height:36px;min-height:36px;max-height:36px;padding:0 12px;gap:8px;margin:0;border-radius:9999px;border:1px solid var(--border-secondary);background-color:var(--bg-surface-tertiary);color:var(--text-secondary);box-sizing:border-box;cursor:pointer;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1)}.header-spotright-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary));color:var(--text-primary);background-color:var(--bg-surface-secondary)}.header-spotright-btn:hover:not(:disabled) .header-spotright-icon{color:var(--accent-primary)}.header-spotright-btn:hover:not(:disabled) .header-spotright-label{color:var(--text-primary)}.header-spotright-btn:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-soft)}.header-spotright-btn.is-open{border-color:var(--accent-primary);color:var(--accent-primary)}.header-spotright-btn .header-spotright-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--text-muted);flex-shrink:0;transition:color 150ms cubic-bezier(0.2, 0, 0, 1)}.header-spotright-btn .header-spotright-label{font-size:var(--font-size-sm, 0.8125rem);font-weight:500;color:var(--text-muted);letter-spacing:.1px;user-select:none;margin-right:auto;white-space:nowrap;transition:color 150ms cubic-bezier(0.2, 0, 0, 1)}.header-spotright-btn .header-spotright-keys{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;pointer-events:none}.header-spotright-btn .header-spotright-key{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 2px;border-radius:4px;font-family:inherit;font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);color:var(--text-secondary);background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);box-shadow:0 1px 0 rgba(0,0,0,.3);line-height:1;box-sizing:border-box}.header-spotright-btn .header-spotright-key--ctrl{padding:0 5px;font-size:var(--font-size-2xs, 0.6875rem)}.header-spotright-btn .header-spotright-key .header-spotright-key-svg,.header-spotright-btn .header-spotright-key clashcalc-assets-svg{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;fill:currentColor}@media(hover: none)and (pointer: coarse){.header-spotright-btn{min-width:auto}.header-spotright-btn .header-spotright-keys{display:none}}@media(max-width: 779px){.header-spotright-btn{width:36px;min-width:36px;height:36px;padding:0;border-radius:50%;justify-content:center}.header-spotright-btn .animated-btn-text,.header-spotright-btn .header-spotright-label,.header-spotright-btn .header-spotright-keys{display:none}.header-spotright-btn .animated-btn-icon-wrapper{opacity:1;transform:translateY(0);position:relative;width:100%;height:100%}}.shortcuts-modal{z-index:120}.shortcuts-modal .shortcuts-modal-body{display:flex;flex-direction:column;gap:12px}.shortcuts-modal .shortcuts-group{display:flex;flex-direction:column;gap:4px}.shortcuts-modal .shortcuts-group__title{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.shortcuts-modal .shortcuts-card-table{background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.shortcuts-modal .shortcuts-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:12px}.shortcuts-modal .shortcuts-row:not(:last-child){border-bottom:1px solid var(--border-primary)}.shortcuts-modal .shortcuts-row__desc{font-size:var(--font-size-sm, 0.8125rem);color:var(--text-primary)}.shortcuts-modal .shortcuts-row__keys{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.shortcuts-modal .shortcuts-kbd{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:var(--font-size-2xs, 0.6875rem);font-weight:600;color:var(--text-primary);background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:4px;padding:2px 4px;min-width:24px;min-height:24px;gap:4px;box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,.1)}.shortcuts-modal .shortcuts-kbd--icon{padding:0;width:24px;height:24px}.shortcuts-modal .shortcuts-kbd--code{font-family:monospace;letter-spacing:-0.5px}.shortcuts-modal .shortcuts-kbd clashcalc-assets-svg{display:inline-flex;align-items:center;justify-content:center;color:inherit;flex-shrink:0}.shortcuts-modal .shortcuts-kbd clashcalc-assets-svg.shortcuts-chevron--left{transform:rotate(-90deg)}.shortcuts-modal .shortcuts-kbd clashcalc-assets-svg.shortcuts-chevron--right{transform:rotate(90deg)}.shortcuts-modal .shortcuts-key-separator{font-size:var(--font-size-xs, 0.75rem);color:var(--text-muted);user-select:none}.clipboard-input-wrapper{position:relative;display:flex;align-items:center;width:100%;min-width:0}.clipboard-input-wrapper input{width:100%;padding-right:38px !important}.clipboard-input-wrapper .clipboard-paste-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:rgba(0,0,0,0);border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;z-index:2;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1),background-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.clipboard-input-wrapper .clipboard-paste-btn:hover:not(:disabled){color:var(--text-primary);background-color:var(--bg-surface-secondary)}.clipboard-input-wrapper .clipboard-paste-btn:focus-visible{outline:2px solid var(--outline-focus);outline-offset:1px}.clipboard-input-wrapper .clipboard-paste-btn.is-error{color:var(--color-danger) !important;animation:clipboard-shake 400ms cubic-bezier(0.2, 0, 0, 1)}.clipboard-input-wrapper .clipboard-paste-btn clashcalc-assets-svg,.clipboard-input-wrapper .clipboard-paste-btn orecalc-assets-svg{width:16px;height:16px;fill:currentColor;pointer-events:none}.input-with-icon .input-icon{z-index:2}@keyframes clipboard-shake{0%,100%{transform:translateY(-50%) translateX(0)}20%,60%{transform:translateY(-50%) translateX(-4px)}40%,80%{transform:translateY(-50%) translateX(4px)}}.th-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.th-badge__img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35))}.th-badge__img img{width:100%;height:100%;object-fit:contain;display:block}.th-badge__img.is-silhouette{filter:brightness(0) invert(1) opacity(0.35)}:root[data-theme=light] .th-badge__img.is-silhouette{filter:brightness(0) opacity(0.25)}.th-badge__level{position:absolute;bottom:-2px;right:-2px;background-color:var(--accent-primary);color:var(--text-on-accent);border:1.5px solid var(--border-primary);border-radius:4px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.35)}.th-badge--xs{width:32px;height:32px;background:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:8px}.th-badge--xs .th-badge__img{width:24px;height:24px}.th-badge--xs .th-badge__level{font-size:.6rem;padding:1px 3px}.th-badge--sm{width:36px;height:36px}.th-badge--sm .th-badge__level{font-size:10px;min-width:15px;height:15px;padding:1px 2px}.th-badge--md{width:42px;height:42px}.th-badge--md .th-badge__level{font-size:var(--font-size-2xs, 0.6875rem);min-width:16px;height:16px;padding:1px 3px}.th-badge--lg{width:clamp(52px,7vw,64px);height:clamp(52px,7vw,64px)}.th-badge--lg .th-badge__level{bottom:-3px;right:-3px;font-size:clamp(10px,1.3vw,12px);padding:2px 6px;border-radius:6px}.main-content{align-items:flex-start;display:flex;flex-direction:column;gap:20px;margin-bottom:20px}body.open-drawer{overflow:hidden !important;touch-action:none;overscroll-behavior:contain}.app-header__tab,.tab-button{background-color:var(--bg-surface-tertiary);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;padding:8px 15px;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),color 150ms cubic-bezier(0.2, 0, 0, 1),transform 150ms cubic-bezier(0.2, 0, 0, 1),box-shadow 150ms cubic-bezier(0.2, 0, 0, 1)}.app-header__tab:hover:not(.is-active),.tab-button:hover:not(.is-active){background-color:var(--accent-primary-soft);color:var(--accent-primary)}.app-header__tab:active,.tab-button:active{transform:scale(0.97)}.app-header__tab.is-active,.tab-button.is-active{background-color:var(--accent-primary);color:var(--text-on-accent);box-shadow:0 4px 12px var(--accent-primary-soft)}.app-header__tab:focus-visible,.tab-button:focus-visible{outline-offset:-3px !important}.app-header__tab.nav-glide-active,.tab-button.nav-glide-active{background:color-mix(in srgb, var(--accent-primary) 35%, transparent) !important;color:var(--accent-primary) !important;border:1px solid color-mix(in srgb, var(--accent-primary) 50%, transparent) !important;box-shadow:0 4px 16px color-mix(in srgb, var(--accent-primary) 40%, transparent),0 0 24px color-mix(in srgb, var(--accent-primary) 25%, transparent) !important;transform:scale(1.04) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;transition:transform 150ms cubic-bezier(0.16, 1, 0.3, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1),box-shadow 150ms cubic-bezier(0.2, 0, 0, 1) !important}.tab-content{display:none;width:100%}.tab-content.is-active{display:block}[data-transition-type=page-switch] .app-header{view-transition-name:app-header}[data-transition-type=page-switch] .app-footer{view-transition-name:app-footer}[data-transition-type=page-switch] .navigation-drawer{view-transition-name:none}[data-transition-type=page-switch] #main-content{view-transition-name:main-content}::view-transition-group(app-header),::view-transition-group(app-footer){z-index:10;animation-duration:0s !important}::view-transition-group(main-content){z-index:1}::view-transition-old(main-content){animation:180ms cubic-bezier(0.2, 0, 0, 1) both cc-fade-out}::view-transition-new(main-content){animation:180ms cubic-bezier(0.2, 0, 0, 1) both cc-fade-in}@keyframes cc-fade-out{from{opacity:1}to{opacity:0}}@keyframes cc-fade-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion: reduce){[data-transition-type=page-switch] ::view-transition-group(*),[data-transition-type=page-switch] ::view-transition-old(*),[data-transition-type=page-switch] ::view-transition-new(*){animation:none !important}}.app-header__tab.update-pending,.tab-button.update-pending{position:relative}.app-header__tab.update-pending::after,.tab-button.update-pending::after{content:"";position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background-color:var(--color-warning);box-shadow:0 0 4px var(--color-warning);z-index:10}.nav-button.update-pending .nav-icon-wrapper{position:relative}.nav-button.update-pending .nav-icon-wrapper::after{content:"";position:absolute;top:2px;right:4px;width:8px;height:8px;border-radius:50%;background-color:var(--color-warning);box-shadow:0 0 4px var(--color-warning);z-index:10}.navigation-drawer__tab.update-pending span{position:relative;padding-right:12px}.navigation-drawer__tab.update-pending span::after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:var(--color-warning);box-shadow:0 0 4px var(--color-warning);z-index:10}.income-header{align-items:center;box-shadow:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 15px}.income-header h2{margin:0}.income-content{overflow-x:auto;-webkit-overflow-scrolling:touch}.income-header-controls{align-items:center;display:flex;gap:10px}.income-table{border-collapse:collapse;display:table;margin-top:10px;width:100%}.income-table .income-table-header{display:table-row}.income-table .income-table-header .income-table-cell{color:var(--accent-primary);font-weight:var(--font-weight-bold, 700)}.income-table #home-income-table-body{display:table-row-group}.income-table .income-table-row{display:table-row}.income-table .income-table-footer{display:table-row}.income-table .income-table-footer .income-table-cell{color:var(--accent-primary);font-weight:var(--font-weight-bold, 700)}.income-table .income-table-cell{display:table-cell;padding:10px;text-align:center;vertical-align:middle;border-bottom:1px solid var(--border-primary)}.income-table .income-table-cell .ore-image{height:24px;vertical-align:middle;width:auto}.required-resources-container{color:var(--text-secondary);margin-top:20px;text-align:center}.resources-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}.resource-item{align-items:center;display:flex;gap:5px}.resource-item img,.resource-item clashcalc-assets-image,.resource-item orecalc-assets-image{align-self:center;height:24px;width:24px}#heroes-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}#heroes-container.layout-compact{align-items:start;display:grid;gap:20px}#heroes-container.layout-compact .layout-grid-column{display:flex;flex-direction:column;gap:20px;width:100%;min-height:1px}#heroes-container.layout-compact .hero-card{height:auto;margin-bottom:0}.hero-card{background-color:var(--bg-surface-secondary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:10px;padding:30px;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15);transition:opacity 300ms cubic-bezier(0.25, 1, 0.5, 1),background-color 300ms cubic-bezier(0.25, 1, 0.5, 1),transform 250ms cubic-bezier(0.2, 0, 0, 1),border-color 300ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 300ms cubic-bezier(0.25, 1, 0.5, 1);position:relative;width:100%;max-width:480px;margin:0 auto;box-sizing:border-box}@media(hover: hover)and (pointer: fine){.hero-card:hover:not(.dragging){border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary));box-shadow:0 8px 24px -4px rgba(0,0,0,.22),0 0 12px color-mix(in srgb, var(--accent-primary) 8%, transparent)}}.hero-card.hero-hidden{display:none !important}@container (max-width: 445px){.hero-card{padding:20px}}.hero-card h3{color:var(--text-primary);margin:0}.hero-card.hero-disabled .hero-icon,.hero-card.hero-disabled .equipment-image{filter:grayscale(100%);opacity:.5}.hero-card.hero-disabled .upgrade-btn{opacity:.5}.hero-card.hero-disabled .level-display,.hero-card.hero-disabled input[type=number]{opacity:.7}.hero-title{align-items:center;display:flex;margin-bottom:15px}.hero-title h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-title .hero-icon{cursor:pointer;flex-shrink:0;height:50px;margin-right:15px;object-fit:contain;width:50px;transition:transform 150ms cubic-bezier(0.2, 0, 0, 1),filter 300ms cubic-bezier(0.25, 1, 0.5, 1)}@media(hover: hover)and (pointer: fine){.hero-title .hero-icon:hover{transform:scale(1.08)}}.hero-title .hero-icon:active{transform:scale(0.95)}.hero-title .hero-icon.shake{animation:shake .2s ease-in-out 2}.equipment-item{align-items:center;display:flex;margin-bottom:10px;position:relative}.equipment-item.eq-hidden{display:none !important}.equipment-item.spotright-target-pulse{border-radius:8px;padding:2px 4px;margin-left:-4px;margin-right:-4px}.equipment-item label{flex-grow:1;flex-shrink:1;margin-left:10px;overflow:hidden;padding-right:5px;text-overflow:ellipsis;white-space:nowrap}.equipment-item input[type=number]{box-shadow:0 0 0 0 rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1)}.equipment-item input[type=number]:focus,.equipment-item input[type=number]:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.equipment-item input[type=number]{background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);flex-shrink:0;padding:5px;text-align:center;width:60px}.equipment-item .equipment-image{cursor:pointer;height:40px;margin-right:10px;transition:transform 150ms cubic-bezier(0.2, 0, 0, 1);width:40px;aspect-ratio:1/1;flex-shrink:0;transform-origin:center}@media(hover: hover)and (pointer: fine){.equipment-item .equipment-image:hover{transform:scale(1.1)}}.equipment-item .equipment-image:active{transform:scale(0.95)}.equipment-item .equipment-image.grayscale{filter:grayscale(100%)}.equipment-item .equipment-image.gold-glow{filter:drop-shadow(0 0 6px var(--color-gold-glow-shadow))}.equipment-item .equipment-image.gold-glow.grayscale{filter:grayscale(100%) drop-shadow(0 0 6px var(--color-gold-glow-shadow))}.equipment-item .equipment-image.over-leveled-glow{filter:drop-shadow(0 0 6px var(--accent-primary-soft))}.equipment-item .equipment-image.over-leveled-glow.grayscale{filter:grayscale(100%) drop-shadow(0 0 6px var(--accent-primary-soft))}.common-equip{color:var(--color-rarity-common)}.epic-equip{color:var(--color-rarity-epic);text-shadow:0 0 8px rgba(186,104,200,.2);font-weight:600}@media(hover: hover)and (pointer: fine){.equipment-item[data-equip-type=epic]:hover .equipment-image:not(.grayscale):not(.gold-glow):not(.over-leveled-glow){filter:drop-shadow(0 0 6px rgba(186, 104, 200, 0.6))}}.gold-glow{color:var(--color-gold-glow)}.equipment-level-controls{align-items:center;display:inline-flex;gap:4px;margin-left:auto}.equipment-prelevel-info-btn{align-items:center;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.equipment-prelevel-info-btn[hidden]{display:none !important}.level-display-container{align-items:center;display:flex;gap:10px}.level-display{background-color:var(--bg-app);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-weight:var(--font-weight-bold, 700);height:30px;padding:5px;text-align:center;width:60px}.level-input-container{position:relative}#orecalc-equipment-settings-card{display:flex;flex-direction:column;gap:12px}.income-cards-grid{align-items:stretch;display:grid;gap:20px;grid-template-columns:1fr 1fr}.income-cards-grid.layout-compact{align-items:start;display:grid;grid-template-columns:1fr 1fr;gap:20px}.income-cards-grid.layout-compact .layout-grid-column{display:flex;flex-direction:column;gap:20px;width:100%;min-height:1px}.income-cards-grid.layout-compact .card-container{height:auto;width:100%}.income-cards-grid.layout-compact .card-container .income-card{height:auto;width:100%;margin-bottom:0}@container (max-width: 445px){.income-card{--font-size-em-lg: 1.1em;--font-size-em-md: 0.9em;--font-size-lg: 16px;--font-size-md: 14px;--font-size-sm: 12px;--font-size-xl: 20px;--font-size-xs: 11px}.income-card #inc-gem-trader-offers{grid-template-columns:auto 1fr 1fr}.income-card>.offer-grid:not(:first-child):not(:last-child){padding:20px 0}.income-card .inner-card{padding:10px}.income-card .currency-symbol{margin-left:0}.income-card .input-group-flex{flex-wrap:wrap;justify-content:center !important;row-gap:10px}.income-card .input-group-flex:has(.switch){flex-wrap:nowrap;justify-content:space-between !important}.income-card .input-group-flex:has(.switch) label:not(.switch){width:auto !important;text-align:left !important}.income-card .input-group-flex label,.income-card .input-group-flex span:not(.slider):not(.currency-symbol):not(.calculated){margin-right:5px !important;white-space:normal;width:100% !important}.income-card .input-group-flex label.switch,.income-card .input-group-flex span:not(.slider):not(.currency-symbol):not(.calculated).switch{width:52px !important;margin-right:0 !important;flex-shrink:0}.income-card .input-group-flex label[for=inc-star-bonus-league-select],.income-card .input-group-flex label[for=inc-shop-offers-select],.income-card .input-group-flex #cwl-per-attack-label,.income-card .input-group-flex #clan-war-per-attack-label{text-align:center !important}.income-card .input-group-flex>input[type=number]{text-align:center !important}.income-card .input-group-flex>select{text-align:center !important;text-align-last:center !important;padding-left:28px !important;padding-right:28px !important}.income-card .input-group-flex>select,.income-card .input-group-flex>input[type=number]{width:100% !important}.income-card .ores-inputs-container{flex-wrap:wrap;justify-content:center !important;padding-left:5px;row-gap:10px}.income-card input[type=number].offer-input-number{width:50px}.income-card #inc-raid-medals-total-input{width:60px !important}.income-card #inc-raid-medals-remaining{padding-left:10px;padding-right:10px}.income-card .offer-grid{justify-content:center;padding-left:0;padding-right:0}.income-card .offer-grid-row{display:contents}.income-card .offer-grid-row .offer-dropdown-instance{grid-column:3/-1}.income-card .offer-grid-row>:nth-child(n+5){display:none}.income-card .rates-grid{display:flex;flex-direction:column;gap:10px;padding:0 !important}.income-card .rate-column{flex-direction:row;justify-content:space-between;width:100%}.income-card .rate-column label{text-align:left;width:calc(100% - 100px)}.income-card .four-col-grid{display:flex;flex-direction:row;justify-content:space-between}.income-card .four-col-grid .grid-row{display:flex;flex-direction:column;gap:5px}.income-card .four-col-grid .grid-row:nth-child(odd){align-items:flex-start}.income-card .four-col-grid .grid-row:nth-child(odd) .grid-value-display{flex-direction:row-reverse}.income-card .four-col-grid .grid-row:nth-child(odd) .grid-value-display .ore-image{margin-left:0}.income-card .four-col-grid .grid-row:nth-child(even){align-items:flex-end}.income-card .four-col-grid .grid-row:nth-child(even) .grid-value-display{justify-content:flex-end}.income-card .four-col-grid .grid-label{font-weight:400;text-align:left}.income-card .four-col-grid .grid-value-display{justify-content:flex-start}.income-card .offer-dropdown-instance{display:grid;justify-self:center;max-width:100px;width:100%}.income-card .offer-grid-row:has(.offer-dropdown-instance) .offer-checkbox-instance{display:none}.income-card .offer-select{text-align:center;text-align-last:center;padding-left:20px;padding-right:20px;background-position:right 8px center;background-size:10px 10px}.income-card .summary-grid{gap:15px;grid-template-columns:1fr}.income-card .summary-grid .summary-item-container{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between}.income-card .summary-grid .summary-item-container .summary-label{text-align:right}.income-card .summary-grid .summary-item-container .summary-value-with-image{justify-content:flex-start}.income-card .supercell-events-container{padding:0 !important}.income-card .supercell-events-container .supercell-events-table .countdown-text{display:none}.income-card:has(#inc-shop-offers-checkboxes) .timeframe-income:has(>.four-col-grid){align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between}}#inc-clan-war-shiny-bonus-input,#inc-cwl-shiny-bonus-input{width:60px}#inc-clan-war-glowy-bonus-input,#inc-cwl-glowy-bonus-input{width:45px}#inc-clan-war-starry-bonus-input,#inc-cwl-starry-bonus-input{width:30px}.rates-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-bottom:15px}.rates-grid .rate-column{align-items:center;display:flex;flex-direction:column}.rates-grid .rate-column label{color:var(--text-secondary);margin-bottom:5px;text-align:center;overflow-wrap:break-word}.rates-grid .rate-column input[type=number]{background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);padding:8px;text-align:center;width:80px;box-shadow:0 0 0 0 rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1)}.rates-grid .rate-column input[type=number]:focus,.rates-grid .rate-column input[type=number]:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.summary-grid{align-items:center;display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:0 20px}.summary-grid .summary-item-container{align-items:center;display:flex;gap:5px}.summary-grid .summary-item-container:first-child{justify-content:flex-start}.summary-grid .summary-item-container:last-child{justify-content:flex-end}.summary-grid .summary-item-container .summary-label{flex:0 0 50%;text-align:center;white-space:nowrap}.summary-grid .summary-item-container .summary-value-with-image{flex:0 0 50%;align-items:center;display:flex;gap:5px;justify-content:center}.summary-grid .summary-item-container .summary-value-with-image .ore-image{height:24px;width:auto}.summary-grid .summary-item-container .summary-value-with-image picture.raid-medal-image{transform:scale(1.25)}.summary-grid .summary-item-container .summary-value-with-image img.raid-medal-image{transform:none}#inc-raid-medals-total-input{width:60px}.four-col-grid{display:grid;gap:10px;grid-template-columns:repeat(4, minmax(min-content, 1fr));margin-bottom:10px;min-width:0}.four-col-grid .grid-row{display:contents}.four-col-grid .grid-row>div{text-align:right}.grid-row{display:contents}.grid-label{color:var(--text-secondary);font-size:var(--font-size-lg, 1rem);font-weight:400;text-align:right}.grid-value-display{align-items:center;display:flex;gap:5px;justify-content:flex-end;transition:transform 150ms cubic-bezier(0.2, 0, 0, 1)}.grid-value-display:hover{transform:scale(1.08)}.grid-value-display .ore-image{height:18px;margin-left:2.5px;width:auto}.timeframe-income{margin-top:auto;padding-top:15px;border-top:1px solid var(--border-primary)}.negative-medals{color:var(--color-danger)}.offer-grid{align-items:center;display:grid;gap:10px;grid-template-columns:auto 2fr 1fr 1fr;margin-top:15px;padding:0 20px}.offer-grid:empty{display:none !important}.offer-grid#raid-medal-trader-offers{grid-template-columns:auto 2fr 1fr 1fr}.offer-grid#inc-gem-trader-offers{grid-template-columns:auto 1fr 1fr}.offer-grid#inc-event-trader-offers{grid-template-columns:auto 1fr 1fr}.offer-grid#inc-shop-offers-checkboxes{margin-top:0px}.offer-grid .offer-grid-row{display:contents}.offer-grid .offer-ore-display{align-items:center;display:flex;flex-wrap:nowrap;gap:5px;justify-content:flex-end;padding-right:10px}.offer-grid .offer-ore-display .ore-image{height:18px;width:auto}.offer-grid .offer-ore-display span{font-size:var(--font-size-md, 0.9375rem)}.offer-grid .offer-checkbox-instance,.offer-grid .offer-input-instance{align-items:center;display:flex;gap:5px;justify-content:center;position:relative}.offer-grid .offer-checkbox-instance input[type=checkbox],.offer-grid .offer-input-instance input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid var(--border-primary);border-radius:4px;cursor:pointer;height:20px;outline:none;position:relative;top:2px;transition:all 300ms cubic-bezier(0.34, 1.56, 0.64, 1);width:20px}.offer-grid .offer-checkbox-instance input[type=checkbox]:checked,.offer-grid .offer-input-instance input[type=checkbox]:checked{background-color:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.1)}.offer-grid .offer-checkbox-instance input[type=checkbox]:focus,.offer-grid .offer-input-instance input[type=checkbox]:focus{outline:none}.offer-grid .offer-checkbox-instance input[type=checkbox]:focus-visible,.offer-grid .offer-input-instance input[type=checkbox]:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft)}.offer-grid .offer-checkbox-instance input[type=checkbox]:active,.offer-grid .offer-input-instance input[type=checkbox]:active{transform:scale(0.9)}.offer-grid .offer-checkbox-instance .offer-checkbox-icon,.offer-grid .offer-input-instance .offer-checkbox-icon{color:var(--text-on-accent);display:flex;height:14px;left:50%;opacity:0;pointer-events:none;position:absolute;top:calc(50% + 2px);transform:translate(-50%, -50%) scale(0);transition:transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1),opacity 150ms cubic-bezier(0.25, 1, 0.5, 1);width:14px}.offer-grid .offer-checkbox-instance .offer-checkbox-icon svg,.offer-grid .offer-input-instance .offer-checkbox-icon svg{display:block;height:14px;width:14px}.offer-grid .offer-checkbox-instance input[type=checkbox]:checked~.offer-checkbox-icon,.offer-grid .offer-input-instance input[type=checkbox]:checked~.offer-checkbox-icon{opacity:1;transform:translate(-50%, -50%) scale(1.1)}.offer-grid .offer-checkbox-instance label,.offer-grid .offer-input-instance label{color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm, 0.8125rem);margin-left:8px}.offer-grid .offer-dropdown-instance{display:none}.offer-grid .offer-cost-display{align-items:center;display:flex;flex-wrap:nowrap;gap:5px}.offer-grid .offer-cost-display picture.gem-icon,.offer-grid .offer-cost-display picture.event-medal-icon{padding:5px}.offer-grid .offer-cost-display picture.gem-icon{transform:scale(0.9)}.offer-grid .offer-cost-display img.gem-icon,.offer-grid .offer-cost-display img.event-medal-icon{padding:0;transform:none}.supercell-events-container{padding:0 20px;margin-bottom:20px}.supercell-events-container .supercell-events-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm, 0.8125rem);color:var(--text-secondary)}.supercell-events-container .supercell-events-table th,.supercell-events-container .supercell-events-table td{padding:10px;text-align:left;border-bottom:1px solid var(--border-primary)}.supercell-events-container .supercell-events-table th{color:var(--accent-primary);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;font-size:var(--font-size-xs, 0.75rem);letter-spacing:.05em}.supercell-events-container .supercell-events-table tr:last-child td{border-bottom:none}.supercell-events-container .supercell-events-table td:last-child{text-align:right}.supercell-events-container .supercell-events-table th:last-child{text-align:right}.supercell-events-container .supercell-events-table tr.dimmed{opacity:.4;filter:grayscale(1)}.supercell-events-container .supercell-events-table tr.highlighted{font-weight:var(--font-weight-bold, 700)}.supercell-events-container .supercell-events-table tr.highlighted td{background-color:var(--accent-primary-soft);color:var(--text-primary);border-bottom:none}.supercell-events-container .supercell-events-table tr.highlighted td:first-child{border-radius:8px 0 0 8px}.supercell-events-container .supercell-events-table tr.highlighted td:last-child{border-radius:0 8px 8px 0}.supercell-events-container .supercell-events-table tr.highlighted.golden td{background-color:var(--color-gold-soft);color:var(--color-gold)}.supercell-events-container .supercell-events-table .world-finals-wrapper{position:relative;display:inline-block}.supercell-events-container .supercell-events-table .world-finals-crown{position:absolute;width:24px;height:18px;top:-10px;left:-6px;transform:rotate(-15deg);filter:drop-shadow(0 0 2px var(--color-gold));pointer-events:none}.supercell-events-container .supercell-events-table tr.is-live td{animation:live-row-pulse 2.5s infinite ease-in-out;color:var(--text-primary)}.supercell-events-container .supercell-events-table tr.is-live td:first-child{border-radius:8px 0 0 8px;box-shadow:inset 3px 0 0 var(--color-danger)}.supercell-events-container .supercell-events-table tr.is-live td:last-child{border-radius:0 8px 8px 0}@keyframes live-row-pulse{0%,100%{background-color:color-mix(in srgb, var(--color-event-red) 22%, transparent)}50%{background-color:color-mix(in srgb, var(--color-event-red) 8%, transparent)}}.supercell-events-container .supercell-events-table .watch-live-btn{background-color:color-mix(in srgb, var(--color-danger) 22%, transparent);border:1px solid color-mix(in srgb, var(--color-danger) 65%, transparent);color:#fff !important;padding:4px 10px;border-radius:12px;font-size:.72rem;text-decoration:none !important;font-weight:var(--font-weight-bold, 700);display:inline-flex;align-items:center;gap:6px;margin-left:10px;text-transform:uppercase;box-shadow:0 0 10px color-mix(in srgb, var(--color-danger) 35%, transparent);transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1)}.supercell-events-container .supercell-events-table .watch-live-btn:hover{background-color:color-mix(in srgb, var(--color-danger) 45%, transparent);border-color:var(--color-danger);box-shadow:0 0 14px color-mix(in srgb, var(--color-danger) 65%, transparent)}.supercell-events-container .supercell-events-table .watch-live-btn .live-beacon-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-danger);box-shadow:0 0 8px color-mix(in srgb, var(--color-danger) 90%, transparent),0 0 14px color-mix(in srgb, var(--color-danger) 60%, transparent);display:inline-block;flex-shrink:0;animation:live-beacon-pulse 2.5s infinite ease-in-out}@keyframes live-beacon-pulse{0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 8px color-mix(in srgb, var(--color-danger) 90%, transparent),0 0 14px color-mix(in srgb, var(--color-danger) 60%, transparent)}50%{opacity:.35;transform:scale(0.7);box-shadow:0 0 2px color-mix(in srgb, var(--color-danger) 30%, transparent)}}.supercell-events-container .supercell-events-table .countdown-text{color:var(--accent-primary);font-variant-numeric:tabular-nums;margin-right:5px}.supercell-events-container .notice{margin-top:10px;padding:0;font-style:italic}.prospector-tip{font-size:.85rem;opacity:0;max-height:0;overflow:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity 300ms cubic-bezier(0.2, 0, 0, 1),max-height 300ms cubic-bezier(0.2, 0, 0, 1),transform 300ms cubic-bezier(0.2, 0, 0, 1),margin 300ms cubic-bezier(0.2, 0, 0, 1),padding 300ms cubic-bezier(0.2, 0, 0, 1);margin-top:0;padding:0 10px !important}.prospector-tip.show{opacity:1;max-height:500px;transform:translateY(0);pointer-events:auto;margin-top:15px;padding:10px !important}.prospector-tip .prospector-rec-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(175px, 1fr));gap:8px;width:100%;margin-top:2px;transition:none !important}.prospector-tip .prospector-rec-section{background:color-mix(in srgb, var(--bg-surface-secondary) 40%, transparent);padding:8px 10px;border-radius:8px;border:1px solid color-mix(in srgb, var(--border-primary) 80%, transparent);display:flex;flex-direction:column;gap:6px;transition:none !important}.prospector-tip .prospector-rec-section p{margin:0;font-size:1em;color:var(--text-primary)}.prospector-tip .prospector-rec-section[data-card-type=overall] .prospector-rec-badge{cursor:pointer;transition:opacity 150ms cubic-bezier(0.25, 1, 0.5, 1)}.prospector-tip .prospector-rec-section[data-card-type=overall] .prospector-rec-badge:hover{opacity:.85}.prospector-tip .prospector-rec-section[data-card-type=overall] .prospector-rec-badge .prospector-rec-icon{transition:transform 150ms cubic-bezier(0.25, 1, 0.5, 1)}.prospector-tip .prospector-rec-section[data-card-type=overall] .prospector-rec-badge:hover .prospector-rec-icon{transform:scale(1.15)}.prospector-tip .prospector-rec-section[data-card-type=error]{border-color:var(--color-danger)}.prospector-tip .prospector-rec-section[data-card-type=error] .prospector-rec-badge{color:var(--color-danger)}.prospector-tip .prospector-rec-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;border-bottom:1px solid color-mix(in srgb, var(--border-primary) 50%, transparent);padding-bottom:4px;margin-bottom:0}.prospector-tip .prospector-rec-header .prospector-rec-icon{width:20px;height:20px;flex-shrink:0;border-radius:4px;object-fit:contain;display:inline-flex;align-items:center;justify-content:center}.prospector-tip .prospector-rec-badge{font-weight:600;font-size:.95em;color:var(--accent-primary);display:flex;align-items:center;gap:4px}.prospector-tip .prospector-upgrade-subtitle{display:inline-flex;align-items:center;gap:6px}.prospector-tip .prospector-upgrade-subtitle .upgrade-levels{font-size:.88em;color:inherit;opacity:.9;font-weight:600}.prospector-tip .prospector-rec-time{font-size:.88em;color:var(--text-secondary);font-weight:500}.prospector-tip .prospector-rec-time span{font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}.prospector-tip .prospector-rec-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.prospector-tip .prospector-rec-item{display:flex;align-items:center;gap:8px;font-size:.88em;color:var(--text-secondary);flex-wrap:wrap}.prospector-tip .prospector-rec-item .day-count{font-weight:var(--font-weight-bold, 700);color:var(--text-primary);background:color-mix(in srgb, var(--accent-primary-soft) 60%, transparent);padding:1.5px 5px;border-radius:4px;min-width:40px;text-align:center;font-size:.85em}.prospector-tip .prospector-rec-item .conversion-flow{display:flex;align-items:center;gap:4px}.prospector-tip .prospector-rec-item .conversion-flow span{font-weight:600;color:var(--text-primary);display:inline-flex;align-items:center;gap:4px}.prospector-tip .prospector-rec-item .conversion-flow span clashcalc-assets-image,.prospector-tip .prospector-rec-item .conversion-flow span orecalc-assets-image{width:16px;height:16px;display:inline-flex;vertical-align:middle}.prospector-tip .prospector-status-completed{color:var(--color-success)}.prospector-tip .prospector-status-success-icon{color:var(--color-success)}.prospector-tip .prospector-warning-icon{vertical-align:middle;margin-left:2px}.prospector-tip .prospector-rec-empty{font-size:.88em;color:var(--text-muted);display:flex;align-items:center;gap:4px;padding:2px 0}.prospector-tip .prospector-rec-empty .prospector-priority-btn{all:unset;display:inline;color:var(--color-primary, var(--accent-tertiary));font-weight:600;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1),text-decoration-style 150ms cubic-bezier(0.25, 1, 0.5, 1)}.prospector-tip .prospector-rec-empty .prospector-priority-btn:hover,.prospector-tip .prospector-rec-empty .prospector-priority-btn:focus-visible{color:var(--color-primary-light, var(--accent-tertiary));text-decoration-style:solid}.prospector-grid-wrapper{position:relative}.prospector-grid-wrapper.is-assisted .prospector-grid{filter:blur(2px);pointer-events:none;user-select:none;opacity:.5}.prospector-assisted-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--bg-surface-primary) 60%, transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:8px;border:1px dashed color-mix(in srgb, var(--accent-primary) 50%, transparent);padding:8px 12px;z-index:1}.prospector-assisted-overlay span{font-size:.82rem;font-weight:600;color:var(--accent-primary);text-align:center}.prospector-grid{display:flex;flex-direction:column;gap:.5rem;padding:0 !important}.prospector-labels{display:flex;justify-content:space-between;padding:0 5px}.prospector-controls{display:grid;grid-template-columns:auto 1fr 2fr 1fr auto;gap:1rem;align-items:center;margin-bottom:10px}.prospector-controls .popover-wrapper{width:100%}.prospector-controls input[type=number]{background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);padding:8px;text-align:center;width:100%;min-width:50px;box-sizing:border-box;box-shadow:0 0 0 0 rgba(0,0,0,0);transition:border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1)}.prospector-controls input[type=number]:focus,.prospector-controls input[type=number]:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.prospector-controls input[type=range]{-webkit-appearance:none;appearance:none;width:100%;min-width:120px;background:rgba(0,0,0,0);cursor:pointer}.prospector-controls input[type=range]:focus{outline:none}.prospector-controls input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--accent-primary),0 0 0 5px var(--accent-primary-soft)}.prospector-controls input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--accent-primary),0 0 0 5px var(--accent-primary-soft)}.prospector-controls input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--material-track-inactive);border-radius:2px}.prospector-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent-primary);border-radius:50%;margin-top:-7px;transition:transform 150ms cubic-bezier(0.25, 1, 0.5, 1)}.prospector-controls input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1)}.prospector-controls input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}.prospector-controls input[type=range]::-moz-range-track{width:100%;height:4px;background:var(--material-track-inactive);border-radius:2px;border:none}.prospector-controls input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--accent-primary);border-radius:50%;border:none;transition:transform 150ms cubic-bezier(0.25, 1, 0.5, 1)}.prospector-controls input[type=range]:hover::-moz-range-thumb{transform:scale(1.1)}.prospector-controls input[type=range]:active::-moz-range-thumb{transform:scale(1.2)}@media(min-width: 780px)and (max-width: 1199px),(min-width: 426px)and (max-width: 625px){.prospector-controls{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;grid-template-areas:"from-dd  .      to-dd" "from-in  slider to-in";gap:.5rem 1rem}.prospector-controls .custom-dropdown:first-of-type{grid-area:from-dd;justify-self:start}.prospector-controls .custom-dropdown:last-of-type{grid-area:to-dd;justify-self:end}.prospector-controls .popover-wrapper{grid-area:from-in}.prospector-controls input[type=range]{grid-area:slider}.prospector-controls input[type=number]:last-of-type{grid-area:to-in}.prospector-controls input[type=range],.prospector-controls input[type=number]{order:unset;width:100%;flex-grow:unset}.prospector-controls .custom-dropdown{width:calc(100% - 10px)}.prospector-controls .custom-dropdown .dropdown-options{width:calc(100% + 2px)}}@media(max-width: 425px){.prospector-controls{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"from-dd to-dd" "from-in to-in" "slider  slider";gap:.5rem}.prospector-controls .custom-dropdown:first-of-type{grid-area:from-dd;justify-self:start}.prospector-controls .custom-dropdown:last-of-type{grid-area:to-dd;justify-self:end}.prospector-controls .popover-wrapper{grid-area:from-in}.prospector-controls input[type=number]:last-of-type{grid-area:to-in}.prospector-controls input[type=range]{grid-area:slider;padding:10px 5px;box-sizing:border-box}.prospector-controls .custom-dropdown{width:calc(100% - 20px)}.prospector-controls .custom-dropdown .dropdown-options{width:calc(100% + 2px)}.prospector-controls input[type=number],.prospector-controls input[type=range]{width:100%;justify-self:stretch}#inc-prospector-tip-container{margin-top:0}}.planner-cards-grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);align-items:flex-start;gap:20px}.planner-card .card-drag-handle,#orecalc-planner-priority-list-card .card-drag-handle,.full-width-planner-section .card-drag-handle{display:none !important}.planner-card{box-shadow:var(--card-shadow)}.full-width-planner-section{box-shadow:var(--card-shadow);grid-column:1/-1}.planner-hero-carousel{display:flex;flex-direction:column;align-items:center;padding:10px;position:relative;min-height:300px}.carousel-content{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100%;gap:20px;padding-bottom:10px}.carousel-content::-webkit-scrollbar{display:none}.carousel-content{scrollbar-width:none}.hero-page{flex:0 0 auto;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;padding:10px;box-sizing:border-box;font-size:14px}.hero-page .hero-header-section{background-color:var(--bg-surface-tertiary);border-radius:8px;padding:8px 12px;margin-bottom:10px;width:100%;display:flex;justify-content:space-between;align-items:center}.hero-page .hero-info-and-name{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.hero-page .hero-name-text{font-weight:var(--font-weight-bold, 700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.1em;color:var(--text-primary)}.hero-page .hero-icon-planner{width:30px;height:30px;object-fit:contain}.hero-page .equipment-list{width:100%;display:flex;flex-direction:column;gap:5px}.planner-page-dots{display:flex;justify-content:center;margin:7.5px auto;gap:8px}.dot{width:10px;height:10px;background-color:var(--bg-surface-tertiary);border-radius:50%;cursor:pointer;transition:background-color 300ms cubic-bezier(0.25, 1, 0.5, 1)}.dot.is-active{background-color:var(--accent-primary)}.dot:hover{background-color:var(--accent-primary-hover)}.equipment-item-planner{display:flex;align-items:center;justify-content:space-between;width:100%;padding:2px 0}.equipment-item-planner .equipment-info{display:flex;align-items:center}.equipment-item-planner .equipment-info clashcalc-assets-image,.equipment-item-planner .equipment-info orecalc-assets-image,.equipment-item-planner .equipment-info picture,.equipment-item-planner .equipment-info img{width:25px;height:25px;margin-right:8px;object-fit:contain;display:inline-block}.equipment-item-planner .equipment-info img.gold-glow{filter:drop-shadow(0 0 4px var(--color-gold-glow-shadow)) drop-shadow(0 0 8px var(--color-gold-glow-shadow))}.equipment-item-planner .equipment-info img.gold-glow.grayscale{filter:grayscale(100%) drop-shadow(0 0 4px var(--color-gold-glow-shadow)) drop-shadow(0 0 8px var(--color-gold-glow-shadow))}.equipment-item-planner .equipment-info img.over-leveled-glow{filter:drop-shadow(0 0 4px var(--accent-primary-soft)) drop-shadow(0 0 8px var(--accent-primary-soft))}.equipment-item-planner .equipment-info img.over-leveled-glow.grayscale{filter:grayscale(100%) drop-shadow(0 0 4px var(--accent-primary-soft)) drop-shadow(0 0 8px var(--accent-primary-soft))}.equipment-item-planner .equipment-info img.grayscale{filter:grayscale(100%)}.equipment-item-planner .equipment-info span.gold-glow{color:var(--color-gold-glow) !important}.equipment-item-planner .equipment-info span.common-equip{color:var(--color-rarity-common)}.equipment-item-planner .equipment-info span.epic-equip{color:var(--color-rarity-epic)}#planner-tab .full-width-card{grid-column:1/-1}.calendar-action-buttons{display:flex;gap:10px}.calendar-action-buttons .planner-action-button{height:40px;width:40px;padding:0}.calendar-action-buttons .planner-action-button svg{width:26px;height:26px}@media(max-width: 425px){.full-width-planner-section,.card .inner-card{padding:10px}.planner-action-button{height:36px;width:36px}.planner-action-button svg{width:22px;height:22px}}.level-settings-container{display:flex;gap:20px}.max-level-card-header{display:flex;justify-content:space-between;align-items:center;width:100%}.max-level-card-header .custom-max-level-title{display:flex;align-items:center;gap:6px;margin:0}@media(max-width: 779px){.max-level-card-header{flex-direction:column;align-items:center;gap:10px}.level-settings-container{display:flex;flex-direction:column;width:100%;gap:10px}}.priority-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.edit-priority-list-btn{align-items:center;background-color:var(--accent-primary-soft);border:1px solid var(--border-primary);border-radius:12px;color:var(--accent-primary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1);width:36px}.edit-priority-list-btn svg{fill:currentColor;width:24px;height:24px}.edit-priority-list-btn:hover{background-color:var(--accent-primary-soft);border-color:var(--accent-primary);transform:scale(1.05)}.edit-priority-list-btn:active{transform:scale(0.95)}.priority-list-content{flex-grow:1;overflow-y:auto;padding-right:5px}.priority-list-content::-webkit-scrollbar{width:8px}.priority-list-content::-webkit-scrollbar-thumb{background-color:var(--bg-surface-tertiary);border-radius:4px}.priority-list-loader{display:flex;align-items:center;justify-content:center;padding:24px 12px;color:var(--text-secondary)}.priority-list-loader .button-loader{position:static;transform:none;opacity:1;visibility:visible}.priority-list-loader .button-loader span{width:8px;height:8px;background-color:var(--accent-primary)}.priority-list-item{display:flex;align-items:center;padding:8px 12px;margin-bottom:8px;background-color:var(--bg-surface-primary);border-radius:8px}.priority-list-item .equipment-info{display:flex;align-items:center;gap:12px}.priority-list-item .equipment-info .equipment-image-container{position:relative;width:40px;height:40px}.priority-list-item .equipment-info .equipment-image-container .equipment-image{width:100%;height:100%;object-fit:contain;transition:filter 300ms cubic-bezier(0.25, 1, 0.5, 1)}.priority-list-item .equipment-info .equipment-image-container .equipment-level-box{position:absolute;bottom:-5px;right:-5px;background-color:var(--bg-surface-tertiary);color:var(--text-primary);padding:1px 4px;font-size:10px;border-radius:4px;z-index:1;font-weight:var(--font-weight-bold, 700)}.priority-list-item .equipment-info .item-text-content{display:flex;flex-direction:column}.priority-list-item .equipment-info span{font-size:.9em;color:var(--text-primary)}.priority-list-item .equipment-info .priority-item-date{font-size:.8em;color:var(--text-secondary);white-space:nowrap}.priority-list-item .equipment-info .priority-item-date.error{color:var(--color-danger);font-weight:var(--font-weight-bold, 700)}.priority-error-truncated-separator{width:100%;height:1px;background-color:var(--color-danger);opacity:.5;margin:1rem 0}.priority-error-truncated-msg{color:var(--color-danger);font-size:.85rem;font-weight:500;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 1rem}.priority-error-truncated-msg svg{flex-shrink:0}.calendar-planner-title{text-align:center}@media(max-width: 425px){.calendar-planner-title{font-size:1.2em}}@media(max-width: 779px){:root{--font-size-em-lg: 1.1em;--font-size-em-md: 0.9em;--font-size-lg: 16px;--font-size-md: 14px;--font-size-sm: 12px;--font-size-xl: 20px;--font-size-xs: 11px}.bottom-nav-bar{display:flex !important;opacity:1;transform:translateY(0);pointer-events:auto;contain:paint layout;will-change:transform}.fab-container{opacity:1;pointer-events:none;transform:scale(1);bottom:90px;right:30px}#floating-save-btn{opacity:0;pointer-events:none;transform:scale(0.5);bottom:90px;right:30px}#income-tab .income-cards-grid{grid-template-columns:1fr}.income-summary-title{display:block;margin-bottom:10px}.income-header{padding:0}.main-content{align-items:stretch;width:100%}.left-panel{width:100%;max-width:100%;box-sizing:border-box}.card .ore-value,.card .ore-time,.card .ore-date{font-size:var(--font-size-xs, 0.75rem)}.right-panel{display:flex;flex-direction:column;gap:20px;width:100%;max-width:100%;box-sizing:border-box}.right-panel .ore-value[type=number]{width:60px}#planner-tab .planner-cards-grid{grid-template-columns:minmax(0, 1fr)}}@media(min-width: 780px){.bottom-nav-bar{display:none !important;opacity:0;transform:translateY(120%);pointer-events:none}.app-header h1{font-size:var(--font-size-lg, 1rem)}#orecalc-home-quantity-card{margin-top:0}#home-tab .main-content{align-items:stretch;flex-direction:row;justify-content:space-around}#home-tab .left-panel,#home-tab .right-panel{display:flex;flex:1}#home-tab .left-panel .card,#home-tab .right-panel .card{width:100%}#income-tab .income-cards-grid{align-items:stretch;gap:20px;grid-template-columns:1fr 1fr}#income-tab .income-cards-grid .income-card{width:100%}#income-tab .income-cards-grid.layout-compact{align-items:start}.left-panel{flex:2}.main-content{flex-direction:row}.right-panel{display:flex;flex:1;flex-direction:column;gap:20px}}/*# sourceMappingURL=main.min.css.map */