@font-face{font-family:Inter;src:local("Inter"),url(/uma-tools/fonts/Inter-VariableFont_opsz,wght.ttf) format("truetype")}@font-face{font-family:Inter;font-style:italic;src:local("Inter Italic"),url(/uma-tools/fonts/Inter-Italic-VariableFont_opsz,wght.ttf) format("truetype")}@font-face{font-family:Noto Sans JP;src:local("Noto Sans JP"),url(/uma-tools/fonts/NotoSansJP-VariableFont_wght.ttf) format("truetype")}:root{--bg: #ffffff;--fg: #111827;--muted: #374151;--card: #f9fafb;--border: #e5e7eb;--surface: #f2f2f2;--input-bg: #ffffff;--input-border: hsl(210 14% 83%);--input-border-hover: hsl(215 50% 70%);--theme-brown: rgb(121, 64, 22);--theme-brown-light: rgb(224, 214, 204);--theme-brown-bg: rgb(248, 248, 248);--accent: hsl(215 70% 50%);--accent-hover: hsl(215 70% 44%);--accent-active-bg: hsl(215 95% 95%);--hover: hsl(210 6% 93%);--muted-2: hsl(215 16% 46%);--positive: #4caf50;--negative: #f44336;--neutral: #999999;--warning: rgb(222, 161, 87);--highlight-green: rgb(121, 216, 35);--proc-green-border: rgb(170, 221, 154);--skill-white-bg: hsl(220 10% 97%);--skill-white-accent: hsl(220 15% 65%);--skill-gold-bg: hsl(44 90% 98%);--skill-gold-accent: hsl(43 90% 50%);--skill-pink-bg: hsl(320 60% 98%);--skill-pink-accent: hsl(320 70% 60%);--skill-unique-bg: hsl(270 60% 98%);--skill-unique-accent: hsl(270 65% 65%);--skill-white-grad: linear-gradient( 90deg, rgb(255, 243, 247), rgb(181, 178, 198) );--skill-white-grad-border: linear-gradient( 90deg, rgb(214, 207, 231), rgb(148, 150, 189) );--skill-gold-grad: linear-gradient( 90deg, rgb(255, 255, 239), rgb(255, 190, 40) );--skill-gold-grad-border: linear-gradient( 90deg, rgb(255, 223, 115), rgb(255, 166, 16) );--skill-pink-grad: linear-gradient( 90deg, rgb(255, 238, 239), rgb(255, 155, 211) );--skill-pink-grad-border: linear-gradient( 90deg, rgb(255, 142, 198), rgb(255, 89, 173) );--skill-unique-grad: linear-gradient( 90deg, rgb(239, 255, 214), rgb(161, 201, 248), rgb(170, 170, 255), rgb(255, 186, 231) );--skill-unique-grad-border: linear-gradient( 90deg, rgb(197, 255, 190), rgb(189, 235, 255), rgb(195, 208, 255), rgb(255, 138, 222) );--skill-name-halo: white;--skill-shadow: rgb(180, 178, 192);--filter-btn-bg: rgb(214, 207, 231);--font-sans: Inter, "Noto Sans JP", sans-serif;--font-xs: .6875rem;--font-sm: .75rem;--font-base: .8125rem;--font-lg: .9375rem;--font-2xl: 1.0625rem;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgb(0 0 0 / .06);--shadow-md: 0 2px 8px rgb(0 0 0 / .1);--shadow-lg: 0 8px 24px rgb(0 0 0 / .16);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--z-sticky: 10;--z-modal: 100;--z-above-modal: 110;--z-overlay: 200;--z-overlay-top: 210}.dark{--bg: #141414;--fg: #e4e4e7;--muted: #a1a1aa;--card: #1c1c1c;--border: #2e2e2e;--surface: #1e1e1e;--input-bg: #191919;--input-border: #363636;--input-border-hover: #555;--theme-brown: #d4a574;--theme-brown-light: #3a3a3a;--theme-brown-bg: #1e1e1e;--accent: hsl(215 70% 55%);--accent-hover: hsl(215 70% 62%);--accent-active-bg: hsl(215 35% 20%);--hover: #2a2a2a;--muted-2: #a1a1aa;--positive: #66bb6a;--negative: #ef5350;--neutral: #8a8a8a;--warning: rgb(180, 120, 50);--highlight-green: #3d6e1e;--proc-green-border: #3d6e1e;--skill-white-bg: hsl(220 10% 14%);--skill-white-accent: hsl(220 15% 50%);--skill-gold-bg: hsl(44 30% 14%);--skill-gold-accent: hsl(43 70% 45%);--skill-pink-bg: hsl(320 20% 14%);--skill-pink-accent: hsl(320 60% 55%);--skill-unique-bg: hsl(270 20% 14%);--skill-unique-accent: hsl(270 55% 60%);--skill-white-grad: linear-gradient( 90deg, rgb(75, 70, 82), rgb(140, 138, 158) );--skill-white-grad-border: linear-gradient( 90deg, rgb(110, 105, 125), rgb(108, 110, 140) );--skill-gold-grad: linear-gradient(90deg, rgb(85, 75, 40), rgb(175, 130, 25));--skill-gold-grad-border: linear-gradient( 90deg, rgb(150, 125, 50), rgb(170, 110, 10) );--skill-pink-grad: linear-gradient(90deg, rgb(85, 55, 65), rgb(170, 95, 140));--skill-pink-grad-border: linear-gradient( 90deg, rgb(150, 80, 115), rgb(170, 52, 110) );--skill-unique-grad: linear-gradient( 90deg, rgb(60, 80, 50), rgb(95, 125, 165), rgb(100, 100, 165), rgb(170, 115, 150) );--skill-unique-grad-border: linear-gradient( 90deg, rgb(105, 165, 100), rgb(115, 150, 165), rgb(120, 130, 165), rgb(170, 80, 140) );--skill-name-halo: #1a1a1a;--skill-shadow: #333;--filter-btn-bg: #333;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 2px 8px rgb(0 0 0 / .5);--shadow-lg: 0 8px 24px rgb(0 0 0 / .6);--sp-bg: var(--surface);--sp-surface: var(--surface);--sp-elevated: var(--bg);--sp-overlay: #2a2a2a;--sp-text-faint: #52525b;--sp-border-strong: #444444;--sp-primary: #60a5fa;--sp-primary-glow: rgba(96, 165, 250, .12);--sp-success: #4ade80;--sp-error: #f87171;--sp-shadow: 0 20px 60px rgba(0, 0, 0, .7)}.langSelect{background:none;border:1px solid rgb(148,150,189);border-radius:8px;padding:.7em;position:absolute;right:10px;top:10px}.hasTooltip{display:inline-block;position:relative;text-decoration:underline dotted}.tooltip{background:#000;border-radius:6px;box-sizing:border-box;color:#fff;display:none;font: 14px sans-serif;left:50%;max-width:200px;padding:4px 8px;position:absolute;top:-5px;transform:translate(-50%,-100%);width:-moz-max-content;width:max-content}.hasTooltip.contentIsTall .tooltip{top:-8px}.hasTooltip:hover .tooltip{display:block}.tooltip .arrow{bottom:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid black;height:0;left:calc(50% - 6px);position:absolute;width:0}.filterButton{background:var(--filter-btn-bg, rgb(214, 207, 231));border:none;box-shadow:0 3px 0 var(--skill-shadow, rgb(180, 178, 192));color:var(--theme-brown, rgb(121, 64, 22));padding:.8em;margin:10px 5px;-webkit-text-stroke:1px var(--theme-brown, rgb(121, 64, 22))}.filterButton.active{background:#56ab33;box-shadow:0 3px #56ab33;color:#fff;-webkit-text-stroke:1px white}.iconFilterButton{all:unset;background-size:contain;filter:grayscale(1);height:40px;margin:5px;width:40px}.iconFilterButton.active{filter:none}.filterSearch{background:var(--input-bg, #ffffff);border:1px solid var(--input-border, hsl(210 14% 83%));color:var(--fg, #111827);margin:3px 5px;padding:.8em;width:calc(100% - 26px)}.skillList{display:grid;font-size:16px;gap:16px 0;grid-template-columns:repeat(auto-fit,300px);list-style-type:none;padding:0}.skill{align-items:center;border-radius:8px;border:2px solid transparent;box-shadow:0 3px 0 var(--skill-shadow, rgb(180, 178, 192));box-sizing:border-box;display:flex;height:3em;overflow:hidden;padding:5px;width:18em}.skill:active{box-shadow:none;filter:brightness(.95)}.hidden,.skill.selected{display:none}.skillName{color:var(--theme-brown, rgb(121, 64, 22));display:flex;flex:1;overflow:hidden;-webkit-text-stroke:1px var(--theme-brown, rgb(121, 64, 22));text-shadow:-1px -1px 0 var(--skill-name-halo, white),1px -1px 0 var(--skill-name-halo, white),-1px 1px 0 var(--skill-name-halo, white),1px 1px 0 var(--skill-name-halo, white);text-wrap:nowrap}.skillIcon{height:2.2em;margin:0 8px 0 0;width:2.2em}.skillDismiss{color:var(--theme-brown, rgb(121, 64, 22));cursor:default;padding:0 7px}.skill-white{background:var( --skill-white-grad, linear-gradient(90deg, rgb(255, 243, 247), rgb(181, 178, 198)) ) padding-box,var( --skill-white-grad-border, linear-gradient(90deg, rgb(214, 207, 231), rgb(148, 150, 189)) ) border-box}.skill-gold{background:var( --skill-gold-grad, linear-gradient(90deg, rgb(255, 255, 239), rgb(255, 190, 40)) ) padding-box,var( --skill-gold-grad-border, linear-gradient(90deg, rgb(255, 223, 115), rgb(255, 166, 16)) ) border-box}.skill-pink{background:var( --skill-pink-grad, linear-gradient(90deg, rgb(255, 238, 239), rgb(255, 155, 211)) ) padding-box,var( --skill-pink-grad-border, linear-gradient(90deg, rgb(255, 142, 198), rgb(255, 89, 173)) ) border-box}.skill-unique{background:var( --skill-unique-grad, linear-gradient( 90deg, rgb(239, 255, 214), rgb(161, 201, 248), rgb(170, 170, 255), rgb(255, 186, 231) ) ) padding-box,var( --skill-unique-grad-border, linear-gradient( 90deg, rgb(197, 255, 190), rgb(189, 235, 255), rgb(195, 208, 255), rgb(255, 138, 222) ) ) border-box}.skillDetailsList{font-size:16px;list-style-type:none}.skillDetailsList>li{display:inline-block;vertical-align:top}.expandedSkill{border-radius:8px;border:2px solid transparent;box-sizing:border-box;overflow:hidden;padding:5px}.expandedSkillHeader{align-items:center;display:flex;height:2.1em;margin-bottom:5px}.skillDetails{border-style:solid;border-width:2px 0 0 0;color:var(--theme-brown, rgb(121, 64, 22))}.skillDetailsSection{border-style:solid;border-width:0 0 1px 0;margin-bottom:8px;padding-bottom:8px}.skillDetailsSection:last-child{border:none;margin:0;padding:0}.skillDetailsSection:first-child{border-width:0;margin:0;padding:0}.skill-white .skillDetails,.skill-white .skillDetailsSection{border-image:linear-gradient(#acacb6,#a9a9b5) 90}.skill-gold .skillDetails,.skill-gold .skillDetailsSection{border-image:linear-gradient(#cbac59,#e6a13a) 90}.skill-pink .skillDetails,.skill-pink .skillDetailsSection{border-image:linear-gradient(#e6adca,#e42ba1) 90}.skill-unique .skillDetails,.skill-unique .skillDetailsSection{border-image:linear-gradient(#794016,#794016) 90}.skillConditions{font-family:monospace;margin:0 0 .5em .5em}.condition{margin-left:.7em}.conditionOp{margin:0 2px}.conditionOp{opacity:.6}.operatorAnd{float:left}.operatorOrText{font-style:italic;margin-left:10px;opacity:.8}.skillEffects{display:table;margin-left:.5em}.skillEffect{display:table-row}.skillEffectType{display:table-cell}.skillEffectValue{display:table-cell;padding-left:1em}.skillDuration{display:inline-block;margin-top:.5em}:root{--sp-bg: var(--bg, #ffffff);--sp-surface: var(--surface, #f2f2f2);--sp-elevated: var(--surface, #f2f2f2);--sp-overlay: #e8e8e8;--sp-text: var(--fg, #111827);--sp-text-muted: var(--muted, #6b7280);--sp-text-faint: #9ca3af;--sp-border: var(--border, #e5e7eb);--sp-border-strong: #d1d5db;--sp-primary: #3b82f6;--sp-primary-glow: rgba(59, 130, 246, .12);--sp-success: #22c55e;--sp-error: #ef4444;--sp-shadow: 0 20px 60px rgba(0, 0, 0, .15)}@keyframes sp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sp-slide-in{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.skill-picker-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:8vh;z-index:10000;animation:sp-fade-in .2s ease-out}.skill-picker-modal{width:90%;max-width:1080px;max-height:75vh;background:var(--sp-bg);border:1px solid var(--sp-border-strong);border-radius:12px;box-shadow:var(--sp-shadow);display:flex;flex-direction:column;overflow:hidden;animation:sp-slide-in .25s ease-out}.skill-picker-modal.has-side-panel{max-width:1340px}.skill-picker-header{display:flex;align-items:center;gap:8px;padding:12px;background:var(--sp-elevated);border-bottom:1px solid var(--sp-border)}.skill-picker-search{flex:1;display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--sp-bg);border:1px solid var(--sp-border);border-radius:6px;transition:border-color .15s ease,box-shadow .15s ease}.skill-picker-search:focus-within{border-color:var(--sp-primary);box-shadow:0 0 0 3px var(--sp-primary-glow)}.skill-picker-search-icon{color:var(--sp-text-muted);flex-shrink:0}.skill-picker-search input{flex:1;background:transparent;border:none;color:var(--sp-text);font-size:14px;outline:none}.skill-picker-search input::placeholder{color:var(--sp-text-muted)}.skill-picker-key-hint{flex-shrink:0;white-space:nowrap;color:var(--sp-text-muted);font-size:11px}.skill-picker-sort-group{display:flex;align-self:stretch;border:1px solid var(--sp-border);border-radius:6px;overflow:hidden}.skill-picker-sort-label{display:flex;align-items:center;padding:0 8px;background:var(--sp-elevated);border-right:1px solid var(--sp-border);color:var(--sp-text-muted)}.skill-picker-sort-btn{padding:0 10px;background:var(--sp-bg);border:none;border-left:1px solid var(--sp-border);color:var(--sp-text-muted);font-size:12px;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s}.skill-picker-sort-btn:hover{background:var(--sp-overlay);color:var(--sp-text)}.skill-picker-sort-btn.active{background:var(--sp-border);color:var(--sp-text);font-weight:600}.skill-picker-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--sp-overlay);border:1px solid var(--sp-border);border-radius:6px;color:var(--sp-text-muted);cursor:pointer;transition:background .15s ease,color .15s ease;flex-shrink:0}.skill-picker-close:hover{background:var(--sp-border-strong);color:var(--sp-text)}.skill-picker-filters{display:flex;flex-direction:column;gap:8px;padding:8px 12px;background:var(--sp-elevated);border-bottom:1px solid var(--sp-border)}.filter-row{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--sp-text-faint);padding-left:2px}.filter-group.rarity .filter-label{color:#9ca3af}.filter-group.strategy .filter-label{color:#4ade80}.filter-group.distance .filter-label{color:#60a5fa}.filter-group.surface .filter-label{color:#a3e635}.filter-group.location .filter-label{color:#fb923c}.filter-chips{display:flex;gap:3px;flex-wrap:wrap}.filter-divider{width:1px;background:linear-gradient(180deg,transparent 0%,var(--sp-border) 20%,var(--sp-border) 80%,transparent 100%);margin:4px 0}.skill-filter-btn{padding:3px 7px;background:var(--sp-overlay);border:1px solid var(--sp-border);border-radius:6px;color:var(--sp-text-muted);font-size:11px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.skill-filter-btn:hover{background:var(--sp-surface);border-color:var(--sp-border-strong);color:var(--sp-text)}.skill-filter-btn.active{color:var(--sp-text)}.skill-filter-btn.white.active{background:linear-gradient(135deg,#374151,#1f2937);border-color:#6b7280;box-shadow:0 0 8px #6b72804d}.skill-filter-btn.gold.active{background:linear-gradient(135deg,#78350f,#451a03);border-color:#f59e0b;box-shadow:0 0 8px #f59e0b66;color:#fcd34d}.skill-filter-btn.unique.active{background:linear-gradient(135deg,#581c87,#3b0764);border-color:#a855f7;box-shadow:0 0 8px #a855f766;color:#d8b4fe}.skill-filter-btn.pink.active{background:linear-gradient(135deg,#831843,#500724);border-color:#ec4899;box-shadow:0 0 8px #ec489966;color:#f9a8d4}.skill-filter-btn.inherit.active{background:linear-gradient(135deg,#164e63,#083344);border-color:#06b6d4;box-shadow:0 0 8px #06b6d466;color:#67e8f9}.skill-filter-btn.strategy.active{background:linear-gradient(135deg,#14532d,#052e16);border-color:#22c55e;box-shadow:0 0 8px #22c55e66;color:#86efac}.skill-filter-btn.distance.active{background:linear-gradient(135deg,#1e3a8a,#172554);border-color:#3b82f6;box-shadow:0 0 8px #3b82f666;color:#93c5fd}.skill-filter-btn.surface.active{background:linear-gradient(135deg,#365314,#1a2e05);border-color:#84cc16;box-shadow:0 0 8px #84cc1666;color:#bef264}.skill-filter-btn.location.active{background:linear-gradient(135deg,#7c2d12,#431407);border-color:#f97316;box-shadow:0 0 8px #f9731666;color:#fdba74}.filter-chips.icontype{gap:4px;flex-wrap:wrap}.icon-filter-btn{width:28px;height:28px;padding:0;background-color:var(--sp-overlay);background-size:22px 22px;background-position:center;background-repeat:no-repeat;border:1px solid var(--sp-border);border-radius:6px;cursor:pointer;opacity:.45;transition:opacity .12s ease,border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.icon-filter-btn:hover{background-color:var(--sp-surface);border-color:var(--sp-border-strong);opacity:.75}.icon-filter-btn.active{background-color:var(--sp-elevated);border-color:var(--sp-primary);box-shadow:0 0 6px var(--sp-primary-glow);opacity:1}.skill-picker-body{flex:1;min-height:0;display:flex}.skill-picker-list{flex:1;min-width:0;min-height:0;overflow-y:auto;padding:6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2px;align-content:start}@media(max-width:900px){.skill-picker-body{flex-direction:column}}.skill-picker-item{width:100%;display:flex;align-items:center;gap:8px;padding:7px 12px;background:transparent;border:none;border-radius:6px;color:var(--sp-text);font-size:13px;font-family:inherit;text-align:left;cursor:pointer;transition:background .15s ease}.skill-picker-item:hover:not(:disabled){background:var(--sp-overlay)}.skill-picker-item:disabled{opacity:.5;cursor:not-allowed}.skill-picker-item.selected{background:var(--sp-primary-glow)}.skill-picker-item-icon{width:28px;height:28px;flex-shrink:0}.skill-picker-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-picker-item-check{color:var(--sp-success);font-weight:700}.skill-picker-item.removable{cursor:pointer}.skill-picker-item-remove{color:var(--sp-error);font-weight:700;font-size:15px;line-height:1}.skill-picker-notice{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--sp-elevated);border-bottom:1px solid var(--sp-border);font-size:12px;color:var(--sp-text-muted)}.skill-picker-item.skill-white{border-left:3px solid #9ca3af}.skill-picker-item.skill-gold{border-left:3px solid #f59e0b}.skill-picker-item.skill-unique{border-left:3px solid #a855f7}.skill-picker-item.skill-pink{border-left:3px solid #ec4899}.skill-picker-empty{grid-column:1 / -1;padding:32px;text-align:center;color:var(--sp-text-muted);font-size:13px}.skill-picker-list::-webkit-scrollbar{width:6px}.skill-picker-list::-webkit-scrollbar-track{background:transparent}.skill-picker-list::-webkit-scrollbar-thumb{background:var(--sp-border-strong);border-radius:3px}.skill-picker-list::-webkit-scrollbar-thumb:hover{background:var(--sp-text-muted)}.skill-picker-item.skill-white{background:linear-gradient(90deg,rgba(156,163,175,.07),transparent)}.skill-picker-item.skill-gold{background:linear-gradient(90deg,rgba(245,158,11,.1),transparent)}.skill-picker-item.skill-unique{background:linear-gradient(90deg,rgba(168,85,247,.1),transparent)}.skill-picker-item.skill-pink{background:linear-gradient(90deg,rgba(236,72,153,.1),transparent)}.skill-picker-item.skill-white:hover:not(:disabled){background:linear-gradient(90deg,rgba(156,163,175,.16),var(--sp-overlay))}.skill-picker-item.skill-gold:hover:not(:disabled){background:linear-gradient(90deg,rgba(245,158,11,.18),var(--sp-overlay))}.skill-picker-item.skill-unique:hover:not(:disabled){background:linear-gradient(90deg,rgba(168,85,247,.18),var(--sp-overlay))}.skill-picker-item.skill-pink:hover:not(:disabled){background:linear-gradient(90deg,rgba(236,72,153,.18),var(--sp-overlay))}.skill-picker-item.selected.skill-white,.skill-picker-item.selected.skill-gold,.skill-picker-item.selected.skill-unique,.skill-picker-item.selected.skill-pink{background:var(--sp-primary-glow)}.skill-picker-item.active{background:var(--sp-primary-glow);outline:2px solid var(--sp-primary);outline-offset:-2px}.horseSkillPills .expandedSkill.skill-expanded-view{background:var(--sp-overlay);border:1px solid var(--sp-border);border-image:none;border-radius:6px;padding:8px}.horseSkillPills .expandedSkill.skill-expanded-view.skill-white{border-left:3px solid #9ca3af}.horseSkillPills .expandedSkill.skill-expanded-view.skill-gold{border-left:3px solid #f59e0b;background:linear-gradient(90deg,rgba(245,158,11,.08) 0%,var(--sp-overlay) 40%)}.horseSkillPills .expandedSkill.skill-expanded-view.skill-unique{border-left:3px solid #a855f7;background:linear-gradient(90deg,rgba(168,85,247,.08) 0%,var(--sp-overlay) 40%)}.horseSkillPills .expandedSkill.skill-expanded-view.skill-pink{border-left:3px solid #ec4899;background:linear-gradient(90deg,rgba(236,72,153,.08) 0%,var(--sp-overlay) 40%)}.skill-expanded-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--sp-border)}.skill-expanded-icon{width:22px;height:22px;flex-shrink:0}.skill-expanded-name{flex:1;font-weight:600;font-size:13px;color:var(--sp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-details{display:flex;flex-direction:column;gap:6px;font-size:12px}.skill-detail-row{display:flex;gap:8px;align-items:flex-start}.skill-detail-label{color:var(--sp-text-muted);flex-shrink:0;min-width:75px}.skill-detail-value{color:var(--sp-text);word-break:break-word}.skill-condition{font-family:SF Mono,Consolas,Monaco,monospace;font-size:11px;padding:2px 5px;background:var(--sp-surface);border-radius:3px}.skill-alternative{display:flex;flex-direction:column;gap:4px;padding:6px 8px;background:var(--sp-surface);border-radius:6px}.skill-alternative+.skill-alternative{margin-top:4px}.skill-expanded-view .skillConditions{margin:0;font-size:11px}.skill-expanded-view .condition{margin-left:.4em}.skill-effects{display:flex;flex-wrap:wrap;gap:5px}.skill-effect{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;background:var(--sp-overlay);border:1px solid var(--sp-border);border-radius:5px;font-size:11px}.effect-type{color:var(--sp-text-muted)}.effect-value{color:var(--sp-success);font-weight:600}.skill-force-position{align-items:center;margin-top:4px}.force-position-input{flex:1;max-width:100px;padding:3px 7px;font-size:12px;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:5px;color:var(--sp-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.force-position-input:focus{border-color:var(--sp-primary);box-shadow:0 0 0 2px var(--sp-primary-glow)}.force-position-input::placeholder{color:var(--sp-text-muted);opacity:.6}.skill-procdata-btn{padding:3px 10px;background:var(--sp-overlay);border:1px solid var(--sp-border);border-radius:5px;color:var(--sp-text-muted);font-size:11px;font-family:inherit;cursor:pointer;transition:background .15s ease,color .15s ease}.skill-procdata-btn:hover{background:var(--sp-elevated);color:var(--sp-text)}.stamDebuffOverlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px;z-index:var(--z-modal, 100)}.stamDebuffModal{background:var(--bg, #ffffff);color:var(--fg, #111827);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-md, 10px);box-shadow:var(--shadow-lg, 0 8px 24px rgb(0 0 0 / .16));width:420px;max-width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.stamDebuffModal:focus{outline:none}.stamDebuffHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:14px 16px 10px;border-bottom:1px solid var(--border, #e5e7eb)}.stamDebuffHeader h3{margin:0 0 4px;font-size:var(--font-lg, .9375rem);font-weight:600}.stamDebuffSubtitle{margin:0;font-size:var(--font-sm, .75rem);color:var(--muted, #6b7280);max-width:320px}.stamDebuffClose{flex-shrink:0;background:transparent;border:none;color:var(--muted, #6b7280);cursor:pointer;padding:4px;border-radius:var(--radius-sm, 6px);transition:color var(--transition-fast, .15s),background var(--transition-fast, .15s)}.stamDebuffClose:hover{color:var(--fg, #111827);background:var(--hover, hsl(210 6% 93%))}.stamDebuffBody{overflow-y:auto;padding:8px 16px 12px}.stamDebuffGroup+.stamDebuffGroup{margin-top:10px}.stamDebuffGroupLabel{font-size:var(--font-xs, .6875rem);font-weight:700;color:var(--muted, #6b7280);text-transform:uppercase;letter-spacing:.06em;padding:6px 0 4px}.stamDebuffRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 4px;border-bottom:1px solid var(--border, #e5e7eb)}.stamDebuffRow:last-child{border-bottom:none}.stamDebuffRow--disabled{opacity:.5}.stamDebuffRowMain{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap}.stamDebuffName{font-size:var(--font-base, .8125rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stamDebuffDrain{font-size:var(--font-sm, .75rem);color:var(--muted, #6b7280);flex-shrink:0}.stamDebuffReason{font-size:var(--font-xs, .6875rem);color:var(--muted, #6b7280);font-style:italic;flex-shrink:0}.stamDebuffStepper{display:flex;align-items:center;gap:4px;flex-shrink:0}.stamDebuffStepperBtn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--input-border, hsl(210 14% 83%));border-radius:var(--radius-sm, 6px);background:var(--bg, #ffffff);color:var(--fg, #111827);cursor:pointer;padding:0;transition:background var(--transition-fast, .15s),border-color var(--transition-fast, .15s)}.stamDebuffStepperBtn:hover:not(:disabled){background:var(--hover, hsl(210 6% 93%));border-color:var(--input-border-hover, hsl(215 50% 70%))}.stamDebuffStepperBtn:disabled{cursor:not-allowed;opacity:.4}.stamDebuffStepperValue{min-width:14px;text-align:center;font-size:var(--font-base, .8125rem);font-variant-numeric:tabular-nums}.stamDebuffFooter{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--border, #e5e7eb);background:var(--surface, #f2f2f2);font-size:var(--font-base, .8125rem);font-weight:600}.stamDebuffFooterValue{color:var(--negative, #f44336)}.stamDebuffFooterValue--none{color:var(--muted, #6b7280);font-weight:400}@media(max-width:480px){.stamDebuffModal{width:100%}.stamDebuffSubtitle{max-width:none}}.horseDef{--uma-brown: var(--theme-brown, rgb(121, 64, 22));--uma-brown-muted: color-mix(in srgb, var(--uma-brown) 50%, transparent);background:var(--bg, #fff);border:1px solid var(--border, hsl(210 10% 85%));border-radius:0;box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.horseDefHeader{background:none;border-bottom:1px solid var(--border, hsl(210 10% 85%));border-radius:0;color:var(--fg, hsl(215 20% 15%));font-size:2em;font-weight:700;padding:6px 0;text-align:center}.umaSelectorActions{position:absolute;top:8px;right:12px;display:flex;gap:3px;align-items:center;z-index:20}.horseActionBtn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--input-bg, white);border:1px solid var(--input-border, hsl(210 10% 82%));border-radius:5px;color:var(--muted-2, hsl(215 10% 50%));cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);font-size:0}.horseActionBtn:hover{background:var(--hover, hsl(210 6% 93%));border-color:var(--input-border-hover, hsl(215 10% 70%));color:var(--fg, hsl(215 20% 20%))}.umaSelector{display:grid;grid-template-columns:120px 1fr;grid-template-rows:repeat(2,60px);padding:0 20px 10px;position:relative}.umaSelectorIconsBox{display:flex;grid-row:1 / 3}.umaSelectorIconsBox>img:first-child{cursor:pointer;width:120px}.umaSelectorIconsBox>img:last-child{align-self:flex-start;cursor:pointer;width:56px;z-index:1}.umaEpithet{align-items:flex-end;display:flex}.umaEpithet>span{color:var(--fg, #111827);font-size:1.4em;font-weight:700;margin:0 auto}.umaSelectWrapper{position:relative;top:0;left:0}.umaSelectInput{background:none;border:none;box-sizing:border-box;color:var(--fg, #111827);font-size:1.4em;font-weight:700;text-align:center;width:100%}.umaSuggestions{border:2px solid var(--theme-brown-light, rgb(224, 214, 204));cursor:default;display:none;left:-2px;list-style-type:none;max-height:320px;overflow-y:auto;padding:0;position:absolute;top:1em;width:calc(100% + 4px);z-index:10}.umaSuggestions.open{display:block}.umaSuggestion{background:var(--bg, white);padding:4px}.umaSuggestion:nth-child(2n){background:var(--surface, rgb(242, 242, 242))}.umaSuggestion.selected,.umaSuggestion:hover{background:var(--accent, rgb(0, 120, 215));color:#fff}.umaSuggestion>img{height:2em;margin-right:5px;vertical-align:middle}.umaSuggestion>span{display:inline-block;height:100%;vertical-align:middle}.resetUmaButton{background:linear-gradient(#a8e305,#61ae16) padding-box,linear-gradient(#addb3c,#558f18) border-box;border:2px solid transparent;border-radius:20px;box-shadow:0 2px 0 var(--border, rgb(180, 178, 192));box-sizing:border-box;color:#fff;cursor:pointer;font-size:.9em;font-weight:700;padding:4px 12px;transition:all .2s}.resetUmaButton:hover{background:linear-gradient(#b2ed0f,#6bb820) padding-box,linear-gradient(#b7e546,#5f9922) border-box;box-shadow:0 3px 0 var(--border, rgb(180, 178, 192));transform:translateY(-1px)}.resetButtons{position:absolute;bottom:8px;right:12px;display:flex;gap:8px;z-index:10}.horseStats{display:grid;grid-template-columns:repeat(5,1fr);padding:10px 12px 8px;gap:6px;border-bottom:1px solid var(--border, hsl(210 10% 85%))}.horseStat{display:flex;flex-direction:column;align-items:center;gap:3px}.horseStatIcon{width:15px;height:15px;object-fit:contain}.horseStatLabel{font-size:9px;font-weight:600;color:var(--muted, #6b7280);text-transform:uppercase;letter-spacing:.03em;line-height:1;margin-bottom:1px}.horseStatRank{width:22px;height:22px;object-fit:contain}.horseStat>input{background:var(--input-bg, #fff);border:1px solid var(--input-border, hsl(210 10% 83%));border-radius:5px;box-sizing:border-box;color:var(--fg, #111827);font-family:inherit;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;width:100%;min-width:0;padding:3px 2px;outline:none;transition:border-color .15s}.horseStat>input:focus{border-color:var(--accent, hsl(215 70% 55%))}.horseStat>input[type=number]::-webkit-inner-spin-button,.horseStat>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.horseStat>input[type=number]{-moz-appearance:textfield;appearance:textfield}.horseApts{display:flex;align-items:flex-start;gap:10px;padding:8px 16px;border-bottom:1px solid var(--border, hsl(210 10% 85%));position:relative;z-index:5}.horseAptCell{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 auto}.horseAptCell--run{flex:1;min-width:0}.horseAptCell--fixed{flex:0 0 auto}.horseAptLabel{font-size:9px;font-weight:600;color:var(--muted, #6b7280);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.horseAptitudeSelect{cursor:pointer;display:inline-flex;flex-direction:row;align-items:center;gap:3px;position:relative;background:var(--input-bg, #fff);border:1px solid var(--input-border, hsl(210 10% 83%));border-radius:5px;padding:3px 5px 3px 6px;height:28px;box-sizing:border-box;transition:border-color .12s}.horseAptitudeSelect:hover{border-color:var(--input-border-hover, hsl(215 50% 60%))}.horseAptitudeSelect:after{content:"\25be";font-size:8px;color:var(--muted, #9ca3af);line-height:1;flex-shrink:0}.horseAptitudeSelect>span>img{display:block}.horseAptitudeSelect>ul{background:var(--bg, white);border:1px solid var(--border, hsl(210 10% 85%));border-radius:6px;box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .12));list-style:none;padding:4px 0;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);z-index:100;min-width:36px}.horseAptitudeSelect li{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:3px 6px}.horseAptitudeSelect li:hover{background:var(--accent-active-bg, hsl(215 50% 95%))}.horseAptitudeSelect img{height:20px;width:20px;object-fit:contain}.horseMoodSelect{cursor:pointer;display:inline-flex;flex-direction:row;align-items:center;gap:3px;position:relative;background:var(--input-bg, #fff);border:1px solid var(--input-border, hsl(210 10% 83%));border-radius:5px;padding:3px 5px 3px 6px;height:28px;box-sizing:border-box;transition:border-color .12s}.horseMoodSelect:hover{border-color:var(--input-border-hover, hsl(215 50% 60%))}.horseMoodSelect:after{content:"\25be";font-size:8px;color:var(--muted, #9ca3af);line-height:1;flex-shrink:0}.horseMoodSelect>span{display:block;width:44px;height:18px}.horseMoodSelect>span>img{width:100%;height:100%;object-fit:contain}.horseMoodSelect>ul{background:var(--bg, white);border:1px solid var(--border, hsl(210 10% 85%));border-radius:6px;box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .12));list-style:none;margin:0;padding:4px 0;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);min-width:52px;z-index:100}.horseMoodSelect>ul>li{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px 6px}.horseMoodSelect>ul>li:hover{background:var(--accent-active-bg, hsl(215 50% 95%))}.horseMoodSelect>ul>li>img{width:44px;height:18px;object-fit:contain}.horseStrategySelect{background:var(--input-bg, #fff);border:1px solid var(--input-border, hsl(210 10% 83%));border-radius:5px;color:var(--fg, #111827);font-family:inherit;font-size:11px;font-weight:600;text-align:center;width:100%;height:28px;box-sizing:border-box;cursor:pointer;outline:none;padding:3px 4px;transition:border-color .15s}.horseStrategySelect:focus{border-color:var(--accent, hsl(215 70% 55%))}.horseStamDebuffRow{display:flex;align-items:center;gap:8px;padding:6px 16px;border-bottom:1px solid var(--border, hsl(210 10% 85%))}.horseStamDebuffLabel{font-size:9px;font-weight:600;color:var(--muted, #6b7280);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.horseStamDebuffValue{flex:1;min-width:0;font-size:11px;color:var(--fg, #111827);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.horseStamDebuffBtn{flex-shrink:0;padding:3px 10px;border-radius:5px;border:1px solid var(--border, hsl(210 10% 80%));background:none;color:var(--muted, #6b7280);font-family:inherit;font-size:11px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.horseStamDebuffBtn:hover{border-color:var(--accent, hsl(215 50% 55%));color:var(--accent, hsl(215 60% 40%));background:var(--accent-active-bg, hsl(215 70% 98%))}.horseSectionLabel{padding:10px 12px 4px;font-size:10px;font-weight:700;color:var(--muted, #6b7280);text-transform:uppercase;letter-spacing:.06em}.horseSkillListWrapper{background:var(--surface, hsl(0 0% 96%));border-radius:4px;height:100%;margin:0 6px 6px;overflow-y:auto;display:flex;flex-direction:column}.horseSkillPills{display:grid;grid-template-columns:1fr 1fr;gap:5px;list-style:none;margin:0;padding:8px 10px}.horseSkillPills li{position:relative;min-width:0;width:100%}.horseSkillPills .skill{display:flex;align-items:center;width:100%;height:auto;min-width:0;overflow:hidden;padding:5px 9px 5px 7px;border-radius:6px;border:1px solid var(--border, hsl(210 10% 85%));border-left-width:3px;box-shadow:none;cursor:pointer;font-size:13px;transition:opacity .1s}.horseSkillPills .skill:hover{opacity:.85}.horseSkillPills .skill-white,.shopSkillChip.skill-white{background:var(--skill-white-bg, hsl(220 10% 97%));border-left-color:var(--skill-white-accent, hsl(220 15% 65%))}.horseSkillPills .skill-gold,.shopSkillChip.skill-gold{background:var(--skill-gold-bg, hsl(44 90% 98%));border-left-color:var(--skill-gold-accent, hsl(43 90% 50%))}.horseSkillPills .skill-pink,.shopSkillChip.skill-pink{background:var(--skill-pink-bg, hsl(320 60% 98%));border-left-color:var(--skill-pink-accent, hsl(320 70% 60%))}.horseSkillPills .skill-unique,.shopSkillChip.skill-unique{background:var(--skill-unique-bg, hsl(270 60% 98%));border-left-color:var(--skill-unique-accent, hsl(270 65% 65%))}.horseSkillPills .skillIcon{width:22px;height:22px;margin:0 6px 0 0;flex-shrink:0}.horseSkillPills .skillName{display:block;flex:1 1 0;color:var(--fg, #111827);font-size:13px;font-weight:500;-webkit-text-stroke:0;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.horseSkillPills .skillDismiss{flex:0 0 auto;color:var(--muted, #9ca3af);font-size:11px;padding:3px 6px;background:#9ca3af1a;transition:background .2s ease;border-radius:50%}.horseSkillPills .skillDismiss:hover{background:#9ca3af4d;color:var(--muted, #6b7280)}.horseSkillPills .horseExpandedSkill{grid-column:1 / -1;width:100%}.horseAddSkillBtn{display:flex;align-items:center;justify-content:center;gap:4px;margin:0 10px 8px;padding:6px 0;border-radius:5px;border:1px dashed var(--border, hsl(210 10% 80%));background:none;color:var(--muted, #6b7280);font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;flex-shrink:0;transition:border-color .15s,color .15s,background .15s}.horseAddSkillBtn:hover{border-color:var(--accent, hsl(215 50% 55%));color:var(--accent, hsl(215 60% 40%));background:var(--accent-active-bg, hsl(215 70% 98%))}.forcedPositionInput{border:1px solid var(--uma-brown-muted, rgba(121, 64, 22, .4));border-radius:4px;box-sizing:border-box;font-size:.9em;padding:6px 8px;width:80px;background:color-mix(in srgb,var(--bg, #fff) 35%,transparent);color:var(--uma-brown, rgb(121, 64, 22));transition:all .2s ease;backdrop-filter:blur(2px)}.forcedPositionInput:focus{outline:none;border-color:var(--uma-brown, rgb(121, 64, 22));background:color-mix(in srgb,var(--bg, #fff) 55%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--uma-brown, rgb(121, 64, 22)) 20%,transparent)}.forcedPositionInput:hover{border-color:var(--uma-brown-muted, rgba(121, 64, 22, .6));background:color-mix(in srgb,var(--bg, #fff) 45%,transparent)}.forcedPositionInput.inline{margin-left:8px;vertical-align:middle}.forcedPositionLabel{color:var(--uma-brown, rgb(121, 64, 22));font-size:.9em;font-weight:700}.skillDetailsSection:has(.forcedPositionLabel){display:flex;align-items:center;justify-content:center;gap:12px}.forcedPositionLabel.inline{position:absolute;right:4px;bottom:-10px;color:var(--uma-brown, rgb(121, 64, 22));font-size:.75em;font-weight:400;background:color-mix(in srgb,var(--uma-brown, rgb(121, 64, 22)) 12%,transparent);padding:1px 5px;border-radius:3px;pointer-events:none;z-index:10;white-space:nowrap}.horseSkillPickerWrapper{background:var(--bg, white);bottom:0;display:none;left:10%;margin:auto;overflow-y:auto;padding:1em;position:fixed;top:2em;width:80%;z-index:20}.horseSkillPickerWrapper.open{display:block}.horseSkillPickerOverlay{background:#19191999;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.horseSkillPickerOverlay.open{display:block}.skillProcDataOverlay{background:#19191999;display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:30}.skillProcDataDialog{background:var(--bg, white);border:2px solid var(--proc-green-border, rgb(170, 221, 154));border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:90vw;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:800px;z-index:31}.skillProcDataDialog:focus{outline:none}.skillProcDataHeader{background:linear-gradient(#99db44,#70be12);border-bottom:2px solid var(--proc-green-border, rgb(170, 221, 154));border-radius:10px 10px 0 0;color:#fff;display:flex;font-weight:700;justify-content:space-between;padding:12px 16px}.skillProcDataHeader h3{margin:0;font-size:1.2em}.skillProcDataClose{background:transparent;border:none;color:#fff;cursor:pointer;font-size:1.5em;font-weight:700;line-height:1;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.skillProcDataClose:hover{opacity:.7}.skillProcDataContent{color:var(--fg, #111827);padding:16px;position:relative}.racetrackControlsSlot{display:flex;justify-content:center;padding-bottom:8px}.racetrackWrapper{width:var(--track-width, 981px);max-width:100%;margin:0 auto}.racetrackView{width:100%;height:auto;display:block}.distanceMarker{font-weight:600;paint-order:stroke;stroke:#fff;stroke-width:2px}.sectionText{dominant-baseline:central;font-size:12px;font-weight:600;paint-order:stroke;stroke:#fff;stroke-width:2px;text-anchor:middle}.debuffMarkerText{font-weight:600;paint-order:stroke;stroke:#fff;stroke-width:2px}.racetrackName{color:#794016;font-family:Inter,Noto Sans JP,sans-serif;font-size:22px;font-weight:700;margin-bottom:.3em;text-align:center}.racetrackStatThresholds{font-size:.8em;text-align:center;margin-bottom:5px}.mouseoverText{font-size:12px;font-weight:600;paint-order:stroke;stroke:#fff;stroke-width:2px}.drag-textbox{transition:opacity .2s ease;cursor:grab!important}.drag-textbox:hover{cursor:grab!important}.drag-textbox:active{cursor:grabbing!important;opacity:.6}.drag-textbox text{font-weight:bolder;opacity:1}.poskeep-label text{font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:1px;filter:drop-shadow(.5px .5px 1px rgba(0,0,0,.3)) opacity(1)!important}.poskeep-label line{filter:drop-shadow(.5px .5px 1px rgba(0,0,0,.3)) opacity(1)!important}.straight-a>rect:first-child{fill:#d1ebff}.straight-a>rect:last-child{fill:#179aff}.straight-b>rect:first-child{fill:#a5c8e6}.straight-b>rect:last-child{fill:#0a5aaa}.corner-a>rect:first-child{fill:#ffd6aa}.corner-a>rect:last-child{fill:#ff8c28}.corner-b>rect:first-child{fill:#d89660}.corner-b>rect:last-child{fill:#b46020}.dark .racetrackName{color:#fff}.dark .elevationFill,.dark .hillArea polygon{fill:#8ec482}.dark .grassLine{fill:#6a9a42}.dark .slopesBg>rect:first-child{fill:#5e5468}.dark .slopesBg>rect:last-child{fill:#8a6a9a}.dark .slope.uphill>rect:first-child{fill:#d4be92}.dark .slope.uphill>rect:nth-child(2){fill:#a89058}.dark .slope.downhill>rect:first-child{fill:#82d0c6}.dark .slope.downhill>rect:nth-child(2){fill:#5aa298}.dark .sectionsBg:not(.slopesBg)>rect:first-child{fill:#4e4e58}.dark .sectionsBg:not(.slopesBg)>rect:last-child{fill:#7a7a84}.dark .straight-a>rect:first-child{fill:#88b4d6}.dark .straight-a>rect:last-child{fill:#5e92c0}.dark .straight-b>rect:first-child{fill:#4a6f92}.dark .straight-b>rect:last-child{fill:#2e4a68}.dark .corner-a>rect:first-child{fill:#dab090}.dark .corner-a>rect:last-child{fill:#b88450}.dark .corner-b>rect:first-child{fill:#8a5a34}.dark .corner-b>rect:last-child{fill:#6a3f1c}.dark .phase0>rect:first-child{fill:#5cc4a0}.dark .phase0>rect:last-child{fill:#3e9478}.dark .phase1>rect:first-child{fill:#d8d090}.dark .phase1>rect:last-child{fill:#b0a850}.dark .phase2>rect:first-child{fill:#cca0b8}.dark .phase2>rect:last-child{fill:#a06e88}.dark .phase3>rect:first-child{fill:#c490b0}.dark .phase3>rect:last-child{fill:#985e80}.dark .rulerBg{fill:#444a54}.dark .rulerTick{stroke:#98b4c4}.dark .rulerText,.dark .rulerBar{fill:#98b4c4}.dark .sectionText,.dark .distanceMarker{fill:#fff;stroke:#2a2a2a}.dark .distanceMarkerLine{stroke:#fff}.dark .debuffMarkerText{stroke:#2a2a2a}.dark .mouseoverLine{stroke:#fff}.dark .mouseoverText{fill:#fff;stroke:#2a2a2a}.dark .poskeep-label text{stroke:#141414}.basinnChartWrapper{border:2px solid var(--border);border-radius:6px;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;width:100%}.basinnChartWrapper.dirty{border:2px solid var(--warning)}.basinnChart{border-collapse:collapse;color:var(--theme-brown);font-weight:700;width:100%}.basinnChart thead{position:sticky;top:0}.basinnChart th{background:var(--card);text-align:left}.basinnChart th:nth-child(1){width:28%}.basinnChart th:nth-child(2){width:24%}.basinnChart th:nth-child(3){width:18%}.basinnChart th:nth-child(4){width:12%}.basinnChart th:nth-child(5){width:12%}.basinnChart th:nth-child(6){width:6%}.basinnChart .columnHeader{border-bottom:2px solid var(--border);cursor:pointer;width:100%}.basinnChart .columnHeader span{position:relative}.basinnChartSortedAsc span:after,.basinnChartSortedDesc span:after{border-bottom:2px solid var(--theme-brown);border-right:2px solid var(--theme-brown);content:"";display:block;height:4px;position:absolute;right:-10px;top:calc(50% - 2px);width:4px}.basinnChartSortedAsc span:after{transform:rotate(-135deg)}.basinnChartSortedDesc span:after{transform:rotate(45deg)}.basinnChart tr.basinnChartHighlighted{background:color-mix(in srgb,var(--accent) 18%,transparent)}.basinnChart tr.expanded{background:var(--highlight-green)}.basinnChart tr.basinnChartMuted{color:var(--muted-2);font-weight:400}.basinnChart tr.expanded-content-row{background:var(--theme-brown-bg)}.basinnChart tr.expanded-content-row td{padding:10px 10px 20px;border-top:2px solid var(--border);width:100%}.basinnChart td{padding-left:4px}.chartSkillName{align-items:center;display:flex;gap:4px}.chartSkillName>img{cursor:pointer;height:1.5em}.chartSkillOutfitEpithet{color:var(--muted-2);font-size:.85em}.basinnChartWrapperWrapper{position:relative;width:100%;flex:1;min-height:0;display:flex;flex-direction:column}.courseChartEmptyState{align-items:center;color:var(--muted-2);display:flex;flex:1;justify-content:center;padding:32px 16px;text-align:center}.basinnChartRefresh{background:unset;border:unset;color:var(--warning);font-size:26px;position:absolute;right:-36px;top:-12px;transition:all .1s}.basinnChartRefresh:hover{transform:scale(1.3)}.basinnChartRefresh:disabled{color:#9ca3af;cursor:not-allowed;opacity:.5}.basinnChartRefresh:disabled:hover{transform:none}.basinnChartRefreshText{color:var(--warning);font-size:11px;position:absolute;right:-130px;top:24px;white-space:nowrap;text-align:left;width:120px}.basinnChartRefreshText.hidden{display:none}.basinnChartBestValueBadge{background:color-mix(in srgb,var(--accent) 20%,transparent);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--fg);cursor:help;font-size:var(--font-xs);font-weight:700;margin-left:4px;padding:1px 6px;position:relative;white-space:nowrap}.basinnChartBestValueBadge:hover:after,.basinnChartBestValueBadge:focus-visible:after{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--fg);content:attr(data-tip);font-size:var(--font-xs);font-weight:400;line-height:1.4;margin-top:6px;max-width:340px;padding:6px 10px;position:fixed;text-align:left;white-space:normal;width:max-content;z-index:10}.basinnChartBestValueBadge:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.basinnChartConditionalBadge{background:color-mix(in srgb,var(--warning) 20%,transparent);border:1px solid var(--warning);border-radius:var(--radius-sm);color:var(--fg);cursor:help;font-size:var(--font-xs);font-weight:700;margin-left:4px;padding:1px 6px;position:relative;white-space:nowrap}.basinnChartConditionalBadge:hover:after,.basinnChartConditionalBadge:focus-visible:after{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--fg);content:attr(data-tip);font-size:var(--font-xs);font-weight:400;line-height:1.4;margin-top:6px;max-width:340px;padding:6px 10px;position:fixed;text-align:left;white-space:normal;width:max-content;z-index:10}.basinnChartConditionalBadge:focus-visible{outline:2px solid var(--warning);outline-offset:1px}.basinnChartDebuffCaveatMarker{color:var(--warning);cursor:help;font-weight:700;margin-left:4px;position:relative}.basinnChartDebuffCaveatMarker:hover:after,.basinnChartDebuffCaveatMarker:focus-visible:after{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--fg);content:attr(data-tip);font-size:var(--font-xs);font-weight:400;line-height:1.4;margin-top:6px;max-width:340px;padding:6px 10px;position:fixed;text-align:left;white-space:normal;width:max-content;z-index:10}.basinnChartDebuffCaveatMarker:focus-visible{outline:2px solid var(--warning);outline-offset:1px}@media(max-width:768px){.basinnChartWrapperWrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.basinnChartWrapper{overflow-x:auto;min-width:min-content;-webkit-overflow-scrolling:touch}.basinnChart{min-width:min-content}}.infoModalOverlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.infoModal{position:relative;background:var(--bg);color:var(--fg);border-radius:var(--radius-md);padding:24px;max-width:640px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.infoModal--wide{max-width:780px}.infoModal h2{margin:0 0 12px;font-size:var(--font-2xl);font-weight:600}.infoModalClose{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--muted);font-size:16px;line-height:1;cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.infoModalClose:hover{color:var(--fg);background:var(--hover)}.infoModalIntro,.infoModalOutro{color:var(--muted);font-size:var(--font-base);line-height:1.5}.infoModalList{list-style:none;margin:.5em 0;padding:0}.infoModalList>li{border-top:1px solid var(--border)}.infoModalList>li:last-child{border-bottom:1px solid var(--border)}.infoModalList details>summary{cursor:pointer;padding:.6em .2em;font-size:var(--font-base);font-weight:600;list-style:none}.infoModalList details>summary::-webkit-details-marker{display:none}.infoModalList details>summary:hover{background:var(--hover)}.infoModalList details>summary:before{content:"\25b8  ";display:inline-block;opacity:.55}.infoModalList details[open]>summary:before{content:"\25be  "}.infoModalList details>p{color:var(--muted);font-size:var(--font-base);line-height:1.5;margin:0 0 .75em .2em}.infoModalList details>p:last-child{margin-bottom:.9em}.ocrOverlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:16px}.ocrModal{background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);width:900px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.ocrModalHeader{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.ocrModalTitle{margin:0;font-size:16px;font-weight:600;color:var(--fg)}.ocrModalClose{background:transparent;border:none;color:var(--muted);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1;transition:background .1s,color .1s}.ocrModalClose:hover{background:var(--surface);color:var(--fg)}.ocrModalBody{padding:20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.ocrSection{display:flex;flex-direction:column;gap:6px}.ocrLabel{font-size:13px;font-weight:600;color:var(--fg)}.ocrInput{flex:1;padding:7px 12px;border:1px solid var(--input-border);border-radius:6px;background:var(--input-bg);color:var(--fg);font-size:13px;font-family:inherit;transition:border-color .15s}.ocrInput:focus{outline:none;border-color:var(--input-border-hover)}.ocrApiLink{display:inline-flex;align-items:center;gap:4px;color:#2671d9;font-size:12px;text-decoration:none;transition:opacity .15s}.ocrApiLink:hover{opacity:.75}.ocrDropzone{border:2px dashed var(--border);border-radius:8px;padding:32px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:var(--card);min-height:150px;display:flex;align-items:center;justify-content:center}.ocrDropzone:hover{border-color:var(--accent);background:var(--surface)}.ocrDropzone.dragover{border-color:var(--accent);background:var(--hover)}.ocrDropzone.hasImage{padding:8px}.ocrDropzoneContent{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted);font-size:13px}.ocrDropzoneIcon{color:var(--muted)}.ocrPreview{max-width:100%;max-height:300px;border-radius:6px}.ocrInfoNote{background:color-mix(in srgb,var(--accent) 8%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--bg));border-radius:6px;color:color-mix(in srgb,var(--accent),var(--fg) 30%);padding:8px 12px;font-size:13px}.ocrError{background:color-mix(in srgb,var(--negative) 8%,transparent);border:1px solid color-mix(in srgb,var(--negative) 25%,transparent);border-radius:6px;color:var(--negative);padding:8px 12px;font-size:13px}.ocrSpinner{animation:ocrSpin 1s linear infinite}@keyframes ocrSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ocrReviewLayout{display:flex;gap:16px}.ocrReviewImageSection{flex:0 0 280px}.ocrReviewImage{width:100%;max-height:400px;object-fit:contain;border:1px solid var(--border);border-radius:6px;background:var(--card)}.ocrReviewDataSection{flex:1;min-width:0}.ocrReviewGrid{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px}.ocrReviewItem{display:flex;align-items:center;padding:7px 0;border-bottom:1px solid var(--border);gap:8px}.ocrReviewItem:last-child{border-bottom:none}.ocrReviewKey{font-weight:600;color:var(--fg);min-width:85px;font-size:12px;flex-shrink:0}.ocrReviewValue{color:var(--muted);font-size:13px}.ocrReviewStats{flex-direction:column;align-items:flex-start;gap:4px}.ocrReviewEditable{gap:12px}.ocrReviewSkills{flex-direction:column;align-items:flex-start;gap:8px}.ocrSkillList{display:flex;flex-wrap:wrap;gap:4px;max-height:130px;overflow-y:auto}.ocrSkillTag{background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:11px;padding:2px 8px}.ocrModalFooter{display:flex;justify-content:flex-end;gap:8px;padding-top:4px;margin-top:auto}.ocrBtnSecondary{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--font-base);font-family:inherit;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.ocrBtnSecondary:hover{background:var(--hover);border-color:var(--input-border-hover)}.ocrBtnPrimary{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--font-base);font-family:inherit;cursor:pointer;transition:background var(--transition-fast)}.ocrBtnPrimary:hover:not(:disabled){background:var(--accent-hover)}.ocrBtnPrimary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:700px){.ocrReviewLayout{flex-direction:column}.ocrReviewImageSection{flex:none}.ocrReviewImage{max-height:200px}}:root{--rp-surface: var(--card);--rp-surface-raised: var(--surface);--rp-border: var(--border);--rp-text: var(--fg);--rp-text-secondary: var(--muted);--rp-accent: var(--theme-brown);--rp-accent-bg: var(--theme-brown-light);--rp-accent-text: var(--bg)}.results-pane{display:flex;flex-direction:column;gap:var(--space-md);background:var(--rp-surface);border:1px solid var(--rp-border);border-radius:var(--radius-lg);padding:var(--space-md);flex:1;min-width:0;box-sizing:border-box}.results-pane--empty{align-items:center;justify-content:center;min-height:150px}.results-running{display:flex;align-items:center;gap:var(--space-sm);color:var(--rp-text-secondary)}.results-spinner{width:20px;height:20px;border:2px solid var(--rp-border);border-top-color:var(--rp-accent);border-radius:50%;animation:results-spin .8s linear infinite}@keyframes results-spin{to{transform:rotate(360deg)}}.results-summary{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.results-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--rp-surface-raised);border-radius:var(--radius-sm);border:1px solid transparent;min-width:70px;cursor:pointer;transition:all var(--transition-fast)}.results-stat.highlight{background:var(--rp-accent-bg);border-color:var(--rp-accent)}.results-stat.muted{opacity:.6;cursor:default}.results-stat-label{font-size:var(--font-sm);color:var(--rp-text-secondary);text-transform:uppercase;letter-spacing:.05em}.results-stat-value{font-size:var(--font-2xl);font-weight:700;font-family:JetBrains Mono,monospace}.results-stat-value.uma1{color:#4a9eff}.results-stat-value.uma2{color:#ff6b6b}.results-histogram{display:flex;justify-content:center;overflow:hidden;width:100%}.histogram-svg{background:var(--rp-surface-raised);border-radius:var(--radius-sm);max-width:100%;height:auto}.histogram-svg .bar-uma1{fill:#4a9eff;opacity:.8}.histogram-svg .bar-uma2{fill:#ff6b6b;opacity:.8}.histogram-svg .histogram-zero-line{stroke:var(--rp-text-secondary);stroke-width:1;stroke-dasharray:4 2}.histogram-svg .histogram-marker-line{stroke:var(--rp-accent);stroke-width:2}.histogram-svg .histogram-axis-label{font-size:var(--font-xs);fill:var(--rp-text-secondary)}.histogram-empty{padding:var(--space-lg);text-align:center;color:var(--rp-text-secondary)}.run-selector{display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.run-selector-label{font-size:var(--font-base);color:var(--rp-text-secondary);margin-right:var(--space-xs)}.run-selector button{padding:var(--space-xs) var(--space-sm);background:var(--rp-surface-raised);border:1px solid var(--rp-border);border-radius:var(--radius-sm);font-size:var(--font-base);color:var(--rp-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.run-selector button:hover{background:var(--rp-accent-bg);color:var(--rp-text)}.run-selector button.active{background:var(--rp-accent);color:var(--rp-accent-text);border-color:var(--rp-accent)}.uma-stats-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.uma-stats-card{background:var(--rp-surface-raised);border-radius:var(--radius-md);border:1px solid var(--rp-border);overflow:hidden}.uma-stats-card.uma1{border-left:3px solid #4a9eff}.uma-stats-card.uma2{border-left:3px solid #ff6b6b}.uma-stats-header{padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--rp-border)}.uma-stats-label{font-weight:600;font-size:var(--font-base);text-transform:uppercase;letter-spacing:.5px;color:var(--rp-text-secondary)}.uma-stats-details{padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.stats-primary{display:flex;justify-content:space-evenly;align-items:center;padding-bottom:var(--space-sm);border-bottom:1px solid var(--rp-border)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-item svg{color:var(--rp-text-secondary);opacity:.7}.stat-item .value{font-family:JetBrains Mono,monospace;font-size:var(--font-lg);font-weight:600;color:var(--rp-text)}.stat-item .label{font-size:var(--font-xs);color:var(--rp-text-secondary);text-transform:uppercase;letter-spacing:.3px}.stats-secondary{display:flex;flex-direction:column;gap:2px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:var(--font-base)}.stat-row .label{display:flex;align-items:center;gap:4px;color:var(--rp-text-secondary)}.stat-row .label svg{opacity:.6}.stat-row .value{font-family:JetBrains Mono,monospace;color:var(--rp-text)}.stat-row .value .stat-subtext{font-size:var(--font-sm);color:var(--rp-text-secondary);opacity:.75}.mechanics-section,.skills-section,.debuffs-section,.misc-section{padding-top:var(--space-xs);border-top:1px solid var(--rp-border)}.mechanics-section h4,.skills-section h4,.debuffs-section h4,.misc-section h4{font-size:var(--font-sm);font-weight:600;color:var(--rp-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-sm) 0}.skill-activations{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.skill-activation{display:flex;align-items:center;gap:4px;padding:2px 6px;background:var(--rp-surface);border-radius:var(--radius-sm);font-size:var(--font-sm)}.skill-activation .skill-name{color:var(--rp-text-secondary);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-activation .skill-pos{font-family:JetBrains Mono,monospace;color:var(--rp-text-secondary)}.debuff-activation{border:1px solid color-mix(in srgb,#ff6b6b 45%,transparent)}.debuff-activation .debuff-drain{font-family:JetBrains Mono,monospace;color:#ff6b6b;font-weight:600}@media(max-width:768px){.uma-stats-container{grid-template-columns:1fr}.results-summary{gap:var(--space-sm)}.results-stat{padding:var(--space-xs) var(--space-sm);min-width:60px}.results-stat-value{font-size:var(--font-lg)}}@media(max-width:480px){.results-pane{padding:var(--space-sm)}}.spOptimizerStrip{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:5px 12px;margin-bottom:6px;font-family:var(--font-sans)}.spOptimizerTitle{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-2)}.spOptimizerHint{font-size:var(--font-xs);color:var(--muted-2)}.spOptimizerDirtyNote{font-size:var(--font-xs);color:var(--warning)}.spOptimizerOptions{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap}.spOptimizerOption{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 10px;font-family:inherit;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.spOptimizerOption:hover{border-color:var(--accent)}.spOptimizerOption:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.spOptimizerOption.selected{background:color-mix(in srgb,var(--accent) 22%,var(--bg));border-color:var(--accent)}.spOptimizerOptionRank{flex-shrink:0;width:15px;height:15px;border-radius:50%;background:var(--border);color:var(--fg);font-size:10px;font-weight:700;line-height:15px;text-align:center}.spOptimizerOption.selected .spOptimizerOptionRank{background:var(--accent);color:var(--bg)}.spOptimizerOptionGain{font-size:var(--font-sm);font-weight:700;color:var(--fg)}.spOptimizerOptionMeta{font-size:var(--font-xs);color:var(--muted-2)}.spOptimizerTruncated{font-size:var(--font-xs);color:var(--warning);cursor:help}.spOptimizerInfo{font-size:var(--font-sm);color:var(--muted-2);cursor:help}.spOptimizerTip{position:relative}.spOptimizerTip:hover:after,.spOptimizerTip:focus-visible:after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);left:0;z-index:10;width:max-content;max-width:340px;padding:6px 10px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);font-size:var(--font-xs);font-weight:400;line-height:1.4;white-space:normal;text-align:left;box-shadow:var(--shadow-md)}.spOptimizerTip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.spOptimizerDetail{position:absolute;bottom:calc(100% + 6px);left:0;width:min(340px,calc(100vw - 40px));max-height:min(320px,50vh);overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:10px 12px;font-family:var(--font-sans);z-index:var(--z-sticky);transform-origin:bottom;animation:spOptimizerDetailIn var(--transition-fast)}@keyframes spOptimizerDetailIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.spOptimizerDetail{animation:none}}.spOptimizerDetailHeader{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.spOptimizerDetailHeader .spOptimizerOptionGain{font-size:var(--font-lg);font-weight:700;color:var(--fg)}.spOptimizerDetailHeader .spOptimizerOptionMeta{margin-left:auto}.spOptimizerDetailSkills{display:flex;flex-direction:column;gap:4px}.spOptimizerDetailSkill{display:flex;align-items:center;gap:8px}.spOptimizerDetailSkillName{flex:1;font-size:var(--font-xs);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spOptimizerDetailSkillCost{flex-shrink:0;font-size:var(--font-xs);color:var(--muted-2)}.spOptimizerDetailIcon{width:20px;height:20px;border-radius:3px;flex-shrink:0;border:1px solid transparent}.spOptimizerDetailIcon.skill-white{border-color:var(--skill-white-accent)}.spOptimizerDetailIcon.skill-gold{border-color:var(--skill-gold-accent)}.spOptimizerDetailIcon.skill-pink{border-color:var(--skill-pink-accent)}.spOptimizerDetailIcon.skill-unique{border-color:var(--skill-unique-accent)}.spOptimizerFootnote{margin-top:8px;font-size:10px;color:var(--muted-2)}.shopSkillFilterRow{width:100%}.shopSkillFilterBtn{padding:3px 10px;background-color:var(--surface);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--fg);font-size:var(--font-sm);cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.shopSkillFilterBtn:hover:not(:disabled){background-color:var(--hover);border-color:var(--input-border-hover)}.shopSkillFilterBtn:disabled{cursor:not-allowed;opacity:.5}.shopSkillFilterBtn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.shopSkillBudgetLabel{display:flex;align-items:center;gap:6px;font-size:var(--font-sm);color:var(--muted-2)}.shopSkillBudgetInput{width:72px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:3px 6px;font-size:var(--font-sm);color:var(--fg);font-family:inherit}.shopSkillBudgetInput:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.shopSkillBudgetInput:disabled{cursor:not-allowed;opacity:.5}.shopSkillFilterWontProc{font-size:var(--font-sm);color:var(--muted-2)}.shopSkillPanel{width:280px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--sp-border);background:var(--sp-elevated);overflow:hidden}@media(max-width:900px){.shopSkillPanel{width:auto;flex:0 0 auto;max-height:160px;border-left:none;border-top:1px solid var(--sp-border)}}.shopSkillPanelHeader{flex-shrink:0;padding:8px 10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--sp-text-faint);border-bottom:1px solid var(--sp-border)}.shopSkillPanelEmpty{padding:14px 10px;font-size:12px;color:var(--sp-text-muted)}.shopSkillPanelList{flex:1;min-height:0;overflow-y:auto;padding:8px 8px 4px;display:flex;flex-direction:column;gap:10px}.shopSkillPanelSection:empty{display:none}.shopSkillPanelSectionLabel{padding:0 2px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--sp-text-faint)}.shopSkillPanelFamily{display:flex;flex-direction:column;gap:2px}.shopSkillPanelFamily+.shopSkillPanelFamily{margin-top:4px}.shopSkillChip{display:inline-flex;align-items:center;gap:6px;padding:3px 6px 3px 8px;border-radius:var(--radius-sm);border:1px solid var(--sp-border);border-left-width:3px;font-size:var(--font-xs);line-height:1.4;max-width:220px}.shopSkillChipDimmed{opacity:.5}.shopSkillChipDimmed .shopSkillChipName{text-decoration:line-through}.shopSkillChipIcon{width:18px;height:18px;flex-shrink:0;border-radius:3px}.shopSkillChipName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopSkillChipRemove{flex-shrink:0;padding:0 2px;background:none;border:none;color:var(--sp-text-muted);font-size:var(--font-sm);line-height:1;cursor:pointer}.shopSkillChipRemove:hover{color:var(--sp-error)}.shopSkillHint{flex-shrink:0;width:2ch;padding:1px 3px;border-radius:var(--radius-sm);border:1px solid var(--sp-border);background:var(--sp-bg);color:var(--sp-text);font-size:var(--font-xs);font-family:inherit;text-align:center;line-height:1.4}.shopSkillHint:focus-visible{outline:2px solid var(--sp-primary);outline-offset:1px}.shopSkillHintSpacer{flex-shrink:0;display:inline-block;width:2ch;padding:1px 3px;border:1px solid transparent}.shopSkillPanelItem.shopSkillChip{display:flex;width:100%;max-width:none}.shopSkillPanelItemChild{margin-left:18px;padding-left:8px;border-left:2px solid var(--sp-border)}.shopSkillPanelClear{flex-shrink:0;margin:4px 8px 8px;padding:4px 0;background:none;border:none;color:var(--sp-text-muted);font-size:12px;font-family:inherit;text-align:left;cursor:pointer}.shopSkillPanelClear:hover{color:var(--sp-error)}.shopSkillPanelClear:focus-visible,.shopSkillPanelItem .shopSkillChipRemove:focus-visible{outline:2px solid var(--sp-primary);outline-offset:1px}#umasTab{display:flex;flex-direction:column;min-height:0;height:100%;background:var(--bg, #fff);overflow-y:auto}.umasImportBar{padding:16px 24px 14px;border-bottom:1px solid var(--border, #e5e7eb);display:flex;flex-direction:column;gap:7px}.umasImportInputRow{display:flex;gap:8px}.umasImportInput{flex:1;padding:8px 12px;font-size:14px;font-family:inherit;background:var(--input-bg, #fff);border:1px solid var(--input-border, hsl(210 14% 83%));border-radius:7px;color:var(--fg, #111827);outline:none;transition:border-color .15s;min-width:0}.umasImportInput:focus{border-color:var(--accent, hsl(215 70% 55%))}.umasImportInput:disabled{opacity:.6}.umasImportBtn{padding:8px 20px;font-size:14px;font-weight:600;font-family:inherit;background:var(--accent, hsl(215 70% 50%));color:#fff;border:none;border-radius:7px;cursor:pointer;transition:background .15s;white-space:nowrap}.umasImportBtn:hover:not(:disabled){background:var(--accent-hover, hsl(215 70% 42%))}.umasImportBtn:disabled{opacity:.5;cursor:default}.umasClearAllBtn{padding:8px 14px;font-size:14px;font-family:inherit;border-radius:7px;border:1px solid color-mix(in srgb,var(--negative, #f44336) 45%,var(--bg, #fff));background:var(--input-bg, #fff);color:var(--negative, hsl(0 60% 50%));cursor:pointer;transition:all .12s;white-space:nowrap}.umasClearAllBtn:hover{background:color-mix(in srgb,var(--negative, #f44336) 8%,var(--bg, #fff));border-color:var(--negative, hsl(0 60% 60%))}.umasImportError{margin:0;font-size:13px;color:var(--negative, hsl(0 70% 45%))}.umasImportHint{margin:0;font-size:12px;color:var(--muted, #6b7280)}.umasImportHint a{color:var(--accent, hsl(215 70% 50%));text-decoration:none}.umasImportHint a:hover{text-decoration:underline}.umasLoadedCount{font-weight:500;color:var(--accent, hsl(215 50% 50%))}.umasSearchSection{border-bottom:1px solid var(--border, #e5e7eb)}.umasSearchBar{display:flex;align-items:center;gap:8px;padding:10px 24px}.umasSearchInput{flex:1;padding:7px 12px;font-size:14px;font-family:inherit;background:var(--input-bg, #fff);border:1px solid var(--input-border, hsl(210 14% 83%));border-radius:7px;color:var(--fg, #111827);outline:none;transition:border-color .15s;min-width:0}.umasSearchInput:focus{border-color:var(--accent, hsl(215 70% 55%))}.umasFiltersToggle{display:flex;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;font-family:inherit;background:var(--input-bg, #fff);border:1px solid var(--input-border, hsl(210 14% 83%));border-radius:7px;color:var(--fg, #111827);cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}.umasFiltersToggle:hover{border-color:var(--accent, hsl(215 70% 55%))}.umasFiltersToggle--open{border-color:var(--accent, hsl(215 70% 55%));background:var(--accent-active-bg, hsl(215 70% 97%))}.umasFilterBadge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:11px;font-weight:700;background:var(--accent, hsl(215 70% 50%));color:#fff;line-height:1}.umasFiltersChevron{font-size:10px;color:var(--muted, #6b7280)}.umasSortControl{display:flex;align-items:stretch;gap:4px;flex-shrink:0}.umasSortLabel{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted, #6b7280);align-self:center}.umasSortSelect{padding:7px 8px;font-size:14px;font-family:inherit;background:var(--input-bg, #fff);border:1px solid var(--input-border, hsl(210 14% 83%));border-radius:6px 0 0 6px;color:var(--fg, #111827);cursor:pointer;outline:none;transition:border-color .12s;line-height:1}.umasSortSelect:focus{border-color:var(--accent, hsl(215 70% 55%));z-index:1;position:relative}.umasSortDirBtn{padding:0 8px;font-size:13px;font-family:inherit;background:var(--input-bg, #fff);border:1px solid var(--input-border, hsl(210 14% 83%));border-left:none;border-radius:0 6px 6px 0;color:var(--fg, #111827);cursor:pointer;transition:background .12s,border-color .12s;white-space:nowrap;display:flex;align-items:center}.umasSortDirBtn:hover:not(:disabled){background:var(--accent-active-bg, hsl(215 50% 95%));border-color:var(--accent, hsl(215 70% 55%));z-index:1;position:relative}.umasSortDirBtn--disabled{opacity:.4;cursor:default}.umasFilterPanel{padding:12px 24px 14px;display:flex;flex-direction:column;gap:10px;background:var(--card, hsl(220 14% 98%));border-top:1px solid var(--border, #e5e7eb)}.umasAptFilter{display:flex;flex-direction:column;gap:6px}.umasAptFilterRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.umasAptFilterCell{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:default}.umasAptSelect{padding:2px 4px;font-size:12px;font-family:inherit;background:var(--input-bg, #fff);border:1px solid var(--input-border, hsl(210 14% 83%));border-radius:5px;color:var(--fg, #111827);cursor:pointer;outline:none;width:44px;text-align:center;transition:border-color .12s}.umasAptSelect:focus{border-color:var(--accent, hsl(215 70% 55%))}.umasSkillFilterRow{display:flex;align-items:flex-start;gap:8px}.umasSkillFilterRow>.umasAptRowLabel{padding-top:8px;flex-shrink:0}.umasSkillPicker{flex:1;min-width:0}.umasSkillPickerChips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.umasSkillChip{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 6px;border-radius:5px;border:1px solid var(--border, #e5e7eb);border-left-width:3px;background:var(--skill-white-bg, hsl(220 10% 97%));font-size:12px;font-weight:500;color:var(--fg, #111827);white-space:nowrap}.umasSkillChipIcon{width:16px;height:16px;flex-shrink:0}.umasSkillChipName{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.umasSkillChipRemove{background:none;border:none;padding:0 2px;font-size:14px;line-height:1;color:var(--muted, #6b7280);cursor:pointer;border-radius:3px;transition:color .1s,background .1s;font-family:inherit}.umasSkillChipRemove:hover{color:var(--negative, hsl(0 70% 50%));background:color-mix(in srgb,var(--negative, #f44336) 10%,var(--bg, #fff))}.umasSkillSearchWrap{position:relative;flex:1;min-width:180px}.umasSkillSearch{width:100%;box-sizing:border-box;padding:8px 10px;font-size:13px;font-family:inherit;background:var(--input-bg, #fff);border:1px solid var(--input-border, hsl(210 14% 83%));border-radius:6px;color:var(--fg, #111827);outline:none;transition:border-color .15s}.umasSkillSearch:focus{border-color:var(--accent, hsl(215 70% 55%))}.umasSkillDropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg, #fff);border:1px solid var(--border, #e5e7eb);border-radius:7px;box-shadow:var(--shadow-md, 0 4px 16px rgba(0, 0, 0, .1));z-index:100;overflow:hidden;max-height:260px;overflow-y:auto}.umasSkillDropdownItem{display:flex;align-items:center;gap:7px;padding:7px 10px 7px 8px;font-size:13px;color:var(--fg, #111827);cursor:pointer;border-left:3px solid transparent;transition:background .08s}.umasSkillDropdownItem:hover{background:var(--accent-active-bg, hsl(215 50% 96%))}.umasFilterClearBtn{align-self:flex-start;padding:5px 12px;font-size:12px;font-family:inherit;background:none;border:1px solid var(--border, #e5e7eb);border-radius:6px;color:var(--muted, #6b7280);cursor:pointer;transition:color .1s,border-color .1s,background .1s}.umasFilterClearBtn:hover{color:var(--negative, hsl(0 70% 50%));border-color:color-mix(in srgb,var(--negative, #f44336) 50%,var(--bg, #fff));background:color-mix(in srgb,var(--negative, #f44336) 6%,var(--bg, #fff))}.umasResultCount{margin:0;padding:8px 24px 0;font-size:12px;color:var(--muted, #6b7280)}.umasResultCount strong{color:var(--fg, #111827)}.umasGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:16px 24px 24px;align-items:start}.umasEmpty{padding:48px 24px;text-align:center;color:var(--muted, #6b7280);font-size:14px}.umasEmpty p{margin:0}.umaCard{background:var(--card, #fff);border:1px solid var(--border, #e5e7eb);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s}.umaCard:hover{box-shadow:var(--shadow-md, 0 2px 12px rgba(0, 0, 0, .08))}.umaCardHeader{display:flex;align-items:flex-start;gap:10px;padding:7px 8px 6px 12px;border-bottom:1px solid var(--border, #e5e7eb)}.umaCardPortrait{width:52px;height:52px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--surface, hsl(215 20% 95%))}.umaCardTitle{display:flex;flex-direction:column;gap:2px;min-width:0;align-self:center}.umaCardName{font-size:14px;font-weight:600;color:var(--fg, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.umaCardOutfit{font-size:11px;color:var(--muted, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.umaCardMeta{display:flex;flex-direction:column;gap:0;font-size:11px;color:var(--muted, #6b7280)}.umaCardMetaItem{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.umaCardStats{display:grid;grid-template-columns:repeat(5,1fr);padding:8px 12px;gap:2px;border-bottom:1px solid var(--border, #e5e7eb)}.umaCardStat{display:flex;flex-direction:column;align-items:center;gap:2px}.umaStatCatIcon{width:16px;height:16px;object-fit:contain}.umaStatRankIcon{width:22px;height:22px;object-fit:contain}.umaStatValue{font-size:11px;font-weight:600;color:var(--fg, #111827);font-variant-numeric:tabular-nums}.umaCardApts{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border, #e5e7eb)}.umasAptRow{display:flex;align-items:center;gap:4px}.umasAptRowLabel{font-size:10px;font-weight:600;color:var(--muted, #6b7280);width:28px;flex-shrink:0;text-transform:uppercase;letter-spacing:.02em}.umasAptCell{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:32px}.umasAptCellLabel{font-size:9px;color:var(--muted, #6b7280);line-height:1;white-space:nowrap}.umasAptIcon{width:20px;height:20px;object-fit:contain}.umasAptEmpty{font-size:11px;color:var(--muted, #6b7280);line-height:20px}.umasSkillSection{display:flex;flex-direction:column}.umasSkillGrid{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px}.umasSkillSpTotal{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:5px 12px 7px;border-top:1px solid var(--border, #e5e7eb)}.umasSkillSpTotalLabel{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted, #6b7280)}.umasSkillSpTotalValue{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--fg, #111827)}.umasSkillPill{display:flex;align-items:center;gap:3px;padding:3px 6px 3px 4px;border-radius:4px;border:1px solid var(--border, #e5e7eb);border-left-width:3px;background:var(--skill-white-bg, hsl(220 10% 97%));cursor:default}.umasSkillPillIcon{width:16px;height:16px;flex-shrink:0}.umasSkillPillName{font-size:10px;font-weight:500;color:var(--fg, #111827);white-space:nowrap;line-height:1.2}.umasRarity-white{border-left-color:var(--skill-white-accent, hsl(220 15% 65%))}.umasRarity-gold{border-left-color:var(--skill-gold-accent, hsl(43 90% 50%))}.umasRarity-unique{border-left-color:var(--skill-unique-accent, hsl(270 65% 65%))}.umasRarity-pink{border-left-color:var(--skill-pink-accent, hsl(320 70% 60%))}.umaCardActions{display:flex;gap:4px;margin-left:auto;flex-shrink:0;align-items:flex-start}.umaCardActionBtn{height:22px;padding:0 7px;font-size:11px;font-weight:500;font-family:inherit;border-radius:5px;border:1px solid var(--border, #e5e7eb);background:var(--input-bg, #fff);color:var(--muted, #6b7280);cursor:pointer;transition:background .12s,border-color .12s,color .12s;white-space:nowrap;display:flex;align-items:center;justify-content:center;line-height:1}.umaCardActionBtn:hover{background:var(--accent-active-bg, hsl(215 50% 95%));border-color:color-mix(in srgb,var(--accent, hsl(215 50% 75%)) 55%,var(--bg, #fff));color:var(--accent, hsl(215 60% 35%))}.umaCardActionBtn--export{padding:0 6px}.umaCardActionBtn--export:hover{background:var(--accent-active-bg, hsl(215 50% 95%));border-color:color-mix(in srgb,var(--accent, hsl(215 50% 75%)) 55%,var(--bg, #fff));color:var(--accent, hsl(215 60% 35%))}.umaCardActionBtn--copied{background:color-mix(in srgb,var(--positive, #4caf50) 15%,var(--bg, #fff));border-color:color-mix(in srgb,var(--positive, #4caf50) 55%,var(--bg, #fff));color:var(--positive, hsl(140 50% 30%))}#introtext{font-size:14px;margin-left:20px;margin-top:0;overflow:auto;padding-right:20px;width:auto}.infoModal #introtext{margin-left:0;padding-right:0;overflow:visible}#introtext>details>summary{font-size:1.4em}.warning-text{color:var(--negative)}#introtext .releaseList{margin-top:.5em}#introtext .release{border-top:1px solid var(--border, #e5e7eb)}#introtext .release:last-child{border-bottom:1px solid var(--border, #e5e7eb)}#introtext .release>summary{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:1em;font-variant-numeric:tabular-nums;font-weight:600;gap:.5em;list-style:none;padding:.5em .4em}#introtext .release>summary::-webkit-details-marker{display:none}#introtext .release>summary:before{border-bottom:1.5px solid currentColor;border-right:1.5px solid currentColor;content:"";height:.4em;opacity:.55;transform:rotate(-45deg);transition:transform .15s;width:.4em}#introtext .release[open]>summary:before{transform:rotate(45deg)}#introtext .release>summary:hover{background:var(--surface, #f2f2f2)}#introtext .release>ul{color:var(--muted, #374151);line-height:1.55;margin:0 0 .75em;padding-left:1.7em}#introtext .release>ul>li{margin-bottom:.35em}#credits{column-gap:1.5em;display:grid;grid-template-columns:max-content 1fr;margin:.75em 0 0;row-gap:.5em}#credits dt{font-weight:700;white-space:nowrap}#credits dd{margin:0}@media(max-width:768px){#credits{grid-template-columns:1fr;row-gap:.25em}#credits dd{margin-bottom:.5em}}#sourcelinks{font-size:.85em}.dropdown{position:relative;display:inline-flex}.dropdownTrigger{display:inline-flex}.dropdownMenu{min-width:180px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:4px;display:flex;flex-direction:column;gap:1px}.dropdownItem{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;font-size:var(--font-base);color:var(--fg);cursor:pointer;user-select:none;transition:background .1s;white-space:nowrap}.dropdownItem:hover:not(.dropdownItemDisabled){background:var(--hover)}.dropdownItemDisabled{color:var(--muted-2);cursor:default;font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px 2px}.dropdownItemIcon{display:flex;align-items:center;color:var(--muted);flex-shrink:0}.dropdownItemLabel{flex:1}.dropdownItemSuffix{display:flex;align-items:center;margin-left:auto}.dropdownDivider{height:1px;background:var(--border);margin:3px 0}.dropdownDeleteBtn{display:flex;align-items:center;padding:3px;background:transparent;border:none;border-radius:3px;color:var(--muted);cursor:pointer;opacity:0;transition:opacity .1s,background .1s,color .1s}.dropdownItem:hover .dropdownDeleteBtn{opacity:1}.dropdownDeleteBtn:hover{background:color-mix(in srgb,var(--negative) 15%,transparent);color:var(--negative)}.tabs{display:flex;gap:0}.tabsItem{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--muted-2);cursor:pointer;font-family:inherit;user-select:none;transition:all var(--transition-fast);white-space:nowrap}.tabsItem:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent);border-radius:var(--radius-sm)}.tabsItem.disabled{cursor:default;opacity:.5}.tabs--underline{align-items:stretch}.tabs--underline .tabsItem{padding:8px 16px;font-size:var(--font-base);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs--underline .tabsItem:hover:not(.active):not(.disabled){color:var(--fg);border-bottom-color:var(--input-border)}.tabs--underline .tabsItem.active{color:var(--accent);font-weight:600;border-bottom-color:var(--accent)}.tabs--iconrail{flex-direction:column;align-items:center;gap:var(--space-xs)}.tabs--iconrail .tabsItem{position:relative;width:36px;height:36px;border-radius:var(--radius-sm)}.tabs--iconrail .tabsItem:hover:not(.active){background:var(--hover);color:var(--fg)}.tabs--iconrail .tabsItem.active{background:var(--accent-active-bg);color:var(--accent)}.tabs--iconrail .tabsItem[data-tip]:hover:after,.tabs--iconrail .tabsItem[data-tip]:focus-visible:after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--fg);color:var(--bg);padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:500;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-md);opacity:0;animation:tabsTipIn var(--transition-fast) .3s forwards}@keyframes tabsTipIn{to{opacity:1}}.tabs--segmented{gap:var(--space-xs);flex-wrap:wrap}.tabs--segmented .tabsItem{padding:4px 12px;font-size:var(--font-base);font-weight:500;border-radius:var(--radius-sm);border-bottom:2px solid transparent;color:var(--muted-2)}.tabs--segmented .tabsItem:hover:not(.active):not(.disabled){background:var(--hover);color:var(--fg)}.tabs--segmented .tabsItem.active{background:var(--seg-bg, var(--card));border-bottom-color:var(--seg-accent, var(--accent));color:var(--fg);font-weight:600}body{font-family:var(--font-sans);margin:0}#app{display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto 1fr;height:100vh;gap:0}#umasPane{grid-column:1 / -1;grid-row:2;overflow:hidden;display:flex;flex-direction:column}#iconSidebar{grid-column:1;grid-row:2 / -1;padding:12px 0;width:48px;background:var(--bg);border-right:1px solid var(--border);position:relative;z-index:var(--z-above-modal)}#navBar{grid-column:1 / -1;display:flex;align-items:stretch;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--bg);padding:0 16px;height:44px;z-index:var(--z-sticky)}#navTabs .tabsItem{font-size:14px}#themeToggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;align-self:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--muted-2);transition:all var(--transition-fast)}#themeToggle:hover{background:var(--hover);color:var(--fg)}#pacemakerIndicator{display:flex;flex-direction:column;gap:8px;margin-top:8px;font-size:.9em}#pacemakerIndicator span{color:var(--muted);font-size:.95em}#pacemakerIndicator button{background:var(--bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;font-weight:500;padding:8px 16px;transition:background var(--transition-fast),border-color var(--transition-fast)}#pacemakerIndicator button:hover{background:var(--hover);border-color:var(--input-border-hover)}#pacemakerCountControl{display:flex;flex-direction:column;gap:5px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}#pacemakerCountControl label{font-size:.85em;color:var(--muted);font-weight:500}#pacemakerCountControl input[type=range]{width:100%;cursor:pointer}.pacemaker-selection{display:flex;flex-direction:column;gap:5px;margin-top:5px}.pacemaker-checkbox{display:flex;align-items:center;gap:6px;font-size:.9em;cursor:pointer}.pacemaker-checkbox input[type=checkbox]{margin:0;cursor:pointer}.pacemaker-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.pacemaker-checkbox span{font-weight:500}.pacemaker-combobox{position:relative;display:inline-block;width:100%}.pacemaker-combobox-button{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:6px 12px;width:100%;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.9em;color:var(--fg)}.pacemaker-combobox-button:hover{border-color:var(--input-border-hover)}.pacemaker-combobox-arrow{font-size:.8em;transition:transform .2s}.pacemaker-combobox-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:var(--z-modal);margin-top:2px}.pacemaker-combobox-option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:.9em;border-bottom:1px solid var(--border)}.pacemaker-combobox-option:last-child{border-bottom:none}.pacemaker-combobox-option:hover{background:var(--hover)}.pacemaker-combobox-option input[type=checkbox]{margin:0;cursor:pointer}#modeTabs{align-self:center;border-bottom:1px solid var(--border);margin-bottom:8px}#mainContent{grid-column:3;grid-row:2;overflow-y:auto;min-height:0;display:flex;flex-direction:column}#topPane{display:flex;flex-direction:column;position:relative;padding:20px 20px 0}#topPane.chart-split{overflow-y:auto;overflow-x:hidden;min-height:0;flex:none}#chartSplitter{flex:none;height:10px;margin:2px 20px 0;border-radius:5px;cursor:row-resize;background:var(--border);position:relative;touch-action:none}#chartSplitter:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:2px;border-radius:1px;background:var(--muted-2)}#chartSplitter:hover{background:var(--input-border-hover)}body.splitterDragging{cursor:row-resize;user-select:none}.controlPanel{background:var(--surface);border-radius:var(--radius-md);padding:8px 14px 8px 0;margin-bottom:8px;overflow:hidden}.controlPanelFields{display:flex;flex-wrap:wrap;margin-left:-1px}.controlPanelField{display:flex;flex-direction:column;gap:6px;justify-content:flex-start;padding:8px 14px;position:relative}.controlPanelField:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:75%;width:1px;background:var(--border)}.controlPanelLabel{font-family:var(--font-sans);font-size:var(--font-xs);font-weight:600;color:var(--muted-2);text-transform:uppercase;letter-spacing:.4px}.controlPanel select,.controlPanel input{font-family:var(--font-sans);font-size:var(--font-base);padding:6px 10px;border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--fg);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none;-webkit-appearance:none;cursor:pointer}.controlPanel select{padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px}.controlPanel select:hover,.controlPanel input:hover{border-color:var(--input-border-hover)}.controlPanel select:focus,.controlPanel input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}#runBar{display:flex;align-items:center;gap:12px;padding:8px 0;font-family:var(--font-sans);font-size:var(--font-base);flex-wrap:wrap}#runBar #run{font-family:inherit;font-size:var(--font-base);font-weight:600;padding:6px 16px;margin:0;width:auto;border-radius:var(--radius-sm)}#runBar #runOnce{font-family:inherit;font-size:var(--font-base);padding:6px 12px;margin:0;width:auto;border-radius:var(--radius-sm)}.runBarError{font-family:inherit;font-size:var(--font-base);color:var(--negative);background:color-mix(in srgb,var(--negative) 8%,transparent);border:1px solid color-mix(in srgb,var(--negative) 25%,transparent);border-radius:var(--radius-sm);padding:4px 10px}.runBarGroup{display:flex;align-items:center;gap:6px}.runBarGroup label{font-family:var(--font-sans);font-size:var(--font-xs);font-weight:600;color:var(--muted-2);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.runBarGroup input[type=number]{font-family:var(--font-sans);width:70px;padding:6px 10px;border:1px solid var(--input-border);border-radius:var(--radius-sm);font-size:var(--font-base);background:var(--input-bg);color:var(--fg);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.runBarGroup input[type=number]:hover{border-color:var(--input-border-hover)}.runBarGroup input[type=number]:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.runBarCheckbox{gap:4px}.runBarCheckbox input[type=checkbox]{margin:0}#chartIconFilter{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:8px 20px 4px}.chartFilterRow{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.chartFilterLabel{font-size:var(--font-sm);color:var(--muted-2)}.chart-icon-filter-btn{width:28px;height:28px;padding:0;background-color:var(--surface);background-size:22px 22px;background-position:center;background-repeat:no-repeat;border:1px solid var(--input-border);border-radius:var(--radius-sm);cursor:pointer;opacity:.45;transition:opacity .12s ease,border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.chart-icon-filter-btn:hover:not(:disabled){background-color:var(--hover);border-color:var(--input-border-hover);opacity:.8}.chart-icon-filter-btn:disabled{cursor:not-allowed;pointer-events:none;opacity:.35!important}.chart-icon-filter-btn.active{background-color:var(--card);border-color:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 30%,transparent);opacity:1}#chartRunSettings{display:flex;align-items:center;gap:16px;padding:8px 20px 4px;flex-wrap:wrap;font-size:var(--font-sm)}.chartRunEstimate{color:var(--muted);font-size:var(--font-xs)}#chartRunSettings input[type=range]{width:110px;vertical-align:middle}.chartPruningValue{color:var(--muted);font-size:var(--font-xs);min-width:7em;display:inline-block}.chartHoverHint{color:var(--muted);font-size:var(--font-xs);margin-left:12px}.chartFilterNote{color:var(--muted);font-size:var(--font-xs)}.pacemakerName-0{color:#22c55e}.pacemakerName-1{color:#a855f7}.pacemakerName-2{color:#ec4899}.settingsHint{display:block;color:var(--muted);font-size:var(--font-xs);margin-top:4px}#stopChart{color:var(--negative);border-color:var(--negative)}.expandedContent{position:relative}.expandedSummary{margin-bottom:var(--space-sm);width:300px}.expandedMetaRow{font-size:var(--font-xs);margin-bottom:2px;display:flex;align-items:center;gap:var(--space-sm)}.expandedMetaLine{font-size:var(--font-xs);margin-bottom:2px}.expandedRateBar{display:flex;width:100%;height:8px;border:1px solid var(--border);overflow:hidden}.expandedRateBar>div{height:100%}.expandedRateBar-help{background:var(--positive)}.expandedRateBar-tie{background:var(--neutral)}.expandedRateBar-hurt{background:var(--negative)}.expandedStatsTable{font-size:var(--font-xs);margin-top:6px;width:100%}.expandedStatsTable th{text-align:left;color:var(--muted, #6b7280);font-weight:400;padding-right:8px}.expandedStatsTable td{text-align:right}.expandedCharts{display:flex;gap:20px;align-items:flex-start}.expandedShowingRow{font-size:var(--font-xs);margin-bottom:2px;display:flex;justify-content:flex-end;gap:var(--space-xs);align-items:center}.expandedChartLoading{width:400px;height:200px;display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);color:var(--muted-2)}.expandedCredit{position:absolute;bottom:0;right:0;font-size:var(--font-xs);font-style:italic;padding:4px}#settingsPane{grid-row:2 / -1;grid-column:2;width:360px;overflow-y:auto;border-right:1px solid var(--border);background:var(--bg);padding:20px;box-sizing:border-box;min-height:0;align-self:stretch}#settingsPane h3{margin:0 0 16px;font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted-2)}.settingsCard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-bottom:12px}.settingsCard h4{margin:0 0 12px;font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-2)}.settingsCard select{width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:8px 10px;font-size:var(--font-base);color:var(--fg);font-family:inherit}.settingsToggleRow{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:var(--font-base);color:var(--fg)}.settingsToggleRow+.settingsToggleRow{border-top:1px solid var(--border)}.toggleSwitch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0;cursor:pointer}.toggleSwitch input{opacity:0;width:0;height:0;position:absolute}.toggleTrack{position:absolute;inset:0;background:var(--input-border);border-radius:10px;transition:background .2s}.toggleTrack:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px #00000026}.toggleSwitch input:checked+.toggleTrack{background:var(--accent)}.toggleSwitch input:checked+.toggleTrack:after{transform:translate(16px)}.settingsSmallBtn{background:var(--bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;font-size:var(--font-sm);line-height:1;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.settingsSmallBtn:hover{background:var(--hover)}.settingsCopyBtn{display:flex;align-items:center;justify-content:center;width:100%;background:var(--bg);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:10px;cursor:pointer;font-size:var(--font-base);font-weight:500;font-family:inherit;color:var(--muted);transition:background var(--transition-fast),border-color var(--transition-fast)}.settingsCopyBtn:hover{background:var(--hover);border-color:var(--input-border-hover)}.duelingOverlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.duelingModal{background:var(--bg);border-radius:var(--radius-md);padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.duelingModal h2{margin:0 0 20px;font-size:var(--font-2xl);font-weight:600;color:var(--fg)}.duelingSliders{display:flex;flex-direction:column;gap:16px}.duelingSliders label{display:block;margin-bottom:8px;font-weight:500;font-size:var(--font-base);color:var(--fg)}.duelingSliders input[type=range]{width:100%}.duelingWarning{background:color-mix(in srgb,var(--negative) 8%,transparent);border:1px solid color-mix(in srgb,var(--negative) 25%,transparent);border-radius:var(--radius-sm);padding:12px;margin-top:8px}.duelingWarning p{margin:0;color:var(--negative);font-size:.9em}.duelingActions{display:flex;justify-content:flex-end;margin-top:24px}.duelingActions button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 16px;cursor:pointer;font-weight:500;font-family:inherit;font-size:var(--font-base);transition:background var(--transition-fast)}.duelingActions button:hover{background:var(--accent-hover)}#seedWrapper{display:flex}#seedWrapper button{font-family:var(--font-sans);padding:4px 8px;border:1px solid var(--input-border);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--card);cursor:pointer;font-size:14px;color:var(--fg);transition:background var(--transition-fast)}#seedWrapper button:hover{background:var(--hover)}#seed{flex:1 1 auto;width:100px;border-radius:var(--radius-sm) 0 0 var(--radius-sm)!important}#run{font-family:var(--font-sans);background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--font-lg);font-weight:600;margin:0;padding:10px 24px;transition:background var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}#run:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}#run:active{background:var(--accent-hover);box-shadow:var(--shadow-sm)}#run:disabled,#run:disabled:hover{background:var(--muted-2);color:var(--bg);cursor:not-allowed;opacity:.6;box-shadow:none}#runOnce{font-family:var(--font-sans);background:var(--accent-active-bg);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;font-size:var(--font-base);font-weight:600;margin:0;padding:8px 16px;transition:background var(--transition-fast),border-color var(--transition-fast)}#runOnce:hover{background:color-mix(in srgb,var(--accent) 22%,var(--bg));border-color:var(--accent)}#runOnce:active{background:color-mix(in srgb,var(--accent) 30%,var(--bg))}#runOnce:disabled,#runOnce:disabled:hover{background:var(--bg);border-color:var(--input-border);color:var(--muted-2);cursor:not-allowed;opacity:.6}#rtMouseOverBox>text{paint-order:stroke;stroke:var(--bg);stroke-width:3px}.trackSelect{display:flex;gap:0}.controlPanel .trackSelect>select{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.controlPanel .trackSelect>select:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none}.controlPanel .groundSelect{font-weight:400;text-align:left}.weatherSelect{display:flex}.controlPanel img{height:2em;cursor:pointer;border-radius:4px;padding:2px;transition:filter .15s}.controlPanel img:not(.selected){filter:grayscale(.9);opacity:.5}.controlPanel img:hover:not(.selected){opacity:.8}.controlPanel img.selected{background:color-mix(in srgb,var(--accent) 10%,transparent)}.racetrackRow{position:relative;width:100%;max-width:100%;margin:0 auto 12px}.racetrackControls{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 16px;justify-content:center;padding:8px 0;font-family:var(--font-sans);font-size:12px}.racetrackControls label{display:flex;align-items:center;gap:5px;cursor:pointer;color:var(--muted);font-weight:500}.racetrackControls input[type=checkbox]{margin:0}.hasResults .racetrackView>svg text:not(.mouseoverText){filter:opacity(.3)}.racetrackView .drag-textbox text{filter:none!important;font-weight:700}#resultsPaneWrapper{display:flex;clear:both;padding:0 20px}#resultsPaneWrapper:has(.mode-chart){flex:1;min-height:0}#resultsPane{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:8px}#resultsPane.mode-chart{width:100%;flex:1;min-height:0;justify-content:flex-start;padding-bottom:20px}.activationFrequencyChart{margin:0;width:300px;height:50px;display:block;overflow:visible}.activationFrequencyChart svg{width:100%;height:100%;display:block;overflow:visible}.activationFrequencyChart svg text{font-size:10px;fill:var(--fg)}.activationFrequencyChart svg .domain,.activationFrequencyChart svg .tick line:not(.grid-line){stroke:var(--theme-brown);stroke-width:1}.activationFrequencyChart svg .grid-line{stroke:#8080804d!important;stroke-width:.5px!important}#resultsHelp{color:var(--theme-brown);font-size:.7em;margin-top:.5em}#resultsSummary{border-spacing:15px 0}#resultsSummary>tfoot th{color:var(--theme-brown);cursor:pointer;font-size:.9em}#resultsSummary>tfoot th.selected{text-decoration:underline}#resultsSummary>tbody td{background:var(--theme-brown-bg);border:2px solid var(--theme-brown-light);border-radius:100px;color:var(--theme-brown);cursor:pointer;font-size:2em;font-weight:400;height:64px;line-height:.8em;padding:36px 20px 20px;text-align:center;width:80px}#resultsSummary .unit-basinn{display:block;font-size:.5em}#infoTables{margin:0 auto;min-width:150px}#infoTables>table{border-collapse:collapse;width:100%}#infoTables tbody{border-bottom:1px solid var(--border);display:block;width:380px;padding-top:10px}#infoTables tbody:last-child{border:none;height:150px;overflow-x:hidden;overflow-y:auto}#infoTables tbody:before,#infoTables tbody:after{content:"";display:block;height:5px}#infoTables caption{color:var(--fg);padding-right:50px;padding-bottom:5px;font-weight:700}#infoTables>table tr{display:table;table-layout:fixed;width:380px}#infoTables>table th{color:var(--theme-brown);font-weight:700;overflow:hidden;text-align:left;text-wrap:nowrap}#infoTables>table td{font-family:monospace;width:160px}#umaPane{grid-row:2 / -1;grid-column:2;width:clamp(560px,38vw,720px);position:relative;overflow-y:auto;background:var(--bg);border-right:1px solid var(--border);min-height:0;align-self:stretch}#umaPane>div{display:none;height:100%}#umaPane>div.selected{display:block}#umaPane .horseDef{border-left:none;border-top:none;border-bottom:none;border-radius:0;min-height:100%}#umaPane .horseDefHeader{background:none;display:flex;padding:0 0 10px;border-bottom:none;text-align:left}.umaTabBar{width:100%;border-bottom:1px solid var(--border)}.umaTabBar #expandBtn,.umaTabBar .horseActionBtn:last-child{margin-left:auto;align-self:center;margin-right:8px}#expandBtn{background:var(--hover);border:none;border-radius:6px;cursor:pointer;height:30px;width:30px;position:relative;transition:background .15s ease;flex-shrink:0}#expandBtn:hover{background:color-mix(in srgb,var(--hover),var(--fg) 8%)}#expandBtn:after{border-right:2px solid var(--muted-2);border-top:2px solid var(--muted-2);content:"";display:block;height:12px;left:5px;position:absolute;top:7px;transform:rotate(45deg);width:12px}#umaOverlay{background:var(--bg);border:1px solid var(--border);border-left:none;border-radius:0 12px 12px 0;display:flex;gap:30px;height:calc(100vh - 18px);left:auto;margin-left:2px;padding:6px;position:fixed;top:0;right:0;width:100vw;overflow-x:auto;overflow-y:auto;z-index:var(--z-overlay);justify-content:flex-start}#umaOverlay>*{flex:0 0 auto}#closeUmaOverlay{color:var(--muted);font-size:2em;height:2em;position:fixed;right:12px;top:12px;z-index:var(--z-overlay-top);cursor:pointer}#copyUmaButtons{display:flex;flex-direction:column;gap:8px;justify-content:center}#copyUmaButtons>div{background:var(--surface);border:2px solid var(--input-border);border-radius:8px;height:60px;line-height:60px;position:relative;width:60px}#copyUmaButtons>div:after{border-top:2px solid var(--theme-brown);border-right:2px solid var(--theme-brown);content:"";display:block;height:30px;position:absolute;width:30px}#copyUmaToRight:after{left:15px;top:25px;transform:rotate(45deg) translate(-15px)}#copyUmaToLeft:after{bottom:25px;right:15px;transform:rotate(-135deg) translate(-15px)}#swapUmas{color:var(--theme-brown);font-size:36px;text-align:center}#swapUmas:after{display:none!important}.basinnChartPopover{background:var(--card);border:2px solid var(--border);border-radius:6px;display:flex;height:333px;left:0;padding:10px;position:absolute;top:0;width:845px}.basinnChartPopover .expandedSkill{width:345px}.runAdditionalSamples{background:var(--accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7em;font-weight:500;padding:4px 8px;transition:background var(--transition-fast);white-space:nowrap}.runAdditionalSamples:hover,.runAdditionalSamples:active{background:var(--accent-hover)}.runAdditionalSamples:disabled,.runAdditionalSamples:disabled:hover{background:var(--muted-2);color:var(--bg);cursor:not-allowed;opacity:.6}body{background:var(--bg);color:var(--fg)}@media(max-width:768px){#app{grid-template-columns:1fr}#mainContent{grid-column:1;padding-bottom:72px}#resultsPaneWrapper:has(.mode-chart){min-height:40vh}#resultsPane.mode-chart{min-height:0}.racetrackRow{overflow-x:auto;-webkit-overflow-scrolling:touch}#mobileBottomBar{position:fixed;bottom:0;left:0;right:0;height:56px;padding-bottom:env(safe-area-inset-bottom,0);display:flex;align-items:stretch;justify-content:center;gap:0;background:var(--bg, #fff);border-top:1px solid var(--border);z-index:var(--z-above-modal)}.mobileBottomBarBtn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px;border:none;background:transparent;color:var(--muted-2);cursor:pointer;font-size:11px;font-weight:500;transition:all .15s ease}.mobileBottomBarBtn:hover{background:var(--hover);color:var(--fg)}.mobileBottomBarBtn.active{background:var(--accent-active-bg);color:var(--accent)}.mobileDialogOverlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center}.mobileDialog{position:relative;width:100%;max-width:100%;max-height:85vh;background:var(--bg, #fff);border-radius:12px 12px 0 0;box-shadow:0 -4px 20px #00000026;display:flex;flex-direction:column;overflow:hidden}.mobileDialogContent{overflow-y:auto;flex:1;min-height:0;padding:16px 16px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0))}.mobileDialogContent--uma{padding-top:48px}.mobileDialogContent--uma>div{display:none}.mobileDialogContent--uma>div.selected{display:block}.mobileDialogClose{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted-2);font-size:1.25rem;cursor:pointer;z-index:1;border-radius:8px;transition:all .15s ease}.mobileDialogClose:hover{background:var(--hover);color:var(--fg)}}.saveLoadOverlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.saveLoadModal{background:var(--bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:20px 24px;min-width:280px;max-width:400px;display:flex;flex-direction:column;gap:12px}.saveLoadModalTitle{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--fg)}.saveLoadInputLabel{display:block;font-size:var(--font-sm);font-weight:500;color:var(--muted);margin-bottom:-6px}.saveLoadInput{width:100%;box-sizing:border-box;padding:7px 12px;font-size:14px;font-family:inherit;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--fg);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.saveLoadInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.saveLoadInput::placeholder{color:var(--muted)}.saveLoadDeleteText{margin:0;font-size:14px;color:var(--fg);line-height:1.5}.saveLoadDeleteText strong{font-weight:600}.saveLoadModalActions{display:flex;justify-content:flex-end;gap:8px}.saveLoadBtnSecondary{padding:6px 14px;background:var(--bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--font-base);font-family:inherit;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.saveLoadBtnSecondary:hover{background:var(--hover);border-color:var(--input-border-hover)}.saveLoadBtnPrimary{padding:6px 14px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--font-base);font-family:inherit;cursor:pointer;transition:background var(--transition-fast)}.saveLoadBtnPrimary:hover{background:var(--accent-hover)}.saveLoadBtnPrimary:disabled{opacity:.5;cursor:not-allowed}.saveLoadBtnDanger{padding:6px 14px;background:var(--negative);border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--font-base);font-family:inherit;cursor:pointer;transition:background var(--transition-fast)}.saveLoadBtnDanger:hover{background:color-mix(in srgb,var(--negative) 85%,black)}.importDialogModal{width:420px;max-width:92vw}.importDialogHint{margin:4px 0 10px;font-size:var(--font-base);color:var(--muted)}.importDialogHint a{color:var(--accent)}.importTextarea{width:100%;box-sizing:border-box;height:72px;padding:8px 10px;font-size:var(--font-sm);font-family:monospace;resize:vertical;border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--fg);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.importTextarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.importDialogError{margin:6px 0 0;font-size:var(--font-sm);color:var(--negative)}