[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)}#commits-modal .modal-body,#changelog-modal .modal-body{scrollbar-width:none}#commits-modal .modal-body::-webkit-scrollbar,#changelog-modal .modal-body::-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}.route-transition-loader__spinner,.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{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)}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}.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}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}.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}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}.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}#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)}}.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)}.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}#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}}.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}.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)}#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}}.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}.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}}.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}.landing-page{min-height:100vh;background-color:var(--bg-app);color:var(--text-primary);display:flex;flex-direction:column}.landing-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)}.landing-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)}.landing-header{padding:0 24px}@media(max-width: 779px){.landing-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){.landing-header{padding:0 8px}}.landing-main{flex:1;display:flex;flex-direction:column;gap:16px;width:100%;max-width:1200px;margin-inline:auto;padding-inline:16px;padding-block:16px 32px;box-sizing:border-box}@media(max-width: 480px){.landing-main{padding-inline:12px;padding-block:12px 24px}}@media(max-width: 360px){.landing-main{padding-inline:4px;padding-block:8px 16px}}@media(max-width: 480px){.landing-main{gap:12px}}.landing-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 0;margin:0}.landing-hero__title{margin:0 0 2px;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:900;line-height:1.15;letter-spacing:-0.02em}.landing-hero__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)}.landing-hero__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)}.landing-hero__badge{margin:0 0 4px;padding:2px 8px;font-size:var(--font-size-xs, 0.75rem);font-weight:500;text-transform:none;letter-spacing:.02em;color:var(--text-secondary);background-color:color-mix(in srgb, var(--bg-surface-secondary) 80%, transparent);border:1px solid var(--border-secondary);border-radius:9999px}.landing-hero__subtitle{max-width:540px;margin:0;font-size:var(--font-size-sm, 0.8125rem);line-height:1.45;color:var(--text-secondary)}.landing-active-profile{width:100%;box-sizing:border-box}html.has-player .landing-active-profile:not([hidden]){min-height:120px}.active-profile-card{padding:12px 16px;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: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)}.active-profile-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)}.active-profile-card.is-collapsed{flex-direction:column;align-items:stretch;gap:12px}.active-profile-card.is-collapsed .profile-meta-left{width:100%;gap:12px}.active-profile-card.is-collapsed .profile-meta-left .player-identity{flex:1;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;min-width:0}.active-profile-card.is-collapsed .profile-meta-left .player-identity .player-identity-info{max-width:58%}.active-profile-card.is-collapsed .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%}.active-profile-card.is-collapsed .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}.active-profile-card.is-collapsed .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}.active-profile-card.is-collapsed .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}.active-profile-card.is-collapsed .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%}.active-profile-card.is-collapsed .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-role-mini::before,.active-profile-card.is-collapsed .profile-meta-left .player-identity .player-clan-mini .clan-info-col .clan-role-mini::after{content:none}.active-profile-card.is-collapsed .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}.active-profile-card.is-collapsed .profile-meta-right .league-details-mini{flex-shrink:0}.active-profile-card.is-collapsed .profile-meta-right .profile-meta-actions-row{gap:8px;margin-left:auto;flex-shrink:1;min-width:0}.active-profile-card.is-collapsed .profile-meta-right .player-maxed-equip-mini{display:block;white-space:normal;text-align:right;max-width:100px;flex-shrink:1;min-width:0}.active-profile-card.is-collapsed .profile-meta-right .player-maxed-equip-mini span{display:inline;text-align:right}.active-profile-card.is-collapsed .profile-meta-right .player-maxed-equip-mini .maxed-equip-icon-mini{display:inline-block;vertical-align:-1px;margin-right:4px;margin-top:0}.active-profile-card.is-collapsed .profile-meta-right .hj-planner-bridge-btn{align-self:center;padding:0;width:32px;height:32px;justify-content:center}.active-profile-card.is-collapsed .profile-meta-right .hj-planner-bridge-btn .planner-bridge-label{display:none}@media(max-width: 425px){.active-profile-card.is-collapsed .profile-meta-right .unconnected-connect-btn{padding:0;width:32px;height:32px;justify-content:center}.active-profile-card.is-collapsed .profile-meta-right .unconnected-connect-btn span[data-i18n]{display:none}}.active-profile-card .player-maxed-equip-mini{max-width:none}.landing-accounts-section{display:flex;flex-direction:column;gap:8px;width:100%}.landing-accounts-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;row-gap:4px;column-gap:8px;padding:0 2px}.landing-accounts-title-group{display:flex;align-items:center;gap:8px}.landing-accounts-title-group .landing-accounts-title{margin:0;font-size:var(--font-size-md, 0.9375rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary)}.landing-accounts-title-group .landing-accounts-count{font-size:var(--font-size-2xs, 0.6875rem);padding:1px 4px;background-color:var(--bg-surface-tertiary);color:var(--text-secondary);border-radius:9999px;font-weight:600}.landing-accounts-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.landing-refresh-toggle-btn,.landing-manage-toggle-btn,.landing-add-toggle-btn{display:inline-flex;align-items:center;gap:4px;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:var(--accent-primary);font-size:var(--font-size-xs, 0.75rem);font-weight:600;cursor:pointer;padding:4px 8px;min-height:32px;border-radius:8px;white-space:nowrap;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)}.landing-refresh-toggle-btn::before,.landing-manage-toggle-btn::before,.landing-add-toggle-btn::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);min-width:44px;min-height:44px;width:100%;height:100%}.landing-refresh-toggle-btn:hover,.landing-manage-toggle-btn:hover,.landing-add-toggle-btn:hover{background-color:var(--accent-primary-soft);border-color:color-mix(in srgb, var(--accent-primary) 30%, transparent)}.landing-refresh-toggle-btn.is-active,.landing-manage-toggle-btn.is-active,.landing-add-toggle-btn.is-active{background-color:var(--accent-primary-soft);border-color:var(--accent-primary)}.landing-refresh-toggle-btn.is-refreshing{pointer-events:none;opacity:.8;cursor:not-allowed}.landing-refresh-toggle-btn.is-refreshing .landing-refresh-icon{animation:spin 1s linear infinite}.landing-accounts-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:8px;width:100%}.landing-account-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)}.landing-account-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)}.landing-account-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)}.landing-account-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)}.landing-account-card.is-refreshing{pointer-events:none;position:relative;opacity:.85}.landing-account-card.is-refreshing::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1.5px solid var(--accent-primary);animation:card-refreshing-pulse 1.2s ease-in-out infinite;pointer-events:none}.landing-account-card.is-confirming-delete .account-card-meta,.landing-account-card:has(.account-card-delete-btn.is-confirming) .account-card-meta{display:none}.account-card-th,.landing-account-card__th{flex-shrink:0}.account-card-player,.landing-account-card__player{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.account-card-player .account-card-name,.account-card-player .landing-account-card__name,.landing-account-card__player .account-card-name,.landing-account-card__player .landing-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}.account-card-player .account-card-tag,.account-card-player .landing-account-card__tag,.landing-account-card__player .account-card-tag,.landing-account-card__player .landing-account-card__tag{font-family:monospace;font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);line-height:1.2}.account-card-meta,.landing-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}.account-card-meta .account-card-clan,.account-card-meta .landing-account-card__clan,.landing-account-card__meta .account-card-clan,.landing-account-card__meta .landing-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)}.account-card-meta .account-card-clan .clan-badge-img-tiny,.account-card-meta .landing-account-card__clan .clan-badge-img-tiny,.landing-account-card__meta .account-card-clan .clan-badge-img-tiny,.landing-account-card__meta .landing-account-card__clan .clan-badge-img-tiny{width:14px;height:14px;object-fit:contain;flex-shrink:0}.account-card-meta .account-card-clan .clan-name-text,.account-card-meta .landing-account-card__clan .clan-name-text,.landing-account-card__meta .account-card-clan .clan-name-text,.landing-account-card__meta .landing-account-card__clan .clan-name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-xs, 0.75rem)}.account-card-meta .account-card-stats,.account-card-meta .landing-account-card__stats,.landing-account-card__meta .account-card-stats,.landing-account-card__meta .landing-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)}.account-card-meta .account-card-stats .account-card-league,.account-card-meta .account-card-stats .landing-account-card__league,.account-card-meta .landing-account-card__stats .account-card-league,.account-card-meta .landing-account-card__stats .landing-account-card__league,.landing-account-card__meta .account-card-stats .account-card-league,.landing-account-card__meta .account-card-stats .landing-account-card__league,.landing-account-card__meta .landing-account-card__stats .account-card-league,.landing-account-card__meta .landing-account-card__stats .landing-account-card__league{display:inline-flex;align-items:center}.account-card-meta .account-card-stats .account-card-league .league-badge-img-tiny,.account-card-meta .account-card-stats .landing-account-card__league .league-badge-img-tiny,.account-card-meta .landing-account-card__stats .account-card-league .league-badge-img-tiny,.account-card-meta .landing-account-card__stats .landing-account-card__league .league-badge-img-tiny,.landing-account-card__meta .account-card-stats .account-card-league .league-badge-img-tiny,.landing-account-card__meta .account-card-stats .landing-account-card__league .league-badge-img-tiny,.landing-account-card__meta .landing-account-card__stats .account-card-league .league-badge-img-tiny,.landing-account-card__meta .landing-account-card__stats .landing-account-card__league .league-badge-img-tiny{width:14px;height:14px;object-fit:contain;flex-shrink:0}.account-card-meta .account-card-stats .account-card-trophies,.account-card-meta .account-card-stats .landing-account-card__trophies,.account-card-meta .landing-account-card__stats .account-card-trophies,.account-card-meta .landing-account-card__stats .landing-account-card__trophies,.landing-account-card__meta .account-card-stats .account-card-trophies,.landing-account-card__meta .account-card-stats .landing-account-card__trophies,.landing-account-card__meta .landing-account-card__stats .account-card-trophies,.landing-account-card__meta .landing-account-card__stats .landing-account-card__trophies{display:inline-flex;align-items:center;gap:3px;color:var(--text-secondary);font-weight:600}.account-card-meta .account-card-stats .account-card-trophies .trophy-icon-mini,.account-card-meta .account-card-stats .landing-account-card__trophies .trophy-icon-mini,.account-card-meta .landing-account-card__stats .account-card-trophies .trophy-icon-mini,.account-card-meta .landing-account-card__stats .landing-account-card__trophies .trophy-icon-mini,.landing-account-card__meta .account-card-stats .account-card-trophies .trophy-icon-mini,.landing-account-card__meta .account-card-stats .landing-account-card__trophies .trophy-icon-mini,.landing-account-card__meta .landing-account-card__stats .account-card-trophies .trophy-icon-mini,.landing-account-card__meta .landing-account-card__stats .landing-account-card__trophies .trophy-icon-mini{color:#ffca28;display:inline-flex;align-items:center}.trophy-icon-amber{color:#ffca28}.account-card-delete-btn,.landing-account-card__delete-btn{display:none;align-items:center;justify-content:center;gap:2px;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:var(--text-muted);cursor:pointer;padding:4px;border-radius:8px;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)}.account-card-delete-btn .delete-icon,.account-card-delete-btn .landing-account-card__delete-icon,.landing-account-card__delete-btn .delete-icon,.landing-account-card__delete-btn .landing-account-card__delete-icon{display:inline-flex;align-items:center;justify-content:center}.account-card-delete-btn .delete-confirm-text,.account-card-delete-btn .landing-account-card__delete-confirm-text,.landing-account-card__delete-btn .delete-confirm-text,.landing-account-card__delete-btn .landing-account-card__delete-confirm-text{display:none;font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);line-height:1;white-space:nowrap}.account-card-delete-btn:hover,.landing-account-card__delete-btn:hover{color:var(--color-danger);background-color:var(--color-danger-soft);border-color:var(--color-danger)}.account-card-delete-btn.is-confirming,.landing-account-card__delete-btn.is-confirming{background-color:var(--color-danger);color:var(--text-on-accent);border-color:var(--color-danger);padding:4px 8px}.account-card-delete-btn.is-confirming .delete-confirm-text,.landing-account-card__delete-btn.is-confirming .delete-confirm-text{display:inline}.account-card-delete-btn.is-confirming:hover,.landing-account-card__delete-btn.is-confirming:hover{background-color:color-mix(in srgb, var(--color-danger) 85%, black);border-color:color-mix(in srgb, var(--color-danger) 85%, black);color:var(--text-on-accent)}.landing-accounts-grid.is-managing .account-card-delete-btn{display:inline-flex}@keyframes card-refreshing-pulse{0%,100%{box-shadow:0 0 0 1px var(--accent-primary),0 0 8px color-mix(in srgb, var(--accent-primary) 30%, transparent);opacity:.6}50%{box-shadow:0 0 0 2px var(--accent-primary),0 0 16px color-mix(in srgb, var(--accent-primary) 60%, transparent);opacity:1}}@keyframes card-highlight-pulse{0%,100%{box-shadow:0 0 0 2px var(--accent-primary),0 4px 16px -2px color-mix(in srgb, var(--accent-primary) 35%, transparent)}50%{box-shadow:0 0 0 4px var(--accent-primary),0 6px 24px color-mix(in srgb, var(--accent-primary) 60%, transparent)}}.landing-account-card.is-pulse{animation:card-highlight-pulse .75s ease-in-out 2}.landing-search-form{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin-inline:auto;position:relative}@media(min-width: 625px){.landing-search-form{flex-direction:row;flex-wrap:wrap;align-items:flex-start}}.landing-search-input-container{display:flex;flex-direction:column;width:100%}@media(min-width: 625px){.landing-search-input-container{flex:1;min-width:240px}}.landing-search-input-container .error-message{color:var(--color-danger);font-size:var(--font-size-xs, 0.75rem);font-weight:500;margin-top:4px;padding-left:4px;text-align:left;display:none}.landing-search-input-container .error-message.show{display:block}.landing-search-wrapper{position:relative;width:100%;display:flex;align-items:center;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:12px;height:44px;box-sizing:border-box;transition:background-color 400ms cubic-bezier(0.25, 1, 0.5, 1),border-color 250ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 250ms cubic-bezier(0.25, 1, 0.5, 1)}.landing-search-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft)}.landing-search-wrapper:hover{border-color:color-mix(in srgb, var(--accent-primary) 40%, var(--border-primary))}.landing-search-wrapper.has-error,.landing-search-wrapper:has(.input-error){border-color:var(--color-danger);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-danger) 20%, transparent)}.landing-search-wrapper.shake{animation:shake 500ms cubic-bezier(0.25, 1, 0.5, 1)}.landing-search-hash{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;margin-left:8px;background-color:color-mix(in srgb, var(--accent-primary) 14%, var(--bg-surface-tertiary));border:1px solid color-mix(in srgb, var(--accent-primary) 25%, transparent);border-radius:4px;color:var(--accent-primary);font-weight:800;font-size:var(--font-size-sm, 0.8125rem);font-family:monospace;user-select:none;pointer-events:none;flex-shrink:0}.landing-search-input{width:100%;min-width:0;height:100%;padding:4px 8px;padding-right:32px;background:rgba(0,0,0,0);border:none;color:var(--text-primary);font-size:var(--font-size-md, 0.9375rem);font-family:monospace;text-transform:uppercase;letter-spacing:.05em;outline:none}.landing-search-input:focus,.landing-search-input:focus-visible{outline:none !important;box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important}.landing-search-input::placeholder{text-transform:none;font-family:inherit;color:var(--text-muted);font-size:var(--font-size-sm, 0.8125rem);letter-spacing:normal}@media(max-width: 480px){.landing-search-input::placeholder{font-size:var(--font-size-xs, 0.75rem)}}.landing-search-clear{position:absolute;right:8px;background:rgba(0,0,0,0);border:none;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:9999px}.landing-search-clear:hover{color:var(--text-primary)}.landing-search-actions{display:flex;align-items:center;gap:4px;width:100%;flex-shrink:0}@media(min-width: 625px){.landing-search-actions{width:auto}}.landing-search-cancel-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;font-size:var(--font-size-sm, 0.8125rem);font-weight:600;line-height:1;border-radius:12px;color:var(--text-secondary);border:1px solid var(--border-primary);background-color:var(--bg-surface-secondary);cursor:pointer;text-decoration:none;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);flex:1}@media(min-width: 625px){.landing-search-cancel-btn{flex:none}}.landing-search-cancel-btn:hover{background-color:var(--bg-surface-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.landing-search-btn{height:44px;padding:0 24px;font-size:var(--font-size-md, 0.9375rem);font-weight:600;gap:8px;border-radius:12px;width:100%;flex:2;flex-shrink:0;position:relative}@media(min-width: 625px){.landing-search-btn{width:auto;flex:none}}.landing-search-btn .landing-search-btn-spinner{display:none}.landing-search-btn.is-loading{pointer-events:none;opacity:.85}.landing-search-btn.is-loading .landing-search-btn-icon,.landing-search-btn.is-loading .landing-search-btn-text{opacity:0}.landing-search-btn.is-loading .landing-search-btn-spinner{display:block !important;position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:9999px;animation:landing-spin .6s linear infinite}.landing-search-feedback{width:100%;padding:4px 8px;border-radius:8px;font-size:var(--font-size-xs, 0.75rem);font-weight:500;box-sizing:border-box;display:flex;align-items:center;gap:4px}.landing-search-feedback.is-error{color:var(--color-danger);background-color:color-mix(in srgb, var(--color-danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-danger) 30%, transparent)}.landing-search-feedback.is-notice{color:#ffca28;background-color:color-mix(in srgb, #ffca28 10%, transparent);border:1px solid color-mix(in srgb, #ffca28 30%, transparent)}@keyframes landing-spin{to{transform:rotate(360deg)}}.landing-tools-section{display:flex;flex-direction:column;gap:8px;width:100%}.landing-section-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.landing-section-title{font-size:var(--font-size-md, 0.9375rem);font-weight:var(--font-weight-bold, 700);margin:0;color:var(--text-primary)}.landing-tools-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 280px), 1fr));gap:12px;width:100%}.landing-tool-card{position:relative;display:flex;flex-direction:column;padding:12px 16px;border-radius:10px;background-color:var(--bg-surface-secondary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15);gap:8px;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);overflow:hidden}.landing-tool-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.85;transition:opacity 150ms cubic-bezier(0.25, 1, 0.5, 1),height 150ms cubic-bezier(0.25, 1, 0.5, 1)}.landing-tool-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)}.landing-tool-card:hover::before{opacity:1;height:4px}.landing-tool-card--ore::before{background:linear-gradient(90deg, var(--shiny-ore) 0%, var(--glowy-ore) 50%, var(--starry-ore) 100%)}.landing-tool-card--hj::before{background:linear-gradient(90deg, var(--hero-bk) 0%, var(--hero-gw) 50%, var(--hero-rc) 100%)}.landing-tool-card--damage::before{background:linear-gradient(90deg, var(--damage-arrow) 0%, var(--damage-overload) 28%, var(--damage-zap) 65%, var(--damage-quake) 100%)}.landing-tool-card__header{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icons badge" "title title";row-gap:4px;column-gap:8px;align-items:center}.landing-tool-card__icon-cluster{grid-area:icons;display:flex;align-items:center;gap:4px;height:32px;flex-shrink:0}.landing-tool-card__icon-cluster--overlap{gap:0}.landing-tool-card__icon-cluster--overlap .landing-tool-icon{transition:transform 150ms cubic-bezier(0.2, 0, 0, 1),z-index 150ms cubic-bezier(0.2, 0, 0, 1)}.landing-tool-card__icon-cluster--overlap .landing-tool-icon:not(:first-child){margin-left:-9px}.landing-tool-card__icon-cluster--overlap .landing-tool-icon--bk{z-index:1}.landing-tool-card__icon-cluster--overlap .landing-tool-icon--aq{z-index:2}.landing-tool-card__icon-cluster--overlap .landing-tool-icon--mp{z-index:3}.landing-tool-card__icon-cluster--overlap .landing-tool-icon--gw{z-index:4}.landing-tool-card__icon-cluster--overlap .landing-tool-icon--rc{z-index:5}.landing-tool-card__icon-cluster--overlap .landing-tool-icon--dd{z-index:6}.landing-tool-card__icon-cluster--overlap .landing-tool-icon:hover{z-index:10}.landing-tool-card__title{grid-area:title;width:100%;min-width:0;margin:0;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}.landing-tool-card__title-link{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;text-decoration:none;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.landing-tool-card__title-link:hover{color:var(--accent-primary)}.landing-tool-card__title-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}.landing-tool-card__badge{grid-area:badge;justify-self:end;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);padding:2px 4px;border-radius:4px;background-color: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);white-space:nowrap;flex-shrink:0;line-height:1.3}.landing-tool-card--hj .landing-tool-card__badge{background-color:color-mix(in srgb, #8ab4f8 15%, transparent);color:#8ab4f8;border-color:color-mix(in srgb, #8ab4f8 30%, transparent)}.landing-tool-card--damage .landing-tool-card__badge{background-color:color-mix(in srgb, var(--damage-arrow) 15%, transparent);color:var(--damage-arrow);border-color:color-mix(in srgb, var(--damage-arrow) 30%, transparent)}.landing-tool-card__desc{font-size:var(--font-size-xs, 0.75rem);line-height:1.45;color:var(--text-secondary);margin:0}.landing-tool-card__live-progress{display:flex;flex-direction:column;gap:4px;padding:8px 12px;background-color:var(--bg-surface-primary);border:1px solid color-mix(in srgb, var(--border-primary) 50%, transparent);border-radius:8px}.landing-tool-card__guest-teaser{display:flex;flex-direction:column;gap:4px;padding:8px 12px;background-color:var(--bg-surface-primary);border:1px dashed color-mix(in srgb, var(--border-primary) 60%, transparent);border-radius:8px;color:var(--text-secondary);font-size:var(--font-size-xs, 0.75rem);line-height:1.4}.landing-tool-card__guest-teaser-lead{display:flex;align-items:center;gap:8px}.landing-tool-card__guest-teaser-lead .teaser-icon{color:var(--accent-primary);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.landing-tool-card__guest-teaser-lead .teaser-text{flex:1}.landing-tool-card__guest-capabilities{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.landing-tool-card__guest-capabilities .guest-capability-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 4px;font-size:var(--font-size-2xs, 0.6875rem);font-weight:600;color:var(--text-secondary);background-color:var(--bg-surface-secondary);border:1px solid color-mix(in srgb, var(--border-primary) 50%, transparent);border-radius:4px}.landing-tool-card__guest-capabilities .guest-capability-chip .capability-icon{color:var(--accent-primary);flex-shrink:0}.landing-tool-card__quick-links{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:2px}.landing-tool-card__quick-links .quick-links-label{font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.landing-tool-card__quick-links .quick-links-group{display:flex;align-items:center;flex-wrap:wrap;row-gap:4px;column-gap:4px}.landing-tool-card__quick-links .tool-quick-link{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;min-height:32px;font-size:var(--font-size-xs, 0.75rem);font-weight:500;color:var(--text-secondary);background-color:var(--bg-surface-primary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);border-radius:9999px;text-decoration:none;transition:all 150ms cubic-bezier(0.25, 1, 0.5, 1);white-space:nowrap;position:relative}.landing-tool-card__quick-links .tool-quick-link::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);min-width:44px;min-height:44px;width:100%;height:100%}.landing-tool-card__quick-links .tool-quick-link .quick-link-icon{display:block;color:var(--text-muted);transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.landing-tool-card__quick-links .tool-quick-link:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-primary));background-color:var(--bg-surface-tertiary)}.landing-tool-card__quick-links .tool-quick-link:hover .quick-link-icon{color:var(--accent-primary)}.landing-tool-card__quick-links .tool-quick-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.landing-tool-card:not(:has(.landing-tool-card__quick-links)) .landing-tool-card__footer{margin-top:auto}.landing-tool-card__footer{padding-top:2px}.landing-tool-card__cta{width:100%;height:38px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm, 0.8125rem);border-radius:12px;text-decoration:none;box-sizing:border-box}.landing-tool-card--damage .live-stat-pills-row{grid-template-columns:repeat(2, 1fr)}.landing-tool-card--damage.is-compact-pills .live-stat-pills-row{grid-template-columns:1fr}.landing-tool-card--damage.is-compact-pills .live-stat-pill{grid-column:1/-1}.landing-tool-card.is-compact-pills:not(.landing-tool-card--damage) .live-stat-pills-row{grid-template-columns:repeat(2, 1fr)}.landing-tool-card.is-compact-pills:not(.landing-tool-card--damage) .live-stat-pill:last-child{grid-column:1/-1}.live-progress-overall{display:flex;flex-direction:column;gap:4px}.live-progress-header{display:flex;align-items:center;justify-content:space-between;gap:4px}.live-progress-header .live-progress-title{font-size:var(--font-size-2xs, 0.6875rem);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-progress-header .live-progress-pct{font-size:var(--font-size-sm, 0.8125rem);font-weight:800;color:var(--text-primary)}.live-progress-header .live-progress-pct.is-muted{font-weight:var(--font-weight-bold, 700);color:var(--text-muted)}.live-progress-bar{width:100%;height:7px;background-color:var(--bg-surface-primary);border-radius:9999px;overflow:hidden;position:relative}.live-progress-bar .live-progress-fill{height:100%;width:0;border-radius:9999px;transition:width 2000ms cubic-bezier(0.25, 1, 0.5, 1)}.live-progress-bar .live-progress-fill[data-live-bar=hj]{background:linear-gradient(90deg, #38bdf8 0%, #06b6d4 100%)}.live-progress-bar.is-disabled{opacity:.35;pointer-events:none}.live-progress-bar.is-disabled .live-progress-fill{display:none;width:0 !important}.live-stat-pills-row{display:grid;grid-template-columns:repeat(3, 1fr);gap:4px;margin-top:2px}.live-stat-pill{display:flex;align-items:center;gap:4px;padding:4px;background-color:var(--bg-surface-secondary);border:1px solid color-mix(in srgb, var(--border-primary) 50%, transparent);border-radius:4px;min-width:0}.live-stat-pill .stat-pill-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.live-stat-pill .stat-pill-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.live-stat-pill .stat-pill-text .stat-pill-name{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-stat-pill .stat-pill-text .stat-pill-val{font-size:var(--font-size-xs, 0.75rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-tool-icon{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35));position:relative;transition:transform 150ms cubic-bezier(0.2, 0, 0, 1)}.landing-tool-icon:hover{transform:translateY(-2px) scale(1.15)}.landing-modal-header{padding:24px 24px 12px}.landing-modal-title{font-weight:var(--font-weight-bold, 700)}.landing-modal-body{padding:16px 24px;display:flex;flex-direction:column;gap:12px}.landing-launch-village-card{display:flex;align-items:center;gap:12px;padding:8px 12px;background-color:var(--bg-surface-primary);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)}.landing-modal-th{flex-shrink:0}.landing-launch-village-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.landing-launch-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}.landing-launch-tag{font-family:monospace;font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-muted);line-height:1.2}.landing-modal-prompt{margin:0;font-size:var(--font-size-sm, 0.8125rem);color:var(--text-secondary);line-height:1.4}.landing-modal-tools{display:flex;flex-direction:column;gap:8px}.landing-modal-tool-card{display:flex;flex-direction:row;align-items:center;padding:12px;gap:12px;border-radius:10px;background-color:var(--bg-surface-primary);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);position:relative;overflow:hidden;text-decoration:none;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15);transition:transform 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),box-shadow 150ms cubic-bezier(0.25, 1, 0.5, 1)}.landing-modal-tool-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.85;transition:opacity 150ms cubic-bezier(0.25, 1, 0.5, 1),height 150ms cubic-bezier(0.25, 1, 0.5, 1)}.landing-modal-tool-card--ore::before{background:linear-gradient(90deg, var(--shiny-ore) 0%, var(--glowy-ore) 50%, var(--starry-ore) 100%)}.landing-modal-tool-card--hj::before{background:linear-gradient(90deg, var(--hero-bk) 0%, var(--hero-gw) 50%, var(--hero-rc) 100%)}.landing-modal-tool-card--damage::before{background:linear-gradient(90deg, var(--damage-arrow) 0%, var(--damage-overload) 28%, var(--damage-zap) 65%, var(--damage-quake) 100%)}.landing-modal-tool-card:hover{border-color:var(--accent-primary);background-color:color-mix(in srgb, var(--accent-primary) 8%, var(--bg-surface-primary))}.landing-modal-tool-card:hover .landing-modal-tool-card__action,.landing-modal-tool-card:hover .tool-card-action{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent)}.landing-modal-tool-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.landing-modal-tool-card__icon-cluster,.landing-modal-tool-card .tool-card-icon-cluster{height:38px;flex-shrink:0;display:inline-flex;align-items:center;background-color:var(--bg-surface-secondary);padding:2px 4px;border-radius:8px;border:1px solid var(--border-primary)}.landing-modal-tool-card .landing-tool-icon{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));pointer-events:none;transform:none !important;transition:none !important}.landing-modal-tool-card .landing-tool-icon:not(:first-child){margin-left:-6px}.landing-modal-tool-card__info,.landing-modal-tool-card .tool-card-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;text-align:left}.landing-modal-tool-card__title,.landing-modal-tool-card .tool-card-title{font-size:var(--font-size-sm, 0.8125rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);line-height:1.25;margin:0}.landing-modal-tool-card__desc,.landing-modal-tool-card .tool-card-desc{font-size:var(--font-size-2xs, 0.6875rem);color:var(--text-secondary);line-height:1.3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-modal-tool-card__action,.landing-modal-tool-card .tool-card-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9999px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);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)}.landing-modal-tool-card__action clashcalc-assets-svg,.landing-modal-tool-card__action orecalc-assets-svg,.landing-modal-tool-card .tool-card-action clashcalc-assets-svg,.landing-modal-tool-card .tool-card-action orecalc-assets-svg{width:14px;height:14px;fill:currentColor;display:flex;align-items:center;justify-content:center;transform:rotate(-90deg)}.landing-modal-tool-card__action clashcalc-assets-svg svg,.landing-modal-tool-card__action orecalc-assets-svg svg,.landing-modal-tool-card .tool-card-action clashcalc-assets-svg svg,.landing-modal-tool-card .tool-card-action orecalc-assets-svg svg{transform:none}.landing-modal-actions{border-top:1px solid var(--border-primary)}/*# sourceMappingURL=landing.min.css.map */