.level-display,.nav-button,.nav-button .nav-item-content,.nav-button .nav-icon-wrapper,#priority-list-modal .reset-button,#priority-list-modal .stored-ores-button,#preloader,#preloader .preloader-loader,.delete-player-button,.fab-button,.card .card-title-icon,.animated-btn,.animated-btn .animated-btn-icon-wrapper,.animated-btn .animated-btn-icon-disabled,.upgrade-btn,.icon-button,.modal .close-button,.modal .info-button.info-btn,#notice-modal .close-button,#notice-modal .info-button.info-btn{display:flex;align-items:center;justify-content:center}.navigation-drawer__overlay,#preloader,.overlay,.modal,#notice-modal{position:fixed;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}@property --ripple-x{syntax:"<length>";inherits:true;initial-value:0px}@property --ripple-y{syntax:"<length>";inherits:true;initial-value:0px}@keyframes pop-in{0%{opacity:0;transform:scale(0.5) translateY(10px)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:.4}100%{transform:scale(1);opacity:.8}}@keyframes checkmark-pop{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1.2)}}[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-new(root),[data-transition-type=theme-switch]::view-transition-old(welcome-modal),[data-transition-type=theme-switch]::view-transition-new(welcome-modal){animation:none;mix-blend-mode:normal}[data-transition-type=theme-switch]::view-transition-old(root),[data-transition-type=theme-switch]::view-transition-old(welcome-modal){z-index:1}[data-transition-type=theme-switch]::view-transition-new(root){z-index:9999;animation:reveal 1s cubic-bezier(0.4, 0, 0.2, 1) both;clip-path:circle(0% at var(--ripple-x) var(--ripple-y))}[data-transition-type=theme-switch]::view-transition-new(welcome-modal){z-index:10000;animation:reveal 1s cubic-bezier(0.4, 0, 0.2, 1) both;clip-path:circle(0% at var(--ripple-x) var(--ripple-y))}@keyframes reveal{from{clip-path:circle(0% at var(--ripple-x) var(--ripple-y))}to{clip-path:circle(150% at var(--ripple-x) var(--ripple-y))}}@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 .4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 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 .6s ease-out}@keyframes dot-jump{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}}.shake{animation:shake .5s ease-in-out}:root{color-scheme:dark;--bg-app: #121212;--bg-surface-primary: #202124;--bg-surface-secondary: #2c2e30;--bg-surface-tertiary: #3c4043;--bg-surface-popover: rgba(32, 33, 36, 0.6);--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: var(--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;--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: rgba(249, 200, 64, 0.3);--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;--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: var(--bg-app);--bg-secondary: var(--bg-surface-primary);--surface-card: var(--bg-surface-secondary);--border-color: var(--border-primary);--color-success-400: var(--color-success);--color-danger-300: var(--color-danger);--font-size-xl: 24px;--font-size-lg: 18px;--font-size-md: 16px;--font-size-sm: 14px;--font-size-xs: 12px;--font-size-em-lg: 1.2em;--font-size-em-md: 1em;--font-weight-bold: 700;--material-track-inactive: #5f6368;--material-track-active: var(--accent-primary);--material-track-focus-outline: var(--accent-primary-soft);--material-thumb-inactive: #e8eaed;--material-thumb-active: #ffffff;--input-hover-bg-color: rgba(255, 255, 255, 0.1);--chip-border: rgba(255, 255, 255, 0.1);--color-gold: #fdd663;--color-gold-soft: rgba(253, 214, 99, 0.15);--color-event-red: #f28b82;--color-event-red-hover: #ea4335;--btn-color-teal: #80cbc4;--btn-bg-teal: rgba(128, 203, 196, 0.12);--btn-border-teal: rgba(128, 203, 196, 0.3);--btn-bg-teal-hover: rgba(128, 203, 196, 0.22);--btn-border-teal-hover: rgba(128, 203, 196, 0.45);--btn-color-red: #f8b4ae;--btn-bg-red: rgba(248, 180, 174, 0.12);--btn-border-red: rgba(248, 180, 174, 0.3);--btn-bg-red-hover: rgba(248, 180, 174, 0.22);--btn-border-red-hover: rgba(248, 180, 174, 0.45);--btn-color-deep-orange: #ffab91;--btn-bg-deep-orange: rgba(255, 171, 145, 0.12);--btn-border-deep-orange: rgba(255, 171, 145, 0.3);--btn-bg-deep-orange-hover: rgba(255, 171, 145, 0.22);--btn-border-deep-orange-hover: rgba(255, 171, 145, 0.45);--btn-color-emerald: #a5d6a7;--btn-bg-emerald: rgba(165, 214, 167, 0.12);--btn-border-emerald: rgba(165, 214, 167, 0.3);--btn-bg-emerald-hover: rgba(165, 214, 167, 0.22);--btn-border-emerald-hover: rgba(165, 214, 167, 0.45);--btn-color-green: #a8dab5;--btn-bg-green: rgba(168, 218, 181, 0.12);--btn-border-green: rgba(168, 218, 181, 0.3);--btn-bg-green-hover: rgba(168, 218, 181, 0.22);--btn-border-green-hover: rgba(168, 218, 181, 0.45);--btn-color-amber: #ffe082;--btn-bg-amber: rgba(255, 224, 130, 0.12);--btn-border-amber: rgba(255, 224, 130, 0.3);--btn-bg-amber-hover: rgba(255, 224, 130, 0.22);--btn-border-amber-hover: rgba(255, 224, 130, 0.45);--btn-color-cyan: #80deea;--btn-bg-cyan: rgba(128, 222, 234, 0.12);--btn-border-cyan: rgba(128, 222, 234, 0.3);--btn-bg-cyan-hover: rgba(128, 222, 234, 0.22);--btn-border-cyan-hover: rgba(128, 222, 234, 0.45);--btn-color-purple: #ce93d8;--btn-bg-purple: rgba(206, 147, 216, 0.12);--btn-border-purple: rgba(206, 147, 216, 0.3);--btn-bg-purple-hover: rgba(206, 147, 216, 0.22);--btn-border-purple-hover: rgba(206, 147, 216, 0.45);--btn-color-pink: #f48fb1;--btn-bg-pink: rgba(244, 143, 177, 0.12);--btn-border-pink: rgba(244, 143, 177, 0.3);--btn-bg-pink-hover: rgba(244, 143, 177, 0.22);--btn-border-pink-hover: rgba(244, 143, 177, 0.45)}.light-mode{color-scheme:light;--bg-app: #f8f9fa;--bg-surface-primary: #ffffff;--bg-surface-secondary: #f1f3f4;--bg-surface-tertiary: #e8eaed;--bg-surface-popover: rgba(255, 255, 255, 0.6);--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: var(--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: #202124;--text-secondary: #3c4043;--text-muted: #5f6368;--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;--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: rgba(255, 111, 0, 0.4);--shiny-ore: #0088cc;--glowy-ore: #c020db;--starry-ore: #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);--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: rgba(0, 121, 107, 0.08);--btn-border-teal: rgba(0, 121, 107, 0.25);--btn-bg-teal-hover: rgba(0, 121, 107, 0.15);--btn-border-teal-hover: rgba(0, 121, 107, 0.4);--btn-color-red: #d93025;--btn-bg-red: rgba(217, 48, 37, 0.08);--btn-border-red: rgba(217, 48, 37, 0.25);--btn-bg-red-hover: rgba(217, 48, 37, 0.15);--btn-border-red-hover: rgba(217, 48, 37, 0.4);--btn-color-deep-orange: #bf360c;--btn-bg-deep-orange: rgba(216, 67, 21, 0.08);--btn-border-deep-orange: rgba(216, 67, 21, 0.25);--btn-bg-deep-orange-hover: rgba(216, 67, 21, 0.15);--btn-border-deep-orange-hover: rgba(216, 67, 21, 0.4);--btn-color-emerald: #1b5e20;--btn-bg-emerald: rgba(56, 142, 60, 0.08);--btn-border-emerald: rgba(56, 142, 60, 0.25);--btn-bg-emerald-hover: rgba(56, 142, 60, 0.15);--btn-border-emerald-hover: rgba(56, 142, 60, 0.4);--btn-color-green: #188038;--btn-bg-green: rgba(24, 128, 56, 0.08);--btn-border-green: rgba(24, 128, 56, 0.25);--btn-bg-green-hover: rgba(24, 128, 56, 0.15);--btn-border-green-hover: rgba(24, 128, 56, 0.4);--btn-color-amber: #8c5200;--btn-bg-amber: rgba(255, 111, 0, 0.08);--btn-border-amber: rgba(255, 111, 0, 0.25);--btn-bg-amber-hover: rgba(255, 111, 0, 0.15);--btn-border-amber-hover: rgba(255, 111, 0, 0.4);--btn-color-cyan: #006064;--btn-bg-cyan: rgba(0, 151, 167, 0.08);--btn-border-cyan: rgba(0, 151, 167, 0.25);--btn-bg-cyan-hover: rgba(0, 151, 167, 0.15);--btn-border-cyan-hover: rgba(0, 151, 167, 0.4);--btn-color-purple: #7b1fa2;--btn-bg-purple: rgba(123, 31, 162, 0.08);--btn-border-purple: rgba(123, 31, 162, 0.25);--btn-bg-purple-hover: rgba(123, 31, 162, 0.15);--btn-border-purple-hover: rgba(123, 31, 162, 0.4);--btn-color-pink: #ad1457;--btn-bg-pink: rgba(173, 20, 87, 0.08);--btn-border-pink: rgba(173, 20, 87, 0.25);--btn-bg-pink-hover: rgba(173, 20, 87, 0.15);--btn-border-pink-hover: rgba(173, 20, 87, 0.4);background-color:var(--bg-app);color:var(--text-primary)}html{overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.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:hsla(0,0%,100%,.12);border-radius:5px;border:2px solid rgba(0,0,0,0);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.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 .15s 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)}html,body{background-color:var(--bg-app);overscroll-behavior-x:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;color:var(--text-primary);-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:background-color .4s ease-in-out,color .4s ease-in-out;font-family:"Roboto",sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0)}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){outline:2px solid var(--outline-focus) !important;outline-offset:2px}.no-transition,.no-transition *{transition:none !important}.container,.card,.inner-card,.income-card,.hero-card,.modal-content,.navigation-drawer,.income-summary-title,.total-income-header,.income-table-cell,.tab-button,.nav-button,.fab-button,.fab-menu-pill,.income-chip,.ore-tooltip,.chip-tooltip{transition:background-color .4s ease-in-out,color .4s ease-in-out,border-color .4s ease-in-out,box-shadow .4s ease-in-out,filter .4s ease-in-out}input,textarea{-webkit-user-select:auto;-ms-user-select:auto;user-select:auto}code{-webkit-user-select:all;-ms-user-select:all;user-select:all}#user-id-display{user-select:text}.container{background-color:var(--bg-surface-primary);border-radius:16px;box-shadow:0px 2px 4px rgba(0,0,0,.3),0px 2px 6px rgba(0,0,0,.15);margin:0 auto;max-width:1200px;padding:20px}.hidden-button-space{visibility:hidden}.negative-value{color:var(--color-danger)}.success-text{color:var(--color-success)}@keyframes glow-success{0%{box-shadow:0 0 0 0 rgba(0,0,0,0)}50%{box-shadow:0 0 20px var(--color-success)}100%{box-shadow:0 0 0 0 rgba(0,0,0,0)}}.glow-success{animation:glow-success 2s ease-in-out}.hidden{display:none !important}.separator{height:1px;background:var(--border-primary);margin:10px 0;opacity:.5}orecalc-assets-svg{display:contents}orecalc-assets-svg:empty{display:inline-block;vertical-align:middle;line-height:1;width:24px;height:24px}orecalc-assets-svg:empty[width="14"]{width:14px}orecalc-assets-svg:empty[height="14"]{height:14px}orecalc-assets-svg:empty[width="16"]{width:16px}orecalc-assets-svg:empty[height="16"]{height:16px}orecalc-assets-svg:empty[width="18"]{width:18px}orecalc-assets-svg:empty[height="18"]{height:18px}orecalc-assets-svg:empty[width="20"]{width:20px}orecalc-assets-svg:empty[height="20"]{height:20px}orecalc-assets-svg:empty[width="24"]{width:24px}orecalc-assets-svg:empty[height="24"]{height:24px}orecalc-assets-svg:empty[width="30"]{width:30px}orecalc-assets-svg:empty[height="30"]{height:30px}orecalc-assets-svg:empty[width="32"]{width:32px}orecalc-assets-svg:empty[height="32"]{height:32px}orecalc-assets-svg:empty[width="48"]{width:48px}orecalc-assets-svg:empty[height="48"]{height:48px}orecalc-assets-image{display:contents}orecalc-assets-image:empty{display:inline-block;vertical-align:middle}orecalc-assets-image:empty.ore-image{height:30px;width:30px}orecalc-assets-image:empty.title-icon{height:30px;width:53.3px}.resources-row orecalc-assets-image:empty{height:24px;width:24px}.theme-link{color:var(--accent-primary);text-decoration:underline;transition:color .2s ease-in-out}.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)}*{box-sizing:border-box}body{font-family:"Roboto",sans-serif;background-color:var(--bg-app);color:var(--text-primary);margin:0;padding:20px 20px 80px;font-size:var(--font-size-md)}html:has(.modal.show,.show#notice-modal),body:has(.modal.show,.show#notice-modal){overflow:hidden !important}.modal,#notice-modal{background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:60;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:opacity .3s cubic-bezier(0.25, 1, 0.5, 1),visibility .3s cubic-bezier(0.25, 1, 0.5, 1),backdrop-filter .3s cubic-bezier(0.25, 1, 0.5, 1),-webkit-backdrop-filter .3s cubic-bezier(0.25, 1, 0.5, 1)}.modal.show,.show#notice-modal{opacity:1;visibility:visible;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal.show .modal-content,.show#notice-modal .modal-content{transform:scale(1);opacity:1;transition:transform .3s cubic-bezier(0.34, 1.56, 0.64, 1),opacity .3s cubic-bezier(0.25, 1, 0.5, 1)}.modal .modal-content,#notice-modal .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 - 40px);overflow:hidden;transform:scale(0.92);opacity:0;transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1),opacity .2s cubic-bezier(0.25, 1, 0.5, 1);display:flex;flex-direction:column}.modal .modal-content.modal-large,#notice-modal .modal-content.modal-large{max-width:760px;height:80vh}.modal .modal-content>.privacy-notice,#notice-modal .modal-content>.privacy-notice{padding-left:24px;padding-right:24px}.modal .modal-header,#notice-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}.modal .modal-header h2,#notice-modal .modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:.01em;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal .modal-header .modal-header-actions,#notice-modal .modal-header .modal-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.modal .modal-body,#notice-modal .modal-body{padding:16px 24px 24px;color:var(--text-primary);line-height:1.5;font-size:1rem;flex:1;overflow-y:auto;min-height:0}.modal .modal-body p,#notice-modal .modal-body p{margin:0}.modal .modal-body code,#notice-modal .modal-body code{font-family:"Roboto Mono",monospace;background-color:hsla(0,0%,100%,.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)}.modal .modal-info-text,#notice-modal .modal-info-text{padding:0 24px;margin-top:10px;font-size:.9em;color:var(--text-secondary);line-height:1.4}.modal .privacy-notice,#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}.modal .privacy-notice p,#notice-modal .privacy-notice p{margin:0}.modal .modal-actions,#notice-modal .modal-actions{display:flex;justify-content:flex-end;padding:16px 24px;gap:12px;background-color:var(--bg-surface-secondary);flex-shrink:0}.modal .close-button,#notice-modal .close-button{background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-secondary);cursor:pointer;height:36px;padding:0;transition:background-color .2s ease-in-out,border-color .2s,transform .1s;width:36px}.modal .close-button svg,#notice-modal .close-button svg{fill:currentColor;width:24px;height:24px}.modal .close-button:hover,#notice-modal .close-button:hover,.modal .close-button:focus,#notice-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)}.modal .close-button[target=_blank]:hover,#notice-modal .close-button[target=_blank]:hover,.modal .close-button[target=_blank]:focus,#notice-modal .close-button[target=_blank]:focus{transform:scale(1.08)}.modal .close-button:active,#notice-modal .close-button:active{transform:scale(0.94)}.modal .info-button.info-btn,#notice-modal .info-button.info-btn{background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-secondary);cursor:pointer;height:36px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out,border-color .2s,transform .1s;width:36px}.modal .info-button.info-btn svg,#notice-modal .info-button.info-btn svg{fill:currentColor;width:24px;height:24px}.modal .info-button.info-btn:hover,#notice-modal .info-button.info-btn:hover,.modal .info-button.info-btn:focus,#notice-modal .info-button.info-btn:focus{background-color:var(--bg-surface-tertiary);border-color:var(--accent-primary);color:var(--text-primary);transform:scale(1.05)}.modal .info-button.info-btn:active,#notice-modal .info-button.info-btn:active{transform:scale(0.95)}.modal.modal-centered .modal-header,#notice-modal .modal-header{justify-content:center;border-bottom:none;padding-bottom:8px}.modal.modal-centered .modal-body,#notice-modal .modal-body{text-align:center;padding-top:8px}.modal.modal-centered .modal-actions,#notice-modal .modal-actions{justify-content:center;padding-top:8px;background-color:rgba(0,0,0,0)}@media(max-width: 600px){.modal .modal-content,#notice-modal .modal-content{border-radius:20px}.modal .modal-header,#notice-modal .modal-header{padding:16px 20px 12px;gap:8px}.modal .modal-header h2,#notice-modal .modal-header h2{font-size:1.15rem}.modal .modal-header .modal-header-actions,#notice-modal .modal-header .modal-header-actions{gap:6px}.modal .modal-header .close-button,#notice-modal .modal-header .close-button{width:32px;height:32px;border-radius:10px}.modal .modal-header .close-button svg,#notice-modal .modal-header .close-button svg{width:20px;height:20px}.modal .modal-body,#notice-modal .modal-body{padding:12px 20px 20px;font-size:.9375rem}.modal .modal-actions,#notice-modal .modal-actions{padding:12px 20px}}#notice-modal{z-index:119}#notice-modal .modal-content{transform:translateY(-50px);opacity:0;transition:transform .4s cubic-bezier(0.34, 1.56, 0.64, 1),opacity .25s ease}#notice-modal.show .modal-content{transform:translateY(0);opacity:1}#notice-modal 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}#notice-modal .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:var(--font-weight-medium);word-break:break-all;margin:12px 0;max-width:100%;box-sizing:border-box;text-align:center;user-select:all}.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}.modal-top{z-index:65 !important}.high-priority-modal{z-index:120 !important}.high-priority-modal.warning{z-index:119 !important}.high-priority-modal.error{z-index:120 !important}.high-priority-modal.critical{z-index:121 !important}@keyframes spin{to{transform:rotate(360deg)}}.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);min-height:40px;min-width:100px;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transition:background-color .3s,border-color .3s,color .3s}.animated-btn .animated-btn-text,.animated-btn .animated-btn-icon-wrapper,.animated-btn .animated-btn-icon-disabled{transition:transform .3s ease-out,opacity .3s ease-out}.animated-btn .animated-btn-icon-wrapper{height:100%;left:0;position:absolute;top:0;width:100%;transform:translateY(-100%)}.animated-btn .animated-btn-icon-wrapper svg{fill:currentColor}.animated-btn .animated-btn-icon-disabled{height:100%;left:0;position:absolute;top:0;width:100%;opacity:0;pointer-events:none}.animated-btn .animated-btn-icon-disabled svg{fill:currentColor}.animated-btn:hover:not(:disabled):not(.saving):not(.success):not(.error) .animated-btn-text{opacity:0;transform:translateY(100%)}.animated-btn:hover:not(:disabled):not(.saving):not(.success):not(.error) .animated-btn-icon-wrapper{transform:translateY(0)}.animated-btn:active:not(:disabled):not(.saving):not(.success):not(.error){transform:scale(0.97);filter:brightness(0.9)}.animated-btn:disabled{background-color:var(--bg-surface-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6;border-color:var(--border-primary)}.animated-btn:disabled .animated-btn-text{opacity:0}.animated-btn: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.error{background-color:rgba(242,139,130,.1) !important;color:#ee675c !important;border-color:rgba(242,139,130,.3) !important}.task-btn.error .button-error-icon{opacity:1;visibility:visible;transform:translate(-50%, -50%) scale(1)}.task-btn.success{background-color:rgba(102,187,106,.15) !important;color:#4caf50 !important;border-color:rgba(102,187,106,.3) !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 .3s ease,transform .3s 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}.button-loader span:nth-child(1){animation-delay:-0.32s}.button-loader span:nth-child(2){animation-delay:-0.16s}.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 rgba(66,133,244,.3)}.btn-accent:hover:not(:disabled),#floating-save-btn:hover:not(:disabled){background-color:rgba(66,133,244,.2);border-color:rgba(66,133,244,.5)}#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 .3s cubic-bezier(0.2, 1, 0.2, 1),transform .3s cubic-bezier(0.2, 1, 0.2, 1),bottom .3s cubic-bezier(0.2, 1, 0.2, 1),right .3s cubic-bezier(0.2, 1, 0.2, 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 .3s;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 rgba(66,133,244,.3)}#copy-user-id-btn:hover:not(:disabled){background-color:rgba(66,133,244,.2);border-color:rgba(66,133,244,.5)}#copy-user-id-btn{box-shadow:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#copy-user-id-btn::-moz-focus-inner{border:0}#import-user-data-btn{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid rgba(66,133,244,.3)}#import-user-data-btn:hover:not(:disabled){background-color:rgba(66,133,244,.2);border-color:rgba(66,133,244,.5)}#import-user-data-btn{box-shadow:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#import-user-data-btn::-moz-focus-inner{border:0}.reset-data-button{background-color:rgba(242,139,130,.1);color:#ee675c;border:1px solid rgba(242,139,130,.3);box-shadow:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.reset-data-button::-moz-focus-inner{border:0}.reset-data-button:hover{background-color:rgba(242,139,130,.2);border-color:rgba(242,139,130,.5)}.transparent-svg-button{background-color:rgba(0,0,0,0);border:none;cursor:pointer;display:none;margin-right:5px;padding:0 5px 0 0;transition:transform .5s ease-in-out}.transparent-svg-button:hover{transform:rotate(-360deg)}.upgrade-btn{background-color:var(--accent-primary-soft);border:1px solid rgba(66,133,244,.3);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:rgba(66,133,244,.2);border-color:rgba(66,133,244,.5)}.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 .2s ease-in-out,border-color .2s,transform .1s;width:36px}.icon-button:hover{background-color:rgba(66,133,244,.2);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}.reject-button{padding:10px 18px;font-size:14px;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 .15s ease-in-out,color .15s,transform .1s}.reject-button:hover{background-color:rgba(154,160,166,.2);color:var(--text-primary)}.reject-button:active{transform:scale(0.96)}.accept-button{padding:10px 18px;font-size:14px;font-weight:500;color:var(--accent-primary);background-color:var(--accent-primary-soft);border:1px solid rgba(66,133,244,.3);border-radius:20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease-in-out,border-color .15s,transform .1s}.accept-button:hover{background-color:rgba(66,133,244,.2);border-color:rgba(66,133,244,.5)}.accept-button:active:not(:disabled){transform:scale(0.96)}.accept-button:disabled{background-color:var(--bg-surface-tertiary);color:var(--text-muted);border-color:var(--border-primary);cursor:not-allowed;opacity:.6}.btn-changelog{background-color:var(--btn-bg-teal);color:var(--btn-color-teal);border:1px solid var(--btn-border-teal)}.btn-changelog:hover{background-color:var(--btn-bg-teal-hover);border-color:var(--btn-border-teal-hover)}.btn-github{background-color:rgba(154,160,166,.1);color:var(--text-primary);border:1px solid rgba(154,160,166,.3)}.btn-github:hover{background-color:rgba(154,160,166,.2);border-color:rgba(154,160,166,.5)}.btn-crowdin{background-color:var(--btn-bg-green);color:var(--btn-color-green);border:1px solid var(--btn-border-green)}.btn-crowdin:hover{background-color:var(--btn-bg-green-hover);border-color:var(--btn-border-green-hover)}.btn-bmc{background-color:var(--btn-bg-amber);color:var(--btn-color-amber);border:1px solid var(--btn-border-amber)}.btn-bmc:hover{background-color:var(--btn-bg-amber-hover);border-color:var(--btn-border-amber-hover)}.btn-privacy{background-color:var(--btn-bg-cyan);color:var(--btn-color-cyan);border:1px solid var(--btn-border-cyan)}.btn-privacy:hover{background-color:var(--btn-bg-cyan-hover);border-color:var(--btn-border-cyan-hover)}.btn-terms-of-use{background-color:var(--btn-bg-purple);color:var(--btn-color-purple);border:1px solid var(--btn-border-purple)}.btn-terms-of-use:hover{background-color:var(--btn-bg-purple-hover);border-color:var(--btn-border-purple-hover)}.btn-policy{background-color:var(--btn-bg-red);color:var(--btn-color-red);border:1px solid var(--btn-border-red)}.btn-policy:hover{background-color:var(--btn-bg-red-hover);border-color:var(--btn-border-red-hover)}.btn-data-info{background-color:var(--btn-bg-teal);color:var(--btn-color-teal);border:1px solid var(--btn-border-teal)}.btn-data-info:hover{background-color:var(--btn-bg-teal-hover);border-color:var(--btn-border-teal-hover)}.btn-licenses{background-color:var(--btn-bg-pink);color:var(--btn-color-pink);border:1px solid var(--btn-border-pink)}.btn-licenses:hover{background-color:var(--btn-bg-pink-hover);border-color:var(--btn-border-pink-hover)}.btn-download{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid rgba(66,133,244,.3)}.btn-download:hover:not(:disabled){background-color:rgba(66,133,244,.2);border-color:rgba(66,133,244,.5)}.btn-danger-action{background-color:var(--btn-bg-red);color:var(--btn-color-red);border:1px solid var(--btn-border-red)}.btn-danger-action:hover{background-color:var(--btn-bg-red-hover);border-color:var(--btn-border-red-hover)}.btn-version{background-color:var(--bg-surface-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-version:hover{background-color:rgba(154,160,166,.2);border-color:#80868b}.btn-bug{background-color:var(--btn-bg-red);color:var(--btn-color-red);border:1px solid var(--btn-border-red)}.btn-bug:hover{background-color:var(--btn-bg-red-hover);border-color:var(--btn-border-red-hover)}.btn-contact{background-color:var(--btn-bg-deep-orange);color:var(--btn-color-deep-orange);border:1px solid var(--btn-border-deep-orange)}.btn-contact:hover{background-color:var(--btn-bg-deep-orange-hover);border-color:var(--btn-border-deep-orange-hover)}.btn-pricing{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid rgba(66,133,244,.3)}.btn-pricing:hover:not(:disabled){background-color:rgba(66,133,244,.2);border-color:rgba(66,133,244,.5)}.btn-costs{background-color:var(--btn-bg-emerald);color:var(--btn-color-emerald);border:1px solid var(--btn-border-emerald)}.btn-costs:hover{background-color:var(--btn-bg-emerald-hover);border-color:var(--btn-border-emerald-hover)}.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 .2s ease,transform .2s ease;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-help-popover{position:fixed;z-index:80;background-color:var(--bg-surface-popover);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:12px;padding:12px 16px;box-shadow:0px 6px 12px rgba(0,0,0,.3),0px 6px 18px rgba(0,0,0,.15);max-width:280px;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}.card-help-popover.show{opacity:1;pointer-events:auto;transform:translateY(0)}.card-help-popover .popover-body p{margin:0}.card-help-popover .popover-body p+p{margin-top:8px}.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-tertiary);line-height:1.35}.card-container{container-type:inline-size;display:flex;flex-direction:column;height:100%;transition:width .25s cubic-bezier(0.2, 1, 0.2, 1)}.input-feature-popover{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(6px) scale(0.95);background-color:var(--bg-surface-popover);backdrop-filter:blur(20px);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 .25s cubic-bezier(0.34, 1.56, 0.64, 1),transform .25s cubic-bezier(0.34, 1.56, 0.64, 1);white-space:nowrap;min-width:140px}.input-feature-popover.show{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}.input-feature-popover.position-below{bottom:auto;top:calc(100% + 6px);transform:translateX(-50%) translateY(-4px)}.input-feature-popover.position-below.show{transform:translateX(-50%) translateY(0)}.input-feature-popover .popover-title{font-size:10px;color:var(--text-muted);font-weight:var(--font-weight-bold);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{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);width:100%;box-sizing:border-box}.input-feature-popover .popover-opt-btn span{color:var(--text-secondary);font-weight:500}.input-feature-popover .popover-opt-btn strong{color:var(--accent-primary);font-weight:var(--font-weight-bold)}.input-feature-popover .popover-opt-btn.clickable{cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.input-feature-popover .popover-opt-btn.clickable:hover{background-color:var(--accent-primary-soft);border-color:rgba(var(--accent-primary), 0.3);transform:translateY(-1px)}.input-feature-popover .popover-opt-btn.clickable:active{transform:translateY(0)}.input-feature-popover .popover-opt-btn.readonly{cursor:default}.input-feature-popover .popover-opt-btn.readonly strong{color:var(--text-primary)}.input-feature-popover .popover-opt-btn.exceeded-color{border-color:var(--border-danger);background-color:var(--color-danger-soft)}.input-feature-popover .popover-opt-btn.exceeded-color span{color:var(--color-danger)}.input-feature-popover .popover-opt-btn.exceeded-color strong{color:var(--color-danger)}.input-feature-popover .popover-opt-btn.match-color{border-color:rgba(var(--color-success), 0.4);background-color:var(--color-success-soft)}.input-feature-popover .popover-opt-btn.match-color span{color:var(--color-success)}.input-feature-popover .popover-opt-btn.match-color strong{color:var(--color-success)}.input-feature-popover .popover-opt-btn.popover-btn-disable{border-color:rgba(var(--color-danger), 0.3);justify-content:center}.input-feature-popover .popover-opt-btn.popover-btn-disable span{color:var(--color-danger);font-weight:var(--font-weight-bold)}.input-feature-popover .popover-opt-btn.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{border-color:rgba(var(--color-success), 0.3);justify-content:center}.input-feature-popover .popover-opt-btn.popover-btn-enable span{color:var(--color-success);font-weight:var(--font-weight-bold)}.input-feature-popover .popover-opt-btn.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{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:700;padding:0 4px;margin-left:6px;box-shadow:0 1px 1px rgba(0,0,0,.15);line-height:12px;height:12px;text-transform:uppercase;vertical-align:middle}.card{background-color:var(--bg-surface-secondary);border:1px solid rgba(0,0,0,0);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 .25s cubic-bezier(0.2, 1, 0.2, 1),border-color .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(0.2, 1, 0.2, 1)}.card:hover:not(.dragging){transform:translateY(-2px);border-color:rgba(138,180,248,.15);box-shadow:0 8px 24px rgba(0,0,0,.2)}.card:hover:not(.dragging) .card-title-icon svg,.card:hover:not(.dragging) .card-title-icon img,.card:hover:not(.dragging) .card-title-icon orecalc-assets-image{transform:scale(1.08) rotate(3deg);filter:drop-shadow(0 2px 6px rgba(138, 180, 248, 0.35))}@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.settings-card{display:flex;flex-direction:column;gap:15px;min-width:0;flex:1}.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 .card-title-icon{color:var(--accent-primary);text-align:center}.card .card-title-icon svg,.card .card-title-icon img,.card .card-title-icon orecalc-assets-image{transition:transform .25s cubic-bezier(0.2, 1, 0.2, 1),filter .25s ease}.card .card-title-icon .title-icon{display:inline-block;height:30px;margin-right:10px;width:auto;aspect-ratio:16/9;object-fit:contain}.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)}.card .ore input[type=number].error-border{border-color:var(--color-danger)}.card .ore-value,.card .ore-time,.card .ore-date{display:block;font-size:var(--font-size-lg);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)}.card .ore-input-wrapper{position:relative;display:inline-block;margin-top:15px}.card .ore-value[type=number]{background-color:var(--bg-app);border:1px solid var(--border-primary);border-radius:5px;color:var(--text-primary);font-size:var(--font-size-sm);padding:5px;position:relative;text-align:center;width:70px}.card .results-title,.card .storage-title,.card .settings-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:has(#inc-shop-offers-checkboxes) .timeframe-income .four-col-grid.column-layout{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.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 .2s ease,transform .2s ease,color .2s ease;z-index:10;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-muted)}@container (max-width: 445px){.card-drag-handle{top:20px;left:20px}}.card-drag-handle svg{display:block;width:20px;height:20px;fill:currentColor}@keyframes drag-handle-bounce{0%,100%{transform:scale(1.1) translateY(0)}50%{transform:scale(1.1) translateY(-3px)}}.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)}.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:9999;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);font-size:14px;white-space:nowrap}.calendar-container{overflow:hidden;position:relative;width:100%}#calendar-track{display:flex;align-items:flex-start;width:300%;position:relative}.calendar-header{display:flex;justify-content:space-between;align-items:center;width:100%;color:var(--text-primary);padding:10px 15px}.calendar-header .calendar-nav{display:flex;align-items:center;gap:10px}.calendar-header .calendar-nav .current-month-year{display:inline-block;text-align:center;font-size:1.1rem;font-weight:600;min-width:150px}.calendar-header .calendar-nav .current-month-year.header-fade-in{animation:headerFadeIn .3s ease-out forwards}.calendar-header h2{margin:0;font-size:1.25rem;font-weight:600;text-align:left;flex-grow:1;color:var(--accent-primary)}.calendar-header .calendar-action-buttons{display:flex;gap:8px;align-items:center}.calendar-header .planner-action-button{background-color:var(--bg-surface-tertiary);border-color:var(--border-primary);color:var(--text-secondary)}.calendar-header .planner-action-button:hover{background-color:var(--accent-primary-soft);border-color:var(--accent-primary);color:var(--accent-primary)}.calendar-header .planner-action-button.btn-danger-action:hover{background-color:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.calendar-grid{width:33.3333333333%;display:grid;grid-template-columns:repeat(7, 1fr);grid-template-rows:auto;grid-auto-rows:minmax(80px, auto);text-align:center;flex-shrink:0;border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;background-color:var(--border-primary);gap:1px}.calendar-grid .day-name{font-weight:var(--font-weight-bold);color:var(--text-secondary);padding:12px 5px;background-color:var(--bg-surface-primary);font-size:.8em;text-transform:uppercase;letter-spacing:.05em}.calendar-grid .day-cell{padding:12px 5px 8px 5px;cursor:pointer;transition:all .2s ease;background-color:var(--bg-surface-primary);min-height:80px}.calendar-grid .day-cell:hover{background-color:var(--bg-surface-tertiary);z-index:5;box-shadow:inset 0 0 0 1px var(--accent-primary)}.calendar-grid .day-cell.other-month{background-color:var(--bg-app);color:var(--text-muted)}.calendar-grid .day-cell.other-month .income-chip{opacity:.4;filter:grayscale(0.5)}.calendar-grid .day-cell .chip-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(32px, 50% - 2px), 1fr));gap:4px;justify-items:center;align-items:center;align-content:flex-start;width:100%;box-sizing:border-box}@keyframes dropPulse{0%{background-color:rgba(0,0,0,0);box-shadow:inset 0 0 0 0 rgba(var(--accent-primary), 0)}30%{background-color:rgba(var(--accent-primary), 0.2);box-shadow:inset 0 0 0 4px rgba(var(--accent-primary), 0.4)}100%{background-color:rgba(0,0,0,0);box-shadow:inset 0 0 0 0 rgba(var(--accent-primary), 0)}}.day-cell{display:flex;flex-direction:column;justify-content:flex-start;overflow:visible;position:relative}.day-cell.drop-pulse{animation:dropPulse .6s ease-out}.day-cell.today .date-display{background-color:var(--accent-primary);color:var(--text-on-accent);font-weight:var(--font-weight-bold);box-shadow:0px 2px 4px rgba(0,0,0,.3),0px 2px 6px rgba(0,0,0,.15)}.day-cell .date-display{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;border-radius:50%;font-size:.95em;transition:all .2s ease;flex-shrink:0}.day-cell .chip-container{flex-grow:1;min-height:30px;border:1px dashed rgba(0,0,0,0);transition:all .2s ease-in-out;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-content:flex-start}.day-cell .chip-container.drag-over{min-height:100px;background-color:var(--accent-primary-soft);border-color:var(--accent-primary);border-radius:8px}.day-cell .chip-container.valid-drop-range{border:1px dashed var(--text-muted)}.day-cell .chip-container.valid-drop-target{border:2px dashed var(--color-success);background-color:var(--color-success-soft)}.day-cell .chip-container.invalid-drop-target{border:2px dashed var(--color-danger);background-color:var(--color-danger-soft)}.ore-tooltip{background-color:var(--bg-surface-tertiary);color:var(--text-primary);padding:8px 12px;border-radius:8px;white-space:nowrap;z-index:75;pointer-events:none;display:flex;flex-direction:column;gap:6px;align-items:center;box-shadow:0px 4px 8px rgba(0,0,0,.3),0px 4px 12px rgba(0,0,0,.15);border:1px solid var(--border-primary)}.ore-tooltip .tooltip-header{font-weight:600;margin-bottom:4px;color:var(--accent-primary);width:100%;text-align:center}.ore-tooltip .ore-count-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:.85em;font-weight:500}.ore-tooltip .ore-count-item span{flex:1;text-align:right;font-family:"Roboto Mono",monospace}.ore-tooltip .ore-icon-small{width:16px;height:16px}.month-chip-container{display:flex;overflow-x:auto;padding:10px;gap:8px;-ms-overflow-style:none;scrollbar-width:none}.month-chip-container::-webkit-scrollbar{display:none}.year-label{display:flex;align-items:center;padding:0 10px;font-weight:var(--font-weight-bold);color:var(--text-secondary)}.month-chip{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-radius:8px;background-color:var(--bg-surface-tertiary);color:var(--text-primary);cursor:pointer;transition:background-color .3s ease;white-space:nowrap;flex-grow:1;flex-shrink:0;border:1px solid var(--border-primary)}.month-chip:hover{background-color:var(--bg-surface-primary);border-color:var(--accent-primary)}.month-chip.active{font-weight:var(--font-weight-bold);border-color:var(--accent-primary)}.month-chip.active .month-name{color:var(--accent-primary)}.week-numbers-container{display:none;flex-wrap:nowrap;gap:5px;margin-left:10px;justify-content:flex-end;flex-shrink:0}.month-chip.active .week-numbers-container{display:flex}.week-chip{width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:var(--bg-surface-tertiary);color:var(--text-primary);font-size:.8em;cursor:pointer;transition:background-color .3s ease}.week-chip:hover{background-color:var(--accent-primary-soft)}.week-chip.active{background-color:var(--accent-primary);color:var(--text-on-accent);font-weight:var(--font-weight-bold)}#calendar-track>.weekly-view-grid{display:flex;flex-direction:column;padding:15px;gap:12px;width:33.3333333333%;flex-shrink:0;box-sizing:border-box}#calendar-track>.weekly-view-grid .day-cell{display:flex;flex-direction:row;align-items:center;padding:12px 15px;border:1px solid var(--border-primary);border-radius:16px;background-color:var(--bg-surface-primary);min-height:auto;gap:15px;overflow:hidden}#calendar-track>.weekly-view-grid .day-cell:hover{border-color:var(--accent-primary);background-color:var(--bg-surface-secondary);transform:translateX(4px)}#calendar-track>.weekly-view-grid .day-cell .date-display{margin:0}#calendar-track>.weekly-view-grid .day-info{display:flex;align-items:center;gap:6px;flex-shrink:0}#calendar-track>.weekly-view-grid .day-info .day-name-short{font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.85em}#calendar-track>.weekly-view-grid .chip-container{display:flex;flex-wrap:wrap;flex:1 1 0px;gap:4px;flex-direction:row;justify-content:flex-end;align-content:center;min-height:auto}@media(max-width: 780px){.calendar-header h2{font-size:1.1rem}}@media(max-width: 425px){.calendar-header{padding:8px 10px}.calendar-header h2{font-size:.95rem}.calendar-header .calendar-action-buttons{gap:4px}.calendar-header .planner-action-button{width:32px;height:32px}.calendar-header .planner-action-button svg{width:20px;height:20px}}.day-cell.equipment-accumulating{background-color:color-mix(in srgb, var(--equip-color) 4%, var(--bg-surface-primary)) !important;position:relative}.day-cell.equipment-accumulating::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--equip-color);opacity:.7;z-index:2;transition:all .2s ease}.day-cell.equipment-accumulating.range-start::after{border-top-left-radius:3px;border-bottom-left-radius:3px;left:4px}.day-cell.equipment-accumulating.range-end::after{border-top-right-radius:3px;border-bottom-right-radius:3px;right:4px}.calendar-equipment-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center;width:100%;margin-top:auto;padding-top:6px;box-sizing:border-box;z-index:3}.calendar-equipment-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(45,52,54,.4);border:1.5px solid color-mix(in srgb, var(--equip-color) 40%, var(--border-primary));border-radius:6px;padding:3px 6px;cursor:help;transition:all .2s cubic-bezier(0.25, 0.8, 0.25, 1);box-shadow:0 1px 3px rgba(0,0,0,.12);backdrop-filter:blur(4px)}.calendar-equipment-badge:hover{transform:translateY(-2px) scale(1.1);background:rgba(45,52,54,.7);border-color:var(--equip-color);box-shadow:0 0 12px color-mix(in srgb, var(--equip-color) 80%, transparent),0 4px 10px rgba(0,0,0,.25)}.calendar-equipment-badge:active{transform:translateY(0) scale(0.96)}.calendar-equipment-icon{width:18px;height:18px;display:block;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25))}.calendar-equipment-fallback{font-size:.7em;font-weight:var(--font-weight-bold);color:#dfe6e9;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background-color:#2d3436;border-radius:4px}.calendar-equipment-level{font-size:.72em;font-weight:var(--font-weight-bold);color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8)}#calendar-track>.weekly-view-grid .day-cell.equipment-accumulating::after{top:0;bottom:0;left:0;right:auto;width:4px;height:100%;border-top-left-radius:inherit;border-bottom-left-radius:inherit}#calendar-track>.weekly-view-grid .day-cell.equipment-accumulating.range-start::after{border-top-left-radius:0;border-bottom-left-radius:0;top:4px;height:calc(100% - 4px)}#calendar-track>.weekly-view-grid .day-cell.equipment-accumulating.range-end::after{border-top-left-radius:0;border-bottom-left-radius:inherit;bottom:4px;height:calc(100% - 4px)}#calendar-track>.weekly-view-grid .day-cell .day-meta-container{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex-shrink:0;min-width:60px}#calendar-track>.weekly-view-grid .day-cell .day-meta-container .calendar-equipment-container{margin-top:2px;margin-left:0;width:auto;padding-top:0;justify-content:flex-start}.ore-tooltip{font-size:clamp(11px,2.5vw,13px) !important;padding:clamp(6px,1.5vw,10px) clamp(8px,2vw,14px) !important;gap:clamp(4px,1vw,6px) !important;max-width:90vw;box-sizing:border-box}.ore-tooltip .tooltip-header{font-size:clamp(12px,2.8vw,14px) !important;white-space:normal;text-align:center}.ore-tooltip .tooltip-message{font-size:clamp(9px,2vw,11px) !important;white-space:normal;text-align:center}.ore-tooltip .tooltip-bottleneck{font-size:clamp(10px,2.2vw,12px) !important;font-weight:600;white-space:normal;text-align:center}.ore-tooltip .tooltip-req-ores{display:flex;gap:clamp(4px,1vw,8px);margin-top:3px;align-items:center}.ore-tooltip .tooltip-req-ores span{display:inline-flex;align-items:center;gap:clamp(2px,.5vw,4px);font-size:clamp(10px,2.2vw,12px) !important}.ore-tooltip .tooltip-req-ores orecalc-assets-image,.ore-tooltip .tooltip-req-ores img{width:clamp(10px,2.2vw,13px) !important;height:clamp(10px,2.2vw,13px) !important}.ore-tooltip .tooltip-in-progress{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:8px;width:100%;border-top:1px dashed var(--border-primary);padding-top:8px;box-sizing:border-box}.ore-tooltip .tooltip-in-progress .in-progress-title{font-size:clamp(9px,2vw,11px);opacity:.8;font-weight:500;text-align:center;width:100%}.ore-tooltip .tooltip-in-progress .in-progress-badge{display:flex;align-items:center;gap:6px;background:rgba(45,52,54,.4);padding:4px 8px;border-radius:8px;border:1px solid var(--equip-color, #2d3436);box-shadow:0 1px 3px rgba(0,0,0,.15);margin-top:2px}.ore-tooltip .tooltip-in-progress .in-progress-icon{width:clamp(12px,2.5vw,16px) !important;height:clamp(12px,2.5vw,16px) !important;object-fit:contain}.ore-tooltip .tooltip-in-progress .in-progress-fallback{font-size:.7em;font-weight:var(--font-weight-bold);color:#dfe6e9;width:14px;height:14px;display:flex;align-items:center;justify-content:center;background-color:#2d3436;border-radius:4px}.ore-tooltip .tooltip-in-progress .in-progress-level{font-size:clamp(9px,2.2vw,11px);font-weight:var(--font-weight-bold);color:#fff;white-space:nowrap}@keyframes headerFadeIn{from{opacity:.3;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.fab-container{align-items:flex-end;bottom:90px;display:flex;flex-direction:column;position:fixed;right:30px;width:fit-content;z-index:20;opacity:0;pointer-events:none;transform:scale(0.5);transform-origin:bottom right;transition:opacity .3s cubic-bezier(0.2, 1, 0.2, 1),transform .3s cubic-bezier(0.2, 1, 0.2, 1),bottom .3s cubic-bezier(0.2, 1, 0.2, 1),right .3s cubic-bezier(0.2, 1, 0.2, 1)}.fab-button{background-color:var(--accent-primary);border:none;border-radius:16px;box-shadow:0 6px 10px rgba(0,0,0,.3);color:var(--text-on-accent);cursor:pointer;height:56px;outline:none;overflow:hidden;position:relative;transition:all .3s ease-in-out;width:56px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fab-button::-moz-focus-inner{border:0}.fab-button:disabled{background-color:var(--bg-surface-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.fab-button:disabled .fab-icon svg{fill:currentColor}.fab-button.active{border-radius:50%;transform:rotate(90deg)}.fab-button.active .fab-plus-icon{opacity:0;transform:rotate(45deg)}.fab-button.active .fab-cross-icon{opacity:1;transform:rotate(0deg)}.fab-icon{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px);width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.fab-icon svg{width:24px;height:24px}.fab-plus-icon{opacity:1;transform:rotate(0deg)}.fab-cross-icon{opacity:0;transform:rotate(-45deg)}.fab-menu{align-items:flex-end;display:flex;flex-direction:column;margin-bottom:10px;pointer-events:none;visibility:hidden;transition:visibility .4s}.fab-menu.show{visibility:visible;pointer-events:auto}.fab-menu-pill{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--bg-surface-secondary);color:var(--accent-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.25);margin-bottom:8px;padding:10px 16px;white-space:nowrap;min-height:auto;min-width:auto;font-weight:500;opacity:0;pointer-events:none}.fab-menu-pill:nth-child(1){transform:translateY(100px) scale(0);transition:transform .25s cubic-bezier(0.4, 0, 1, 1),opacity .2s ease-in,background-color .2s ease-in-out,border-color .2s ease-in-out;transition-delay:0s}.fab-menu-pill:nth-child(2){transform:translateY(50px) scale(0);transition:transform .25s cubic-bezier(0.4, 0, 1, 1),opacity .2s ease-in,background-color .2s ease-in-out,border-color .2s ease-in-out;transition-delay:.05s}.fab-menu-pill:hover:not(:disabled){background-color:var(--bg-surface-tertiary);border-color:var(--border-secondary)}.fab-menu-pill:active:not(:disabled){transform:scale(0.97)}.fab-menu-pill:focus-visible{outline-offset:-3px !important;border-radius:12px}.fab-menu-pill .animated-btn-icon-wrapper{opacity:1;position:relative;transform:translateY(0)}.fab-menu-pill svg{fill:currentColor;height:20px;width:20px}.fab-menu.show .fab-menu-pill{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.fab-menu.show .fab-menu-pill:nth-child(1){transition:transform .35s cubic-bezier(0.34, 1.56, 0.64, 1),opacity .25s ease-out,background-color .2s ease-in-out,border-color .2s ease-in-out;transition-delay:.05s}.fab-menu.show .fab-menu-pill:nth-child(2){transition:transform .35s cubic-bezier(0.34, 1.56, 0.64, 1),opacity .25s ease-out,background-color .2s ease-in-out,border-color .2s ease-in-out;transition-delay:0s}input[type=text],input[type=number],input[type=email],select,textarea,.dropdown-style{transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,transform .2s cubic-bezier(0.2, 1, 0.2, 1)}input[type=text]:hover,input[type=number]:hover,input[type=email]:hover,select:hover,textarea:hover,.dropdown-style:hover{transform:translateY(-1px)}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,select:focus,textarea:focus,.dropdown-style:focus{outline:none}@keyframes input-glow-pulse{0%,100%{box-shadow:0 0 0 3px rgba(138,180,248,.2)}50%{box-shadow:0 0 0 5px rgba(138,180,248,.4)}}input[type=text]:focus-visible,input[type=number]:focus-visible,input[type=email]:focus-visible,select:focus-visible,textarea:focus-visible,.dropdown-style:focus-visible{border-color:var(--accent-primary);animation:input-glow-pulse 1.8s infinite ease-in-out;transform:translateY(-1px) scale(1.01);outline:none}input[type=number].offer-input-number{background-color:var(--bg-app);border:1px solid var(--border-primary);border-radius:5px;color:var(--text-primary);padding:8px;text-align:center;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;width:80px}input[type=number].offer-input-number:focus{outline:none}input[type=number].offer-input-number:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.shop-offers-checkbox-instance label{color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm)}.mode-switch-container{align-items:center;display:flex;gap:10px;justify-content:space-between}.mode-toggle-switch{background-color:var(--bg-surface-secondary);border-radius:20px;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:center;outline:none;padding:5px;position:relative;transition:background-color .3s ease;width:160px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mode-toggle-switch::-moz-focus-inner{border:0}.mode-toggle-switch.active .switch-toggle-ball{transform:translateX(100%)}.mode-toggle-switch:not(.active) .switch-toggle-ball{transform:translateX(0)}.mode-labels-container{display:grid;grid-template-columns:1fr 1fr;padding:0 4% 0 7%;width:100%;z-index:1}.mode-labels-container .switch-label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);user-select:none}.mode-labels-container .switch-label:first-child{justify-content:flex-start;padding-left:10px;text-align:left}.mode-labels-container .switch-label:last-child{justify-content:flex-end;padding-right:10px;text-align:right}.mode-labels-container .switch-label.active-mode-label{color:var(--accent-primary)}.switch-toggle-ball{background-color:var(--bg-app);border-radius:15px;box-shadow:0 2px 4px rgba(0,0,0,.2);height:calc(100% - 10px);left:5px;position:absolute;transition:transform .3s ease;width:calc(50% - 5px);z-index:0}.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);padding:5px}.input-group-flex{align-items:center;display:flex;justify-content:space-between;position:relative;gap:10px}.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 .label-container{display:inline-block;min-width:0;flex:none}.input-group-flex .label-container label{flex:none;display:block;width:max-content;max-width:100%}.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 input[type=number],.input-group-flex select{background-color:var(--bg-app);border:1px solid var(--border-primary);border-radius:5px;color:var(--text-primary);padding:8px;text-align:center;width:80px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.input-group-flex input[type=number]:focus,.input-group-flex select:focus{outline:none}.input-group-flex input[type=number]:focus-visible,.input-group-flex select:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.input-group-flex select{width:auto}.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}.ore-input-item input[type=number]{background-color:var(--bg-app);border:1px solid var(--border-primary);border-radius:5px;color:var(--text-primary);padding:8px;text-align:center;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;width:80px}.ore-input-item input[type=number]:focus{outline:none}.ore-input-item input[type=number]:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}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}.zero-size-dropdown{border:none;height:0;margin:0;opacity:0;padding:0;width:0}.custom-dropdown{position:relative;width:50px;border:1px solid var(--border-primary);border-radius:4px;cursor:pointer;background-color:var(--bg-app);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.custom-dropdown:focus{outline:none}.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.open .dropdown-options{display:block}.field-descriptor-group{display:flex;flex-direction:column;flex:1;min-width:0}.field-descriptor-group .flex-center-gap-8{margin-bottom:2px}.field-descriptor-group .flex-center-gap-8 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:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin:10px 0;width:100%}.custom-chip-ore-input-group{display:flex;align-items:center;gap:8px}.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 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:5px;color:var(--text-primary);padding:8px;text-align:center;width:80px;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.custom-chip-ore-input-group input[type=number]:focus{outline:none}.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%}.custom-chip-prospector-row input[type=number]{background-color:var(--bg-app);border:1px solid var(--border-primary);border-radius:5px;color:var(--text-primary);padding:8px;text-align:center;width:80px;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.custom-chip-prospector-row input[type=number]:focus{outline:none}.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}@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-col-group{display:flex;flex-direction:column;gap:5px}.prospector-col-group .prospector-col-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:2px;text-align:center}.prospector-col-group .prospector-col-controls{display:flex;align-items:center;gap:8px}.prospector-col-group .prospector-col-controls select{width:auto}.prospector-col-group .prospector-col-controls input[type=number]{background-color:var(--bg-app);border:1px solid var(--border-primary);border-radius:5px;color:var(--text-primary);padding:8px;text-align:center;width:80px;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.prospector-col-group .prospector-col-controls input[type=number]:focus{outline:none}.prospector-col-group .prospector-col-controls input[type=number]:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.prospector-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:bold;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:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-sm);margin-right:auto}.custom-chip-rewards-preview .preview-ore-item{display:inline-flex;align-items:center;gap:5px;font-weight:var(--font-weight-bold);color:var(--text-primary);font-size:var(--font-size-md)}.custom-chip-rewards-preview .preview-ore-item .ore-image{width:auto;height:20px;object-fit:contain}.popover-wrapper{position:relative;display:inline-block}.currency-symbol{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-left:2.5px;text-align:center;width:18px;transition:transform .2s cubic-bezier(0.2, 1, 0.2, 1),filter .2s ease}orecalc-assets-image{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}orecalc-assets-image img,orecalc-assets-image picture,orecalc-assets-image picture img{width:100% !important;height:100% !important;object-fit:inherit;display:block;margin:0 !important}.ore-image,orecalc-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 .2s cubic-bezier(0.2, 1, 0.2, 1),filter .2s ease}.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]{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]{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]{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]{aspect-ratio:1/1}.input-group input:focus~.currency-symbol,.input-group input:focus~orecalc-assets-image,.input-group input:focus~.ore-image,.rate-column input:focus~.currency-symbol,.rate-column input:focus~orecalc-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~.ore-image,.level-input-container input:focus~.currency-symbol,.level-input-container input:focus~orecalc-assets-image,.level-input-container input:focus~.ore-image{transform:scale(1.15);filter:drop-shadow(0 0 6px rgba(138, 180, 248, 0.4))}.title-icon,orecalc-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}.notice{color:var(--text-secondary);font-size:.6em;padding:10px;text-align:center}.notice p{margin:0}.notice a{color:var(--text-primary);text-decoration:underline;display:inline-block}.notice.supercell-notice{margin-top:10px}.notice.supercell-notice a:hover{color:var(--accent-primary)}.notice.make-notice{margin-top:20px}.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);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);font-weight:600;white-space:nowrap;transition:background-color .2s,transform .1s;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,.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: 599px){.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{margin-bottom:12px;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}}.overlay{background-color:var(--bg-overlay);z-index:10}.overlay.show{opacity:1;visibility:visible}.player-dropdown-container{position:relative;width:175px;flex-shrink:1}.player-dropdown-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;border:1px solid var(--border-primary);border-radius:12px;background-color:var(--bg-surface-secondary);cursor:pointer;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15);transition:background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;font-size:14px;color:var(--text-primary);font-weight:500;z-index:6;position:relative}.player-dropdown-button:hover{background-color:var(--bg-surface-tertiary);border-color:var(--border-secondary);box-shadow:0px 2px 4px rgba(0,0,0,.3),0px 2px 6px rgba(0,0,0,.15)}.player-dropdown-button:focus-visible{outline-offset:-3px !important}.player-dropdown-button.open{background-color:var(--bg-surface-primary);border-color:var(--accent-primary);box-shadow:0px 2px 4px rgba(0,0,0,.3),0px 2px 6px rgba(0,0,0,.15)}.player-dropdown-button.open::after{pointer-events:auto}.player-dropdown-button::after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:8px;background:rgba(0,0,0,0);pointer-events:none}.player-dropdown-button .dropdown-arrow{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(0.2, 1, 0.2, 1)}.player-dropdown-button .dropdown-arrow svg{fill:var(--text-primary);width:16px;height:16px;display:block}.player-dropdown-button.open .dropdown-arrow{transform:rotate(180deg)}.player-dropdown-list{position:absolute;top:calc(100% + 6px);right:0;width:175px;min-width:175px;border-radius:16px;padding:8px;background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);z-index:5;box-shadow:0px 4px 8px rgba(0,0,0,.3),0px 4px 12px rgba(0,0,0,.15);overflow:hidden;opacity:0;transform:translateY(-8px) scale(0.96);transition:opacity .25s cubic-bezier(0.34, 1.56, 0.64, 1),transform .25s cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none}.player-dropdown-list.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.player-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 8px 9px;margin-bottom:4px;border-radius:10px;border-left:3px solid rgba(0,0,0,0);cursor:pointer;transition:background-color .15s ease-in-out,transform .15s cubic-bezier(0.2, 1, 0.2, 1),border-left-color .15s,padding-left .15s;font-size:15px;color:var(--text-primary)}.player-dropdown-item:first-child{margin-top:0}.player-dropdown-item:hover{background-color:var(--bg-surface-secondary);transform:translateX(2px)}.player-dropdown-item:active{transform:scale(0.98);background-color:var(--bg-surface-tertiary)}.player-dropdown-item.active{background-color:var(--accent-primary-soft);color:var(--accent-primary);font-weight:600;border-left-color:var(--accent-primary);padding-left:12px}.player-dropdown-item:focus-visible{outline-offset:-3px !important}.player-dropdown-item svg{margin-right:0}.player-info-text{display:flex;flex-direction:column;align-items:center;flex-grow:1;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;max-width:90px}.player-tag-text{font-size:12px;color:var(--text-secondary)}.add-player-button{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 16px;margin-top:8px;background-color:rgba(0,0,0,0);color:var(--accent-primary);border:1px dashed var(--accent-primary-soft);border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}.add-player-button:hover{background-color:var(--accent-soft);border-style:dashed;border-color:var(--accent-primary)}.add-player-button svg{margin-right:6px;fill:currentColor}.delete-player-button{background-color:var(--color-danger-soft);border:none;cursor:pointer;margin-left:auto;padding:6px;border-radius:50%;transition:background-color .2s ease-in-out,transform .1s;color:var(--color-danger)}.delete-player-button:hover{background-color:var(--color-danger-soft-hover);transform:scale(1.1)}.delete-player-button:active{transform:scale(0.9)}.delete-player-button svg{fill:currentColor;width:18px;height:18px}.delete-player-button:disabled{opacity:.5;cursor:not-allowed}.cache-status-icon{width:20px;height:20px;margin-right:8px;fill:var(--text-secondary)}.cache-status-icon.cached{fill:var(--color-success)}.cache-status-icon.not-cached{fill:var(--color-danger)}#selected-player-name{flex-grow:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;margin-right:8px}#add-player-modal .player-name-input-container,#delete-player-modal .player-name-input-container{padding:0 24px;margin:20px 0;position:relative}#add-player-modal .player-name-input-container label,#delete-player-modal .player-name-input-container label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}#add-player-modal .player-name-input-container input,#delete-player-modal .player-name-input-container input{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);transition:border-color .3s ease-in-out}#add-player-modal .player-name-input-container input:focus,#delete-player-modal .player-name-input-container input:focus{outline:none}#add-player-modal .player-name-input-container input:focus-visible,#delete-player-modal .player-name-input-container input:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}#add-player-modal .player-name-input-container input.input-error,#delete-player-modal .player-name-input-container input.input-error{border-color:var(--color-danger);box-shadow:0 0 0 4px rgba(var(--color-danger), 0.1)}#import-data-modal .import-data-input-container{padding:0 24px;margin:20px 0;position:relative}#import-data-modal .import-data-input-container label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}#import-data-modal .import-data-input-container input{width:100%;padding:12px 16px;border:1px solid var(--border-primary);border-radius:12px;font-size:16px;background-color:var(--bg-surface-primary);color:var(--text-primary);transition:border-color .3s ease-in-out}#import-data-modal .import-data-input-container input:focus{outline:none}#import-data-modal .import-data-input-container input:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}#import-data-modal .import-data-input-container input.input-error{border-color:var(--color-danger);box-shadow:0 0 0 4px rgba(var(--color-danger), 0.1)}#add-player-modal .error-message,#delete-player-modal .error-message,#import-data-modal .error-message{color:var(--color-danger);font-size:12px;font-weight:500;margin-top:8px;text-align:left;display:none}#add-player-modal .error-message.show,#delete-player-modal .error-message.show,#import-data-modal .error-message.show{display:block}@media(max-width: 600px){#add-player-modal .player-name-input-container,#add-player-modal .import-data-input-container,#delete-player-modal .player-name-input-container,#delete-player-modal .import-data-input-container,#import-data-modal .player-name-input-container,#import-data-modal .import-data-input-container{padding:0 20px;margin:15px 0}#add-player-modal .player-name-input-container label,#add-player-modal .import-data-input-container label,#delete-player-modal .player-name-input-container label,#delete-player-modal .import-data-input-container label,#import-data-modal .player-name-input-container label,#import-data-modal .import-data-input-container label{font-size:13px;margin-bottom:6px}#add-player-modal .player-name-input-container input,#add-player-modal .import-data-input-container input,#delete-player-modal .player-name-input-container input,#delete-player-modal .import-data-input-container input,#import-data-modal .player-name-input-container input,#import-data-modal .import-data-input-container input{padding:10px 14px;font-size:15px}}#preloader{background-color:#121212;opacity:1;visibility:visible;transition:opacity .6s cubic-bezier(0.4, 0, 0.2, 1);z-index:110;overflow:hidden;contain:strict}#preloader.hidden{opacity:0;visibility:hidden}@media(prefers-color-scheme: light){#preloader:not(.dark-mode-override){background-color:#fff}}#preloader .preloader-loader{display:flex;position:relative;width:150px;height:150px;perspective:1000px}#preloader .preloader-dot-wrapper{position:absolute;width:16px;height:16px;top:calc(50% - 8px);left:calc(50% - 8px);will-change:transform;transform-style:preserve-3d;animation:wrapper-revolve 1.35s cubic-bezier(0.4, 0, 0.2, 1) forwards}#preloader .preloader-dot-wrapper:nth-child(1){--target-x: -40px;--target-y: 0;--angle: 0deg}#preloader .preloader-dot-wrapper:nth-child(2){--target-x: -20px;--target-y: 0;--angle: 72deg}#preloader .preloader-dot-wrapper:nth-child(3){--target-x: 0;--target-y: 0;--angle: 144deg}#preloader .preloader-dot-wrapper:nth-child(4){--target-x: 20px;--target-y: 0;--angle: 216deg}#preloader .preloader-dot-wrapper:nth-child(5){--target-x: 40px;--target-y: 0;--angle: 288deg}#preloader span{display:block;width:100%;height:100%;border-radius:50%;transition:background-color .3s;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;animation:span-jump .45s cubic-bezier(0.25, 1, 0.5, 1) both}#preloader .preloader-dot-wrapper:nth-child(1) span{background-color:#669df6;animation-delay:.05s}#preloader .preloader-dot-wrapper:nth-child(2) span{background-color:#fdd663;animation-delay:.1s}#preloader .preloader-dot-wrapper:nth-child(3) span{background-color:#ba68c8;animation-delay:.15s}#preloader .preloader-dot-wrapper:nth-child(4) span{background-color:#81c995;animation-delay:.2s}#preloader .preloader-dot-wrapper:nth-child(5) span{background-color:#f6948e;animation-delay:.25s}#preloader[data-accent=blue] .preloader-dot-wrapper:nth-child(1){z-index:10;animation:wrapper-revolve-collapse 1.65s cubic-bezier(0.4, 0, 0.2, 1) forwards}#preloader[data-accent=blue] .preloader-dot-wrapper:nth-child(1) span{animation:span-jump-spread 2.1s cubic-bezier(0.25, 1, 0.5, 1) both;animation-delay:.05s}#preloader[data-accent=gold] .preloader-dot-wrapper:nth-child(2){z-index:10;animation:wrapper-revolve-collapse 1.65s cubic-bezier(0.4, 0, 0.2, 1) forwards}#preloader[data-accent=gold] .preloader-dot-wrapper:nth-child(2) span{animation:span-jump-spread 2.1s cubic-bezier(0.25, 1, 0.5, 1) both;animation-delay:.1s}#preloader[data-accent=purple] .preloader-dot-wrapper:nth-child(3){z-index:10;animation:wrapper-revolve-collapse 1.65s cubic-bezier(0.4, 0, 0.2, 1) forwards}#preloader[data-accent=purple] .preloader-dot-wrapper:nth-child(3) span{animation:span-jump-spread 2.1s cubic-bezier(0.25, 1, 0.5, 1) both;animation-delay:.15s}#preloader[data-accent=green] .preloader-dot-wrapper:nth-child(4){z-index:10;animation:wrapper-revolve-collapse 1.65s cubic-bezier(0.4, 0, 0.2, 1) forwards}#preloader[data-accent=green] .preloader-dot-wrapper:nth-child(4) span{animation:span-jump-spread 2.1s cubic-bezier(0.25, 1, 0.5, 1) both;animation-delay:.2s}#preloader[data-accent=red] .preloader-dot-wrapper:nth-child(5){z-index:10;animation:wrapper-revolve-collapse 1.65s cubic-bezier(0.4, 0, 0.2, 1) forwards}#preloader[data-accent=red] .preloader-dot-wrapper:nth-child(5) span{animation:span-jump-spread 2.1s cubic-bezier(0.25, 1, 0.5, 1) both;animation-delay:.25s}@keyframes wrapper-revolve{0%{transform:translate(var(--target-x), 0)}55%{transform:translate(var(--target-x), 0)}100%{transform:rotate(var(--angle)) translate(48px) rotate(calc(-1 * var(--angle)))}}@keyframes wrapper-revolve-collapse{0%{transform:translate(var(--target-x), 0)}45%{transform:translate(var(--target-x), 0)}82%{transform:rotate(var(--angle)) translate(48px) rotate(calc(-1 * var(--angle)))}100%{transform:translate(0, 0)}}@keyframes span-jump{0%{transform:translateY(50px) scale(0);opacity:0}60%{transform:translateY(-35px) scale(1.1);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}@keyframes span-jump-spread{0%{transform:translateY(50px) scale(0);opacity:0}13%{transform:translateY(-35px) scale(1.1);opacity:1}21%{transform:translateY(0) scale(1);opacity:1}78%{transform:translateY(0) scale(1)}100%{transform:translateY(0) scale(150)}}.load-failure-screen{position:fixed;inset:0;width:100%;height:100%;background-color:var(--bg-app);display:flex;align-items:center;justify-content:center;z-index:121;padding:20px;box-sizing:border-box;overflow-y:auto}.load-failure-screen .load-failure-card{background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:20px;padding:30px;max-width:500px;width:100%;box-shadow:0 10px 30px rgba(0,0,0,.3);box-sizing:border-box;display:flex;flex-direction:column;gap:20px;text-align:center;backdrop-filter:blur(10px)}@media(max-width: 600px){.load-failure-screen .load-failure-card{padding:20px}}.load-failure-screen .load-failure-header{display:flex;flex-direction:column;align-items:center;gap:12px}.load-failure-screen .load-failure-header .load-failure-icon-container{width:64px;height:64px;border-radius:50%;background-color:rgba(var(--color-danger), 0.1);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.load-failure-screen .load-failure-header .load-failure-icon-container svg{width:32px;height:32px}.load-failure-screen .load-failure-header h1{font-size:22px;font-weight:700;color:var(--text-primary);margin:0}.load-failure-screen .load-failure-header p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.load-failure-screen .load-failure-details-section{width:100%;text-align:left}.load-failure-screen .load-failure-details-section .details-toggle-btn{background:none;border:none;color:var(--accent-primary);font-size:14px;font-weight:600;cursor:pointer;padding:8px 0;display:flex;align-items:center;gap:8px;width:100%;justify-content:space-between}.load-failure-screen .load-failure-details-section .details-toggle-btn:hover{color:var(--accent-primary-hover)}.load-failure-screen .load-failure-details-section .details-toggle-btn .chevron-icon{transition:transform .2s ease;font-size:10px}.load-failure-screen .load-failure-details-section .details-toggle-btn.active .chevron-icon{transform:rotate(180deg)}.load-failure-screen .load-failure-details-section .load-failure-details{margin-top:10px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-secondary);border-radius:10px;padding:12px;font-family:monospace;font-size:12px;max-height:150px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.load-failure-screen .load-failure-details-section .load-failure-details .error-meta{margin-bottom:8px;color:var(--text-primary)}.load-failure-screen .load-failure-details-section .load-failure-details pre{margin:0;color:var(--text-secondary)}.load-failure-screen .load-failure-report-form{width:100%;text-align:left;border-top:1px solid var(--border-secondary);padding-top:16px;display:flex;flex-direction:column;gap:12px}.load-failure-screen .load-failure-report-form h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px 0}.load-failure-screen .load-failure-report-form .form-group{display:flex;flex-direction:column;gap:6px;width:100%}.load-failure-screen .load-failure-report-form .input-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.load-failure-screen .load-failure-report-form .input-style{width:100%;padding:10px 14px;border:1px solid var(--border-primary);border-radius:10px;font-size:14px;background-color:var(--bg-surface-secondary);color:var(--text-primary);box-sizing:border-box;font-family:inherit}.load-failure-screen .load-failure-report-form .input-style:focus{outline:none;border-color:var(--accent-primary)}.load-failure-screen .load-failure-report-form .input-style.input-error{border-color:var(--color-danger)}.load-failure-screen .load-failure-report-form .input-error-msg{color:var(--color-danger);font-size:12px;font-weight:500}.load-failure-screen .load-failure-report-form .checkbox-group{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;font-size:12px;color:var(--text-secondary)}.load-failure-screen .load-failure-report-form .checkbox-group input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0}.load-failure-screen .load-failure-actions{display:flex;gap:12px;width:100%}.load-failure-screen .load-failure-actions button{flex:1;padding:12px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease;box-sizing:border-box}.load-failure-screen .load-failure-actions button:active{transform:scale(0.98)}.load-failure-screen .load-failure-actions .reject-button{background-color:rgba(0,0,0,0);border:1px solid var(--border-primary);color:var(--text-primary)}.load-failure-screen .load-failure-actions .reject-button:hover{background-color:rgba(var(--text-primary), 0.05)}.load-failure-screen .load-failure-actions .accept-button{background-color:var(--accent-primary);border:none;color:var(--text-on-accent)}.load-failure-screen .load-failure-actions .accept-button:hover{background-color:var(--accent-primary-hover)}.load-failure-screen .load-failure-actions .accept-button:disabled{opacity:.6;cursor:not-allowed}.switch{display:inline-block;height:32px;position:relative;width:52px}.switch input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;z-index:3}.switch input:disabled{cursor:not-allowed}.switch input:disabled+.slider{cursor:not-allowed;opacity:.5}.switch .slider{background-color:var(--material-track-inactive);border-radius:16px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .4s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.switch .slider.round{border-radius:34px}.switch .slider.round:before{border-radius:50%}.switch .slider:before{background-color:var(--material-thumb-inactive);border-radius:50%;bottom:4px;box-shadow:0px 1px 3px rgba(0,0,0,.3),0px 4px 8px rgba(0,0,0,.15);content:"";height:24px;left:4px;position:absolute;transition:transform .4s cubic-bezier(0.68, -0.55, 0.265, 1.55),background-color .4s ease,width .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);width:24px;z-index:2}.switch input:hover+.slider:before{transform:scale(1.1)}.switch input:active+.slider:before{width:32px}.switch input:checked+.slider{background-color:var(--accent-primary)}.switch input:checked+.slider:before{background-color:var(--material-thumb-active);transform:translateX(20px)}.switch input:checked:hover+.slider:before{transform:translateX(20px) scale(1.1)}.switch input:focus{outline:none}.switch input:focus-visible+.slider{box-shadow:0 0 0 2px var(--accent-primary),0 0 0 5px var(--accent-primary-soft)}.switch.large-switch{height:34px;width:60px}.switch.large-switch .slider:before{height:26px;width:26px}.switch.large-switch input:active+.slider:before{width:38px}.switch.large-switch input:checked+.slider:before{transform:translateX(26px)}.switch.large-switch input:checked:hover+.slider:before{transform:translateX(26px) scale(1.1)}.switch.theme-switch .slider,.switch.layout-switch .slider{background-color:#303f9f;display:block}.switch.theme-switch .slider:before,.switch.layout-switch .slider:before{background-color:#1a237e}.switch.theme-switch .switch-icon,.switch.layout-switch .switch-icon{width:18px;height:18px;position:absolute;top:7px;z-index:3;transition:opacity .4s cubic-bezier(0.68, -0.55, 0.265, 1.55),transform .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);pointer-events:none}.switch.theme-switch .icon-dark,.switch.layout-switch .icon-dark{left:7px;fill:#c5cae9;transform:rotate(0deg)}.switch.theme-switch .icon-light,.switch.layout-switch .icon-light{left:27px;fill:#ffb300;transform:rotate(-90deg) scale(0.5);opacity:0}.switch.theme-switch input:not(:checked)+.slider .icon-light,.switch.layout-switch input:not(:checked)+.slider .icon-light{opacity:0;transform:rotate(-90deg) scale(0.5)}.switch.theme-switch input:not(:checked)+.slider .icon-dark,.switch.layout-switch input:not(:checked)+.slider .icon-dark{opacity:1;transform:rotate(0deg) scale(1)}.switch.theme-switch input:checked+.slider,.switch.layout-switch input:checked+.slider{background-color:#ffd54f}.switch.theme-switch input:checked+.slider:before,.switch.layout-switch input:checked+.slider:before{background-color:#fff8e1;transform:translateX(20px)}.switch.theme-switch input:checked:hover+.slider:before,.switch.layout-switch input:checked:hover+.slider:before{transform:translateX(20px) scale(1.1)}.switch.theme-switch input:checked+.slider .icon-light,.switch.layout-switch input:checked+.slider .icon-light{opacity:1;transform:rotate(0deg) scale(1)}.switch.theme-switch input:checked+.slider .icon-dark,.switch.layout-switch input:checked+.slider .icon-dark{opacity:0;transform:rotate(90deg) scale(0.5)}.shop-offer{background-color:var(--color-income-shop-offer);--chip-color: var(--color-income-shop-offer)}.star-bonus,.star-bonus-2x,.star-bonus-3x,.star-bonus-4x,.star-bonus-5x,.star-bonus-6x,.star-bonus-7x{background-color:var(--color-income-star-bonus);--chip-color: var(--color-income-star-bonus)}.raid-medal-trader{background-color:var(--color-income-raid-medals);--chip-color: var(--color-income-raid-medals)}.gem-trader{background-color:var(--color-income-gems);--chip-color: var(--color-income-gems)}.event-pass{background-color:var(--color-income-event-pass);--chip-color: var(--color-income-event-pass)}.event-trader{background-color:var(--color-income-event-trader);--chip-color: var(--color-income-event-trader)}.clan-war{background-color:var(--color-income-clan-war);--chip-color: var(--color-income-clan-war)}.cwl{background-color:var(--color-income-cwl);--chip-color: var(--color-income-cwl)}.prospector{background-color:var(--color-income-prospector);--chip-color: var(--color-income-prospector)}.supercell-events{background-color:var(--color-income-supercell-events);--chip-color: var(--color-income-supercell-events)}.custom-chip,.custom-chip-type-custom{background-color:var(--color-income-custom);--chip-color: var(--color-income-custom)}.income-chips-container{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-radius:8px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary)}.income-chips-container.valid-drop-target{border:1px dashed var(--accent-primary);background-color:var(--accent-primary-soft)}.income-chip{padding:6px 12px;border-radius:20px;color:var(--color-on-income);font-size:.85em;font-weight:500;cursor:grab;display:flex;align-items:center;justify-content:center;gap:5px;position:relative;border:1px solid var(--chip-border);transition:transform .2s,box-shadow .2s;min-width:32px;min-height:28px;flex-shrink:0}.income-chip .chip-icon{width:16px;height:16px;object-fit:contain;display:block;pointer-events:none}.income-chip.calendar-chip{padding:0;width:100%;max-width:32px;height:auto;aspect-ratio:1/1;min-width:0;min-height:0;border-radius:50%;overflow:visible}.income-chip.calendar-chip .chip-text{display:none}.income-chip.calendar-chip.no-icon{grid-column:1/-1;width:100%;max-width:100%;min-width:0;height:18px;min-height:18px;border-radius:6px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center}.income-chip.calendar-chip.no-icon .chip-text{display:block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.2px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.income-chip.calendar-chip .chip-icon{width:70%;height:70%;max-width:22px;max-height:22px}.income-chip.calendar-chip .chip-badge{position:absolute;top:-6px;right:-6px;margin-left:0;font-size:.65em;padding:2px 4px;border-radius:10px;background-color:var(--bg-surface-primary);color:var(--text-primary);border:1px solid var(--chip-border);box-shadow:0 2px 4px rgba(0,0,0,.3);z-index:10;line-height:1;font-weight:800}.income-chip:hover{transform:translateY(-2px);box-shadow:0px 2px 4px rgba(0,0,0,.3),0px 2px 6px rgba(0,0,0,.15);z-index:10}.income-chip.legend-highlight,.income-chip.persistent-glow{transform:scale(1.1) !important;box-shadow:0 0 10px var(--chip-color) !important;z-index:20}@media(max-width: 425px){.income-chip{font-size:10px;padding:4px 8px}}.income-chip.dragging{opacity:.5}.income-chip.custom-chip-ring::after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--accent-primary);border-radius:24px;pointer-events:none;opacity:.8}.income-chip.custom-chip-ring.calendar-chip::after{border-radius:50%}.income-chip .custom-chip-pencil{position:absolute;bottom:-5px;left:-5px;background-color:var(--accent-primary);color:var(--text-on-accent);border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.3);z-index:11;pointer-events:none}.income-chip .custom-chip-pencil svg{width:9px;height:9px}.income-chip .chip-text{position:relative;z-index:1;transition:opacity .2s;pointer-events:none}.income-chip .chip-badge{background-color:var(--bg-surface-primary);color:var(--text-primary);font-size:.7em;font-weight:700;padding:1px 4px;border-radius:4px;margin-left:2px;line-height:1;display:inline-block;box-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;z-index:2;pointer-events:none}.income-chip .chip-badge.badge-result-win{background-color:var(--color-success);color:var(--text-on-accent)}.income-chip .chip-badge.badge-result-loss{background-color:var(--color-danger);color:var(--text-on-accent)}.income-chip .chip-badge.badge-result-draw{background-color:var(--color-warning);color:var(--text-on-accent)}.income-chip[draggable=false]{cursor:default;box-shadow:none;user-select:none}.income-chip[draggable=false]:hover{transform:none;box-shadow:none}#calendar-track.weekly-view-grid .income-chip.calendar-chip{width:22px;height:22px;min-width:22px;min-height:22px}#calendar-track.weekly-view-grid .income-chip.calendar-chip .chip-icon{width:14px;height:14px}#calendar-track.weekly-view-grid .income-chip.calendar-chip.no-icon{width:auto;min-width:30px;height:14px;min-height:14px;border-radius:4px;padding:0 4px}#calendar-track.weekly-view-grid .income-chip.calendar-chip.no-icon .chip-text{font-size:7px}#calendar-track.weekly-view-grid .income-chip.calendar-chip .chip-badge{top:-4px;right:-4px;font-size:.55em;padding:1px 3px;border-radius:8px}.dragging-clone{position:absolute;z-index:31;pointer-events:none;opacity:.8}.income-event-display{width:18px;height:18px;border-radius:50%;margin:2px;position:relative;cursor:pointer;border:1px solid var(--chip-border)}.chip-tooltip{background-color:var(--bg-surface-tertiary);color:var(--text-primary);padding:8px 12px;border-radius:8px;white-space:nowrap;z-index:75;pointer-events:none;box-shadow:0px 4px 8px rgba(0,0,0,.3),0px 4px 12px rgba(0,0,0,.15);border:1px solid var(--border-primary)}.chip-tooltip.visible{opacity:1;visibility:visible}.chip-tooltip .tooltip-content{display:flex;flex-direction:column;gap:6px;align-items:center;width:100%}.chip-tooltip .tooltip-header{font-weight:600;margin-bottom:4px;color:var(--accent-primary);width:100%;text-align:center;font-size:1.05em}.chip-tooltip .ore-count-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:.85em;font-weight:500}.chip-tooltip .ore-count-item span{flex:1;text-align:right;font-family:"Roboto Mono",monospace}.chip-tooltip .ore-icon-small{width:16px;height:16px}.income-chips-legend{display:flex;flex-wrap:wrap;margin-top:20px;padding:15px;border-radius:12px;background-color:var(--bg-surface-primary);border:1px solid var(--border-secondary)}@media(max-width: 425px){.income-chips-legend{gap:2px}}.legend-item{display:flex;align-items:center;gap:8px;flex-shrink:0;color:var(--text-secondary);font-size:.85em;font-weight:500;padding:4px 8px;border-radius:6px;cursor:pointer;transition:background-color .2s,color .2s}@media(max-width: 425px){.legend-item{padding:2px 4px}}.legend-item:hover{background-color:var(--bg-surface-tertiary);color:var(--text-primary)}.color-box{width:14px;height:14px;border-radius:4px;border:1px solid var(--chip-border)}.income-chips-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}h3.income-chips-title{margin:0;font-size:1.1em;color:var(--text-primary);display:flex;align-items:center;gap:6px}h3.income-chips-title .short-title{display:none}@media(max-width: 425px){h3.income-chips-title .full-title{display:none}h3.income-chips-title .short-title{display:inline}}.income-chips-actions{display:flex;align-items:center;gap:8px}.income-chips-actions .create-custom-chips-btn{margin:0}.auto-place-chips-btn{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid rgba(66,133,244,.3)}.auto-place-chips-btn:hover:not(:disabled){background-color:rgba(66,133,244,.2);border-color:rgba(66,133,244,.5)}.auto-place-chips-btn{border-radius:20px;padding:8px 16px;font-size:.85em;font-weight:600;cursor:pointer;transition:all .3s ease}.auto-place-chips-btn:hover{transform:translateY(-1px)}.auto-place-chips-btn:active{transform:translateY(0)}.placeholder-text{text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);width:100%;margin:20px 0;font-style:italic}.create-custom-chips-btn{margin:10px auto 20px;display:flex;align-items:center;justify-content:center;gap:8px}.create-custom-chips-btn .chip-icon-inline{width:18px;height:18px;object-fit:contain}.income-chip-group{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}#priority-list-modal{padding:5rem}#priority-list-modal .modal-content{height:90%;max-width:1200px}#priority-list-modal .modal-header .button-group{display:flex;gap:10px}#priority-list-modal .modal-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0;background-color:var(--bg-app)}#priority-list-modal .reset-button{background-color:var(--color-danger-soft);border:1px solid var(--border-primary);border-radius:12px;color:var(--color-danger);cursor:pointer;height:36px;padding:0;transition:background-color .2s ease-in-out,border-color .2s,transform .1s;width:36px}#priority-list-modal .reset-button svg{fill:currentColor;width:24px;height:24px}#priority-list-modal .reset-button:hover,#priority-list-modal .reset-button:focus{background-color:var(--color-danger-soft-hover);border-color:var(--color-danger);color:var(--color-danger);transform:scale(1.05)}#priority-list-modal .reset-button:active{transform:scale(0.95)}#priority-list-modal .stored-ores-button{background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-secondary);cursor:pointer;height:36px;padding:6px;transition:background-color .2s ease-in-out,border-color .2s,transform .1s;width:36px}#priority-list-modal .stored-ores-button orecalc-assets-image{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}#priority-list-modal .stored-ores-button img{width:24px;height:24px;display:block;filter:brightness(0) invert(1);opacity:.65;transition:opacity .2s ease-in-out,filter .2s ease-in-out}.light-mode #priority-list-modal .stored-ores-button img{filter:brightness(0)}#priority-list-modal .stored-ores-button:hover,#priority-list-modal .stored-ores-button:focus{background-color:var(--bg-surface-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.05)}#priority-list-modal .stored-ores-button:hover img,#priority-list-modal .stored-ores-button:focus img{opacity:1}#priority-list-modal .stored-ores-button:active{transform:scale(0.95)}@media(max-width: 779px){#priority-list-modal{padding:0 !important}#priority-list-modal .modal-content{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;border-radius:0;border:none}#priority-list-modal .modal-header{padding:12px 16px;gap:8px}#priority-list-modal .modal-header h2{font-size:1.1rem;flex:1;min-width:0}#priority-list-modal .modal-header .button-group{gap:6px;align-items:center}#priority-list-modal .modal-header .button-group button:not(.suggestion-message-btn){height:32px;width:32px;border-radius:8px}#priority-list-modal .modal-header .button-group button:not(.suggestion-message-btn) svg,#priority-list-modal .modal-header .button-group button:not(.suggestion-message-btn) img{width:20px;height:20px}#priority-list-modal .modal-header .button-group .suggestion-message-btn{height:32px;width:32px;padding:0;border-radius:8px;justify-content:center}#priority-list-modal .modal-body{padding:0}}.priority-editor-container{display:flex;flex-direction:column;height:100%}.equipment-chip-container{padding:1rem;border-bottom:1px solid var(--border-primary);max-height:40%;overflow-y:auto;background-color:var(--bg-surface-primary)}.equipment-chip-container h3{margin:0 0 1rem 0;font-size:1.2rem;color:var(--text-secondary)}.hero-equipment-grid{display:flex;flex-direction:column;gap:15px}.hero-row{display:flex;gap:15px;align-items:flex-start}.hero-chip-column{flex:0 0 180px;position:sticky;top:0;align-self:flex-start}.equipment-chips-column{display:flex;flex-wrap:wrap;gap:10px;flex:1}.hero-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-secondary);font-weight:var(--font-weight-bold);color:var(--text-primary);overflow:hidden;width:100%}.hero-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:116px;flex:1}.hero-chip .hero-chip-icon{width:32px;height:32px}.equipment-chip{display:flex;align-items:center;gap:8px;background-color:var(--bg-surface-tertiary);padding:6px 12px;border-radius:16px;cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s,box-shadow .2s ease-in-out;border:1px solid var(--border-primary)}.equipment-chip:focus{outline:none}.equipment-chip:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.equipment-chip:hover{background-color:var(--accent-primary-soft);border-color:var(--accent-primary)}.equipment-chip .chip-icon{width:24px;height:24px}.equipment-chip span{font-size:.9rem;font-weight:500}.equipment-chip.custom-maxed-in-plan{border-color:var(--accent-primary);box-shadow:0 0 4px var(--accent-primary-soft),0 0 8px var(--accent-primary-soft)}.equipment-chip.maxed-in-plan{border-color:var(--color-gold) !important;box-shadow:0 0 4px var(--color-gold-glow-shadow),0 0 8px var(--color-gold-glow-shadow) !important}.priority-list-editor{flex-grow:1;padding:1rem;overflow-y:auto}.priority-list-editor .placeholder-text{text-align:center;color:var(--text-secondary);margin-top:2rem}.priority-list-editor-item{display:flex;align-items:center;background-color:var(--bg-surface-primary);padding:10px;border-radius:8px;margin-bottom:10px;box-shadow:0px 2px 4px rgba(0,0,0,.3),0px 2px 6px rgba(0,0,0,.15);border:1px solid var(--border-primary);transition:transform .25s cubic-bezier(0.2, 1, 0.2, 1),box-shadow .25s cubic-bezier(0.2, 1, 0.2, 1),background-color .25s cubic-bezier(0.2, 1, 0.2, 1),border-color .25s cubic-bezier(0.2, 1, 0.2, 1)}.priority-list-editor-item:not(.dragging):not(.disabled-dragging):hover{background-color:var(--bg-surface-secondary);border-color:var(--border-secondary);box-shadow:0px 6px 12px rgba(0,0,0,.3),0px 6px 18px rgba(0,0,0,.15)}.priority-list-editor-item:not(.dragging):not(.disabled-dragging):hover .drag-handle{color:var(--text-primary)}.priority-list-editor-item:not(.dragging):not(.disabled-dragging):active{box-shadow:0px 2px 4px rgba(0,0,0,.3),0px 2px 6px rgba(0,0,0,.15)}.priority-list-editor-item.disabled-dragging{opacity:.6}.priority-list-editor-item.disabled-dragging .drag-handle{cursor:default;opacity:.3}.priority-list-editor-item.dragging{opacity:.3;background-color:var(--bg-surface-secondary) !important;border:1px dashed var(--border-secondary) !important;box-shadow:none !important;transform:scale(0.97) !important}.priority-list-editor-item .drag-handle{cursor:grab;margin-right:10px;color:var(--text-secondary)}.priority-list-editor-item .item-image{width:30px;height:30px;margin-right:15px}.priority-list-editor-item .item-details{flex-grow:1;display:flex;justify-content:space-between;align-items:center;margin-right:15px}.priority-list-editor-item .item-name{font-size:14px;color:var(--text-primary)}.priority-list-editor-item .priority-item-ores{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--text-secondary)}.priority-list-editor-item .tooltip-container{position:relative;cursor:help}.priority-list-editor-item .tooltip-container:hover .priority-item-tooltip{opacity:1;visibility:visible}.priority-list-editor-item .priority-item-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);padding:10px;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.5);color:var(--text-primary);font-size:12px;width:max-content;max-width:260px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:5;text-align:center}.priority-list-editor-item .priority-item-tooltip p{margin:0 0 6px 0}.priority-list-editor-item .priority-item-tooltip b{color:var(--accent-primary)}.priority-list-editor-item .priority-item-tooltip.tooltip-bottom{bottom:auto;top:100%;margin-bottom:0;margin-top:8px}.priority-list-editor-item .tooltip-req-ores{display:flex;justify-content:center;gap:8px;margin-top:8px;align-items:center;font-size:11px}.priority-list-editor-item .priority-item-ores span,.priority-list-editor-item .tooltip-req-ores span{display:flex;align-items:center;gap:2px}.priority-list-editor-item .priority-item-ores .ore-icon-small{width:12px;height:12px}.priority-list-editor-item .priority-item-date{font-size:12px;color:var(--text-secondary);white-space:nowrap}.priority-list-editor-item .delete-item-btn{background-color:rgba(0,0,0,0);border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s ease,transform .1s;display:flex;align-items:center;justify-content:center;padding:4px}.priority-list-editor-item .delete-item-btn:hover{color:var(--color-danger);transform:scale(1.1)}.priority-list-editor-item .delete-item-btn:active{transform:scale(0.9)}.priority-list-editor-item .delete-item-btn svg{width:20px;height:20px}@media(max-width: 599px){.priority-list-editor-item .item-details{flex-direction:column;align-items:flex-start;gap:4px;margin-right:0}.priority-list-editor-item .priority-item-date{margin-top:0}}@media(max-width: 779px){.hero-chip span,.equipment-chip span{display:none}.hero-chip,.equipment-chip{padding:6px}.hero-chip-column{flex:0 0 auto;width:auto}.hero-chip-icon{width:28px;height:28px}.chip-icon{width:28px;height:28px}}.priority-list-message-box{background-color:var(--accent-primary-soft);border:1px solid var(--accent-primary);padding:10px 15px;border-radius:8px;margin:1rem;text-align:center;display:none}.priority-list-message-box.error{border-color:var(--color-danger);background-color:var(--color-danger-soft);display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:left;gap:6px}.priority-list-message-box.error .error-messages-wrapper{flex-grow:1}.priority-list-message-box.error .error-messages-wrapper .error-message{justify-content:flex-start}@media(max-width: 599px){.priority-list-message-box.error{flex-direction:column;text-align:center;padding:15px}.priority-list-message-box.error .error-messages-wrapper{margin-bottom:6px}.priority-list-message-box.error .error-messages-wrapper .error-message{justify-content:center}.priority-list-message-box.error .fix-order-btn{margin-left:0;width:100%;justify-content:center}}.fix-order-btn{background-color:rgba(102,187,106,.15);color:#4caf50;border:1px solid rgba(102,187,106,.3);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:var(--font-size-xs);white-space:nowrap;transition:background-color .2s,border-color .2s,transform .1s;display:flex;align-items:center;gap:6px;font-weight:var(--font-weight-bold)}.fix-order-btn:hover{background-color:rgba(102,187,106,.25);border-color:rgba(102,187,106,.5);transform:scale(1.02)}.fix-order-btn:active{transform:scale(0.98)}.fix-order-btn svg{fill:currentColor}.priority-list-message-box p{margin:0;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:6px}.priority-list-message-box p:not(:first-child){margin-top:6px}.priority-list-message-box .error-message{color:var(--color-danger);font-weight:var(--font-weight-bold)}.priority-list-message-box .error-icon{flex-shrink:0}.priority-list-message-box .suggestion-message{color:var(--accent-primary);font-size:var(--font-size-sm);font-weight:500;display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:6px;padding:8px 0;margin:0}.priority-list-message-box .suggestion-message:not(:first-child){border-top:1px solid rgba(var(--accent-primary), 0.2);margin-top:0}.priority-list-message-box .suggestion-message .suggestion-icon{flex-shrink:0;fill:currentColor}.priority-list-message-box .suggestion-message span{flex:1}.priority-list-editor-item.error{background-color:var(--accent-primary-soft);border:1px solid var(--color-danger)}.priority-list-editor-item.suggestion{background-color:var(--accent-primary-soft);border-left:3px solid var(--accent-primary)}.suggestion-bar{height:3px;background-color:var(--accent-primary);margin:2px 0 10px 0}.priority-list-message-box.suggestion-only{background-color:var(--accent-primary-soft);border:1px solid var(--accent-primary);display:flex;justify-content:space-between;align-items:center}@media(max-width: 599px){.priority-list-message-box.suggestion-only{flex-direction:column;padding:15px;text-align:center}.priority-list-message-box.suggestion-only .suggestion-messages-wrapper{margin-bottom:12px;width:100%}.priority-list-message-box.suggestion-only .hide-suggestion-btn{margin-left:0;width:100%;justify-content:center}}.suggestion-messages-wrapper{flex-grow:1}.hide-suggestion-btn{background-color:rgba(0,0,0,0);border:1px solid var(--accent-primary);color:var(--accent-primary);padding:5px 10px;border-radius:4px;cursor:pointer;font-size:var(--font-size-xs);margin-left:10px;white-space:nowrap;transition:background-color .2s}.hide-suggestion-btn:hover{background-color:var(--accent-primary-soft)}.suggestion-message-btn{background-color:var(--accent-primary-soft);border:1px solid var(--accent-primary);color:var(--accent-primary);border-radius:8px;height:36px;width:36px;padding:0;cursor:pointer;font-size:var(--font-size-xs);text-align:center;margin-right:5px;transition:background-color .2s,transform .2s cubic-bezier(0.34, 1.56, 0.64, 1);display:inline-flex;align-items:center;justify-content:center;gap:6px;position:relative}.suggestion-message-btn svg{flex-shrink:0;fill:currentColor}.suggestion-message-btn:hover{background-color:var(--accent-primary-soft);transform:scale(1.1)}.suggestion-message-btn:active{transform:scale(0.92)}@keyframes badge-scale-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.suggestion-message-btn .badge{position:absolute;top:-6px;right:-6px;background-color:var(--color-warning);color:var(--text-on-accent);border-radius:9999px;padding:0;font-size:10px;font-weight:var(--font-weight-bold);width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-surface-secondary);box-sizing:border-box;animation:badge-scale-pulse 2s infinite ease-in-out}#level-select-modal{z-index:61}#level-select-modal .modal-content{max-width:500px}#level-select-modal .modal-header h2{white-space:normal;overflow:visible;text-overflow:clip}#level-select-modal .modal-header h2 #level-select-modal-equip-name{color:var(--accent-primary)}#level-select-modal .modal-body p{font-size:.9rem;color:var(--text-secondary);margin-bottom:16px;text-align:center}#level-select-modal .modal-body p #current-equipment-level{font-weight:600;color:var(--text-primary)}#level-select-modal .modal-body #level-select-table{width:100%;border-collapse:collapse}#level-select-modal .modal-body #level-select-table th,#level-select-modal .modal-body #level-select-table td{padding:16px 8px;text-align:center;border-bottom:1px solid var(--border-primary)}#level-select-modal .modal-body #level-select-table th{font-weight:600;color:var(--text-secondary)}#level-select-modal .modal-body #level-select-table td{vertical-align:middle}#level-select-modal .modal-body #level-select-table .level-input-cell{position:relative}#level-select-modal .modal-body #level-select-table .level-input-cell .popover-wrapper{display:block;width:100%}#level-select-modal .modal-body #level-select-table .level-input{width:100%;padding:8px;font-size:1rem;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);text-align:center;transition:border-color .2s,box-shadow .2s,transform .25s cubic-bezier(0.34, 1.56, 0.64, 1)}#level-select-modal .modal-body #level-select-table .level-input:hover{transform:scale(1.04)}#level-select-modal .modal-body #level-select-table .level-input:focus{outline:none}#level-select-modal .modal-body #level-select-table .level-input:focus-visible{border-color:var(--accent-primary);animation:input-glow-pulse 1.8s infinite ease-in-out;transform:scale(1.06);outline:none}#level-select-modal .modal-body #level-select-table .enable-cell{display:flex;justify-content:center;align-items:center}#level-select-modal .modal-body #level-select-table .trash-cell{text-align:center}#level-select-modal .modal-body #level-select-table .trash-btn{margin:0 auto;background-color:var(--color-danger-soft);color:var(--color-danger);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,transform .1s}@keyframes trash-shake{0%,100%{transform:scale(1.1) rotate(0deg)}25%{transform:scale(1.1) rotate(-8deg)}75%{transform:scale(1.1) rotate(8deg)}}#level-select-modal .modal-body #level-select-table .trash-btn:hover{background-color:var(--color-danger-soft-hover);animation:trash-shake .3s ease-in-out infinite}#level-select-modal .modal-body #level-select-table .trash-btn:active{transform:scale(0.9);animation:none}#level-select-modal .modal-body #level-select-table .trash-btn svg{width:20px;height:20px;fill:currentColor}#level-select-modal .modal-actions{background-color:var(--bg-surface-tertiary)}@media(max-width: 600px){#level-select-modal .modal-header h2{display:flex;flex-direction:column;align-items:flex-start;gap:4px;line-height:1.2}#level-select-modal .modal-header h2 .set-target-text{font-size:.8rem;font-weight:500;color:var(--text-secondary)}#level-select-modal .modal-header h2 #level-select-modal-equip-name{font-size:1.15rem}#level-select-modal .modal-body p{margin-bottom:12px}#level-select-modal .modal-body #level-select-table th,#level-select-modal .modal-body #level-select-table td{padding:10px 4px;font-size:.875rem}#level-select-modal .modal-body #level-select-table .level-input{padding:6px;font-size:.9rem;border-radius:6px}#level-select-modal .modal-body #level-select-table .trash-btn{width:30px;height:30px}#level-select-modal .modal-body #level-select-table .trash-btn svg{width:16px;height:16px}}#update-available-modal .modal-content{max-width:400px}#update-available-modal .modal-notice-footer{font-size:11px;color:var(--text-muted);line-height:1.4;text-align:left;border-top:1px solid var(--border-primary);padding-top:12px;margin-top:16px}#update-available-modal .modal-notice-footer p{margin:0}#update-available-modal .modal-actions .reject-button,#update-available-modal .modal-actions .accept-button{flex:1}#settings-update-card .settings-card{border:1px solid var(--accent-primary);background:var(--accent-primary-soft);padding:16px 20px;border-radius:12px;transition:border-color .3s,background-color .3s}#settings-update-card .update-card-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;width:100%}#settings-update-card .update-card-left{display:flex;align-items:center;gap:10px;flex:1;min-width:280px}#settings-update-card .update-card-left .update-card-message{font-size:.95rem;font-weight:500;color:var(--text-primary)}#settings-update-card .update-card-left .info-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;opacity:.7;transition:opacity .2s}#settings-update-card .update-card-left .info-btn:hover{opacity:1}#settings-update-card .update-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}#settings-update-card .update-card-right .update-card-timer{font-size:.78rem;font-weight:500;color:var(--text-secondary);margin:0;white-space:nowrap}@media(max-width: 576px){#settings-update-card .update-card-content{flex-direction:column;align-items:stretch;text-align:center;gap:12px}#settings-update-card .update-card-left{justify-content:center;min-width:unset}#settings-update-card .update-card-right{align-items:center}#settings-update-card .update-card-right #settings-update-now-btn{width:100%}}#changelog-modal .modal-content{max-width:650px}#changelog-modal .modal-body{max-height:70vh;overflow-y:auto;padding:1.5rem}#changelog-modal .modal-body::-webkit-scrollbar{width:8px}#changelog-modal .modal-body::-webkit-scrollbar-track{background:var(--bg-surface-primary);border-radius:4px}#changelog-modal .modal-body::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}#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 .2s ease,box-shadow .2s ease}#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:1.5rem;font-weight: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:600;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:.75rem;font-weight:600;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:rgba(var(--text-secondary), 0.15);color:var(--text-secondary);border:1px solid rgba(var(--text-secondary), 0.3)}#changelog-modal .changelog-item .change-text{color:var(--text-primary);font-size:.875rem}@media(max-width: 768px){#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:650px}#commits-modal .modal-body{max-height:70vh;overflow-y:auto;padding:1.5rem}#commits-modal .modal-body::-webkit-scrollbar{width:8px}#commits-modal .modal-body::-webkit-scrollbar-track{background:var(--bg-surface-primary);border-radius:4px}#commits-modal .modal-body::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}#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:4px;font-size:.75rem;font-weight: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-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 hsla(0,0%,100%,.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;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}#commits-modal .milestones-section .milestone-item:hover{transform:translateY(-1px);border-color:rgba(var(--accent-primary), 0.35);box-shadow:0 4px 12px rgba(var(--accent-primary), 0.08)}#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: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:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);user-select:none;transition:background-color .2s ease}#commits-modal .other-updates-details .other-updates-summary::-webkit-details-marker{display:none}#commits-modal .other-updates-details .other-updates-summary:hover{background-color:rgba(var(--border-primary), 0.05);color:var(--text-primary)}#commits-modal .other-updates-details .other-updates-summary .summary-toggle-icon{height:16px;width:16px;transition:transform .2s ease;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: 600px){#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:.75rem}#commits-modal .commit-item .commit-subject{font-size:.875rem}}#device-sync-modal .modal-content{max-width:440px}#device-sync-modal #device-sync-qr-container{background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);padding:15px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.15);display:inline-block;margin:10px 0}#device-sync-modal #device-sync-qr-container canvas{display:block;max-width:100%;height:auto !important}#device-sync-modal .qr-user-id{display:block;font-family:"Roboto Mono",monospace;background-color:var(--bg-surface-tertiary);padding:8px 12px;border-radius:8px;font-size:.9em;word-break:break-all;cursor:pointer;transition:background-color .2s,border-color .2s;border:1px solid rgba(0,0,0,0)}#device-sync-modal .qr-user-id:hover{background-color:var(--bg-surface-secondary);border-color:var(--accent-primary)}#device-sync-modal details{margin-bottom:15px;border:1px solid var(--border-primary);border-radius:12px;background-color:var(--bg-surface-secondary);overflow:hidden;transition:background-color .2s,box-shadow .2s}#device-sync-modal details.is-open{background-color:var(--bg-surface-primary);box-shadow:0 2px 8px rgba(0,0,0,.05)}#device-sync-modal summary{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-weight:600;font-size:1.05rem;color:var(--text-primary);cursor:pointer;list-style:none}#device-sync-modal summary::-webkit-details-marker{display:none}#device-sync-modal summary .chevron svg{color:var(--text-secondary);width:16px;height:16px;display:block}#device-sync-modal summary:hover{background-color:rgba(var(--accent-primary-rgb, 0), 0.03)}#device-sync-modal .details-content{padding:18px;border-top:1px solid var(--border-primary);background-color:var(--bg-surface-primary)}#device-sync-modal .import-data-input-container{position:relative}#device-sync-modal .import-data-input-container label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}#device-sync-modal .import-data-input-container input{width:100%;padding:12px 16px;border:1px solid var(--border-primary);border-radius:12px;font-size:16px;background-color:var(--bg-surface-primary);color:var(--text-primary);transition:border-color .3s ease-in-out}#device-sync-modal .import-data-input-container input:focus{outline:none}#device-sync-modal .import-data-input-container input:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}#device-sync-modal .import-data-input-container input.input-error{border-color:var(--color-danger);box-shadow:0 0 0 4px rgba(var(--color-danger), 0.1)}#device-sync-modal .status-message{font-size:12px;font-weight:500;margin-top:8px;text-align:left;display:none}#device-sync-modal .status-message.show{display:block}#device-sync-modal .status-message.error{color:var(--color-danger)}#device-sync-modal .status-message.success{color:var(--color-success)}@media(max-width: 480px){#device-sync-modal #device-sync-copy-btn{min-width:40px;width:40px;padding:8px}#device-sync-modal #device-sync-copy-btn .animated-btn-text{display:none}#device-sync-modal #device-sync-copy-btn .animated-btn-icon-wrapper{transform:translateY(0);transition:none}}#bug-report-modal{z-index:81}#bug-report-modal .modal-content{max-width:480px}#bug-report-modal .bug-report-form{padding:16px 24px 24px;flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:16px}#bug-report-modal .form-group{display:flex;flex-direction:column;gap:6px;width:100%}#bug-report-modal .input-label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary)}#bug-report-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;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}#bug-report-modal .input-style:focus{outline:none}#bug-report-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.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{resize:vertical;font-family:inherit}#bug-report-modal .textarea-footer{display:flex;justify-content:space-between;align-center:center;width:100%;margin-top:4px}#bug-report-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{display:block}#bug-report-modal .char-count{color:var(--text-muted);font-size:12px}#bug-report-modal .attachment-box{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#bug-report-modal .attachment-status{display:flex;align-items:center;gap:8px;background-color:rgba(var(--color-success), 0.08);border:1px solid rgba(var(--color-success), 0.2);padding:8px 16px;border-radius:12px;transition:opacity .2s ease-in-out}#bug-report-modal .attachment-status.hidden{display:none !important}#bug-report-modal .attachment-status .success-icon{color:var(--color-success);width:18px;height:18px;fill:currentColor;display:flex;align-items:center;justify-content:center}#bug-report-modal .attachment-status .text-success{color:var(--color-success);font-weight:500;font-size:14px}#bug-report-modal .detach-button{background:none;border:none;color:var(--color-danger);font-size:18px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}#bug-report-modal .detach-button:hover{background-color:rgba(var(--color-danger), 0.1)}#bug-report-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 input[type=checkbox]{-webkit-appearance:none;appearance:none;border:1px solid var(--border-primary);border-radius:6px;cursor:pointer;height:20px;width:20px;outline:none;position:relative;background-color:var(--bg-surface-primary);transition:all .2s ease-in-out;flex-shrink:0;margin:0}#bug-report-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]:checked::after{content:"✓";color:var(--text-on-accent);display:block;font-size:14px;line-height:18px;text-align:center;font-weight:bold}#bug-report-modal .checkbox-group input[type=checkbox]:focus{outline:none}#bug-report-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-label{font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer}#bug-report-modal .bug-report-sw-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background-color:var(--accent-primary);border:1px solid rgba(66,133,244,.3);border-radius:10px;font-size:12.5px;font-weight:600;color:var(--text-on-accent);cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap;flex-shrink:0}#bug-report-modal .bug-report-sw-btn:hover{background-color:color-mix(in srgb, var(--accent-primary) 85%, black)}#bug-report-modal .bug-report-sw-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width: 600px){#bug-report-modal .bug-report-form{padding:12px 20px 20px;gap:12px}#bug-report-modal .input-style{padding:10px 14px;font-size:.95rem}#bug-report-modal .input-label{font-size:13px}#bug-report-modal .checkbox-group .checkbox-label{font-size:13px}#bug-report-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{text-align:center}#bug-report-modal .sw-troubleshoot-box #bug-report-reset-sw-btn{align-self:center;margin:0 auto}}#licenses-modal .modal-content{max-width:680px}#licenses-modal #licenses-container{display:flex;flex-direction:column;gap:12px;padding:1.5rem}#licenses-modal details{flex-shrink:0;background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;transition:border-color .25s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .25s cubic-bezier(0.4, 0, 0.2, 1),background-color .25s ease}#licenses-modal details[open]{border-color:var(--accent-primary);box-shadow:0 4px 12px rgba(0,0,0,.08)}#licenses-modal details[open] summary::after{transform:rotate(180deg);color:var(--accent-primary)}#licenses-modal details:hover:not([open]){border-color:var(--accent-primary);background-color:var(--bg-surface-tertiary)}#licenses-modal summary{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font-weight:600;color:var(--text-primary);cursor:pointer;user-select:none;list-style:none;outline:none;transition:background-color .2s ease,border-bottom .2s ease}#licenses-modal summary::-webkit-details-marker{display:none}#licenses-modal summary::after{content:"";display:inline-block;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform .25s cubic-bezier(0.4, 0, 0.2, 1),color .25s ease}#licenses-modal summary:focus-visible{background-color:rgba(var(--accent-primary), 0.05);outline:2px solid var(--accent-primary);outline-offset:-2px}#licenses-modal .license-title{font-size:1rem;font-weight:600;color:var(--text-primary)}#licenses-modal .license-version{font-size:.85rem;color:var(--text-secondary);background-color:rgba(var(--text-secondary), 0.1);padding:2px 6px;border-radius:4px}#licenses-modal .license-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid var(--border-primary);padding:2px 8px;border-radius:6px;letter-spacing:.5px;margin-left:auto;margin-right:12px}#licenses-modal .details-body{padding:14px 20px;display:flex;flex-direction:column;gap:12px;background-color:var(--bg-surface-secondary);border-top:1px solid var(--border-primary)}#licenses-modal .meta-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:.85rem;color:var(--text-secondary)}#licenses-modal .meta-row .license-link{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--accent-primary);text-decoration:none;font-weight:500;font-size:.9rem;transition:opacity .2s ease}#licenses-modal .meta-row .license-link svg{width:14px;height:14px;fill:currentColor;display:inline-block;transition:transform .2s ease}#licenses-modal .meta-row .license-link:hover{opacity:.8;text-decoration:underline}#licenses-modal .meta-row .license-link:hover svg{transform:translate(1px, -1px)}#licenses-modal .license-text{padding:16px 20px;background-color:rgba(0,0,0,.15);color:var(--text-secondary);font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:.825rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:280px;overflow-y:auto;border:1px solid var(--border-primary);border-radius:8px;margin-top:12px;box-shadow:inset 0 1px 3px rgba(0,0,0,.08)}#licenses-modal .license-text::-webkit-scrollbar{width:6px;height:6px}#licenses-modal .license-text::-webkit-scrollbar-track{background:rgba(0,0,0,0)}#licenses-modal .license-text::-webkit-scrollbar-thumb{background-color:var(--border-primary);border-radius:3px}#licenses-modal .license-text::-webkit-scrollbar-thumb:hover{background-color:var(--accent-primary)}@media(max-width: 600px){#licenses-modal #licenses-container{padding:1rem}#licenses-modal details{border-radius:8px}#licenses-modal summary{padding:10px 14px}#licenses-modal summary::after{width:16px;height:16px}#licenses-modal .license-title{font-size:.9rem}#licenses-modal .license-version{font-size:.8rem;padding:1px 4px}#licenses-modal .license-badge{font-size:.7rem;padding:1px 6px;margin-right:6px}#licenses-modal .details-body{padding:10px 14px}#licenses-modal .license-text{padding:10px 14px;font-size:.775rem;margin-top:8px}}#running-costs-modal .modal-content{max-width:560px}#running-costs-modal .volunteer-button{text-decoration:none}#running-costs-modal .volunteer-button:hover,#running-costs-modal .volunteer-button:focus{color:#ff5a5f !important;border-color:rgba(255,90,95,.5) !important;background-color:rgba(255,90,95,.08) !important}#running-costs-modal .costs-summary-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(var(--accent-primary), 0.08), rgba(var(--accent-primary), 0.02));border:1px solid rgba(var(--accent-primary), 0.15);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}#running-costs-modal .costs-summary-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:.5rem}#running-costs-modal .costs-summary-value-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}#running-costs-modal .costs-summary-value{font-size:2.25rem;font-weight:800;color:var(--accent-primary);font-family:monospace}#running-costs-modal .costs-tax-badge{position:absolute;top:0;left:100%;transform:translate(8px, -20%);font-size:.55rem;padding:2px 6px;border-radius:99px;text-transform:uppercase;font-weight:800;letter-spacing:.8px;background-color:rgba(var(--accent-primary), 0.08);color:var(--accent-primary);border:1px solid rgba(var(--accent-primary), 0.25);display:inline-block;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.05)}@media(max-width: 560px){#running-costs-modal .costs-tax-badge{position:relative;left:auto;transform:none;margin-left:4px;margin-top:-6px}}#running-costs-modal .costs-section-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}#running-costs-modal .costs-history-container{display:flex;flex-direction:column;gap:12px;margin-bottom:1.5rem;max-height:340px;overflow-y:auto;padding-right:4px}#running-costs-modal .costs-history-container::-webkit-scrollbar{width:6px}#running-costs-modal .costs-history-container::-webkit-scrollbar-track{background:rgba(0,0,0,0)}#running-costs-modal .costs-history-container::-webkit-scrollbar-thumb{background-color:var(--border-primary);border-radius:3px}#running-costs-modal .costs-history-container::-webkit-scrollbar-thumb:hover{background-color:var(--accent-primary)}#running-costs-modal .costs-month-card{background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;flex-shrink:0;transition:border-color .2s ease,box-shadow .2s ease}#running-costs-modal .costs-month-card:hover{border-color:rgba(var(--accent-primary), 0.4);box-shadow:0 2px 8px rgba(0,0,0,.05)}#running-costs-modal .costs-month-card .extra-service{display:none !important}#running-costs-modal .costs-month-card .others-row{display:flex}#running-costs-modal .costs-month-card.expanded .extra-service{display:flex !important}#running-costs-modal .costs-month-card.expanded .others-row{display:none !important}#running-costs-modal .costs-month-card.expanded .costs-toggle-expand-btn .toggle-icon{transform:rotate(180deg)}#running-costs-modal .costs-month-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--bg-surface-secondary);font-weight:600;border-bottom:1px solid var(--border-primary)}#running-costs-modal .costs-month-name{color:var(--text-primary);font-size:.95rem}#running-costs-modal .costs-month-total{color:var(--accent-primary);font-family:monospace;font-size:1rem;font-weight:700}#running-costs-modal .costs-services-list{padding:8px 16px;display:flex;flex-direction:column;gap:6px}#running-costs-modal .costs-service-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);padding:2px 4px;border-radius:4px;transition:background-color .2s ease}#running-costs-modal .costs-service-row .costs-service-name{font-weight:500}#running-costs-modal .costs-service-row .costs-service-cost{font-family:monospace;color:var(--text-primary)}#running-costs-modal .costs-service-row.highlighted{background-color:rgba(var(--accent-primary), 0.08);border-left:3px solid var(--accent-primary);padding-left:8px;padding-right:8px;margin:1px 0}#running-costs-modal .costs-service-row.highlighted .costs-service-name{font-weight:700;color:var(--accent-primary)}#running-costs-modal .costs-service-row.highlighted .costs-service-cost{font-weight:700;color:var(--accent-primary)}#running-costs-modal .costs-month-footer{font-size:.775rem;font-style:italic;color:var(--text-secondary);padding:8px 16px 12px;border-top:1px dashed rgba(var(--border-primary), 0.6);background-color:rgba(var(--bg-surface-secondary), 0.5)}#running-costs-modal .costs-toggle-expand-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 16px;background:rgba(0,0,0,0);border:none;border-top:1px solid rgba(var(--border-primary), 0.4);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s}#running-costs-modal .costs-toggle-expand-btn:hover{background-color:rgba(var(--accent-primary), 0.04);color:var(--accent-primary)}#running-costs-modal .costs-toggle-expand-btn .toggle-icon{width:14px;height:14px;fill:currentColor;transition:transform .2s ease}#running-costs-modal .costs-disclaimer{font-size:.825rem;line-height:1.5;color:var(--text-secondary);background-color:rgba(var(--text-secondary), 0.05);padding:12px 16px;border-radius:8px;border-left:3px solid var(--accent-primary);margin-bottom:0}#running-costs-modal .running-costs-actions{justify-content:space-between;align-items:center;border-top:1px solid var(--border-primary)}#running-costs-modal .running-costs-last-updated{font-size:.8rem;color:var(--text-secondary);display:flex;gap:4px;align-items:center}#running-costs-modal .running-costs-last-updated #running-costs-update-date{font-weight:600;color:var(--text-primary)}#running-costs-modal.is-mock .modal-content{position:relative;overflow:hidden}#running-costs-modal.is-mock .modal-content::after{content:"MOCK DATA";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-25deg);font-size:5.5rem;font-weight:900;color:var(--text-primary);opacity:.035;pointer-events:none;user-select:none;z-index:1;white-space:nowrap;letter-spacing:8px}@media(max-width: 600px){#running-costs-modal .costs-summary-card{padding:1rem;margin-bottom:1rem;border-radius:12px}#running-costs-modal .costs-summary-value{font-size:1.75rem}#running-costs-modal .costs-section-title{font-size:1rem;margin-bottom:.5rem}#running-costs-modal .costs-history-container{max-height:220px;margin-bottom:1rem}#running-costs-modal .costs-month-card{border-radius:8px}#running-costs-modal .costs-month-header{padding:10px 12px}#running-costs-modal .costs-month-name{font-size:.875rem}#running-costs-modal .costs-month-total{font-size:.9rem}#running-costs-modal .costs-services-list{padding:6px 12px;gap:4px}#running-costs-modal .costs-service-row{font-size:.8rem}#running-costs-modal .costs-disclaimer{padding:10px 12px;font-size:.775rem}}#equipment-details-modal .eq-details-modal-content{max-width:900px !important;width:95%;height:90vh;display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:color-mix(in srgb, var(--bg-surface-primary) 95%, black);border:1px solid color-mix(in srgb, var(--border-primary) 60%, transparent);box-shadow:0 16px 40px rgba(0,0,0,.4)}#equipment-details-modal .eq-details-modal-content .modal-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}#equipment-details-modal .eq-details-modal-content .modal-header .header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn{display:inline-flex;align-items:center;justify-content:center;background-color:color-mix(in srgb, var(--bg-surface-secondary) 80%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 40%, transparent);border-radius:12px;color:var(--text-secondary);cursor:pointer;height:36px;width:36px;padding:0;margin:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s cubic-bezier(0.25, 0.8, 0.25, 1)}#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn svg{fill:currentColor;width:22px;height:22px;transition:transform .2s ease}#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn:hover,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn:focus-visible,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button:hover,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button:focus-visible,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn:hover,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn:focus-visible{background-color:color-mix(in srgb, var(--bg-surface-tertiary) 90%, transparent);border-color:color-mix(in srgb, var(--accent-primary) 60%, transparent);color:var(--text-primary)}#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn:active,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button:active,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn:active{transform:scale(0.92)}#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn:disabled,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn.disabled,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button:disabled,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button.disabled,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn:disabled,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn.disabled{opacity:.35 !important;cursor:not-allowed !important;pointer-events:none !important;background-color:color-mix(in srgb, var(--bg-surface-secondary) 40%, transparent) !important;border-color:color-mix(in srgb, var(--border-primary) 20%, transparent) !important;color:color-mix(in srgb, var(--text-secondary) 40%, transparent) !important;transform:none !important}#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn:disabled orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn:disabled svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn.disabled orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn.disabled svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button:disabled orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button:disabled svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button.disabled orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button.disabled svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn:disabled orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn:disabled svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn.disabled orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn.disabled svg{transform:none !important}#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn.prev-eq-btn:hover,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn.prev-eq-btn:focus-visible,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button.prev-eq-btn:hover,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button.prev-eq-btn:focus-visible,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn.prev-eq-btn:hover,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn.prev-eq-btn:focus-visible{transform:scale(1.08)}#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn.prev-eq-btn:hover orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn.prev-eq-btn:hover svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn.prev-eq-btn:focus-visible orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn.prev-eq-btn:focus-visible svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button.prev-eq-btn:hover orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button.prev-eq-btn:hover svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button.prev-eq-btn:focus-visible orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button.prev-eq-btn:focus-visible svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn.prev-eq-btn:hover orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn.prev-eq-btn:hover svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn.prev-eq-btn:focus-visible orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn.prev-eq-btn:focus-visible svg{transform:translateX(-3px)}#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn.next-eq-btn:hover,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn.next-eq-btn:focus-visible,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button.next-eq-btn:hover,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button.next-eq-btn:focus-visible,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn.next-eq-btn:hover,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn.next-eq-btn:focus-visible{transform:scale(1.08)}#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn.next-eq-btn:hover orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn.next-eq-btn:hover svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn.next-eq-btn:focus-visible orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .modal-header-btn.next-eq-btn:focus-visible svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button.next-eq-btn:hover orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button.next-eq-btn:hover svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button.next-eq-btn:focus-visible orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .close-button.next-eq-btn:focus-visible svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn.next-eq-btn:hover orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn.next-eq-btn:hover svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn.next-eq-btn:focus-visible orecalc-assets-svg,#equipment-details-modal .eq-details-modal-content .modal-header .header-actions .unhide-note-btn.next-eq-btn:focus-visible svg{transform:translateX(3px)}@media(max-width: 779px){#equipment-details-modal{padding:0 !important}#equipment-details-modal .eq-details-modal-content{width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;margin:0 !important;border-radius:0 !important;border:none !important}#equipment-details-modal .modal-header{padding:12px 16px}#equipment-details-modal .modal-header h2{font-size:1.15rem;flex:1;min-width:0}#equipment-details-modal .modal-body{padding:12px 16px 16px}#equipment-details-modal .eq-details-fallback-desc{font-size:.82rem}#equipment-details-modal .eq-details-avatars{padding:5px 10px;gap:8px;border-radius:12px}#equipment-details-modal .eq-details-avatars .eq-details-hero-emblem{width:30px;height:30px;border-radius:8px}#equipment-details-modal .eq-details-avatars .avatar-sep{height:22px}#equipment-details-modal .eq-details-avatars .eq-details-item-img{width:40px;height:40px}#equipment-details-modal .eq-badge{font-size:.68rem;padding:3px 8px}#equipment-details-modal .mod-tab-btn{font-size:.68rem;padding:4px 8px}#equipment-details-modal .eq-details-props-grid{gap:10px;padding:12px}#equipment-details-modal .eq-details-props-grid .prop-card-header{font-size:.72rem}#equipment-details-modal .eq-details-props-grid .prop-card-value{font-size:.88rem}#equipment-details-modal .eq-details-props-grid .prop-card-label{font-size:.72rem}#equipment-details-modal .eq-details-static-stats-box,#equipment-details-modal .eq-details-current-level-box{padding:10px 14px}#equipment-details-modal .eq-details-static-stats-box .unit-title,#equipment-details-modal .eq-details-static-stats-box .eq-details-level-header,#equipment-details-modal .eq-details-current-level-box .unit-title,#equipment-details-modal .eq-details-current-level-box .eq-details-level-header{font-size:.82rem}#equipment-details-modal .eq-details-static-stats-box .eq-details-stats-progress-list .stat-label-line,#equipment-details-modal .eq-details-current-level-box .eq-details-stats-progress-list .stat-label-line{font-size:.74rem}#equipment-details-modal .eq-details-table{font-size:.8rem}#equipment-details-modal .eq-details-table th,#equipment-details-modal .eq-details-table td{padding:8px 8px}#equipment-details-modal .eq-details-table thead tr.super-header-row th.category-header{font-size:.68rem}#equipment-details-modal .eq-details-table thead tr.sub-header-row th{font-size:.72rem;top:23px !important}#equipment-details-modal .eq-details-table .delta-tag{font-size:.7rem}#equipment-details-modal .eq-details-table .total-cost-label{font-size:.8rem}#equipment-details-modal .eq-details-footer-meta{font-size:.72rem}#equipment-details-modal .eq-details-footer-meta .eq-details-attribution-row{font-size:.68rem}}@media(max-width: 599px){#equipment-details-modal .modal-header{padding:10px 12px}#equipment-details-modal .modal-header h2{font-size:1.05rem}#equipment-details-modal .eq-details-header-row{gap:8px;margin-bottom:8px}#equipment-details-modal .eq-details-fallback-desc{font-size:.78rem}#equipment-details-modal .eq-details-avatars{padding:4px 8px;gap:6px;border-radius:10px}#equipment-details-modal .eq-details-avatars .eq-details-hero-emblem{width:24px;height:24px;border-radius:6px}#equipment-details-modal .eq-details-avatars .avatar-sep{height:18px}#equipment-details-modal .eq-details-avatars .eq-details-item-img{width:32px;height:32px}#equipment-details-modal .eq-badge{font-size:.64rem;padding:2px 7px}#equipment-details-modal .mod-tab-btn{font-size:.64rem;padding:4px 7px}#equipment-details-modal .eq-details-props-grid{grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:8px;padding:10px}#equipment-details-modal .eq-details-props-grid .prop-card-header{font-size:.68rem}#equipment-details-modal .eq-details-props-grid .prop-card-value{font-size:.82rem}#equipment-details-modal .eq-details-props-grid .prop-card-label{font-size:.68rem}#equipment-details-modal .eq-details-static-stats-box,#equipment-details-modal .eq-details-current-level-box{padding:8px 12px}#equipment-details-modal .eq-details-static-stats-box .unit-title,#equipment-details-modal .eq-details-static-stats-box .eq-details-level-header,#equipment-details-modal .eq-details-current-level-box .unit-title,#equipment-details-modal .eq-details-current-level-box .eq-details-level-header{font-size:.76rem}#equipment-details-modal .eq-details-static-stats-box .eq-details-stats-progress-list .stat-label-line,#equipment-details-modal .eq-details-current-level-box .eq-details-stats-progress-list .stat-label-line{font-size:.7rem}#equipment-details-modal .rec-banner-card{font-size:.75rem;padding:8px 10px}#equipment-details-modal .eq-details-table{font-size:.75rem}#equipment-details-modal .eq-details-table th,#equipment-details-modal .eq-details-table td{padding:6px 4px}#equipment-details-modal .eq-details-table thead tr.super-header-row th.category-header{font-size:.64rem}#equipment-details-modal .eq-details-table thead tr.sub-header-row th{font-size:.66rem;top:20px !important}#equipment-details-modal .eq-details-table .delta-tag{font-size:.65rem}#equipment-details-modal .eq-details-table .total-cost-label{font-size:.75rem}#equipment-details-modal .eq-details-footer-meta{font-size:.68rem;gap:6px}#equipment-details-modal .eq-details-footer-meta .eq-details-attribution-row{font-size:.64rem}}.eq-details-header-row{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:12px;width:100%}.eq-details-avatars{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;background:color-mix(in srgb, var(--bg-surface-secondary) 80%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 40%, transparent);padding:6px 12px;border-radius:16px;box-shadow:0 4px 14px rgba(0,0,0,.25)}.eq-details-avatars .eq-details-hero-emblem{width:36px;height:36px;border-radius:10px;object-fit:cover;box-shadow:none;filter:drop-shadow(0 0 4px var(--color-gold-glow-shadow)) drop-shadow(0 0 8px var(--color-gold-glow-shadow))}.eq-details-avatars .avatar-sep{width:1px;height:26px;background:color-mix(in srgb, var(--border-primary) 40%, transparent)}.eq-details-avatars .eq-details-item-img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35));transition:filter .25s ease}.eq-details-avatars .eq-details-item-img.is-data-unavailable{filter:grayscale(100%) opacity(0.65) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3))}.eq-details-title-group h2{margin:0 0 4px;font-size:1.4rem;font-weight:700;color:var(--text-primary)}.eq-details-title-group .eq-details-desc{margin:0 0 10px;font-size:.9rem;color:var(--text-secondary)}.stat-val-modified{color:var(--color-warning) !important;font-weight:700 !important}.eq-details-badges{display:flex;flex-flow:row wrap;align-items:center;align-content:center;justify-content:center;gap:4px 6px;flex:1;min-width:0}.eq-details-badges .eq-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease;cursor:default}.eq-details-badges .eq-badge:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 4px 10px color-mix(in srgb, currentColor 20%, transparent)}.eq-details-badges .eq-badge.badge-active{background-color:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success) 35%, transparent)}.eq-details-badges .eq-badge.badge-passive{background-color:color-mix(in srgb, var(--text-secondary) 15%, transparent);color:var(--text-secondary);border:1px solid color-mix(in srgb, var(--text-secondary) 35%, transparent)}.eq-details-badges .eq-badge.badge-common{background-color:color-mix(in srgb, var(--color-rarity-common) 15%, transparent);color:var(--color-rarity-common);border:1px solid color-mix(in srgb, var(--color-rarity-common) 35%, transparent)}.eq-details-badges .eq-badge.badge-epic{background-color:color-mix(in srgb, var(--color-rarity-epic) 15%, transparent);color:var(--color-rarity-epic);border:1px solid color-mix(in srgb, var(--color-rarity-epic) 35%, transparent);text-shadow:0 0 8px color-mix(in srgb, var(--color-rarity-epic) 40%, transparent)}.eq-details-badges .eq-badge.badge-not-recommended{background-color:color-mix(in srgb, var(--color-danger) 15%, transparent);color:var(--color-danger);border:1px solid color-mix(in srgb, var(--color-danger) 35%, transparent)}.eq-details-badges .eq-badge.badge-niche{background-color:color-mix(in srgb, var(--color-warning) 15%, transparent);color:var(--color-warning);border:1px solid color-mix(in srgb, var(--color-warning) 35%, transparent)}.eq-details-badges .eq-badge.badge-unreleased{background-color:color-mix(in srgb, var(--color-rarity-epic) 15%, transparent);color:var(--color-rarity-epic);border:1px solid color-mix(in srgb, var(--color-rarity-epic) 35%, transparent);text-shadow:0 0 8px color-mix(in srgb, var(--color-rarity-epic) 40%, transparent)}.eq-details-badges .eq-badge.badge-must-have{background-color:color-mix(in srgb, var(--color-gold-glow) 15%, transparent);color:var(--color-gold-glow);border:1px solid color-mix(in srgb, var(--color-gold-glow) 40%, transparent);text-shadow:0 0 8px color-mix(in srgb, var(--color-gold-glow) 40%, transparent)}.eq-details-badges .eq-badge.badge-recommended{background-color:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success) 35%, transparent)}.eq-details-badges .eq-badge .badge-icon{width:14px;height:14px;fill:currentColor;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:8px}.header-actions .unhide-note-btn{background:color-mix(in srgb, var(--accent-primary) 15%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 35%, transparent);color:var(--accent-primary);padding:6px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.header-actions .unhide-note-btn:hover{background:color-mix(in srgb, var(--accent-primary) 25%, transparent)}.header-actions .unhide-note-btn orecalc-assets-svg{fill:currentColor}.eq-details-desc-banner,.eq-details-not-rec-banner,.eq-details-rec-banner,.eq-details-niche-banner,.eq-details-unreleased-banner.rec-banner-card{margin-bottom:10px;border-radius:12px}.eq-details-modifier-tabs{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;width:auto;max-width:100%;box-sizing:border-box;margin:10px auto;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:3px;background:color-mix(in srgb, var(--bg-surface-secondary) 60%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 40%, transparent);border-radius:10px}.eq-details-modifier-tabs::-webkit-scrollbar{display:none}.eq-details-modifier-tabs .mod-tab-indicator{position:absolute;top:3px;bottom:3px;left:0;width:0;background:color-mix(in srgb, var(--accent-primary) 20%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 40%, transparent);border-radius:7px;transition:transform .28s cubic-bezier(0.25, 0.8, 0.25, 1),width .28s cubic-bezier(0.25, 0.8, 0.25, 1);pointer-events:none;z-index:1}.eq-details-modifier-tabs .mod-tab-btn{position:relative;z-index:2;flex:0 0 auto;min-width:auto;padding:5px 9px;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--text-secondary);border-radius:7px;font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;text-align:center;transition:color .2s ease}.eq-details-modifier-tabs .mod-tab-btn:hover:not(.active){color:var(--text-primary);background:color-mix(in srgb, var(--accent-primary) 10%, transparent)}.eq-details-modifier-tabs .mod-tab-btn.active{color:var(--accent-primary);font-weight:700}.eq-details-props-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:12px;padding:14px;border-radius:12px;background:color-mix(in srgb, var(--bg-surface-secondary) 50%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 30%, transparent)}.eq-details-props-grid .prop-item{display:flex;flex-direction:column}.eq-details-props-grid .prop-item .prop-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.eq-details-props-grid .prop-item .prop-value{font-size:.95rem;color:var(--text-primary);font-weight:600;margin-top:2px}.eq-details-boxes-row{display:flex;gap:10px}@media(max-width: 650px){.eq-details-boxes-row{flex-direction:column}.eq-details-boxes-row .eq-details-stats-progress-list{gap:6px}}.eq-details-static-stats-box,.eq-details-current-level-box{flex:1 1 0px;min-width:0;padding:16px;border-radius:14px;background:color-mix(in srgb, var(--bg-surface-secondary) 60%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 40%, transparent)}.eq-details-static-stats-box .eq-details-level-header,.eq-details-current-level-box .eq-details-level-header{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;margin-bottom:14px;color:var(--text-primary)}.eq-details-static-stats-box .eq-details-level-header strong,.eq-details-current-level-box .eq-details-level-header strong{color:var(--accent-primary)}.eq-details-static-stats-box{display:flex;flex-direction:column;align-items:center;position:relative}.eq-details-static-stats-box .eq-unit-stats-toggle-row{display:flex;justify-content:flex-end;width:100%;margin-top:auto;padding-top:10px}.eq-details-static-stats-box .eq-unit-stats-toggle-btn{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb, var(--accent-primary) 15%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 35%, transparent);color:var(--accent-primary);padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.25);transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.eq-details-static-stats-box .eq-unit-stats-toggle-btn .toggle-btn-icon{width:14px;height:14px;fill:currentColor;flex-shrink:0}.eq-details-static-stats-box .eq-unit-stats-toggle-btn:hover{background:color-mix(in srgb, var(--accent-primary) 28%, transparent);border-color:color-mix(in srgb, var(--accent-primary) 50%, transparent);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb, var(--accent-primary) 30%, transparent)}.eq-details-static-stats-box .eq-unit-stats-toggle-btn:active{transform:translateY(0)}.eq-details-static-stats-box .eq-details-avatars{margin:0 auto 10px auto}.eq-details-static-stats-box .eq-details-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.eq-details-static-stats-box #eq-details-static-stats-content{width:100%;min-width:0}.eq-details-static-stats-box .eq-details-unit-stats-content{width:100%;min-width:0}.eq-details-static-stats-box .eq-details-unit-stats-content .unit-stats-header{display:flex;align-items:center;margin-bottom:14px}.eq-details-static-stats-box .eq-details-unit-stats-content .unit-stats-header .unit-stats-title-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.eq-details-static-stats-box .eq-details-unit-stats-content .unit-stats-header .unit-stats-title-group .unit-title{font-size:.9rem;font-weight:700;color:var(--text-primary)}.eq-details-static-stats-box .eq-details-unit-stats-content .unit-stats-header .unit-stats-title-group .unit-level-badge{font-size:.75rem;font-weight:600;padding:3px 8px;border-radius:6px;background:color-mix(in srgb, var(--accent-primary) 15%, transparent);color:var(--accent-primary);border:1px solid color-mix(in srgb, var(--accent-primary) 30%, transparent)}.eq-details-static-stats-box .eq-details-unit-stats-content .unit-stats-header .unit-stats-title-group .unit-level-badge.stat-val-modified{background:color-mix(in srgb, var(--color-warning) 15%, transparent) !important;color:var(--color-warning) !important;border-color:color-mix(in srgb, var(--color-warning) 40%, transparent) !important;font-weight:700 !important}.eq-details-stats-progress-list{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}.eq-details-stats-progress-list .stat-progress-row{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0}.eq-details-stats-progress-list .stat-progress-row .stat-label-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.78rem;color:var(--text-primary);white-space:nowrap;width:100%;min-width:0}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-name{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;overflow:hidden}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-name orecalc-assets-svg,.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-name .stat-icon-img{width:16px;height:16px;flex-shrink:0}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-name .stat-name-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-val{font-weight:700;flex-shrink:0;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;transition:color .15s ease}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-val .stat-val-compare{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-val .stat-val-compare .stat-val-base{color:var(--text-secondary);font-weight:600}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-val .stat-val-compare .stat-val-arrow{color:var(--text-muted);font-size:.75rem}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-val .stat-val-compare .stat-val-hover{font-weight:700}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-val .stat-val-compare .stat-val-hover.val-increase{color:var(--color-success)}.eq-details-stats-progress-list .stat-progress-row .stat-label-line .stat-val .stat-val-compare .stat-val-hover.val-decrease{color:var(--color-danger)}.eq-details-stats-progress-list .stat-progress-row .progress-bar-bg{height:10px;width:100%;background:color-mix(in srgb, var(--bg-surface-tertiary) 85%, var(--border-primary) 15%);border:1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);box-shadow:inset 0 1px 3px rgba(0,0,0,.35);border-radius:6px;overflow:hidden;position:relative;box-sizing:border-box}.eq-details-stats-progress-list .stat-progress-row .progress-bar-bg .progress-bar-fill,.eq-details-stats-progress-list .stat-progress-row .progress-bar-bg .progress-bar-increase,.eq-details-stats-progress-list .stat-progress-row .progress-bar-bg .progress-bar-decrease{position:absolute;top:0;left:0;height:100%;border-radius:6px;transition:width .45s cubic-bezier(0.25, 0.8, 0.25, 1)}.eq-details-stats-progress-list .stat-progress-row .progress-bar-bg .progress-bar-fill{background:linear-gradient(90deg, var(--accent-primary), color-mix(in srgb, var(--accent-primary) 80%, white));z-index:3}.eq-details-stats-progress-list .stat-progress-row .progress-bar-bg .progress-bar-fill.is-initial-animating{transition:width .5s cubic-bezier(0.25, 0.8, 0.25, 1)}.eq-details-stats-progress-list .stat-progress-row .progress-bar-bg .progress-bar-increase{background:linear-gradient(90deg, var(--color-success), color-mix(in srgb, var(--color-success) 80%, white));z-index:2}.eq-details-stats-progress-list .stat-progress-row .progress-bar-bg .progress-bar-decrease{background:linear-gradient(90deg, var(--color-danger), color-mix(in srgb, var(--color-danger) 80%, white));z-index:1}#equipment-details-modal.has-expanded-table #eq-details-content-wrapper{display:none !important}.eq-details-avatars{display:inline-flex;align-items:center;gap:12px;background:color-mix(in srgb, var(--bg-surface-secondary) 80%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 40%, transparent);padding:6px 12px;border-radius:12px;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.2)}.eq-details-avatars .eq-details-hero-emblem{width:36px;height:36px;object-fit:contain;box-shadow:none;filter:drop-shadow(0 0 4px var(--color-gold-glow-shadow)) drop-shadow(0 0 8px var(--color-gold-glow-shadow))}.eq-details-avatars .eq-details-item-img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3))}.eq-details-avatars .avatar-sep{width:1px;height:24px;background:color-mix(in srgb, var(--border-primary) 40%, transparent)}.eq-details-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}.eq-badge{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em;display:inline-flex;align-items:center;gap:5px}.eq-badge .badge-icon{width:14px;height:14px;fill:currentColor}.eq-badge.badge-common{background:color-mix(in srgb, #80868b 25%, transparent);color:#dee2e6;border:1px solid color-mix(in srgb, #9aa0a6 40%, transparent)}.eq-badge.badge-epic{background:color-mix(in srgb, #ab47bc 25%, transparent);color:#ce93d8;border:1px solid color-mix(in srgb, #ba68c8 40%, transparent)}.eq-badge.badge-active{background:color-mix(in srgb, #4285f4 25%, transparent);color:#8ab4f8;border:1px solid color-mix(in srgb, #669df6 40%, transparent)}.eq-badge.badge-passive{background:color-mix(in srgb, var(--text-secondary) 20%, transparent);color:var(--text-secondary);border:1px solid color-mix(in srgb, var(--text-secondary) 40%, transparent)}.eq-badge.badge-recommended{background:color-mix(in srgb, #ffca28 25%, transparent);color:#ffe082;border:1px solid color-mix(in srgb, #ffd54f 40%, transparent)}.eq-badge.badge-not-recommended{background:color-mix(in srgb, #f28b82 20%, transparent);color:#f8b4ae;border:1px solid color-mix(in srgb, #f6948e 35%, transparent)}.eq-details-rec-banner{margin-top:14px;padding:12px 16px;border-radius:10px;display:flex;align-items:center;gap:6px;font-size:.85rem;line-height:1.4}.eq-details-rec-banner.banner-recommended{background:color-mix(in srgb, #ffca28 12%, transparent);border:1px solid color-mix(in srgb, #ffca28 30%, transparent);color:#ffecb3}.eq-details-rec-banner.banner-recommended .banner-icon{color:#ffd54f}.eq-details-rec-banner.banner-not-recommended{background:color-mix(in srgb, #f28b82 12%, transparent);border:1px solid color-mix(in srgb, #f28b82 30%, transparent);color:#fad2cf}.eq-details-rec-banner.banner-not-recommended .banner-icon{color:#f6948e}.eq-details-rec-banner .banner-icon{width:22px;height:22px;flex-shrink:0}.eq-details-rec-banner .banner-text{flex:1}.eq-details-rec-banner .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:.75rem;font-weight:600;white-space:nowrap;transition:background-color .2s;flex-shrink:0}.eq-details-rec-banner .dismiss-banner-btn:hover{background-color:color-mix(in srgb, currentColor 15%, transparent)}#eq-details-content-wrapper{display:flex;flex-direction:column;flex:0 0 auto}.eq-details-table-wrapper{position:relative;margin-top:10px;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.eq-details-table-wrapper .expand-table-btn{position:absolute;top:8px;right:8px;z-index:25;background:color-mix(in srgb, var(--bg-surface-secondary) 85%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 50%, transparent);color:var(--text-secondary);border-radius:6px;padding:4px 6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px);transition:background-color .2s,color .2s,transform .2s}.eq-details-table-wrapper .expand-table-btn:hover{background:color-mix(in srgb, var(--bg-surface-secondary) 95%, white);color:var(--text-primary);transform:scale(1.05)}.eq-details-table-wrapper .expand-table-btn orecalc-assets-svg{width:18px;height:18px;fill:currentColor}.eq-details-table-wrapper.table-expanded{margin-top:0}.eq-details-table-wrapper.table-expanded .expand-table-btn{position:absolute;top:8px;right:8px;z-index:30}.eq-details-table-container{flex:1;min-height:0;overflow-x:auto;overflow-y:auto;border-radius:12px;border:1px solid color-mix(in srgb, var(--border-primary) 40%, transparent)}.eq-details-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem;text-align:center}.eq-details-table th,.eq-details-table td{padding:10px 12px;border-bottom:1px solid color-mix(in srgb, var(--border-primary) 20%, transparent);border-right:1px solid color-mix(in srgb, var(--border-primary) 15%, transparent);vertical-align:middle}.eq-details-table th:last-child,.eq-details-table td:last-child{border-right:none}.eq-details-table thead{position:sticky;top:0;z-index:10}.eq-details-table thead th{background-color:color-mix(in srgb, var(--bg-surface-secondary) 82%, transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-secondary);font-weight:600;position:sticky;z-index:10}.eq-details-table thead tr.super-header-row th{top:0;z-index:12}.eq-details-table thead tr.super-header-row th:first-child{border-top-left-radius:11px}.eq-details-table thead tr.super-header-row th:last-child{border-top-right-radius:11px}.eq-details-table thead tr.super-header-row th[rowspan="2"]{z-index:13;border-bottom:1.5px solid color-mix(in srgb, var(--border-primary) 40%, transparent)}.eq-details-table thead tr.super-header-row th.category-header{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);border-bottom:1px solid color-mix(in srgb, var(--border-primary) 20%, transparent)}.eq-details-table thead tr.sub-header-row th{top:33px;z-index:11;font-size:.78rem;color:var(--text-secondary);border-bottom:1.5px solid color-mix(in srgb, var(--border-primary) 40%, transparent);border-right:1px solid color-mix(in srgb, var(--border-primary) 15%, transparent)}.eq-details-table tbody tr{transition:background-color .2s ease;background-color:rgba(0,0,0,0)}.eq-details-table tbody tr:nth-child(3n){background-color:color-mix(in srgb, var(--bg-surface-secondary) 35%, transparent)}.eq-details-table tbody tr:hover{background-color:color-mix(in srgb, var(--accent-primary) 15%, transparent)}.eq-details-table tbody tr.past-level-row{opacity:.45;color:var(--text-muted)}.eq-details-table tbody tr.past-level-row td{color:var(--text-muted)}.eq-details-table tbody tr.past-level-row .delta-tag{opacity:.6}.eq-details-table tbody tr.past-level-row .glowy-cost-highlight,.eq-details-table tbody tr.past-level-row .starry-cost-highlight{opacity:.6;text-shadow:none}.eq-details-table tbody tr.past-level-row orecalc-assets-image,.eq-details-table tbody tr.past-level-row img{filter:opacity(0.5) grayscale(40%)}.eq-details-table tbody tr.past-level-row:hover{opacity:.8}.eq-details-table tbody tr.unavailable-esports-row{opacity:.35;color:var(--text-muted);background-color:color-mix(in srgb, var(--bg-surface-secondary) 80%, transparent) !important;cursor:not-allowed}.eq-details-table tbody tr.unavailable-esports-row td{color:color-mix(in srgb, var(--text-muted) 70%, transparent)}.eq-details-table tbody tr.unavailable-esports-row .delta-tag,.eq-details-table tbody tr.unavailable-esports-row .glowy-cost-highlight,.eq-details-table tbody tr.unavailable-esports-row .starry-cost-highlight{opacity:.3;text-shadow:none}.eq-details-table tbody tr.unavailable-esports-row orecalc-assets-image,.eq-details-table tbody tr.unavailable-esports-row img{filter:opacity(0.25) grayscale(90%)}.eq-details-table tbody tr.unavailable-esports-row:hover{opacity:.35}.eq-details-table tbody tr.active-level-row{background-color:color-mix(in srgb, var(--accent-primary) 25%, transparent) !important;font-weight:700}.eq-details-table tbody tr.active-level-row td:first-child{border-left:4px solid var(--accent-primary)}.eq-details-table tbody tr.step-level-row td:first-child{color:var(--accent-primary) !important;font-weight:700}.eq-details-table tbody tr.step-level-row:hover{background-color:color-mix(in srgb, var(--accent-primary) 10%, transparent)}.eq-details-table tbody tr.max-level-step-row td:first-child{color:var(--starry-ore) !important;font-weight:700;text-shadow:0 0 6px color-mix(in srgb, var(--starry-ore) 35%, transparent)}.eq-details-table tbody tr .level-cell-content{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.eq-details-table tbody tr .level-cell-content .rec-level-icon{width:14px;height:14px;fill:var(--color-success);flex-shrink:0}.eq-details-table tbody tr.active-max-level-row{background-color:color-mix(in srgb, var(--starry-ore) 18%, transparent) !important;color:var(--starry-ore) !important;font-weight:700}.eq-details-table tbody tr.active-max-level-row td{color:var(--starry-ore) !important;text-shadow:0 0 8px color-mix(in srgb, var(--starry-ore) 40%, transparent)}.eq-details-table tbody tr.active-max-level-row td:first-child{border-left:4px solid var(--starry-ore) !important}.eq-details-table tbody tr.active-max-level-row:hover{background-color:color-mix(in srgb, var(--starry-ore) 28%, transparent) !important}.eq-details-table tbody tr td{color:var(--text-primary)}.eq-details-table tbody tr td .stat-cell-wrapper{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 4px;text-align:center;width:100%}.eq-details-table tbody tr td .delta-tag{font-size:.75rem;color:var(--text-secondary);margin:0;font-weight:500;white-space:nowrap}.eq-details-table tbody tr td .delta-tag.delta-tag-main{color:var(--color-success) !important;font-weight:700;text-shadow:0 0 6px color-mix(in srgb, var(--color-success) 30%, transparent)}.eq-details-table tbody tr td .ore-cost-cell{display:inline-flex;align-items:center;justify-content:center;gap:4px;vertical-align:middle}.eq-details-table tbody tr td .ore-cost-cell orecalc-assets-image{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.eq-details-table tbody tr td .ore-cost-cell orecalc-assets-image img{width:100%;height:100%;object-fit:contain;display:block}.eq-details-table tbody tr td .shiny-cost-highlight{color:var(--shiny-ore);font-weight:700;text-shadow:0 0 6px color-mix(in srgb, var(--shiny-ore) 35%, transparent)}.eq-details-table tbody tr td .glowy-cost-highlight{color:var(--glowy-ore);font-weight:700;text-shadow:0 0 8px color-mix(in srgb, var(--glowy-ore) 35%, transparent)}.eq-details-table tbody tr td .starry-cost-highlight{color:var(--starry-ore);font-weight:700;text-shadow:0 0 8px color-mix(in srgb, var(--starry-ore) 40%, transparent)}.eq-details-table tbody tr td .th-req-cell{display:inline-flex;align-items:center;justify-content:center;gap:6px;vertical-align:middle}.eq-details-table tbody tr td .th-req-cell orecalc-assets-image{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}.eq-details-table tbody tr td .th-req-cell orecalc-assets-image img{width:100%;height:100%;object-fit:contain;display:block}.eq-details-table tbody tr td .th-req-cell span{display:inline-block;line-height:1}.eq-details-table tbody tr tr.total-cost-row{background-color:color-mix(in srgb, var(--bg-surface-tertiary) 80%, transparent) !important;border-top:2px solid var(--border-primary);font-weight:700}.eq-details-table tbody tr tr.total-cost-row td{padding-top:10px;padding-bottom:10px}.eq-details-table tbody tr tr.total-cost-row td.total-cost-label-cell{text-align:right;padding-right:8px}.eq-details-table tbody tr tr.total-cost-row .total-cost-label{font-weight:700;color:var(--text-primary);white-space:nowrap}.eq-details-footer-meta{display:flex;flex-direction:column;gap:8px;padding:10px 4px 0 4px;margin-top:auto;flex-shrink:0;font-size:.75rem;color:var(--text-secondary);container-type:inline-size;container-name:footermeta}.eq-details-footer-meta .eq-details-footer-top-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.eq-details-footer-meta .eq-details-report-inaccuracies{opacity:.85}.eq-details-footer-meta .eq-details-report-inaccuracies .open-inaccuracies-link{color:var(--accent-primary);text-decoration:underline;cursor:pointer}.eq-details-footer-meta .eq-details-report-inaccuracies .open-inaccuracies-link:hover{color:var(--text-primary)}.eq-details-footer-meta .eq-details-last-updated{margin-left:auto;opacity:.8}@container footermeta (max-width: 520px){.eq-details-footer-meta .eq-details-footer-top-row{justify-content:center;text-align:center;gap:4px}.eq-details-footer-meta .eq-details-footer-top-row .eq-details-report-inaccuracies,.eq-details-footer-meta .eq-details-footer-top-row .eq-details-last-updated{width:100%;text-align:center;margin-left:0}}.eq-details-footer-meta .eq-details-attribution-row{opacity:.75;font-size:.72rem;line-height:1.4;text-align:center;padding-top:6px;border-top:1px solid color-mix(in srgb, var(--border-primary) 25%, transparent)}.eq-details-footer-meta .eq-details-attribution-row a{color:var(--text-secondary);text-decoration:underline}.eq-details-footer-meta .eq-details-attribution-row a:hover{color:var(--text-primary)}.eq-details-footer-meta .eq-details-attribution-row .open-in-new-icon{width:11px;height:11px;margin-left:2px;vertical-align:middle;fill:currentColor}#eq-details-empty-state-container{flex:1;width:100%;min-height:0;margin-top:10px;display:flex;flex-direction:column}.eq-details-empty-state{flex:1;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px;background:color-mix(in srgb, var(--bg-surface-secondary) 40%, transparent);border-radius:16px;border:1px dashed color-mix(in srgb, var(--border-primary) 50%, transparent);margin:0;box-sizing:border-box}.eq-details-empty-state .empty-state-icon{width:54px;height:54px;border-radius:50%;background:color-mix(in srgb, var(--bg-surface-tertiary) 80%, black);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--text-secondary)}.eq-details-empty-state .empty-state-icon svg{width:28px;height:28px;fill:currentColor}.eq-details-empty-state h3{margin:0 0 8px;font-size:1.2rem;color:var(--text-primary)}.eq-details-empty-state p{margin:0;font-size:.9rem;color:var(--text-secondary)}.eq-details-empty-state p.empty-state-contribute{margin-top:8px;font-size:.85rem}.eq-details-empty-state p.empty-state-contribute em{font-style:italic}.eq-details-empty-state p strong{color:var(--text-primary)}#toast-container{position:fixed;bottom:24px;right:24px;width:320px;height:0;z-index:90;pointer-events:none}.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);font-weight:500;pointer-events:auto;opacity:0;transition:transform .45s cubic-bezier(0.34, 1.56, 0.64, 1),opacity .25s ease,border-color .3s ease}.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:74px}.toast-notification{left:0;right:0;padding:8px 16px;height:40px;border-radius:8px;font-size:var(--font-size-xs);gap:8px}.toast-notification .toast-icon-svg{width:16px;height:16px}}.consent-banner{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);width:calc(100% - 32px);max-width:600px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-primary);box-shadow:0 10px 30px rgba(0,0,0,.3);border-radius:12px;z-index:50;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s cubic-bezier(0.16, 1, 0.3, 1);pointer-events:auto}.consent-banner.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.consent-banner .consent-banner-content{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px}.consent-banner .consent-banner-text{font-size:.9em;font-weight:500;color:var(--text-primary)}.consent-banner .consent-banner-actions{display:flex;align-items:center;gap:12px}.consent-banner .consent-banner-actions .accept-button{padding:6px 16px;font-size:.85em;margin:0;min-height:0}.consent-banner .consent-banner-actions .close-button{background:rgba(0,0,0,0);border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .2s ease}.consent-banner .consent-banner-actions .close-button:hover{color:var(--text-primary)}.consent-banner .consent-banner-actions .close-button orecalc-assets-svg{width:18px;height:18px}@media(max-width: 580px){.consent-banner{bottom:0;left:0;right:0;transform:translateY(100%);width:100%;border-radius:12px 12px 0 0;border-width:1px 0 0 0}.consent-banner.show{transform:translateY(0)}}body.tour-active .consent-banner{display:none !important}#welcome-modal{background-color:var(--bg-surface-primary) !important;padding:0 !important;display:flex;align-items:center;justify-content:center;z-index:80 !important;max-width:100vw}@media(max-width: 600px){#welcome-modal{background-color:var(--bg-surface-secondary) !important}}.welcome-modal-content{max-width:min(540px,100vw) !important;width:100%;height:calc(100vh - 80px);max-height:calc(100vh - 40px);margin:auto;padding:0 32px 40px 32px !important;text-align:center;background-color:var(--bg-surface-secondary);border:1px solid color-mix(in srgb, var(--accent-primary) 15%, transparent) !important;box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 50px color-mix(in srgb, var(--accent-primary) 5%, transparent) !important;border-radius:20px !important;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;position:relative}@media(max-width: 600px){.welcome-modal-content{max-width:100% !important;max-height:100% !important;height:100vh;border-radius:0 !important;border:none !important;box-shadow:none !important;padding:0 20px 24px 20px !important;background-color:var(--bg-surface-secondary);justify-content:flex-start}}.welcome-modal-content .welcome-header{position:absolute;top:0;left:0;right:0;z-index:100;padding:40px 32px 16px 32px;margin:0;text-align:center;pointer-events:none;transition:padding .8s cubic-bezier(0.16, 1, 0.3, 1)}.welcome-modal-content .welcome-header .welcome-header-skip-btn{position:absolute;top:40px;right:32px;background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.15);color:var(--text-secondary);padding:6px 14px;font-size:.85em;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(0.16, 1, 0.3, 1);display:none;pointer-events:auto;z-index:110}.welcome-modal-content .welcome-header .welcome-header-skip-btn:hover{background:hsla(0,0%,100%,.08);color:var(--text-primary);border-color:hsla(0,0%,100%,.3)}@media(max-width: 600px){.welcome-modal-content .welcome-header .welcome-header-skip-btn{top:24px;right:20px;padding:4px 10px;font-size:.8em}}.welcome-modal-content .welcome-header *{pointer-events:auto}.welcome-modal-content .welcome-header::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background-color:color-mix(in srgb, var(--bg-surface-secondary) 85%, transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:1;transition:opacity .8s ease,background-color .8s ease,backdrop-filter .8s ease}.welcome-modal-content .welcome-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;text-align:center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;transition:font-size .8s cubic-bezier(0.16, 1, 0.3, 1)}.welcome-modal-content .welcome-header h1 .welcome-prefix{display:inline-block;opacity:1;max-width:300px;margin-right:.25em;white-space:nowrap;color:var(--accent-primary);-webkit-text-fill-color:currentColor;background:none;overflow:hidden;visibility:visible;transition:opacity .8s cubic-bezier(0.16, 1, 0.3, 1),max-width .8s cubic-bezier(0.16, 1, 0.3, 1),transform .8s cubic-bezier(0.16, 1, 0.3, 1),margin-right .8s cubic-bezier(0.16, 1, 0.3, 1),visibility .8s cubic-bezier(0.16, 1, 0.3, 1)}.welcome-modal-content .welcome-header h1 .brand-name{display:inline-block}.welcome-modal-content .welcome-header h1 .brand-name .brand-ore{background:linear-gradient(135deg, #fde293 0%, #f9ab00 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.welcome-modal-content .welcome-header h1 .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)}@media(max-width: 480px){.welcome-modal-content .welcome-header h1{font-size:24px}}.welcome-modal-content .welcome-header .welcome-subtitle{font-size:15px;color:var(--text-secondary);line-height:1.4;max-width:90%;margin:8px auto 0 auto;opacity:1;max-height:80px;transition:opacity .5s ease,max-height .8s cubic-bezier(0.16, 1, 0.3, 1),transform .5s ease,margin-top .8s ease}@media(max-width: 480px){.welcome-modal-content .welcome-header .welcome-subtitle{font-size:13.5px;max-width:100%}}.welcome-modal-content .welcome-header.translating-header h1{opacity:0;transform:translateY(-12px) scale(0.96);transition:opacity .15s ease-in-out,transform .15s ease-in-out}.welcome-modal-content .welcome-header.translating-header .welcome-subtitle{opacity:0;transform:translateY(12px);transition:opacity .15s ease-in-out,transform .15s ease-in-out;transition-delay:0ms}@media(max-width: 600px){.welcome-modal-content .welcome-header{padding:24px 20px 12px 20px}}.welcome-modal-content.has-minimized-header .welcome-header{padding:14px 32px 12px 32px}.welcome-modal-content.has-minimized-header .welcome-header .welcome-header-skip-btn{top:14px}@media(max-width: 600px){.welcome-modal-content.has-minimized-header .welcome-header .welcome-header-skip-btn{top:10px}}.welcome-modal-content.has-minimized-header .welcome-header::before{background-color:color-mix(in srgb, var(--bg-surface-secondary) 85%, transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:1}.welcome-modal-content.has-minimized-header .welcome-header h1{font-size:20px;justify-content:flex-start;text-align:left}.welcome-modal-content.has-minimized-header .welcome-header h1 .welcome-prefix{opacity:0;max-width:0;margin-right:0;transform:translateX(-20px);pointer-events:none;overflow:hidden;visibility:hidden}.welcome-modal-content.has-minimized-header .welcome-header .welcome-subtitle{opacity:0;max-height:0;transform:translateY(-10px);margin-top:0;pointer-events:none}@media(max-width: 600px){.welcome-modal-content.has-minimized-header .welcome-header{padding:10px 20px 8px 20px}.welcome-modal-content.has-minimized-header .welcome-header::before{background-color:color-mix(in srgb, var(--bg-surface-secondary) 85%, transparent)}.welcome-modal-content.has-minimized-header .welcome-header h1{font-size:18px}}.welcome-modal-content.has-minimized-header .welcome-page{padding-top:60px}@media(max-width: 600px){.welcome-modal-content.has-minimized-header .welcome-page{padding-top:48px}}.welcome-modal-content.has-minimized-header #welcome-profile-setup-wizard-view{padding-top:60px}@media(max-width: 600px){.welcome-modal-content.has-minimized-header #welcome-profile-setup-wizard-view{padding-top:48px}}.welcome-modal-content .welcome-features{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;text-align:left;background:color-mix(in srgb, var(--bg-surface-primary) 40%, transparent);padding:16px;border-radius:14px;border:1px solid var(--border-primary)}@media(max-width: 480px){.welcome-modal-content .welcome-features{gap:12px;padding:12px;margin-bottom:20px}}.welcome-modal-content .welcome-features .welcome-feature-item{display:flex;gap:12px;align-items:flex-start}.welcome-modal-content .welcome-features .welcome-feature-item .feature-icon{font-size:20px;background:color-mix(in srgb, var(--accent-primary) 10%, transparent);color:var(--accent-primary);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.welcome-modal-content .welcome-features .welcome-feature-item .feature-icon svg{width:20px;height:20px;display:block}.welcome-modal-content .welcome-features .welcome-feature-item .feature-text h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:2px 0px}.welcome-modal-content .welcome-features .welcome-feature-item .feature-text p{font-size:12px;color:var(--text-secondary);line-height:1.35}.welcome-modal-content .welcome-preferences{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;background:color-mix(in srgb, var(--bg-surface-primary) 40%, transparent);padding:16px;border-radius:14px;border:1px solid var(--border-primary);text-align:left}@media(max-width: 480px){.welcome-modal-content .welcome-preferences{padding:12px;margin-bottom:20px}}.welcome-modal-content .welcome-preferences .preference-item{display:flex;align-items:center;justify-content:space-between;gap:16px}@media(max-width: 480px){.welcome-modal-content .welcome-preferences .preference-item{flex-direction:column;align-items:flex-start;gap:8px}}.welcome-modal-content .welcome-preferences .preference-item .preference-label{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--text-secondary)}.welcome-modal-content .welcome-preferences .preference-item .preference-label .pref-label-icon{flex-shrink:0;color:var(--text-secondary)}.welcome-modal-content .welcome-preferences .preference-item .preference-label .pref-label-icon svg,.welcome-modal-content .welcome-preferences .preference-item .preference-label .pref-label-icon orecalc-assets-svg{fill:currentColor;display:block}.welcome-modal-content .welcome-preferences .preference-item .preference-switch{position:relative;display:flex;background:color-mix(in srgb, var(--bg-surface-primary) 60%, transparent);border:1px solid var(--border-primary);border-radius:20px;padding:3px;gap:2px;flex-shrink:0}@media(max-width: 480px){.welcome-modal-content .welcome-preferences .preference-item .preference-switch{width:100%}}.welcome-modal-content .welcome-preferences .preference-item .preference-switch .switch-pill{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 4px);background-color:var(--accent-primary-soft);border:1px solid rgba(66,133,244,.3);border-radius:16px;transition:transform .25s cubic-bezier(0.4, 0, 0.2, 1);z-index:1;pointer-events:none}.welcome-modal-content .welcome-preferences .preference-item .preference-switch .pref-btn{position:relative;z-index:2;flex:1;justify-content:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:16px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:5px 12px;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .2s ease-in-out;margin:0}.welcome-modal-content .welcome-preferences .preference-item .preference-switch .pref-btn svg,.welcome-modal-content .welcome-preferences .preference-item .preference-switch .pref-btn orecalc-assets-svg{fill:currentColor;display:block}.welcome-modal-content .welcome-preferences .preference-item .preference-switch .pref-btn:has(svg),.welcome-modal-content .welcome-preferences .preference-item .preference-switch .pref-btn:has(orecalc-assets-svg){padding-left:10px;padding-right:16px}.welcome-modal-content .welcome-preferences .preference-item .preference-switch .pref-btn:hover{color:var(--text-primary)}.welcome-modal-content .welcome-preferences .preference-item .preference-switch .pref-btn.active{color:var(--accent-primary);font-weight:600}.welcome-modal-content .welcome-preferences .preference-item .preference-select-wrapper{position:relative;display:flex;align-items:center;min-width:140px;flex-shrink:0}@media(max-width: 480px){.welcome-modal-content .welcome-preferences .preference-item .preference-select-wrapper{width:100%}}.welcome-modal-content .welcome-preferences .preference-item .preference-select-wrapper .preference-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:6px 32px 6px 12px;font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.welcome-modal-content .welcome-preferences .preference-item .preference-select-wrapper .preference-select:hover{border-color:color-mix(in srgb, var(--accent-primary) 50%, var(--border-primary))}.welcome-modal-content .welcome-preferences .preference-item .preference-select-wrapper .preference-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 25%, transparent)}.welcome-modal-content .welcome-preferences .preference-item .preference-select-wrapper .preference-select option{background-color:var(--bg-surface-secondary);color:var(--text-primary);padding:8px}.welcome-modal-content .welcome-preferences .preference-item .preference-select-wrapper .select-arrow{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);pointer-events:none}.welcome-modal-content .welcome-preferences .preference-item .preference-select-wrapper .select-arrow svg,.welcome-modal-content .welcome-preferences .preference-item .preference-select-wrapper .select-arrow orecalc-assets-svg{fill:currentColor;display:block}.welcome-modal-content .welcome-preferences .preference-item .welcome-accent-picker{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap;width:auto}@media(max-width: 480px){.welcome-modal-content .welcome-preferences .preference-item .welcome-accent-picker{width:100%;justify-content:flex-start;gap:8px;padding:4px 0}}.welcome-modal-content .player-name-input-container{margin-bottom:20px;text-align:left}@media(max-width: 480px){.welcome-modal-content .player-name-input-container{margin-bottom:16px}}.welcome-modal-content .player-name-input-container label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.welcome-modal-content .player-name-input-container .input-with-button{display:flex;gap:8px;width:100%}@media(max-width: 420px){.welcome-modal-content .player-name-input-container .input-with-button{flex-direction:column;gap:10px}}.welcome-modal-content .player-name-input-container .input-with-button input{flex:1;width:100%;padding:12px 16px;border:1px solid var(--border-primary);border-radius:12px;font-size:16px;background-color:var(--bg-surface-primary);color:var(--text-primary);transition:all .3s ease-in-out;box-sizing:border-box}.welcome-modal-content .player-name-input-container .input-with-button input:focus{outline:none}.welcome-modal-content .player-name-input-container .input-with-button input:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.welcome-modal-content .player-name-input-container .input-with-button input.input-error{border-color:var(--color-danger);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-danger) 10%, transparent)}.welcome-modal-content .player-name-input-container .input-with-button .welcome-inline-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;background-color:var(--accent-primary);border:1px solid rgba(66,133,244,.3);border-radius:12px;font-size:14px;font-weight:600;color:var(--text-on-accent);cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap;margin:0;box-sizing:border-box}@media(max-width: 420px){.welcome-modal-content .player-name-input-container .input-with-button .welcome-inline-btn{width:100%}}.welcome-modal-content .player-name-input-container .input-with-button .welcome-inline-btn:hover{background-color:color-mix(in srgb, var(--accent-primary) 85%, black)}.welcome-modal-content .player-name-input-container .input-with-button .welcome-inline-btn:disabled{opacity:.6;cursor:not-allowed}.welcome-modal-content .player-name-input-container .error-message{color:var(--color-danger);font-size:12px;font-weight:500;margin-top:8px;display:none}.welcome-modal-content .player-name-input-container .error-message.show{display:block}.welcome-modal-content .welcome-anchor-arrow{position:absolute;top:-8px;left:20px;width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-bottom:8px solid var(--border-primary);transition:left .15s cubic-bezier(0.25, 1, 0.5, 1);pointer-events:none;opacity:0}.welcome-modal-content .welcome-anchor-arrow::after{content:"";position:absolute;top:1px;left:-8px;width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-bottom:8px solid color-mix(in srgb, var(--bg-surface-primary) 70%, transparent)}.welcome-modal-content #welcome-profile-anchor-arrow{view-transition-name:welcome-profile-anchor-arrow}.welcome-modal-content #welcome-qs-anchor-arrow{view-transition-name:welcome-qs-anchor-arrow}.welcome-modal-content #welcome-qs-anchor-arrow::after{border-bottom-color:color-mix(in srgb, var(--bg-surface-primary) 40%, transparent)}.welcome-modal-content .welcome-profile-preview{position:relative;background:color-mix(in srgb, var(--bg-surface-primary) 70%, transparent);border:1px solid var(--border-primary);border-radius:16px;padding:20px;margin-bottom:20px;text-align:left;backdrop-filter:blur(10px);box-shadow:0 8px 32px 0 rgba(0,0,0,.2);animation:welcomeFadeIn .3s ease-out}@media(max-width: 480px){.welcome-modal-content .welcome-profile-preview{padding:14px}}.welcome-modal-content .welcome-profile-preview .profile-card-tabs{display:flex;border-bottom:1px solid var(--border-primary);margin-bottom:16px;gap:16px}.welcome-modal-content .welcome-profile-preview .profile-card-tabs .profile-tab-btn{background:rgba(0,0,0,0);border:none;color:var(--text-secondary);font-size:14px;font-weight:600;padding:8px 4px;cursor:pointer;position:relative;transition:color .2s ease;margin:0}.welcome-modal-content .welcome-profile-preview .profile-card-tabs .profile-tab-btn:hover{color:var(--text-primary)}.welcome-modal-content .welcome-profile-preview .profile-card-tabs .profile-tab-btn.active{color:var(--accent-primary)}.welcome-modal-content .welcome-profile-preview .profile-card-tabs .profile-tab-btn.active::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--accent-primary);border-radius:1px}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-tab-content{display:none}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-tab-content.active{display:block}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-header-main{display:flex;align-items:center;gap:16px;margin-bottom:16px}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-header-main .th-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-header-main .th-image-wrapper orecalc-assets-image{width:48px;height:48px;display:block}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-header-main .th-image-wrapper orecalc-assets-image img,.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-header-main .th-image-wrapper orecalc-assets-image picture{width:48px;height:48px;display:block;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0, 0, 0, 0.15))}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-header-main .th-image-wrapper .th-level-badge{position:absolute;bottom:-4px;right:-4px;background-color:var(--accent-primary);color:var(--text-on-accent);font-size:10px;font-weight:700;padding:2px 6px;border-radius:8px;border:1.5px solid var(--bg-surface-secondary);box-shadow:0 2px 4px rgba(0,0,0,.2)}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-header-main .player-title-details h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 2px 0}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-header-main .player-title-details p{font-size:12px;color:var(--text-muted);margin:0;font-family:monospace;opacity:.8}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-header-main .welcome-profile-delete-btn{margin-left:auto;background:rgba(0,0,0,0);border:none;color:var(--text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;padding:0}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-header-main .welcome-profile-delete-btn svg{display:block;transition:transform .2s ease-in-out}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-header-main .welcome-profile-delete-btn:hover{color:var(--color-danger);background-color:color-mix(in srgb, var(--color-danger) 12%, transparent)}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-header-main .welcome-profile-delete-btn:hover svg{transform:scale(1.1)}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-header-main .welcome-profile-delete-btn:active{background-color:color-mix(in srgb, var(--color-danger) 20%, transparent)}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-header-main .welcome-profile-delete-btn:active svg{transform:scale(0.95)}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-clan-details{display:flex;align-items:center;gap:10px;background-color:color-mix(in srgb, var(--bg-surface-primary) 30%, transparent);padding:10px 12px;border-radius:10px;margin-bottom:16px;border:1px solid color-mix(in srgb, var(--border-primary) 30%, transparent)}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-clan-details .clan-badge-img{width:24px;height:24px;object-fit:contain}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-clan-details .clan-text-details{display:flex;flex-direction:column}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-clan-details .clan-text-details .clan-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-clan-details .clan-text-details .clan-name{font-size:13px;font-weight:600;color:var(--text-primary)}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-stats-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-stats-grid .stat-box{background-color:color-mix(in srgb, var(--bg-surface-primary) 30%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 30%, transparent);border-radius:12px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;text-align:center}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-stats-grid .stat-box .stat-icon{color:var(--accent-primary);margin-bottom:4px;display:flex;align-items:center;justify-content:center}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-stats-grid .stat-box .stat-value{font-size:14px;font-weight:700;color:var(--text-primary)}.welcome-modal-content .welcome-profile-preview .profile-card-body .profile-stats-grid .stat-box .stat-label{font-size:9px;color:var(--text-muted);margin-top:2px;font-weight:500}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group{margin-bottom:16px;background:color-mix(in srgb, var(--bg-surface-primary) 30%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 25%, transparent);border-radius:12px;padding:12px 14px}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .group-header .group-title{font-size:12px;font-weight:700;color:var(--text-primary)}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .group-header .group-average{font-size:12px;font-weight:700;color:var(--accent-primary)}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .split-progress-container{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}@media(max-width: 400px){.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .split-progress-container{gap:6px}}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .split-progress-container .progress-section{display:flex;flex-direction:column;gap:4px}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .split-progress-container .progress-section.disabled{opacity:.45}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .split-progress-container .progress-section .section-header{display:flex;justify-content:space-between;font-size:9px;font-weight:600;color:var(--text-secondary)}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .split-progress-container .progress-section .progress-track{height:6px;background-color:color-mix(in srgb, var(--bg-surface-primary) 70%, transparent);border-radius:3px;overflow:hidden;border:1px solid color-mix(in srgb, var(--border-primary) 15%, transparent);position:relative}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .split-progress-container .progress-section .progress-track .progress-fill{height:100%;border-radius:3px;transition:width .4s ease-out}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .split-progress-container .progress-section.shiny .section-header span{color:color-mix(in srgb, var(--text-secondary) 85%, #a5d8ff)}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .split-progress-container .progress-section.shiny .progress-track{background-color:rgba(26,54,93,.3);border-color:rgba(66,153,225,.15)}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .split-progress-container .progress-section.shiny .progress-fill{background:linear-gradient(90deg, #3182ce 0%, #63b3ed 50%, #ebf8ff 100%);box-shadow:0 0 4px rgba(66,153,225,.4)}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .split-progress-container .progress-section.glowy .section-header span{color:color-mix(in srgb, var(--text-secondary) 85%, #fcc2d7)}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .split-progress-container .progress-section.glowy .progress-track{background-color:rgba(74,37,75,.3);border-color:rgba(184,50,128,.15)}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .split-progress-container .progress-section.glowy .progress-fill{background:linear-gradient(90deg, #b83280 0%, #ec4899 50%, #fbcfe8 100%);box-shadow:0 0 4px rgba(236,72,153,.4)}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .split-progress-container .progress-section.starry .section-header span{color:color-mix(in srgb, var(--text-secondary) 85%, #ffe066)}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .split-progress-container .progress-section.starry .progress-track{background-color:rgba(116,83,16,.3);border-color:rgba(221,107,32,.15)}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-progress-group .split-progress-container .progress-section.starry .progress-fill{background:linear-gradient(90deg, #dd6b20 0%, #ecc94b 50%, #fefcbf 100%);box-shadow:0 0 4px rgba(236,201,75,.4)}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-hero-scroll-container{display:flex;flex-direction:row;gap:16px;padding:0;overflow-x:auto;overflow-y:hidden;text-align:left;width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-hero-scroll-container::-webkit-scrollbar{height:6px}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-hero-scroll-container::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-hero-scroll-container::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--accent-primary) 40%, transparent);border-radius:3px}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-hero-group{display:flex;align-items:center;position:relative;background:color-mix(in srgb, var(--bg-surface-primary) 35%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 20%, transparent);border-radius:12px;padding:8px 12px;gap:16px;flex-shrink:0;box-sizing:border-box}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-hero-badge{position:sticky;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;background:color-mix(in srgb, var(--bg-surface-secondary) 95%, transparent);border:1px solid color-mix(in srgb, var(--border-primary) 80%, transparent);border-radius:8px;padding:4px;flex-shrink:0;box-shadow:4px 0 8px rgba(0,0,0,.25);transition:all .2s ease-in-out}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-hero-badge.max-level{border-color:#d4af37;box-shadow:4px 0 8px rgba(0,0,0,.25),0 0 6px rgba(212,175,55,.4);background:linear-gradient(135deg, color-mix(in srgb, var(--bg-surface-secondary) 95%, transparent) 0%, rgba(212, 175, 55, 0.08) 100%)}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-hero-img{width:28px;height:28px;object-fit:contain}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-hero-name{font-size:8px;font-weight:700;color:var(--text-secondary);margin-top:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42px}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-hero-level{font-size:8px;font-weight:600;color:var(--text-muted);margin-top:2px;text-align:center;white-space:nowrap}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-hero-level.max-level-text{color:gold;font-weight:700;text-shadow:0 0 2px rgba(212,175,55,.5)}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-hero-equip-list{display:flex;gap:12px;padding-left:4px;flex-grow:1}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-item{display:flex;flex-direction:column;align-items:center;width:40px;flex-shrink:0;gap:4px}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-item.locked .equipment-image{filter:grayscale(100%);opacity:.45}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-item.locked .equipment-level-box{display:none !important}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-item .equipment-image-container{position:relative;width:30px;height:30px;flex-shrink:0;aspect-ratio:1/1}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-item .equipment-image-container .equipment-image{width:100%;height:100%;object-fit:contain;aspect-ratio:1/1}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-item .equipment-image-container .equipment-level-box{position:absolute;bottom:-2px;right:-2px;background-color:var(--bg-surface-tertiary);color:var(--text-primary);padding:0px 3px;font-size:8px;border-radius:3px;z-index:1;font-weight:700;border:1px solid color-mix(in srgb, var(--border-primary) 40%, transparent)}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-item .equipment-image-container .equipment-level-box.max-level{background:linear-gradient(135deg, #ffd700 0%, #d4af37 60%, #aa7c11 100%);color:#111 !important;border-color:#aa7c11;box-shadow:0 0 4px rgba(212,175,55,.8)}.welcome-modal-content .welcome-profile-preview .profile-card-body .welcome-equip-name{font-size:8px;color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-weight:500}@keyframes welcomeFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.welcome-modal-content .welcome-consent-box{background:color-mix(in srgb, var(--bg-surface-primary) 20%, transparent);padding:12px 16px;border-radius:10px;border:1px solid color-mix(in srgb, var(--border-primary) 50%, transparent);margin-top:16px;margin-bottom:8px;text-align:left}@media(max-width: 480px){.welcome-modal-content .welcome-consent-box{padding:10px 12px;margin-top:4px;margin-bottom:2px}}.welcome-modal-content .welcome-consent-box p{font-size:11px;color:var(--text-secondary);line-height:1.45;margin:0}.welcome-modal-content .welcome-consent-box p a{color:var(--accent-primary);text-decoration:none;font-weight:500}.welcome-modal-content .welcome-consent-box p a:hover{text-decoration:underline}.welcome-modal-content .welcome-carousel{display:flex;gap:32px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0}.welcome-modal-content .welcome-carousel.no-scroll{overflow-x:hidden !important;scroll-snap-type:none !important}.welcome-modal-content .welcome-carousel::-webkit-scrollbar{display:none}.welcome-modal-content .welcome-carousel .welcome-features,.welcome-modal-content .welcome-carousel .preference-label,.welcome-modal-content .welcome-carousel .theme-switch .pref-btn span{opacity:1;transform:translateY(0) translateX(0);transition:opacity .25s ease-out,transform .25s cubic-bezier(0.34, 1.56, 0.64, 1)}.welcome-modal-content .welcome-carousel.translating .welcome-features,.welcome-modal-content .welcome-carousel.translating .preference-label,.welcome-modal-content .welcome-carousel.translating .theme-switch .pref-btn span{transition:opacity .15s ease-in,transform .15s ease-in}.welcome-modal-content .welcome-carousel.translating .welcome-features{opacity:0;transform:translateY(8px)}.welcome-modal-content .welcome-carousel.translating .preference-label{opacity:0;transform:translateX(-8px)}.welcome-modal-content .welcome-carousel.translating .theme-switch .pref-btn span{opacity:0;transform:translateY(4px)}.welcome-modal-content .welcome-page{flex:0 0 100%;width:100%;scroll-snap-align:start;box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--welcome-header-height, 130px) 4px 16px 4px;transition:padding-top .8s cubic-bezier(0.16, 1, 0.3, 1)}@media(max-width: 600px){.welcome-modal-content .welcome-page{padding:var(--welcome-header-height, 96px) 4px 12px 4px}}.welcome-modal-content .welcome-page::-webkit-scrollbar{display:none}.welcome-modal-content .welcome-page:focus{outline:none}.welcome-modal-content .welcome-page.welcome-page-3{position:relative}.welcome-modal-content .welcome-page.welcome-page-4{gap:16px;text-align:left;padding-left:4px;padding-right:4px}.welcome-modal-content .welcome-page .welcome-features,.welcome-modal-content .welcome-page .welcome-preferences{margin-bottom:20px}.welcome-modal-content .welcome-page .player-name-input-container{margin-top:10px;margin-bottom:20px}.welcome-modal-content .welcome-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin:8px 0 24px 0}.welcome-modal-content .welcome-dots .welcome-dot{width:8px;height:8px;border-radius:50%;background-color:color-mix(in srgb, var(--text-secondary) 30%, transparent);cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.welcome-modal-content .welcome-dots .welcome-dot.active{background-color:var(--accent-primary);width:20px;border-radius:4px}.welcome-modal-content .welcome-actions{display:flex;gap:12px;justify-content:flex-end;width:100%}.welcome-modal-content .welcome-actions button{margin:0;flex:1}@media(max-width: 480px){.welcome-modal-content .welcome-actions{flex-direction:column-reverse;gap:8px}}.welcome-modal-content .th-badges-scroll{display:flex;gap:12px;overflow-x:auto;padding:8px 12px;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--border-primary);background-color:color-mix(in srgb, var(--bg-surface-primary) 30%, transparent);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent-primary) 40%, transparent) rgba(0,0,0,0)}.welcome-modal-content .th-badges-scroll::-webkit-scrollbar{height:6px}.welcome-modal-content .th-badges-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.welcome-modal-content .th-badges-scroll::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--accent-primary) 40%, transparent);border-radius:3px}.welcome-modal-content .th-badge-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:64px;border:1px solid rgba(0,0,0,0);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);flex-shrink:0;background-color:color-mix(in srgb, var(--bg-surface-secondary) 40%, transparent)}.welcome-modal-content .th-badge-item:hover{border-color:color-mix(in srgb, var(--accent-primary) 50%, transparent);background-color:color-mix(in srgb, var(--accent-primary) 10%, transparent);transform:translateY(-2px)}.welcome-modal-content .th-badge-item.active{border-color:var(--accent-primary);background-color:color-mix(in srgb, var(--accent-primary) 15%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--accent-primary) 20%, transparent);transform:scale(1.05)}.welcome-modal-content .th-badge-item.active .th-badge-label{color:var(--accent-primary);font-weight:700}.welcome-modal-content .th-badge-item .th-badge-img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15))}.welcome-modal-content .th-badge-item .th-badge-label{font-size:10px;font-weight:600;color:var(--text-secondary);margin-top:4px}.welcome-modal-content .league-select-wrapper .guest-league-icon-container img{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25))}.welcome-modal-content .welcome-select-input{text-align:center;text-align-last:center;border:1px solid var(--border-primary);background-color:var(--bg-surface-primary);color:var(--text-primary);outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}.welcome-modal-content .welcome-select-input:focus{border-color:var(--accent-primary) !important;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 25%, transparent) !important}.welcome-modal-content .welcome-profiles-list-container{margin-top:16px;margin-bottom:20px;text-align:left}.welcome-modal-content .welcome-profiles-list{display:flex;flex-direction:row;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 4px 8px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent-primary) 40%, transparent) rgba(0,0,0,0)}.welcome-modal-content .welcome-profiles-list::-webkit-scrollbar{height:4px}.welcome-modal-content .welcome-profiles-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.welcome-modal-content .welcome-profiles-list::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--accent-primary) 40%, transparent);border-radius:2px}.welcome-modal-content .welcome-profile-card-compact{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;border:1px solid var(--border-primary);background-color:color-mix(in srgb, var(--bg-surface-primary) 40%, transparent);cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);position:relative;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-shrink:0;width:170px;box-sizing:border-box}.welcome-modal-content .welcome-profile-card-compact:hover{border-color:color-mix(in srgb, var(--accent-primary) 50%, transparent);background-color:color-mix(in srgb, var(--accent-primary) 8%, transparent);transform:translateY(-1px)}.welcome-modal-content .welcome-profile-card-compact.active{border-color:var(--accent-primary);background-color:color-mix(in srgb, var(--accent-primary) 15%, transparent);box-shadow:0 4px 12px color-mix(in srgb, var(--accent-primary) 15%, transparent)}.welcome-modal-content .welcome-profile-card-compact.active .welcome-profile-card-name{color:var(--accent-primary);font-weight:700}.welcome-modal-content .welcome-profile-card-compact .welcome-profile-card-th-img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15))}.welcome-modal-content .welcome-profile-card-compact .welcome-profile-card-details{display:flex;flex-direction:column;flex:1;min-width:0}.welcome-modal-content .welcome-profile-card-compact .welcome-profile-card-details .welcome-profile-card-name{font-size:13.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-modal-content .welcome-profile-card-compact .welcome-profile-card-details .welcome-profile-card-tag{font-size:11px;color:var(--text-secondary);opacity:.8}.welcome-modal-content .welcome-profile-card-compact .welcome-profile-card-status{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:20px}.welcome-modal-content .welcome-profile-card-compact .welcome-profile-card-status .status-icon{display:flex;align-items:center;justify-content:center}.welcome-modal-content .welcome-profile-card-compact .welcome-profile-card-status .status-icon.loading-spinner{width:14px;height:14px;flex-shrink:0;border:2px solid color-mix(in srgb, var(--accent-primary) 20%, transparent);border-top-color:var(--accent-primary);border-radius:50%;animation:welcome-spinner-spin .8s linear infinite}.welcome-modal-content .welcome-profile-card-compact .welcome-profile-card-status .status-icon svg{width:16px;height:16px;display:block}.welcome-modal-content .welcome-profile-card-compact .welcome-profile-card-status .loading-countdown{font-size:10px;font-weight:600;color:color-mix(in srgb, var(--color-text-secondary) 70%, transparent);min-width:18px;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.02em}@keyframes welcome-spinner-spin{to{transform:rotate(360deg)}}.welcome-modal-content .welcome-quick-settings-container{display:flex;flex-direction:column;flex:1;min-height:0;margin-top:16px;margin-bottom:20px;text-align:left;background:color-mix(in srgb, var(--bg-surface-primary) 40%, transparent);padding:16px;border-radius:14px;border:1px solid var(--border-primary);position:relative;box-sizing:border-box}.welcome-modal-content .welcome-quick-settings-container h4{font-size:13.5px;font-weight:600;color:var(--text-primary);margin:0 0 12px 0;flex-shrink:0}.welcome-modal-content .welcome-quick-settings-groups{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding-right:4px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent-primary) 40%, transparent) rgba(0,0,0,0)}.welcome-modal-content .welcome-quick-settings-groups::-webkit-scrollbar{width:4px}.welcome-modal-content .welcome-quick-settings-groups::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.welcome-modal-content .welcome-quick-settings-groups::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--accent-primary) 40%, transparent);border-radius:2px}.welcome-modal-content .welcome-quick-settings-group{display:flex;flex-direction:column}.welcome-modal-content .welcome-quick-setting-subpanel{display:none;flex-direction:column;gap:8px;padding-left:12px;margin-top:8px;position:relative;padding-top:4px;padding-bottom:4px;animation:welcomeFadeIn .2s ease-out}.welcome-modal-content .welcome-quick-setting-subpanel::before{content:"";position:absolute;left:0;top:3px;bottom:0;width:2px;background-color:var(--accent-primary)}.welcome-modal-content .welcome-quick-setting-subpanel .subpanel-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.welcome-modal-content .welcome-quick-setting-subpanel .subpanel-row label{font-size:12px;font-weight:500;color:var(--text-secondary)}.welcome-modal-content .welcome-quick-setting-subpanel .subpanel-row .welcome-select-input{width:80px;padding:4px 8px;border-radius:8px;border:1px solid var(--border-primary);background-color:var(--bg-surface-primary);color:var(--text-primary);font-size:12px;outline:none;cursor:pointer;transition:border-color .2s}.welcome-modal-content .welcome-quick-setting-subpanel .subpanel-row .welcome-select-input:focus{border-color:var(--accent-primary)}.welcome-modal-content .welcome-quick-setting-subpanel .subpanel-row input[type=number]{width:50px;padding:4px 6px;border-radius:8px;border:1px solid var(--border-primary);background-color:var(--bg-surface-primary);color:var(--text-primary);font-size:12px;outline:none;text-align:center;transition:border-color .2s}.welcome-modal-content .welcome-quick-setting-subpanel .subpanel-row input[type=number]:focus{border-color:var(--accent-primary)}.welcome-modal-content .welcome-profile-card-vertical{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:14px;border:1px solid var(--border-primary);background-color:color-mix(in srgb, var(--bg-surface-primary) 40%, transparent);cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);position:relative;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);width:100%;box-sizing:border-box;margin-bottom:12px}.welcome-modal-content .welcome-profile-card-vertical:hover{border-color:color-mix(in srgb, var(--accent-primary) 50%, transparent);background-color:color-mix(in srgb, var(--accent-primary) 8%, transparent);transform:translateY(-1px)}.welcome-modal-content .welcome-profile-card-vertical.active{border-color:var(--accent-primary);background-color:color-mix(in srgb, var(--accent-primary) 15%, transparent);box-shadow:0 4px 12px color-mix(in srgb, var(--accent-primary) 15%, transparent)}.welcome-modal-content .welcome-profile-card-vertical .welcome-profile-card-th-img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15))}.welcome-modal-content .welcome-profile-card-vertical .welcome-profile-card-details{display:flex;flex-direction:column;flex:1;min-width:0;text-align:left}.welcome-modal-content .welcome-profile-card-vertical .welcome-profile-card-details .welcome-profile-card-name{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-modal-content .welcome-profile-card-vertical .welcome-profile-card-details .welcome-profile-card-tag{font-size:12px;color:var(--text-secondary);opacity:.8}.welcome-modal-content .welcome-profile-card-vertical .welcome-profile-card-status{display:flex;align-items:center;justify-content:center}.welcome-modal-content .welcome-profile-card-vertical .welcome-profile-card-status .status-icon{display:flex;align-items:center;justify-content:center}.welcome-modal-content .welcome-profile-card-vertical .welcome-profile-card-status .status-icon.loading-spinner{width:16px;height:16px;border:2px solid color-mix(in srgb, var(--accent-primary) 20%, transparent);border-top-color:var(--accent-primary);border-radius:50%;animation:welcome-spinner-spin .8s linear infinite}.welcome-modal-content .welcome-profile-card-vertical .welcome-profile-card-status .status-icon svg{width:20px;height:20px;display:block}.welcome-modal-content #welcome-profile-setup-wizard-view{padding-top:var(--welcome-header-height, 130px);box-sizing:border-box;transition:padding-top .8s cubic-bezier(0.16, 1, 0.3, 1)}@media(max-width: 600px){.welcome-modal-content #welcome-profile-setup-wizard-view{padding-top:var(--welcome-header-height, 96px)}}.welcome-modal-content #welcome-profile-setup-wizard-view:not(.show-recommendations) .recommended-badge{display:none !important}.welcome-modal-content .welcome-wizard-header{border-bottom:1px solid var(--border-primary);padding-bottom:12px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.welcome-modal-content .welcome-wizard-header .wizard-profile-info-wrapper{display:flex;align-items:center;gap:10px}.welcome-modal-content .welcome-wizard-header .wizard-th-img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15))}.welcome-modal-content .welcome-wizard-header .wizard-profile-meta{display:flex;flex-direction:column;gap:1px}.welcome-modal-content .welcome-wizard-header .wizard-title-label{font-size:10px;font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px;display:block;line-height:1.2}.welcome-modal-content .welcome-wizard-header .wizard-profile-name{font-size:15px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.welcome-modal-content .welcome-wizard-header .wizard-profile-tag{font-size:11px;color:var(--text-secondary);line-height:1.2}.welcome-modal-content .welcome-wizard-header .wizard-step-indicator{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.welcome-modal-content .welcome-ores-vertical-group{display:flex;flex-direction:column;gap:12px;background:color-mix(in srgb, var(--bg-surface-primary) 30%, transparent);padding:16px;border-radius:12px;border:1px solid var(--border-primary)}.welcome-modal-content .welcome-ores-vertical-group .welcome-ore-input-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:color-mix(in srgb, var(--bg-surface-primary) 40%, transparent);border:1px solid var(--border-primary);border-radius:10px;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease}.welcome-modal-content .welcome-ores-vertical-group .welcome-ore-input-row:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft)}.welcome-modal-content .welcome-ores-vertical-group .welcome-ore-input-row .ore-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.welcome-modal-content .welcome-ores-vertical-group .welcome-ore-input-row .ore-icon-wrapper orecalc-assets-image.ore-image,.welcome-modal-content .welcome-ores-vertical-group .welcome-ore-input-row .ore-icon-wrapper .ore-image{width:28px !important;height:28px !important;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15))}.welcome-modal-content .welcome-ores-vertical-group .welcome-ore-input-row input[type=number]{flex:1;text-align:right;border:none;background:rgba(0,0,0,0);color:var(--text-primary);font-size:16px;font-weight:600;padding:4px 8px;outline:none;width:100%;box-sizing:border-box}.welcome-modal-content .welcome-ores-vertical-group .welcome-ore-input-row input[type=number]::-webkit-outer-spin-button,.welcome-modal-content .welcome-ores-vertical-group .welcome-ore-input-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.welcome-modal-content .wizard-step{display:none;flex-direction:column;gap:16px;animation:welcomeFadeIn .25s ease-out}.welcome-modal-content .wizard-step .wizard-step-subtitle{font-size:13px;color:var(--text-secondary);line-height:1.4;margin:0 0 8px 0}.welcome-modal-content .wizard-step .recommended-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:6px;background-color:var(--color-success-soft);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success) 30%, transparent);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;height:fit-content}.welcome-modal-content .wizard-step .quick-setting-details .recommended-badge{margin-left:auto !important}.welcome-modal-content .wizard-step .ore-row-badge{display:none !important;padding:2px 4px;position:absolute;right:2px;top:50%;transform:translateY(-50%)}.welcome-modal-content .wizard-step [data-ore-type]>div:first-child{position:relative}.welcome-modal-content .wizard-step #welcome-shop-offers-inputs-container .subpanel-row>div:first-child{position:relative}.welcome-modal-content .wizard-step [data-section=raid-medals] [data-ore-type=starry] .ore-row-badge,.welcome-modal-content .wizard-step [data-section=raid-medals] [data-ore-type=glowy] .ore-row-badge{display:inline-flex !important}.welcome-modal-content .wizard-step [data-section=gems].has-gold-pass [data-ore-type=starry] .ore-row-badge{display:inline-flex !important}.welcome-modal-content .wizard-step [data-section=event-trader] [data-ore-type=starry] .ore-row-badge{display:inline-flex !important}.welcome-modal-content .wizard-step [data-section=event-trader] [data-ore-type=glowy] .ore-row-badge{display:inline-flex !important}.welcome-modal-content .wizard-step #welcome-shop-offers-inputs-container .ore-row-badge{display:inline-flex !important}@keyframes welcomeFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.welcome-modal-content .welcome-sync-details{border:1px solid var(--border-primary);border-radius:8px;background-color:color-mix(in srgb, var(--bg-surface-primary) 20%, transparent);overflow:hidden;transition:background-color .2s ease,box-shadow .2s ease}.welcome-modal-content .welcome-sync-details[open]{background-color:color-mix(in srgb, var(--bg-surface-primary) 40%, transparent)}.welcome-modal-content .welcome-sync-details[open] .chevron{transform:rotate(180deg)}.welcome-modal-content .welcome-sync-summary{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;list-style:none}.welcome-modal-content .welcome-sync-summary::-webkit-details-marker{display:none}.welcome-modal-content .welcome-sync-summary .chevron{transition:transform .2s ease}.welcome-modal-content .welcome-sync-summary .chevron svg{color:var(--text-secondary);display:block}.welcome-modal-content .welcome-sync-summary:hover{background-color:color-mix(in srgb, var(--border-primary) 20%, transparent)}.welcome-modal-content .welcome-sync-details-content{padding:0 12px 8px 12px;border-top:1px dashed color-mix(in srgb, var(--border-primary) 50%, transparent)}.welcome-modal-content .welcome-device-sync-section{position:relative;overflow:hidden}.welcome-modal-content .welcome-device-sync-section.sync-disabled .welcome-device-sync-content{filter:blur(2px);pointer-events:none;user-select:none}.welcome-modal-content .welcome-device-sync-section .sync-overlay-text{font-size:11px}@media(min-width: 601px){.welcome-modal-content .welcome-device-sync-section .sync-overlay-text{font-size:13px}}.welcome-modal-content .welcome-device-sync-section .welcome-device-sync-content .sync-section-title{font-size:13px}@media(min-width: 601px){.welcome-modal-content .welcome-device-sync-section .welcome-device-sync-content .sync-section-title{font-size:15px}}.welcome-modal-content .welcome-device-sync-section .welcome-device-sync-content .sync-section-desc{font-size:11px}@media(min-width: 601px){.welcome-modal-content .welcome-device-sync-section .welcome-device-sync-content .sync-section-desc{font-size:13px}}.welcome-modal-content .welcome-device-sync-section .sync-summary-title{font-size:11px}@media(min-width: 601px){.welcome-modal-content .welcome-device-sync-section .sync-summary-title{font-size:12px}}.welcome-modal-content .welcome-device-sync-section .qr-user-id{font-size:11px}@media(min-width: 601px){.welcome-modal-content .welcome-device-sync-section .qr-user-id{font-size:12px}}.welcome-modal-content .welcome-device-sync-section #welcome-sync-copy-btn,.welcome-modal-content .welcome-device-sync-section #welcome-sync-link-btn{font-size:11px}@media(min-width: 601px){.welcome-modal-content .welcome-device-sync-section #welcome-sync-copy-btn,.welcome-modal-content .welcome-device-sync-section #welcome-sync-link-btn{font-size:12px}}.welcome-modal-content .welcome-device-sync-section #welcome-sync-input{font-size:11px}@media(min-width: 601px){.welcome-modal-content .welcome-device-sync-section #welcome-sync-input{font-size:12px}}.welcome-modal-content .welcome-device-sync-section .sync-qr-instruction,.welcome-modal-content .welcome-device-sync-section .sync-scan-instruction,.welcome-modal-content .welcome-device-sync-section .sync-status-msg{font-size:10px}@media(min-width: 601px){.welcome-modal-content .welcome-device-sync-section .sync-qr-instruction,.welcome-modal-content .welcome-device-sync-section .sync-scan-instruction,.welcome-modal-content .welcome-device-sync-section .sync-status-msg{font-size:11px}}.welcome-modal-content .welcome-sync-temp-blurred{filter:blur(4px) !important;pointer-events:none !important;opacity:.5 !important}.tour-highlight-box{position:fixed;border:none;border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,.65),0 0 15px color-mix(in srgb, var(--accent-primary) 40%, transparent);pointer-events:none;z-index:100;transition:all .35s cubic-bezier(0.34, 1.56, 0.64, 1);box-sizing:border-box;overflow:visible}.tour-tooltip{position:fixed;z-index:102;width:300px;background:color-mix(in srgb, var(--bg-surface-secondary) 92%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 25%, transparent);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.35),0 0 0 1px color-mix(in srgb, var(--text-primary) 5%, transparent);padding:16px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .3s cubic-bezier(0.4, 0, 0.2, 1),transform .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.tour-tooltip .tour-tooltip-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.tour-tooltip .tour-tooltip-header .tour-tooltip-title{font-size:15px;font-weight:700;color:var(--accent-primary);margin:0}.tour-tooltip .tour-tooltip-header .tour-close-btn{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:0;line-height:1;opacity:.6;transition:opacity .2s}.tour-tooltip .tour-tooltip-header .tour-close-btn:hover{opacity:1;color:var(--text-primary)}.tour-tooltip .tour-tooltip-body{font-size:13px;color:var(--text-secondary);line-height:1.45}.tour-tooltip .tour-tooltip-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.tour-tooltip .tour-tooltip-footer .tour-progress{font-size:11.5px;font-weight:500;color:var(--text-secondary);opacity:.85}.tour-tooltip .tour-tooltip-footer .tour-actions{display:flex;gap:8px}.tour-tooltip .tour-tooltip-footer .tour-actions .tour-btn{background:none;border:1px solid rgba(0,0,0,0);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.tour-tooltip .tour-tooltip-footer .tour-actions .tour-btn.tour-btn-skip{color:var(--text-secondary);border-color:var(--border-primary)}.tour-tooltip .tour-tooltip-footer .tour-actions .tour-btn.tour-btn-skip:hover{background-color:color-mix(in srgb, var(--text-secondary) 10%, transparent);color:var(--text-primary)}.tour-tooltip .tour-tooltip-footer .tour-actions .tour-btn.tour-btn-prev{color:var(--text-secondary);border-color:var(--border-primary)}.tour-tooltip .tour-tooltip-footer .tour-actions .tour-btn.tour-btn-prev:hover{background-color:color-mix(in srgb, var(--text-secondary) 10%, transparent);color:var(--text-primary)}.tour-tooltip .tour-tooltip-footer .tour-actions .tour-btn.tour-btn-next{background-color:var(--accent-primary);color:var(--bg-surface-primary);box-shadow:0 2px 6px color-mix(in srgb, var(--accent-primary) 20%, transparent)}.tour-tooltip .tour-tooltip-footer .tour-actions .tour-btn.tour-btn-next:hover{background-color:color-mix(in srgb, var(--accent-primary) 85%, white);box-shadow:0 4px 10px color-mix(in srgb, var(--accent-primary) 30%, transparent);transform:translateY(-0.5px)}.tour-active-target{z-index:101 !important}.tour-active-target:not(.fab-container):not(#floating-save-btn):not(.floating-save-btn){position:relative}.card-title.tour-active-target,.card-title.tour-glow-title{color:var(--text-primary) !important;transform:scale(1.05);transform-origin:center;transition:transform .35s cubic-bezier(0.34, 1.56, 0.64, 1),text-shadow .35s ease !important;animation:tour-pulse-glow 2s infinite alternate ease-in-out}@keyframes tour-pulse-glow{0%{text-shadow:0 0 8px color-mix(in srgb, var(--accent-primary) 50%, transparent),0 0 15px var(--accent-primary),0 0 25px var(--accent-primary);transform:scale(1.04)}100%{text-shadow:0 0 15px color-mix(in srgb, var(--accent-primary) 80%, transparent),0 0 25px var(--accent-primary),0 0 40px var(--accent-primary),0 0 50px var(--accent-primary);transform:scale(1.07)}}.main-content{align-items:flex-start;display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.header-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;height:64px;box-sizing:border-box;padding:0 24px;background-color:color-mix(in srgb, var(--bg-surface-secondary) 40%, transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in srgb, var(--border-primary) 30%, transparent);border-radius:20px;max-width:1170px;position:fixed;top:15px;left:50%;transform:translateX(-50%);width:calc(100% - 30px);z-index:30;transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease,backdrop-filter .3s ease}.header-container.sticky,.header-container.is-scrolled{background-color:color-mix(in srgb, var(--bg-surface-secondary) 35%, transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);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 hsla(0,0%,100%,.1)}.header-placeholder{display:block;height:84px}.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;transition:background-color .2s ease,transform .1s}@media(hover: hover){.hamburger:hover{background-color:var(--bg-surface-tertiary)}}.hamburger:active{transform:scale(0.95)}.hamburger:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.hamburger .menu-icon{fill:var(--text-primary);width:24px;height:24px}.header-brand{display:flex;align-items:center;cursor:pointer;user-select:none;flex-shrink:0}.header-brand .brand-title{font-size:20px;font-weight:800;margin:0;background:linear-gradient(135deg, var(--accent-primary) 30%, #a8c0ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);letter-spacing:-0.5px;text-shadow:0 2px 10px rgba(0,0,0,.1);transition:opacity .25s ease}.tab-bar-container{display:flex;align-items:center;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:99px;padding:4px;gap:2px;margin:0 auto;overflow:hidden;flex-grow:0;flex-shrink:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-bar-container::-webkit-scrollbar{display:none}.tab-bar-container .tab-button{flex-shrink:0;background-color:rgba(0,0,0,0);border:none;border-radius:99px;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;padding:6px 16px;cursor:pointer;box-shadow:none;transition:background-color .2s ease,color .2s ease,transform .15s ease}.tab-bar-container .tab-button:hover:not(.active){background-color:var(--accent-primary-soft);color:var(--accent-primary);transform:scale(1.02)}.tab-bar-container .tab-button:active{transform:scale(0.96)}.tab-bar-container .tab-button.active{background-color:var(--accent-primary);color:var(--text-on-accent);box-shadow:0 2px 8px var(--accent-primary-soft)}.player-dropdown-container{margin-left:12px;flex-shrink:0}.data-buttons-container{margin-left:12px;flex-shrink:0;display:flex;align-items:center}.data-buttons-container #refresh-button{min-height:36px;min-width:auto;padding:6px 14px;border-radius:99px;font-size:var(--font-size-xs);font-weight:600}.data-buttons-container #refresh-button .animated-btn-icon-wrapper svg{width:15px;height:15px}@media(min-width: 780px)and (max-width: 1200px){.data-buttons-container #refresh-button{padding:6px 10px}.data-buttons-container #refresh-button .animated-btn-text{display:none}.data-buttons-container #refresh-button .animated-btn-icon-wrapper{transform:translateY(0);position:relative;width:100%;height:100%}}@media(min-width: 780px)and (max-width: 960px){.header-container{padding:0 16px}.header-brand .brand-title{display:none}.tab-bar-container{margin-left:0;margin-right:auto}.player-dropdown-container{width:130px}.player-dropdown-button{padding:10px 10px}#selected-player-name{max-width:65px}}@media(max-width: 779px){.header-container{height:56px;top:10px;padding:0 12px;border-radius:14px;width:calc(100% - 20px)}.header-placeholder{height:71px}.hamburger{display:flex;margin-right:8px}.header-brand{margin-right:auto}.header-brand .brand-title{display:block;font-size:18px}.tab-bar-container{display:none !important}.player-dropdown-container{margin-left:8px;width:130px}#selected-player-name{max-width:65px}.data-buttons-container{margin-left:8px}.data-buttons-container #refresh-button{min-width:36px;width:36px;height:36px;min-height:36px;padding:0;border-radius:50%}.data-buttons-container #refresh-button .animated-btn-text{display:none}.data-buttons-container #refresh-button .animated-btn-icon-wrapper{transform:translateY(0);position:relative;width:100%;height:100%}.data-buttons-container #refresh-button .animated-btn-icon-wrapper svg{width:15px;height:15px}}@media(max-width: 779px)and (max-width: 380px){.header-brand .brand-title{display:none}}.tab-button{background-color:var(--bg-surface-tertiary);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;padding:8px 15px;transition:background-color .2s cubic-bezier(0.2, 1, 0.2, 1),color .2s cubic-bezier(0.2, 1, 0.2, 1),transform .2s cubic-bezier(0.2, 1, 0.2, 1),box-shadow .2s cubic-bezier(0.2, 1, 0.2, 1)}.tab-button:hover:not(.active){background-color:var(--accent-primary-soft);color:var(--accent-primary);transform:translateY(-1px)}.tab-button:active{transform:translateY(1px) scale(0.96)}.tab-button.active{background-color:var(--accent-primary);color:var(--text-on-accent);box-shadow:0 4px 12px var(--accent-primary-soft);transform:translateY(0) scale(1)}.tab-button:focus-visible{outline-offset:-3px !important}.tab-content{display:none;width:100%}.tab-content.active{display:block}.nav-button{background-color:rgba(0,0,0,0);border:none;box-shadow:none;color:var(--text-primary);cursor:pointer;flex:1;flex-direction:column;font-size:var(--font-size-xs);outline:none;padding:8px 0;position:relative;touch-action:manipulation;transition:color .3s,background-color .3s;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.nav-button::-moz-focus-inner{border:0}.nav-button:focus,.nav-button:active{box-shadow:none;outline:none}.nav-button:focus-visible{outline-offset:-3px !important;border-radius:8px}.nav-button .nav-item-content{border-radius:16px;flex-direction:column;transition:background-color .3s,color .3s}.nav-button .nav-icon-wrapper{border-radius:16px;height:32px;transition:background-color .3s,width .3s,transform .25s cubic-bezier(0.34, 1.56, 0.64, 1);width:56px}.nav-button:hover .nav-icon-wrapper{transform:scale(1.1) translateY(-2px)}.nav-button:active .nav-icon-wrapper{transform:scale(0.95) translateY(0)}.nav-button .icon-outline{display:block}.nav-button .icon-filled{display:none}.nav-button svg{fill:currentColor;height:24px;transition:fill .3s;width:24px}.nav-button span{font-size:var(--font-size-xs);margin-top:4px;transition:color .3s}.nav-button:hover .nav-icon-wrapper{background-color:var(--accent-primary-soft)}.nav-button:active{transform:scale(0.92)}.nav-button:active .nav-icon-wrapper{background-color:var(--bg-surface-tertiary)}.nav-button.active .icon-outline{display:none}.nav-button.active .icon-filled{display:block}.nav-button.active .nav-icon-wrapper{background-color:var(--accent-soft)}.nav-button.active .nav-icon-wrapper svg{fill:var(--accent-primary)}.nav-button.active span{color:var(--accent-primary);font-weight:500}.nav-button.active:hover .nav-icon-wrapper{background-color:var(--accent-soft)}.bottom-nav-bar{background-color:color-mix(in srgb, var(--bg-surface-secondary) 75%, transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;bottom:15px;box-shadow:0 8px 32px rgba(0,0,0,.3);display:flex;justify-content:space-around;left:15px;right:15px;padding:8px 10px;position:fixed;width:calc(100% - 30px);z-index:30;height:66px;box-sizing:border-box;opacity:1;transform:translateY(0);pointer-events:auto;transition:transform .3s cubic-bezier(0.2, 1, 0.2, 1),opacity .3s cubic-bezier(0.2, 1, 0.2, 1)}.navigation-drawer{position:fixed;top:0;left:0;width:300px;height:100%;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);transform:translateX(-100%);transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),visibility .3s ease-in-out;z-index:40;border-radius:0 28px 28px 0;visibility:hidden;display:flex;flex-direction:column;justify-content:space-between}.navigation-drawer.open{transform:translateX(0);visibility:visible}.navigation-drawer__overlay{background-color:var(--bg-overlay);z-index:39;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:opacity .3s ease,visibility .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}.navigation-drawer__overlay.show{opacity:1;visibility:visible;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.navigation-drawer__content{flex:1;display:flex;flex-direction:column}.navigation-drawer__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding:15px;border-top-right-radius:28px}.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 .2s ease-in-out,border-color .2s,transform .1s;margin-top:30px;margin-right:15px}.navigation-drawer__close svg{fill:currentColor;width:24px;height:24px}.navigation-drawer__close:hover,.navigation-drawer__close:focus{background-color:var(--bg-surface-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}.navigation-drawer__close:active{transform:scale(0.95)}.navigation-drawer__app-title{font-size:24px;font-weight:800;margin:30px 0 4px 10px;background:linear-gradient(135deg, var(--accent-primary) 30%, #a8c0ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);letter-spacing:-0.5px}.navigation-drawer__subtitle{font-size:13px;font-weight:600;margin:0 0 0 10px;color:var(--text-secondary);opacity:.6;text-transform:uppercase;letter-spacing:.5px}.navigation-drawer__secondary-actions{display:flex;flex-direction:column;width:100%;gap:4px;padding:0 15px;box-sizing:border-box;margin-bottom:8px}.navigation-drawer__footer{padding:20px;border-top:1px solid var(--border-secondary);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px}.navigation-drawer__footer-links{display:flex;align-items:center;gap:8px}.navigation-drawer__footer-link{color:var(--text-secondary);opacity:.7;text-decoration:none;transition:color .2s ease,opacity .2s ease}.navigation-drawer__footer-link:hover{color:var(--accent-primary);opacity:1}.navigation-drawer__footer-sep{color:var(--text-secondary);opacity:.3}.navigation-drawer__app-version{color:var(--text-secondary);opacity:.4;font-size:11px;font-family:monospace}.navigation-drawer__copyright{color:var(--text-secondary);opacity:.35;font-size:10px;margin-top:2px;text-align:center;width:100%;box-sizing:border-box}.navigation-drawer__tabs{display:flex;flex-direction:column;padding:15px;position:relative;z-index:41}.navigation-drawer__tab{background:none;border:none;color:var(--text-primary);padding:12px 24px;text-align:left;cursor:pointer;font-size:16px;transition:background-color .3s,color .3s,opacity .3s;border-radius:8px;display:flex;align-items:center;gap:12px;text-decoration:none}.navigation-drawer__tab.secondary-tab{font-size:13.5px;padding:8px 16px;color:var(--text-secondary);opacity:.8;width:100%;box-sizing:border-box}.navigation-drawer__tab.secondary-tab .tab-label{flex-grow:1}.navigation-drawer__tab.secondary-tab .open-in-icon{width:12px;height:12px;opacity:.5;margin-left:auto;transition:opacity .2s,fill .2s}.navigation-drawer__tab.secondary-tab svg{width:16px;height:16px;opacity:.8;fill:var(--text-secondary)}.navigation-drawer__tab.secondary-tab:hover{opacity:1;color:var(--accent-primary);background-color:var(--accent-soft);border-radius:12px}.navigation-drawer__tab.secondary-tab:hover svg{fill:var(--accent-primary);opacity:1}.navigation-drawer__tab.secondary-tab:hover .open-in-icon{opacity:1;fill:var(--accent-primary)}.navigation-drawer__tab:hover{background-color:var(--accent-soft);border-radius:28px}.navigation-drawer__tab:focus{outline:none}.navigation-drawer__tab:focus-visible{background-color:var(--accent-soft);border-radius:28px;outline-offset:-3px !important}.navigation-drawer__tab.active{background-color:var(--accent-soft);color:var(--accent-primary);border-radius:28px}.navigation-drawer__tab.active svg{fill:var(--accent-primary)}[data-transition-type=tab-switch] .bottom-nav-bar{view-transition-name:bottom-nav}[data-transition-type=tab-switch] .fab-container{view-transition-name:fab}[data-transition-type=tab-switch] .floating-save-btn{view-transition-name:floating-save}[data-transition-type=tab-switch] .container{view-transition-name:main-container}[data-transition-type=tab-switch] .tab-content.active{view-transition-name:tab-content}::view-transition-group(bottom-nav),::view-transition-group(header),::view-transition-group(fab),::view-transition-group(floating-save){z-index:10}::view-transition-group(main-container){z-index:2}::view-transition-group(tab-content){z-index:3}.tab-content{display:none;width:100%}.tab-content.active{display:block}::view-transition-old(tab-content){animation:.3s ease both slide-out-to-left}::view-transition-new(tab-content){animation:.3s ease both slide-in-from-right}[data-transition-direction=forward]::view-transition-old(tab-content){animation-name:slide-out-to-left}[data-transition-direction=forward]::view-transition-new(tab-content){animation-name:slide-in-from-right}[data-transition-direction=backward]::view-transition-old(tab-content){animation-name:slide-out-to-right}[data-transition-direction=backward]::view-transition-new(tab-content){animation-name:slide-in-from-left}@supports not (view-transition-name: tab-content){[data-transition-direction=forward] .tab-content.active{animation:slide-in-from-right .3s ease forwards}[data-transition-direction=backward] .tab-content.active{animation:slide-in-from-left .3s ease forwards}}@keyframes slide-out-to-left{from{transform:translateX(0);opacity:1}to{transform:translateX(-30px);opacity:0}}@keyframes slide-in-from-right{from{transform:translateX(30px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-out-to-right{from{transform:translateX(0);opacity:1}to{transform:translateX(30px);opacity:0}}@keyframes slide-in-from-left{from{transform:translateX(-30px);opacity:0}to{transform:translateX(0);opacity:1}}.tab-button.update-pending{position:relative}.tab-button.update-pending::after{content:"";position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background-color:#f1c40f;box-shadow:0 0 4px #f1c40f;z-index:10}.nav-button.update-pending .nav-icon-wrapper{position:relative}.nav-button.update-pending .nav-icon-wrapper::after{content:"";position:absolute;top:2px;right:4px;width:8px;height:8px;border-radius:50%;background-color:#f1c40f;box-shadow:0 0 4px #f1c40f;z-index:10}.navigation-drawer__tab.update-pending span{position:relative;padding-right:12px}.navigation-drawer__tab.update-pending span::after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:#f1c40f;box-shadow:0 0 4px #f1c40f;z-index:10}#ore-income-container{margin-bottom:10px;margin-top:10px}.income-header{align-items:center;box-shadow:none;display:flex;justify-content:space-between;padding:10px 15px}.income-header h2{margin:0}.income-content{overflow-x:auto;-webkit-overflow-scrolling:touch}.income-header-controls{align-items:center;display:flex;gap:10px}.income-table{border-collapse:collapse;display:table;margin-top:10px;width:100%}.income-table .income-table-header{display:table-row}.income-table .income-table-header .income-table-cell{color:var(--accent-primary);font-weight:var(--font-weight-bold)}.income-table #home-income-table-body{display:table-row-group}.income-table .income-table-row{display:table-row}.income-table .income-table-footer{display:table-row}.income-table .income-table-footer .income-table-cell{color:var(--accent-primary);font-weight:var(--font-weight-bold)}.income-table .income-table-cell{display:table-cell;padding:10px;text-align:center;vertical-align:middle;border-bottom:1px solid var(--border-primary)}.income-table .income-table-cell .ore-image{height:24px;vertical-align:middle;width:auto}.required-resources-container{color:var(--text-secondary);margin-top:20px;text-align:center}.resources-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}.resource-item{align-items:center;display:flex;gap:5px}.resource-item img,.resource-item orecalc-assets-image{align-self:center;height:24px;width:24px}.home-profile-card{display:flex;flex-direction:column;gap:20px;margin-bottom:24px;overflow:hidden;padding:24px}@media(max-width: 600px){.home-profile-card{padding:16px;gap:16px;margin-bottom:20px}}.home-profile-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-bottom:16px;border-bottom:none}.home-profile-header.is-guest .clan-name-mini,.home-profile-header.is-guest .player-trophies-mini{display:none !important}.home-profile-header .profile-meta-left{display:flex;align-items:center;gap:16px}.home-profile-header .th-badge-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:clamp(52px,7vw,64px);height:clamp(52px,7vw,64px);flex-shrink:0}.home-profile-header .th-badge-wrapper .th-badge-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0, 0, 0, 0.25))}.home-profile-header .th-badge-wrapper .th-badge-level-overlay{position:absolute;bottom:-3px;right:-3px;background-color:var(--accent-primary);color:var(--bg-surface-primary);font-size:clamp(10px,1.3vw,12px);font-weight:800;padding:2px 6px;border-radius:6px;border:1.5px solid var(--bg-surface-secondary);box-shadow:0 2px 5px rgba(0,0,0,.35)}.home-profile-header .player-identity .player-name{margin:0;font-size:clamp(18px,2.5vw,24px);font-weight:700;color:var(--text-primary);line-height:1.2}.home-profile-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}.home-profile-header .player-identity .player-tag-guest-badge{display:inline-block;margin:4px 0 0 0;padding:2px 6px;font-size:clamp(10px,1.3vw,11px);font-weight: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}.home-profile-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)}.home-profile-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}.home-profile-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{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-profile-header .player-identity .player-clan-mini .clan-info-col .clan-role-mini{opacity:.65;font-size:clamp(10px,1.3vw,11px)}.home-profile-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{content:")"}@media(max-width: 600px){.home-profile-header .player-identity .player-clan-mini{display:grid;grid-template-columns:auto 1fr;column-gap:6px}.home-profile-header .player-identity .player-clan-mini .clan-badge-img-mini{align-self:center}.home-profile-header .player-identity .player-clan-mini .clan-info-col{flex-direction:column;align-items:flex-start;gap:1px}.home-profile-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{content:""}}.home-profile-header .profile-meta-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}.home-profile-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{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{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{font-size:clamp(12px,1.6vw,14px);font-weight:700;color:var(--text-primary)}.home-profile-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:700}.home-profile-header .profile-meta-right .player-maxed-equip-mini{display:flex;align-items:center;gap:4px;font-size:clamp(12px,1.6vw,14px);color:var(--text-secondary);opacity:.8;white-space:nowrap}.home-profile-header .profile-meta-right .player-maxed-equip-mini .maxed-equip-icon-mini{color:var(--accent-primary)}@media(max-width: 600px){.home-profile-header .profile-meta-right{align-items:flex-start;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 .player-maxed-equip-mini{display:block;white-space:normal;text-align:right;max-width:130px;flex-shrink:1;margin-left:auto}.home-profile-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{display:inline-block;vertical-align:-1px;margin-right:4px;margin-top:0}}.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: 600px){.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}.home-profile-overall-progress .overall-progress-header .overall-progress-label-wrapper{display:flex;align-items:center;gap:5px}.home-profile-overall-progress .overall-progress-header .overall-progress-label-wrapper .ore-icon-overall{width:clamp(22px,3vw,28px);height:clamp(22px,3vw,28px);object-fit:contain}.home-profile-overall-progress .overall-progress-header .overall-progress-label{font-size:clamp(11px,1.5vw,13px);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;opacity:.7}.home-profile-overall-progress .overall-progress-header .overall-progress-value{font-size:clamp(20px,2.5vw,26px);font-weight:800;color:var(--accent-primary)}.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 2s 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: 600px){.home-profile-stats-row{grid-template-columns:1fr;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(--bg-surface-secondary);text-align:center;box-sizing:border-box}@media(max-width: 600px){.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: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: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:2.5px;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(--text-disabled);opacity:.3;border-radius:inherit;pointer-events:none;transition:width .6s cubic-bezier(0.4, 0, 0.2, 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%, #fff) 100%);border-radius:2.5px;transition:width 1.8s 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:700;color:gold;letter-spacing:.4px}.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: 600px){.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}.bar-delta-overlay{position:absolute;top:0;height:100%;border-radius:2.5px;pointer-events:none;transition:width .6s cubic-bezier(0.4, 0, 0.2, 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)}.home-profile-unconnected{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px}.home-profile-unconnected .unconnected-icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--bg-surface-secondary);margin-bottom:16px;border:1.5px dashed var(--border-primary)}.home-profile-unconnected .unconnected-icon-wrapper .unconnected-icon{color:var(--text-secondary);opacity:.6}.home-profile-unconnected h3{margin:0;font-size:clamp(16px,2.2vw,20px);font-weight:700;color:var(--text-primary)}.home-profile-unconnected p{margin:8px 0 20px 0;font-size:clamp(12px,1.6vw,14px);color:var(--text-secondary);max-width:320px;line-height:1.45;opacity:.75}.home-profile-unconnected .accept-button{display:inline-flex;align-items:center;gap:8px;font-size:clamp(12px,1.6vw,14px);font-weight:600;padding:8px 16px;cursor:pointer}.results-and-calculate-container{display:flex;flex-direction:column-reverse;gap:20px}#heroes-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}#heroes-container.layout-compact{align-items:start;display:grid;gap:20px}#heroes-container.layout-compact .layout-grid-column{display:flex;flex-direction:column;gap:20px;width:100%;min-height:1px}#heroes-container.layout-compact .hero-card{height:auto;margin-bottom:0}.hero-card{background-color:var(--bg-surface-secondary);border:1px solid rgba(0,0,0,0);border-radius:10px;padding:30px;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15);transition:opacity .3s ease-in-out,background-color .3s ease-in-out,transform .25s cubic-bezier(0.2, 1, 0.2, 1),border-color .25s ease,box-shadow .25s ease;position:relative;width:100%;max-width:480px;margin:0 auto;box-sizing:border-box}.hero-card:hover:not(.dragging){transform:translateY(-2px);border-color:rgba(138,180,248,.15);box-shadow:0 8px 24px rgba(0,0,0,.2)}.hero-card.hero-hidden{display:none !important}@container (max-width: 445px){.hero-card{padding:20px}}.hero-card h3{color:var(--text-primary);margin:0}.hero-card.hero-disabled .hero-icon,.hero-card.hero-disabled .equipment-image{filter:grayscale(100%);opacity:.5}.hero-card.hero-disabled .upgrade-btn{opacity:.5}.hero-card.hero-disabled .level-display,.hero-card.hero-disabled input[type=number]{opacity:.7}.hero-card.flash-red{background-color:var(--color-danger-soft)}.hero-title{align-items:center;display:flex;margin-bottom:15px}.hero-title h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-title .hero-icon{border-radius:50%;cursor:pointer;flex-shrink:0;height:50px;margin-right:15px;width:50px;transition:transform .2s cubic-bezier(0.2, 1, 0.2, 1),filter .3s ease}.hero-title .hero-icon:hover{transform:scale(1.08)}.hero-title .hero-icon:active{transform:scale(0.95)}.hero-title .hero-icon.shake{animation:shake .2s ease-in-out 2}.equipment-item{align-items:center;display:flex;margin-bottom:10px;position:relative}.equipment-item.eq-hidden{display:none !important}.equipment-item label{flex-grow:1;flex-shrink:1;margin-left:10px;overflow:hidden;padding-right:5px;text-overflow:ellipsis;white-space:nowrap}.equipment-item input[type=number]{background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:5px;color:var(--text-secondary);flex-shrink:0;padding:5px;text-align:center;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;width:60px}.equipment-item .equipment-image{cursor:pointer;height:40px;margin-right:10px;transition:filter .3s ease-in-out,transform .2s cubic-bezier(0.2, 1, 0.2, 1);width:40px;aspect-ratio:1/1;flex-shrink:0;transform-origin:center}.equipment-item .equipment-image:hover{transform:scale(1.1)}.equipment-item .equipment-image:active{transform:scale(0.95)}.equipment-item .equipment-image.grayscale{filter:grayscale(100%)}.equipment-item .equipment-image.gold-glow{filter:drop-shadow(0 0 4px var(--color-gold-glow-shadow)) drop-shadow(0 0 8px var(--color-gold-glow-shadow))}.equipment-item .equipment-image.over-leveled-glow{filter:drop-shadow(0 0 4px var(--accent-primary-soft)) drop-shadow(0 0 8px var(--accent-primary-soft))}.common-equip{color:var(--color-rarity-common)}.epic-equip{color:var(--color-rarity-epic);text-shadow:0 0 8px rgba(186,104,200,.2);font-weight:600}.equipment-item[data-equip-type=epic]:hover .equipment-image:not(.grayscale):not(.gold-glow):not(.over-leveled-glow){filter:drop-shadow(0 0 6px rgba(186, 104, 200, 0.6))}.gold-glow{color:var(--color-gold-glow)}.calculate-container{margin-top:20px;text-align:center}.level-display-container{align-items:center;display:flex;gap:10px;margin-left:auto}.level-display{background-color:var(--bg-app);border:1px solid var(--border-primary);border-radius:5px;color:var(--text-primary);font-weight:var(--font-weight-bold);height:30px;padding:5px;text-align:center;width:60px}.level-input-container{position:relative;margin-left:auto}#eq-settings-container-card{display:flex;flex-direction:column;gap:12px}#inc-clan-war-shiny-bonus-input,#inc-cwl-shiny-bonus-input{width:60px}#inc-clan-war-glowy-bonus-input,#inc-cwl-glowy-bonus-input{width:45px}#inc-clan-war-starry-bonus-input,#inc-cwl-starry-bonus-input{width:30px}.rates-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-bottom:15px}.rates-grid .rate-column{align-items:center;display:flex;flex-direction:column}.rates-grid .rate-column label{color:var(--text-secondary);margin-bottom:5px;text-align:center;overflow-wrap:break-word}.rates-grid .rate-column input[type=number]{background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:5px;color:var(--text-secondary);padding:8px;text-align:center;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;width:80px}.rates-grid .rate-column input[type=number]:focus{outline:none}.rates-grid .rate-column input[type=number]:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.prospector-tip{font-size:.85rem;opacity:0;max-height:0;overflow:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .3s cubic-bezier(0.2, 1, 0.2, 1),max-height .3s cubic-bezier(0.2, 1, 0.2, 1),transform .3s cubic-bezier(0.2, 1, 0.2, 1),margin .3s cubic-bezier(0.2, 1, 0.2, 1),padding .3s cubic-bezier(0.2, 1, 0.2, 1);margin-top:0;padding:0 10px !important}.prospector-tip.show{opacity:1;max-height:500px;transform:translateY(0);pointer-events:auto;margin-top:15px;padding:10px !important}.prospector-tip .prospector-rec-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(175px, 1fr));gap:8px;width:100%;margin-top:2px;transition:none !important}.prospector-tip .prospector-rec-section{background:color-mix(in srgb, var(--bg-surface-secondary) 40%, transparent);padding:8px 10px;border-radius:8px;border:1px solid color-mix(in srgb, var(--border-primary) 80%, transparent);display:flex;flex-direction:column;gap:6px;transition:none !important}.prospector-tip .prospector-rec-section p{margin:0;font-size:1em;color:var(--text-primary)}.prospector-tip .prospector-rec-section[data-card-type=overall] .prospector-rec-badge{cursor:pointer;transition:opacity .2s ease}.prospector-tip .prospector-rec-section[data-card-type=overall] .prospector-rec-badge:hover{opacity:.85}.prospector-tip .prospector-rec-section[data-card-type=overall] .prospector-rec-badge .prospector-rec-icon{transition:transform .2s ease}.prospector-tip .prospector-rec-section[data-card-type=overall] .prospector-rec-badge:hover .prospector-rec-icon{transform:scale(1.15)}.prospector-tip .prospector-rec-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;border-bottom:1px solid color-mix(in srgb, var(--border-primary) 50%, transparent);padding-bottom:4px;margin-bottom:0}.prospector-tip .prospector-rec-header .prospector-rec-icon{width:20px;height:20px;flex-shrink:0;border-radius:4px;object-fit:contain;display:inline-flex;align-items:center;justify-content:center}.prospector-tip .prospector-rec-badge{font-weight:600;font-size:.95em;color:var(--accent-primary);display:flex;align-items:center;gap:4px}.prospector-tip .prospector-rec-badge-group{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.prospector-tip .prospector-upgrade-subtitle{display:inline-flex;align-items:center;gap:6px}.prospector-tip .prospector-upgrade-subtitle .prospector-upgrade-icon{width:20px;height:20px;border-radius:4px;object-fit:contain;display:inline-flex}.prospector-tip .prospector-upgrade-subtitle .upgrade-levels{font-size:.88em;color:inherit;opacity:.9;font-weight:600}.prospector-tip .prospector-rec-time{font-size:.88em;color:var(--text-secondary);font-weight:500}.prospector-tip .prospector-rec-time span{font-weight:bold;color:var(--text-primary)}.prospector-tip .prospector-rec-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.prospector-tip .prospector-rec-item{display:flex;align-items:center;gap:8px;font-size:.88em;color:var(--text-secondary);flex-wrap:wrap}.prospector-tip .prospector-rec-item .day-count{font-weight:bold;color:var(--text-primary);background:color-mix(in srgb, var(--accent-primary-soft) 60%, transparent);padding:1.5px 5px;border-radius:4px;min-width:40px;text-align:center;font-size:.85em}.prospector-tip .prospector-rec-item .conversion-flow{display:flex;align-items:center;gap:4px}.prospector-tip .prospector-rec-item .conversion-flow span{font-weight:600;color:var(--text-primary);display:inline-flex;align-items:center;gap:4px}.prospector-tip .prospector-rec-item .conversion-flow span orecalc-assets-image{width:16px;height:16px;display:inline-flex;vertical-align:middle}.prospector-tip .prospector-rec-empty{font-size:.88em;color:var(--text-muted);display:flex;align-items:center;gap:4px;padding:2px 0}.prospector-tip .prospector-rec-empty .prospector-priority-link{all:unset;display:inline;color:var(--color-primary, #bb86fc);font-weight:600;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;transition:color .15s,text-decoration-style .15s}.prospector-tip .prospector-rec-empty .prospector-priority-link:hover,.prospector-tip .prospector-rec-empty .prospector-priority-link:focus-visible{color:var(--color-primary-light, #e0b4ff);text-decoration-style:solid}.supercell-events-container{padding:0 20px;margin-bottom:20px}.income-card--responsive .supercell-events-container{padding:0 !important}.supercell-events-container .supercell-events-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);color:var(--text-secondary)}.supercell-events-container .supercell-events-table th,.supercell-events-container .supercell-events-table td{padding:10px;text-align:left;border-bottom:1px solid var(--border-primary)}.supercell-events-container .supercell-events-table th{color:var(--accent-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.supercell-events-container .supercell-events-table tr:last-child td{border-bottom:none}.supercell-events-container .supercell-events-table td:last-child{text-align:right}.supercell-events-container .supercell-events-table th:last-child{text-align:right}.supercell-events-container .supercell-events-table tr.dimmed{opacity:.4;filter:grayscale(1)}.supercell-events-container .supercell-events-table tr.highlighted{font-weight:var(--font-weight-bold)}.supercell-events-container .supercell-events-table tr.highlighted td{background-color:var(--accent-primary-soft);color:var(--text-primary);border-bottom:none}.supercell-events-container .supercell-events-table tr.highlighted td:first-child{border-radius:8px 0 0 8px}.supercell-events-container .supercell-events-table tr.highlighted td:last-child{border-radius:0 8px 8px 0}.supercell-events-container .supercell-events-table tr.highlighted.golden td{background-color:var(--color-gold-soft);color:var(--color-gold)}.supercell-events-container .supercell-events-table .world-finals-wrapper{position:relative;display:inline-block}.supercell-events-container .supercell-events-table .world-finals-crown{position:absolute;width:24px;height:18px;top:-10px;left:-6px;transform:rotate(-15deg);filter:drop-shadow(0 0 2px var(--color-gold));pointer-events:none}.supercell-events-container .supercell-events-table .watch-live-btn{background-color:var(--color-event-red);color:#fff !important;padding:4px 8px;border-radius:12px;font-size:.7rem;text-decoration:none !important;font-weight:var(--font-weight-bold);display:inline-block;margin-left:10px;text-transform:uppercase;transition:background-color .2s}.supercell-events-container .supercell-events-table .watch-live-btn:hover{background-color:var(--color-event-red-hover)}.supercell-events-container .supercell-events-table .countdown-text{color:var(--accent-primary);margin-right:5px}.income-card--responsive .supercell-events-container .supercell-events-table .countdown-text{display:none}.supercell-events-container .notice{margin-top:10px;padding:0;font-style:italic}.timeframe-income{margin-top:auto;padding-top:15px;border-top:1px solid var(--border-primary)}.daily-text{color:var(--text-muted);font-size:var(--font-size-sm);margin-bottom:5px;text-align:center}.timeframe-income-grid{align-items:center;display:grid;gap:5px 10px;grid-template-columns:auto 1fr}.grid-row{display:contents}.grid-label{color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:normal;text-align:right}.grid-ores{align-items:center;display:flex;gap:15px}.grid-ores span{display:inline-block;text-align:right}.grid-ores .ore-image{height:18px;width:auto}.offer-grid{align-items:center;display:grid;gap:10px;grid-template-columns:auto 2fr 1fr 1fr;margin-top:15px;padding:0 20px}.offer-grid:empty{display:none !important}.offer-grid#raid-medal-trader-offers{grid-template-columns:auto 2fr 1fr 1fr}.offer-grid#inc-gem-trader-offers{grid-template-columns:auto 2fr repeat(5, 1fr)}.offer-grid#inc-event-trader-offers{grid-template-columns:auto 1fr 1fr}.offer-grid#inc-shop-offers-checkboxes{margin-top:0px}.offer-grid .offer-grid-row{display:contents}.offer-grid .offer-ore-display{align-items:center;display:flex;flex-wrap:nowrap;gap:5px;justify-content:flex-end;padding-right:10px}.offer-grid .offer-ore-display .ore-image{height:18px;width:auto}.offer-grid .offer-ore-display span{font-size:var(--font-size-md)}.offer-grid .offer-checkbox-instance,.offer-grid .offer-input-instance{align-items:center;display:flex;gap:5px;justify-content:center;position:relative}.offer-grid .offer-checkbox-instance input[type=checkbox],.offer-grid .offer-input-instance input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid var(--border-primary);border-radius:4px;cursor:pointer;height:20px;outline:none;position:relative;top:2px;transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);width:20px}.offer-grid .offer-checkbox-instance input[type=checkbox]:checked,.offer-grid .offer-input-instance input[type=checkbox]:checked{background-color:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.1)}.offer-grid .offer-checkbox-instance input[type=checkbox]:checked::after,.offer-grid .offer-input-instance input[type=checkbox]:checked::after{content:"✓";color:var(--text-on-accent);display:block;font-size:var(--font-size-sm);line-height:18px;text-align:center;animation:checkmark-pop .3s cubic-bezier(0.68, -0.55, 0.265, 1.55) both}.offer-grid .offer-checkbox-instance input[type=checkbox]:focus,.offer-grid .offer-input-instance input[type=checkbox]:focus{outline:none}.offer-grid .offer-checkbox-instance input[type=checkbox]:focus-visible,.offer-grid .offer-input-instance input[type=checkbox]:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft)}.offer-grid .offer-checkbox-instance input[type=checkbox]:active,.offer-grid .offer-input-instance input[type=checkbox]:active{transform:scale(0.9)}.offer-grid .offer-checkbox-instance label,.offer-grid .offer-input-instance label{color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);margin-left:8px}.offer-grid .offer-dropdown-instance{display:none}.offer-grid .offer-cost-display{align-items:center;display:flex;flex-wrap:nowrap;gap:5px}.offer-grid .offer-cost-display picture.gem-icon,.offer-grid .offer-cost-display picture.event-medal-icon{padding:5px}.offer-grid .offer-cost-display picture.gem-icon{transform:scale(0.9)}.offer-grid .offer-cost-display img.gem-icon,.offer-grid .offer-cost-display img.event-medal-icon{padding:0;transform:none}.summary-grid{align-items:center;display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:0 20px}.summary-grid .summary-item-container{align-items:center;display:flex;gap:5px}.summary-grid .summary-item-container:first-child{justify-content:flex-start}.summary-grid .summary-item-container:last-child{justify-content:flex-end}.summary-grid .summary-item-container .summary-label{flex:0 0 50%;text-align:center;white-space:nowrap}.summary-grid .summary-item-container .summary-value-with-image{flex:0 0 50%;align-items:center;display:flex;gap:5px;justify-content:center}.summary-grid .summary-item-container .summary-value-with-image .ore-image{height:24px;width:auto}.summary-grid .summary-item-container .summary-value-with-image picture.raid-medal-image{transform:scale(1.25)}.summary-grid .summary-item-container .summary-value-with-image img.raid-medal-image{transform:none}#inc-raid-medals-total-input{width:60px}.four-col-grid{display:grid;gap:10px;grid-template-columns:repeat(4, minmax(min-content, 1fr));margin-bottom:10px;min-width:0}.four-col-grid .grid-row{display:contents}.four-col-grid .grid-row>div{text-align:right}.grid-value-display{align-items:center;display:flex;gap:5px;justify-content:flex-end;transition:transform .2s cubic-bezier(0.2, 1, 0.2, 1)}.grid-value-display:hover{transform:scale(1.08)}.grid-value-display .ore-image{height:18px;margin-left:2.5px;width:auto}.income-cards-grid{align-items:stretch;display:grid;gap:20px;grid-template-columns:1fr 1fr}.income-cards-grid.layout-compact,.settings-cards-grid.layout-compact{align-items:start;display:grid;grid-template-columns:1fr 1fr;gap:20px}.income-cards-grid.layout-compact .layout-grid-column,.settings-cards-grid.layout-compact .layout-grid-column{display:flex;flex-direction:column;gap:20px;width:100%;min-height:1px}.income-cards-grid.layout-compact .card-container,.settings-cards-grid.layout-compact .card-container{height:auto;width:100%}.income-cards-grid.layout-compact .card-container .income-card,.income-cards-grid.layout-compact .card-container .settings-card,.settings-cards-grid.layout-compact .card-container .income-card,.settings-cards-grid.layout-compact .card-container .settings-card{height:auto;width:100%;margin-bottom:0}.negative-medals,.event-trader-error-message{color:var(--color-danger)}.event-trader-error-message{font-weight:var(--font-weight-bold);margin-top:10px;opacity:0;text-align:center;transition:opacity .3s ease-in-out}.event-trader-error-message.show{opacity:1}.error-border-trader{border-color:var(--color-danger) !important}@container (max-width: 445px){.income-card{--font-size-em-lg: 1.1em;--font-size-em-md: 0.9em;--font-size-lg: 16px;--font-size-md: 14px;--font-size-sm: 12px;--font-size-xl: 20px;--font-size-xs: 11px}.income-card #inc-gem-trader-offers{grid-template-columns:auto 2fr repeat(2, 1fr)}.income-card>.offer-grid:not(:first-child):not(:last-child){padding:20px 0}.income-card .inner-card{padding:10px}.income-card .currency-symbol{margin-left:0}.income-card .input-group-flex{flex-wrap:wrap;justify-content:center !important;row-gap:10px}.income-card .input-group-flex:has(.switch){flex-wrap:nowrap;justify-content:space-between !important}.income-card .input-group-flex:has(.switch) label:not(.switch){width:auto !important;text-align:left !important}.income-card .input-group-flex label,.income-card .input-group-flex span:not(.slider):not(.currency-symbol):not(.calculated){margin-right:5px !important;white-space:normal;width:100% !important}.income-card .input-group-flex label.switch,.income-card .input-group-flex span:not(.slider):not(.currency-symbol):not(.calculated).switch{width:52px !important;margin-right:0 !important;flex-shrink:0}.income-card .input-group-flex label[for=inc-star-bonus-league-select],.income-card .input-group-flex label[for=inc-shop-offers-select],.income-card .input-group-flex #cwl-per-attack-label,.income-card .input-group-flex #clan-war-per-attack-label{text-align:center !important}.income-card .input-group-flex>select,.income-card .input-group-flex>input[type=number]{text-align:center !important;width:100% !important}.income-card .ores-inputs-container{flex-wrap:wrap;justify-content:center !important;padding-left:5px;row-gap:10px}.income-card input[type=number].offer-input-number{width:50px}.income-card #inc-raid-medals-total-input{width:60px !important}.income-card #inc-raid-medals-remaining{padding-left:10px;padding-right:10px}.income-card .offer-grid{justify-content:center;padding-left:0;padding-right:0}.income-card .offer-grid-row{display:contents}.income-card .offer-grid-row .offer-dropdown-instance{grid-column:3/-1}.income-card .offer-grid-row>:nth-child(n+5){display:none}.income-card .rates-grid{display:flex;flex-direction:column;gap:10px;padding:0 !important}.income-card .rate-column{flex-direction:row;justify-content:space-between;width:100%}.income-card .rate-column label{text-align:left;width:calc(100% - 100px)}.income-card .four-col-grid{display:flex;flex-direction:row;justify-content:space-between}.income-card .four-col-grid .grid-row{display:flex;flex-direction:column;gap:5px}.income-card .four-col-grid .grid-row:nth-child(odd){align-items:flex-start}.income-card .four-col-grid .grid-row:nth-child(odd) .grid-value-display{flex-direction:row-reverse}.income-card .four-col-grid .grid-row:nth-child(odd) .grid-value-display .ore-image{margin-left:0}.income-card .four-col-grid .grid-row:nth-child(even){align-items:flex-end}.income-card .four-col-grid .grid-row:nth-child(even) .grid-value-display{justify-content:flex-end}.income-card .four-col-grid .grid-label{font-weight:normal;text-align:left}.income-card .four-col-grid .grid-value-display{justify-content:flex-start}.income-card .offer-dropdown-instance{display:grid;justify-self:center;max-width:100px;width:100%}.income-card .offer-grid-row:has(.offer-dropdown-instance) .offer-checkbox-instance{display:none}.income-card .offer-input-dropdown{text-align:center}.income-card .summary-grid{gap:15px;grid-template-columns:1fr}.income-card .summary-grid .summary-item-container{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between}.income-card .summary-grid .summary-item-container .summary-label{text-align:right}.income-card .summary-grid .summary-item-container .summary-value-with-image{justify-content:flex-start}.income-card .supercell-events-container{padding:0 !important}.income-card .supercell-events-container .supercell-events-table .countdown-text{display:none}.income-card:has(#inc-shop-offers-checkboxes) .timeframe-income:has(>.four-col-grid){align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between}}.prospector-grid-wrapper{position:relative}.prospector-grid-wrapper.is-assisted .prospector-grid{filter:blur(2px);pointer-events:none;user-select:none;opacity:.5}.prospector-assisted-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--bg-surface-primary) 60%, transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:8px;border:1px dashed color-mix(in srgb, var(--accent-primary) 50%, transparent);padding:8px 12px;z-index:1}.prospector-assisted-overlay span{font-size:.82rem;font-weight:600;color:var(--accent-primary);text-align:center}.prospector-grid{display:flex;flex-direction:column;gap:.5rem;padding:0 !important}.prospector-labels{display:flex;justify-content:space-between;padding:0 5px}.prospector-controls{display:grid;grid-template-columns:auto 1fr 2fr 1fr auto;gap:1rem;align-items:center;margin-bottom:10px}.prospector-controls .popover-wrapper{width:100%}.prospector-controls input[type=number]{background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:5px;color:var(--text-secondary);padding:8px;text-align:center;width:100%;min-width:50px;box-sizing:border-box;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.prospector-controls input[type=number]:focus{outline:none}.prospector-controls input[type=number]:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.prospector-controls input[type=range]{-webkit-appearance:none;appearance:none;width:100%;min-width:120px;background:rgba(0,0,0,0);cursor:pointer}.prospector-controls input[type=range]:focus{outline:none}.prospector-controls input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--accent-primary),0 0 0 5px var(--accent-primary-soft)}.prospector-controls input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--accent-primary),0 0 0 5px var(--accent-primary-soft)}.prospector-controls input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--material-track-inactive);border-radius:2px}.prospector-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent-primary);border-radius:50%;margin-top:-7px;transition:transform .2s ease-in-out}.prospector-controls input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1)}.prospector-controls input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}.prospector-controls input[type=range]::-moz-range-track{width:100%;height:4px;background:var(--material-track-inactive);border-radius:2px;border:none}.prospector-controls input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--accent-primary);border-radius:50%;border:none;transition:transform .2s ease-in-out}.prospector-controls input[type=range]:hover::-moz-range-thumb{transform:scale(1.1)}.prospector-controls input[type=range]:active::-moz-range-thumb{transform:scale(1.2)}@media(min-width: 780px)and (max-width: 1199px),(min-width: 426px)and (max-width: 599px){.prospector-controls{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;grid-template-areas:"from-dd  .      to-dd" "from-in  slider to-in";gap:.5rem 1rem}.prospector-controls .custom-dropdown:first-of-type{grid-area:from-dd;justify-self:start}.prospector-controls .custom-dropdown:last-of-type{grid-area:to-dd;justify-self:end}.prospector-controls .popover-wrapper{grid-area:from-in}.prospector-controls input[type=range]{grid-area:slider}.prospector-controls input[type=number]:last-of-type{grid-area:to-in}.prospector-controls input[type=range],.prospector-controls input[type=number]{order:unset;width:100%;flex-grow:unset}.prospector-controls .custom-dropdown{width:calc(100% - 10px)}.prospector-controls .custom-dropdown .dropdown-options{width:calc(100% + 2px)}}@media(max-width: 425px){.prospector-controls{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"from-dd to-dd" "from-in to-in" "slider  slider";gap:.5rem}.prospector-controls .custom-dropdown:first-of-type{grid-area:from-dd;justify-self:start}.prospector-controls .custom-dropdown:last-of-type{grid-area:to-dd;justify-self:end}.prospector-controls .popover-wrapper{grid-area:from-in}.prospector-controls input[type=number]:last-of-type{grid-area:to-in}.prospector-controls input[type=range]{grid-area:slider;padding:10px 5px;box-sizing:border-box}.prospector-controls .custom-dropdown{width:calc(100% - 20px)}.prospector-controls .custom-dropdown .dropdown-options{width:calc(100% + 2px)}.prospector-controls input[type=number],.prospector-controls input[type=range]{width:100%;justify-self:stretch}#inc-prospector-tip-container{margin-top:0}}.planner-cards-grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);align-items:flex-start;gap:20px}.planner-card .card-drag-handle,#priority-list-card .card-drag-handle,.full-width-planner-section .card-drag-handle{display:none !important}.planner-card{box-shadow:var(--card-shadow)}.full-width-planner-section{box-shadow:var(--card-shadow);grid-column:1/-1}.planner-hero-carousel{display:flex;flex-direction:column;align-items:center;padding:10px;position:relative;min-height:300px}.carousel-content{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100%;gap:20px;padding-bottom:10px}.carousel-content::-webkit-scrollbar{display:none}.carousel-content{-ms-overflow-style:none;scrollbar-width:none}.hero-page{flex:0 0 auto;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;padding:10px;box-sizing:border-box;font-size:14px}.hero-page .hero-header-section{background-color:var(--bg-surface-tertiary);border-radius:8px;padding:8px 12px;margin-bottom:10px;width:100%;display:flex;justify-content:space-between;align-items:center}.hero-page .hero-info-and-name{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.hero-page .hero-name-text{font-weight:var(--font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.1em;color:var(--text-primary)}.hero-page .hero-icon-planner{width:30px;height:30px;border-radius:50%;object-fit:cover}.hero-page .equipment-list{width:100%;display:flex;flex-direction:column;gap:5px}.planner-page-dots{display:flex;justify-content:center;margin:7.5px auto;gap:8px}.dot{width:10px;height:10px;background-color:var(--border-primary);border-radius:50%;cursor:pointer;transition:background-color .3s ease}.dot.active{background-color:var(--accent-primary)}.dot:hover{background-color:var(--text-secondary)}.equipment-item-planner{display:flex;align-items:center;justify-content:space-between;width:100%;padding:2px 0}.equipment-item-planner .equipment-info{display:flex;align-items:center}.equipment-item-planner .equipment-info orecalc-assets-image,.equipment-item-planner .equipment-info picture,.equipment-item-planner .equipment-info img{width:25px;height:25px;margin-right:8px;object-fit:contain;display:inline-block}.equipment-item-planner .equipment-info img.gold-glow{filter:drop-shadow(0 0 4px var(--color-gold-glow-shadow)) drop-shadow(0 0 8px var(--color-gold-glow-shadow))}.equipment-item-planner .equipment-info img.over-leveled-glow{filter:drop-shadow(0 0 4px var(--accent-primary-soft)) drop-shadow(0 0 8px var(--accent-primary-soft))}.equipment-item-planner .equipment-info img.grayscale{filter:grayscale(100%)}.equipment-item-planner .equipment-info span.gold-glow{color:var(--color-gold-glow) !important}.equipment-item-planner .equipment-info span.common-equip{color:var(--color-rarity-common)}.equipment-item-planner .equipment-info span.epic-equip{color:var(--color-rarity-epic)}#planner-tab .full-width-card{grid-column:1/-1}.calendar-action-buttons{display:flex;gap:10px}.calendar-action-buttons .planner-action-button{height:40px;width:40px;padding:0}.calendar-action-buttons .planner-action-button svg{width:26px;height:26px}@media(max-width: 425px){.full-width-planner-section,.card .inner-card{padding:10px}.planner-action-button{height:36px;width:36px}.planner-action-button svg{width:22px;height:22px}}.level-settings-container{display:flex;gap:20px}.max-level-card-header{display:flex;justify-content:space-between;align-items:center;width:100%}@media(max-width: 779px){.max-level-card-header{flex-direction:column;align-items:center;gap:10px}.level-settings-container{display:flex;flex-direction:column;width:100%;gap:10px}}.priority-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.edit-priority-list-btn{align-items:center;background-color:var(--accent-primary-soft);border:1px solid var(--border-primary);border-radius:12px;color:var(--accent-primary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:background-color .2s ease-in-out,border-color .2s,transform .1s;width:36px}.edit-priority-list-btn svg{fill:currentColor;width:24px;height:24px}.edit-priority-list-btn:hover{background-color:var(--accent-primary-soft);border-color:var(--accent-primary);transform:scale(1.05)}.edit-priority-list-btn:active{transform:scale(0.95)}.priority-list-card{display:flex;flex-direction:column;padding:10px;text-align:center;overflow:hidden}.priority-list-content{flex-grow:1;overflow-y:auto;padding-right:5px}.priority-list-content::-webkit-scrollbar{width:8px}.priority-list-content::-webkit-scrollbar-thumb{background-color:var(--border-primary);border-radius:4px}.priority-list-item{display:flex;align-items:center;padding:8px 12px;margin-bottom:8px;background-color:var(--bg-surface-primary);border-radius:8px}.priority-list-item .equipment-info{display:flex;align-items:center;gap:12px}.priority-list-item .equipment-info .equipment-image-container{position:relative;width:40px;height:40px}.priority-list-item .equipment-info .equipment-image-container .equipment-image{width:100%;height:100%;object-fit:contain;transition:filter .3s ease-in-out}.priority-list-item .equipment-info .equipment-image-container .equipment-image.custom-max-glow{filter:drop-shadow(0 0 4px var(--accent-primary-soft)) drop-shadow(0 0 8px var(--accent-primary-soft))}.priority-list-item .equipment-info .equipment-image-container .equipment-level-box{position:absolute;bottom:-5px;right:-5px;background-color:var(--bg-surface-tertiary);color:var(--text-primary);padding:1px 4px;font-size:10px;border-radius:4px;z-index:1;font-weight:var(--font-weight-bold)}.priority-list-item .equipment-info .item-text-content{display:flex;flex-direction:column}.priority-list-item .equipment-info span{font-size:.9em;color:var(--text-primary)}.priority-list-item .equipment-info .priority-item-date{font-size:.8em;color:var(--text-secondary);white-space:nowrap}.priority-list-item .equipment-info .priority-item-date.error{color:var(--color-danger);font-weight:var(--font-weight-bold)}.priority-error-truncated-separator{width:100%;height:1px;background-color:var(--color-danger);opacity:.5;margin:1rem 0}.priority-error-truncated-msg{color:var(--color-danger);font-size:.85rem;font-weight:500;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 1rem}.priority-error-truncated-msg svg{flex-shrink:0}.drag-handle{cursor:grab;color:var(--text-muted)}.priority-separator-line{width:100%;height:2px;background-color:var(--accent-primary);margin:10px 0}.favorite-separator{width:100%;height:2px;background-color:var(--accent-primary);margin:10px 0}.calendar-planner-title{text-align:center}@media(max-width: 425px){.calendar-planner-title{font-size:1.2em}}.priority-list-table-header,.priority-list-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background-color:var(--bg-surface-secondary);border-radius:8px;gap:10px;padding:10px;margin-bottom:10px}.priority-list-table-row{background-color:var(--bg-surface-primary)}.priority-list-table-header{font-weight:var(--font-weight-bold);color:var(--text-secondary)}.equipment-cell{display:flex;align-items:center;gap:10px}.equipment-cell img{width:36px;height:36px;cursor:pointer;transition:filter .3s ease-in-out}.equipment-cell img.grayscale{filter:grayscale(100%)}.equipment-cell img.gold-glow{filter:drop-shadow(0 0 4px var(--color-gold-glow)) drop-shadow(0 0 8px var(--color-gold-glow-shadow))}.equipment-cell img.over-leveled-glow{filter:drop-shadow(0 0 4px var(--accent-primary-soft)) drop-shadow(0 0 8px var(--accent-primary-soft))}.priority-list-table-cell input[type=number]{width:60px;padding:5px;background-color:var(--bg-surface-primary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:5px;text-align:center}.priority-list-table-cell input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid var(--border-primary);border-radius:4px;cursor:pointer;height:20px;outline:none;position:relative;top:2px;transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);width:20px}.priority-list-table-cell input[type=checkbox]:checked{background-color:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.1)}.priority-list-table-cell input[type=checkbox]:checked::after{content:"✓";color:var(--text-on-accent);display:block;font-size:var(--font-size-sm);line-height:18px;text-align:center;animation:checkmark-pop .3s cubic-bezier(0.68, -0.55, 0.265, 1.55) both}.priority-list-table-cell input[type=checkbox]:focus{outline:none}.priority-list-table-cell input[type=checkbox]:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft)}.priority-list-table-cell input[type=checkbox]:active{transform:scale(0.9)}.user-id-display-group{display:flex;align-items:center;gap:10px}.user-id-display-group #user-id-display{background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:5px;color:var(--text-primary);padding:8px 12px;font-family:"Roboto Mono",monospace;font-size:var(--font-size-md);word-break:break-all;width:fit-content}.id-child-fields{background-color:var(--bg-surface-primary);border:1px solid var(--border-primary);border-radius:5px;color:var(--text-primary);padding:8px;font-size:var(--font-size-md);text-align:right;margin-top:10px;box-sizing:border-box}.id-child-fields:focus{outline:none}.id-child-fields:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none}.settings-cards-grid{align-items:stretch;display:grid;gap:20px;grid-template-columns:1fr 1fr}.settings-list{display:flex;flex-direction:column;gap:15px}.settings-item{align-items:center;display:flex;justify-content:space-between;position:relative;gap:10px}.settings-item .animated-btn{flex-shrink:0}.settings-item:hover .animated-btn:not(:disabled):not(.saving):not(.success):not(.error) .animated-btn-text{opacity:0;transform:translateY(100%)}.settings-item:hover .animated-btn:not(:disabled):not(.saving):not(.success):not(.error) .animated-btn-icon-wrapper{transform:translateY(0)}.settings-item-label-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1;min-width:0}.settings-item-label-wrapper label,.settings-item-label-wrapper .settings-item-label{flex:0 1 auto;min-width:0;overflow-wrap:break-word;cursor:pointer}[data-tooltip]{position:relative;cursor:pointer}.badge,.new-badge,.beta-badge,.coming-soon-badge{font-size:.7em;padding:3px 8px;border-radius:8px;text-transform:uppercase;font-weight:var(--font-weight-bold);letter-spacing:.8px;display:inline-block;border:1px solid rgba(0,0,0,0);flex-shrink:0}.coming-soon-badge{background-color:var(--bg-surface-secondary);color:var(--text-secondary);border-color:var(--border-secondary)}@keyframes badge-pulse{0%{box-shadow:0 0 0 0 rgba(138,180,248,.4)}70%{box-shadow:0 0 0 6px rgba(138,180,248,0)}100%{box-shadow:0 0 0 0 rgba(138,180,248,0)}}@keyframes badge-pulse-success{0%{box-shadow:0 0 0 0 rgba(129,199,132,.4)}70%{box-shadow:0 0 0 6px rgba(129,199,132,0)}100%{box-shadow:0 0 0 0 rgba(129,199,132,0)}}.beta-badge{background-color:var(--accent-primary-soft);color:var(--accent-primary);border-color:rgba(var(--accent-primary), 0.2);animation:badge-pulse 2s infinite}.new-badge{background-color:var(--color-success-soft);color:var(--color-success);border-color:var(--color-success-soft);animation:badge-pulse-success 2s infinite}.label-with-badge{position:relative;display:inline-block}.centered-text{text-align:center}.inline-block{display:inline-block}.margin-top-1rem{margin-top:1rem}.qr-success-msg{color:var(--color-success);font-weight:500;margin-bottom:10px}.qr-user-id{display:inline-block;text-align:center;margin-top:0;padding:10px 15px;width:auto;user-select:all;cursor:pointer}.flex-column-gap-15{display:flex;flex-direction:column;gap:15px}.settings-divider{border:none;border-top:1px solid var(--border-primary);margin:5px 0}.flex-center-gap-8{display:flex;align-items:center;gap:8px}.flex-column-gap-10{display:flex;flex-direction:column;gap:10px}.full-width{width:100%}.push-top-5{margin-top:5px}.margin-bottom-20{margin-bottom:20px}.hidden{display:none}.fill-dark{fill:currentColor}.fill-current{fill:currentColor}.version-display-text{color:var(--text-secondary);font-size:.85em;margin-left:5px}.data-erasure-content{display:flex;flex-direction:column;gap:10px}.data-erasure-title{margin:0;font-size:1.1em;color:var(--color-danger)}.data-erasure-description{margin:0;font-size:.9em;color:var(--text-secondary)}.settings-data-erasure{margin-top:10px !important;border:none}.global-pricing-grid-container{border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;margin-top:10px}.global-pricing-grid-header{display:grid;grid-template-columns:1fr 1fr;background-color:var(--bg-surface-primary);padding:10px 15px;font-weight:var(--font-weight-bold);border-bottom:1px solid var(--border-primary);text-align:center}.global-pricing-grid-body{max-height:300px;overflow-y:auto}.global-pricing-row{display:grid;grid-template-columns:1fr 1fr;padding:12px 15px;align-items:center;border-bottom:1px solid var(--border-primary)}.global-pricing-row:last-child{border-bottom:none}.global-pricing-row span{font-family:"Roboto Mono",monospace;font-size:.95rem;color:var(--text-primary);text-align:right;padding-right:15px}.global-pricing-row input{width:100%;background-color:var(--bg-app);border:1px solid var(--border-primary);color:var(--text-primary);padding:8px 12px;border-radius:8px;text-align:right;font-family:"Roboto Mono",monospace;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.global-pricing-row input::placeholder{color:var(--text-secondary);opacity:.5}.global-pricing-row input:focus{outline:none}.global-pricing-row input:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);outline:none;background-color:var(--bg-surface-primary)}.global-pricing-row input::-webkit-outer-spin-button,.global-pricing-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.global-pricing-row input{appearance:textfield;-moz-appearance:textfield}.accent-color-picker{display:flex;gap:8px;align-items:center}@media(max-width: 599px){.accent-color-picker{display:none}}.mobile-only{display:none}@media(max-width: 599px){.mobile-only{display:flex}}.accent-swatch,.mobile-accent-swatch{width:24px;height:24px;border-radius:50%;border:none;cursor:pointer;padding:0;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px var(--bg-overlay, rgba(0, 0, 0, 0.3))}.accent-swatch:hover,.mobile-accent-swatch:hover{transform:scale(1.1)}.accent-swatch:active,.mobile-accent-swatch:active{transform:scale(0.95);filter:brightness(0.8)}@keyframes swatch-select-pop{0%{transform:scale(1)}50%{transform:scale(1.35)}100%{transform:scale(1.2)}}.accent-swatch.active,.active.mobile-accent-swatch{animation:swatch-select-pop .35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;box-shadow:0 0 0 2px var(--border-inverse),0 0 0 4px var(--border-primary)}.accent-swatch[data-color=blue],[data-color=blue].mobile-accent-swatch{background-color:#8ab4f8}.accent-swatch[data-color=gold],[data-color=gold].mobile-accent-swatch{background-color:#fdd663}.accent-swatch[data-color=purple],[data-color=purple].mobile-accent-swatch{background-color:#ba68c8}.accent-swatch[data-color=green],[data-color=green].mobile-accent-swatch{background-color:#81c995}.accent-swatch[data-color=red],[data-color=red].mobile-accent-swatch{background-color:#f6948e}.accent-swatch[data-color=random],[data-color=random].mobile-accent-swatch{background:conic-gradient(from 0deg, #669df6, #ba68c8, #f6948e, #fdd663, #81c995, #669df6)}.random-swatch-wrapper{display:inline-flex;align-items:center;position:relative;vertical-align:middle}.random-swatch-wrapper .accent-swatch,.random-swatch-wrapper .mobile-accent-swatch{position:relative;z-index:2;flex-shrink:0}.random-swatch-wrapper .accent-swatch:hover~.random-label,.random-swatch-wrapper .mobile-accent-swatch:hover~.random-label{padding-left:22px}.random-swatch-wrapper .accent-swatch.active~.random-label,.random-swatch-wrapper .active.mobile-accent-swatch~.random-label{padding-left:26px}.random-swatch-wrapper .random-label{font-size:10.5px;font-weight:600;color:var(--text-secondary);background:color-mix(in srgb, var(--bg-surface-primary) 80%, var(--text-primary) 10%);border:1px solid var(--border-primary);border-radius:12px;padding:3px 8px 3px 18px;margin-left:-12px;z-index:1;flex-shrink:0;white-space:nowrap;transition:padding-left .2s cubic-bezier(0.4, 0, 0.2, 1)}.accent-picker-modal-content{max-width:320px}.mobile-accent-grid{display:flex;justify-content:center;gap:15px;padding:20px;flex-wrap:wrap}.mobile-accent-swatch{width:32px;height:32px}.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: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}.data-erasure-modal-content{max-width:400px}.data-erasure-info-text{text-align:center}.data-erasure-explanations{padding:0 24px 10px;font-size:.85rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px}.data-erasure-explanations .data-erasure-explanation-item{line-height:1.45}.data-erasure-explanations .data-erasure-explanation-item strong{color:var(--color-danger);display:inline}.data-erasure-options{display:flex;flex-direction:column;gap:15px;padding:20px 24px}.btn-extreme-danger{border-color:var(--color-danger)}.segmented-control{display:flex;background-color:var(--bg-surface-tertiary);border-radius:8px;padding:2px;border:1px solid var(--border-primary)}.segmented-control .segmented-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border:none;background:rgba(0,0,0,0);color:var(--text-secondary);font-size:.8em;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.segmented-control .segmented-btn orecalc-assets-svg{width:14px;height:14px}.segmented-control .segmented-btn:hover{color:var(--text-primary)}.segmented-control .segmented-btn.active{background-color:var(--bg-surface-primary);color:var(--accent-primary);box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15)}.layout-segmented-control{display:flex}@media(max-width: 599px){.layout-segmented-control{display:none}}.mobile-only-switch{display:none}@media(max-width: 599px){.mobile-only-switch{display:block}}@media(max-width: 779px){.layout-settings-item{display:none !important}}@container (max-width: 445px){.settings-card .animated-btn:not(.btn-danger-action){min-width:60px}.settings-card .animated-btn:not(.btn-danger-action) .animated-btn-text{display:none}.settings-card .animated-btn:not(.btn-danger-action) .animated-btn-icon-wrapper{transform:translateY(0);transition:none}}@media(max-width: 779px){:root{--font-size-em-lg: 1.1em;--font-size-em-md: 0.9em;--font-size-lg: 16px;--font-size-md: 14px;--font-size-sm: 12px;--font-size-xl: 20px;--font-size-xs: 11px}.bottom-nav-bar{opacity:1;transform:translateY(0);pointer-events:auto}.fab-container{opacity:1;pointer-events:auto;transform:scale(1);bottom:90px;right:30px}#floating-save-btn{opacity:0;pointer-events:none;transform:scale(0.5);bottom:90px;right:30px}#home-total-income-header{font-size:var(--font-size-em-md);justify-content:flex-start}#home-total-income-header .ore-text{padding:0 2px;width:60px}#income-tab .income-cards-grid{grid-template-columns:1fr}.income-summary-title{display:block;margin-bottom:10px}.income-header{padding:0}.main-content{align-items:stretch;width:100%}.left-panel{width:100%;max-width:100%;box-sizing:border-box}.card .ore-value,.card .ore-time,.card .ore-date{font-size:var(--font-size-xs)}.player-tag-controls-container{margin-left:0}.player-tag-controls-container .player-tag-input{width:135px}.right-panel{display:flex;flex-direction:column;gap:20px;width:100%;max-width:100%;box-sizing:border-box}.right-panel .ore-value[type=number]{width:60px}#settings-tab .settings-cards-grid{grid-template-columns:1fr}#planner-tab .planner-cards-grid{grid-template-columns:minmax(0, 1fr)}}@media(max-width: 399px){.header-container{top:0;width:100%;border-radius:0}.header-container h1{font-size:var(--font-size-lg)}.header-placeholder{height:66px}}@media(min-width: 780px){.bottom-nav-bar{opacity:0;transform:translateY(120%);pointer-events:none}.header-container h1{font-size:var(--font-size-lg)}#home-result-quantity-card{margin-top:0}#home-tab .main-content{align-items:stretch;flex-direction:row;justify-content:space-around}#home-tab .left-panel,#home-tab .right-panel{display:flex;flex:1}#home-tab .left-panel .card,#home-tab .right-panel .card{width:100%}#income-tab .income-cards-grid{align-items:stretch;gap:20px;grid-template-columns:1fr 1fr}#income-tab .income-cards-grid .income-card{width:100%}#income-tab .income-cards-grid.layout-compact{align-items:start}.income-header:not(.collapsed) #home-total-income-header{display:none}.left-panel{flex:2}.main-content{flex-direction:row}.results-and-calculate-container{flex-direction:column}.right-panel{display:flex;flex:1;flex-direction:column;gap:20px}}/*# sourceMappingURL=main.min.css.map */