@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap";.tools-page{--tool-gold:#e6c68c;--tool-teal:#77d7cb;--tool-line:#b4c8dc21;color:#e8edf5}.tools-heading{justify-content:space-between;align-items:center;gap:24px;margin:4px 0 30px;display:flex}.tools-heading h1{letter-spacing:-.04em;margin:10px 0 12px;font-size:clamp(25px,3vw,36px);font-weight:600}.tools-heading p{margin:0;font-size:14px}.tools-panel-eyebrow{color:var(--tool-gold);letter-spacing:.17em;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.tools-heading-orbit{width:94px;height:94px;color:var(--tool-gold);border:1px solid var(--tool-line);background:radial-gradient(#e6c68c0f,#0000 70%);border-radius:50%;place-items:center;display:grid}.tools-tabs{border-bottom:1px solid var(--tool-line);gap:5px;margin-bottom:25px;display:flex;overflow-x:auto}.tools-tabs button{color:#8d9bad;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:9px;padding:16px 24px;font-size:13px;display:flex}.tools-tabs button.active{border-bottom-color:var(--tool-gold);color:var(--tool-gold);background:linear-gradient(#0000,#e6c68c12)}.tools-tabs button:hover{color:#fff}.tools-page [hidden]{display:none!important}.tools-layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);align-items:start;gap:20px;display:grid}.tools-page .panel{border:1px solid var(--tool-line);background:#101722;border-radius:12px;padding:28px}.tools-page h2{letter-spacing:-.025em;margin:14px 0 10px;font-size:23px;font-weight:500;line-height:1.55}.tools-page .muted{color:#8d9bad;line-height:1.7}.tools-controls>p{margin-bottom:25px;font-size:12px}.tools-page .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tools-banner-switch{border:1px solid var(--tool-line);background:#090f18;border-radius:7px;gap:4px;margin:24px 0;padding:4px;display:flex}.tools-banner-switch button{color:#8d9bad;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:1;padding:11px 7px;font-size:12px}.tools-banner-switch button.active{color:#e6c68c;background:#252724;box-shadow:0 1px 4px #0004}.tools-field{color:#afbbcb;flex-direction:column;gap:9px;margin-bottom:17px;font-size:12px;display:flex}.tools-input-wrap{position:relative}.tools-field input{box-sizing:border-box;color:#e8edf5;width:100%;min-width:0;height:43px;font:inherit;font-variant-numeric:tabular-nums;background:#0b111b;border:1px solid #2c3747;border-radius:6px;outline:none;padding:10px 37px 10px 12px;font-size:15px}.tools-field input:focus{border-color:var(--tool-teal);box-shadow:0 0 0 3px #77d7cb11}.tools-field input::-webkit-inner-spin-button{opacity:.3}.tools-input-unit{color:#7c899c;pointer-events:none;font-size:11px;position:absolute;top:13px;right:12px}.tools-check{cursor:pointer;align-items:center;gap:11px;margin:5px 0 24px;font-size:13px;display:flex}.tools-check input{width:17px;height:17px;accent-color:var(--tool-gold)}.tools-check small{color:#78869a;margin-top:5px;font-size:11px;display:block}.tools-callout{color:#a8c4c4;background:#77d7cb06;border:1px solid #77d7cb21;border-radius:7px;align-items:center;gap:12px;padding:15px;font-size:11px;line-height:1.9;display:flex}.tools-callout svg{color:var(--tool-teal);flex-shrink:0}.tools-model-note{border-top:1px solid var(--tool-line);color:#8d9bad;margin-top:24px;padding-top:18px;font-size:11px;line-height:1.9}.tools-model-note summary{cursor:pointer;color:#a8b4c5}.tools-model-note p{margin:10px 0}.tools-model-note a{color:var(--tool-teal);text-decoration:none}.tools-result-header{justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.tools-page .badge{color:var(--tool-gold);background:#e6c68c07;border:1px solid #e6c68c30;border-radius:4px;align-items:center;padding:5px 9px;font-size:10px;line-height:1.3;display:inline-flex}.tools-hero-stat{text-align:center;flex-direction:column;gap:11px;margin:35px 0 25px;display:flex}.tools-hero-stat>small{color:#9ba9bb;font-size:12px}.tools-hero-stat>strong{color:var(--tool-gold);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,5.5vw,70px);font-weight:400;line-height:1.2}.tools-hero-stat>span{color:#79889d;font-size:11px}.tools-chart{margin:25px -5px 20px}.tools-chart svg{width:100%;overflow:visible}.tools-chart svg text{fill:#76859b;font-size:9px}.tools-chart-legend{color:#8897a9;justify-content:flex-end;gap:18px;margin-bottom:13px;font-size:9px;display:flex}.tools-chart-legend span{align-items:center;gap:5px;display:flex}.tools-chart-legend i{width:12px;height:3px;display:inline-block}.tools-chart-legend .cdf{background:var(--tool-teal)}.tools-chart-legend .pmf{background:#ab915d}.tools-chart-grid{stroke:#a3b3ca14;stroke-dasharray:3 5}.tools-chart-bar{fill:#c8a565;opacity:.2}.tools-chart-line{fill:none;stroke:var(--tool-teal);stroke-width:2.5px;stroke-linejoin:round}.tools-chart-marker{stroke:var(--tool-gold);stroke-dasharray:4 5;opacity:.55}.tools-chart-dot{fill:var(--tool-gold);stroke:#101722;stroke-width:2px}.tools-stat-grid{border-top:1px solid var(--tool-line);border-bottom:1px solid var(--tool-line);grid-template-columns:repeat(3,minmax(0,1fr));padding:23px 0;display:grid}.tools-stat-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-stat-grid>div{text-align:center;border-right:1px solid var(--tool-line);flex-direction:column;gap:12px;display:flex}.tools-stat-grid>div:last-child{border:0}.tools-stat-grid span{color:#8494a9;font-size:11px}.tools-stat-grid strong{color:#dce4ee;font-variant-numeric:tabular-nums;font-size:24px;font-weight:500}.tools-stat-grid small{color:#7c8b9e;font-size:10px;font-weight:400}.tools-fine-print{margin:20px 0 0!important;font-size:10px!important;line-height:1.9!important}.tools-error{color:#efa6a6;background:#c779790c;border:1px solid #c7797933;border-radius:6px;padding:15px;font-size:12px}.tools-sim-status{border-top:1px solid var(--tool-line);border-bottom:1px solid var(--tool-line);gap:0;margin:25px 0;padding:20px 0;display:flex}.tools-sim-status>div{border-right:1px solid var(--tool-line);flex-direction:column;flex:1;gap:9px;padding:0 25px;display:flex}.tools-sim-status>div:first-child{padding-left:0}.tools-sim-status>div:last-child{border:0}.tools-sim-status span{color:#8d9bad;font-size:11px}.tools-sim-status strong{color:var(--tool-gold);font-size:23px;font-weight:500}.tools-sim-status small{color:#748398;font-size:12px}.tools-simulator>.tools-banner-switch{max-width:370px}.tools-warp-grid{grid-template-columns:repeat(10,minmax(0,1fr));align-items:center;gap:9px;min-height:230px;margin:32px 0;display:grid}.tools-warp-card{color:#9abbdb;background:linear-gradient(#23425d3b,#101722);border:1px solid #5d809944;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:210px;padding:20px 6px;animation:.4s both toolReveal;display:flex;position:relative}.tools-warp-card.rarity-4{color:#bfa2ed;background:linear-gradient(#55406b50,#101722);border-color:#a68bd566}.tools-warp-card.rarity-5{color:#e6c68c;background:linear-gradient(#76603c77,#101722);border-color:#e6c68c99;box-shadow:0 0 20px #e6c68c0b}.tools-warp-card strong{font-size:22px;font-weight:400}.tools-warp-card>span:not(.tools-warp-index){text-align:center;font-size:10px}.tools-warp-card small{font-size:9px;position:absolute;bottom:14px}.tools-warp-index{opacity:.5;font:9px Georgia,serif;position:absolute;top:10px;left:10px}.tools-warp-empty{text-align:center;color:#6d7c90;grid-column:1/-1;padding:45px 0}.tools-warp-empty h3{color:#a3b0c1;margin:18px 0 9px;font-size:17px;font-weight:400}.tools-warp-empty p{font-size:11px}.tools-sim-actions{justify-content:center;gap:14px;display:flex}.tools-page .button{color:#1c2027;font:inherit;cursor:pointer;background:#e6c68c;border:1px solid #e6c68c44;border-radius:5px;justify-content:center;align-items:center;gap:9px;padding:12px 22px;font-size:12px;display:inline-flex}.tools-page .button:hover{filter:brightness(1.1)}.tools-page .button.secondary{color:#b2bdcd;background:#141e2b;border-color:#394657}.tools-sim-actions .primary span{border-left:1px solid #151a2240;margin-left:15px;padding-left:14px;font-size:10px}.tools-gold-history{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;font-size:11px;display:flex}.tools-damage-layout{grid-template-columns:minmax(350px,1fr) minmax(0,.9fr)}.tools-damage-fields{gap:0 18px!important}.tools-damage-fields .tools-field{margin-bottom:18px}.tools-damage-results{position:sticky;top:20px}.tools-formula{color:#91a0b3;grid-template-columns:1fr auto;gap:13px;padding:22px 0 0;font-size:11px;display:grid}.tools-formula>div{grid-column:1/-1;justify-content:space-between;display:flex}.tools-formula strong{color:#ced9e6;font-variant-numeric:tabular-nums;font-weight:400}.tools-speed-presets{flex-wrap:wrap;gap:6px;margin:0 0 25px;display:flex}.tools-speed-presets .button{flex:1;padding:9px;font-size:11px}.tools-page .button.active{color:#1c2027;background:#e6c68c}.tools-table-scroll{overflow-x:auto}.tools-action-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}.tools-action-table th{color:#6e8097;border-bottom:1px solid var(--tool-line);padding:14px 10px;font-size:10px;font-weight:400}.tools-action-table td{color:#b8c6d8;font-variant-numeric:tabular-nums;border-bottom:1px solid #a6b5c70c;padding:17px 10px}.tools-cycle-number{color:#7c8fa6;font:14px Georgia,serif}.tools-action-dots{gap:3px;margin-right:12px;display:inline-flex}.tools-action-dots i{background:var(--tool-teal);opacity:.8;border-radius:1px;width:4px;height:13px}.tools-action-table td strong{color:var(--tool-teal);font-weight:500}.tools-page button:focus-visible,.tools-page summary:focus-visible{outline:2px solid var(--tool-teal);outline-offset:3px}@keyframes toolReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.tools-warp-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.tools-warp-card{gap:9px;min-height:150px}.tools-layout,.tools-damage-layout{grid-template-columns:minmax(260px,.85fr) minmax(0,1.1fr)}.tools-page .panel{padding:22px}}@media (width<=800px){.tools-layout,.tools-damage-layout{grid-template-columns:1fr}.tools-damage-results{position:static}.tools-heading-orbit{width:65px;height:65px}.tools-heading-orbit svg{width:40px}.tools-tabs button{padding:14px 17px}.tools-heading h1{font-size:27px}.tools-hero-stat>strong{font-size:58px}}@media (width<=450px){.tools-page .panel{padding:18px}.tools-heading-orbit{display:none}.tools-tabs button{gap:6px;padding:14px 11px;font-size:11px}.tools-stat-grid strong{font-size:21px}.tools-stat-grid span{font-size:9px}.tools-warp-grid{gap:5px}.tools-warp-card{min-height:130px;padding:20px 3px}.tools-warp-card svg{width:20px}.tools-warp-card>span:not(.tools-warp-index){font-size:8px}.tools-warp-card small{font-size:7px}.tools-sim-status>div{padding:0 13px}.tools-sim-status strong{font-size:19px}.tools-sim-status span{font-size:9px}.tools-action-table td,.tools-action-table th{padding-left:6px;padding-right:6px}}@media (prefers-reduced-motion:reduce){.tools-warp-card{animation:none}}:root{color:#e7e9ee;font-synthesis:none;--bg:#0b1019;--panel:#121a26;--panel-2:#172130;--border:#26313f;--muted:#8793a5;--gold:#e6c68c;--teal:#77d7cb;--danger:#f29d9f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1019;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{background:0 0;border:0}input,select,textarea{color:#e7e9ee;background:#0e1520;border:1px solid #303b4b;border-radius:7px;outline:none;width:100%;min-height:40px;padding:10px 12px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e6c68c13}input[type=checkbox]{accent-color:var(--gold);flex-shrink:0;width:16px;height:16px;min-height:auto}textarea{resize:vertical}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:4px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:600}p{line-height:1.8}button svg,a svg{flex-shrink:0}::selection{background:#e6c68c42}img{max-width:100%;display:block}.muted{color:var(--muted)}.tiny-text{color:var(--muted);align-items:center;gap:6px;font-size:11px;line-height:1.7;display:flex}.eyebrow{letter-spacing:2px;color:var(--gold);font-size:10px;font-weight:500}.spin{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.loading-screen{min-height:100vh;color:var(--gold);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px;display:flex}.app-shell{min-height:100vh}.sidebar{z-index:30;background:#0e141e;border-right:1px solid #232c39;flex-direction:column;width:226px;padding:31px 18px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{text-align:left;align-items:center;gap:11px;padding:0 8px;display:flex}.brand-mark{color:var(--gold);border:1px solid #e6c68c45;border-radius:6px;place-items:center;width:39px;height:43px;display:grid;transform:rotate(-6deg)}.brand strong{letter-spacing:2px;font-family:Noto Serif SC,Songti SC,serif;font-size:18px;display:block}.brand small{letter-spacing:4px;color:var(--gold);margin-top:5px;font-size:9px;display:block}.sidebar-caption{color:#68768a;letter-spacing:2px;margin:35px 11px 17px;font-size:10px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-item{text-align:left;color:#9ca7b7;border:1px solid #0000;border-radius:7px;align-items:center;gap:12px;padding:14px 13px;display:flex;position:relative}.nav-item>span{font-size:13px}.nav-item small{letter-spacing:1.1px;color:#67758a;margin-top:4px;font-size:8px;display:block}.nav-item.active{color:var(--gold);background:linear-gradient(95deg,#e6c68c16,#e6c68c07);border-color:#e6c68c22}.nav-item.active:before{content:"";background:var(--gold);border-radius:0 3px 3px 0;width:3px;position:absolute;top:18px;bottom:18px;left:-19px}.nav-item.active small{color:#aa9876}.nav-item:hover{background-color:#ffffff05}.nav-item b{background:#2c3543;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px}.sidebar-bottom{margin-top:auto}.data-version{color:#c3c9d3;border-bottom:1px solid var(--border);padding:22px 11px;font-size:10px}.data-version i,.local-status i,.local-dot{background:var(--teal);border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block;box-shadow:0 0 9px #77d7cb50}.data-version small{color:#68778c;margin:7px 0 0 12px;font-size:9px;display:block}.sidebar-help{color:#8a97aa;align-items:center;gap:7px;padding:19px 10px;font-size:10px;display:flex}.sidebar-help svg:last-child{margin-left:auto}.profile-mini{border-top:1px solid var(--border);align-items:center;gap:10px;padding:18px 9px;display:flex}.profile-mini>span:first-child{width:33px;height:33px;color:var(--gold);background:#202a36;border:1px solid #3b4451;border-radius:50%;place-items:center;font-family:serif;display:grid}.profile-mini strong{font-size:11px;display:block}.profile-mini small{color:#6e7e92;margin-top:5px;font-size:9px;display:block}.local-dot{box-shadow:none;margin-left:auto}.main-shell{margin-left:226px}.topbar{background:#0e141cc9;border-bottom:1px solid #222d3b;justify-content:space-between;align-items:center;height:72px;padding:0 40px;display:flex}.topbar-location{align-items:center;gap:15px;font-size:11px;display:flex}.topbar-location strong{font-weight:500}.breadcrumb-slash{color:#4d5a6c}.topbar-actions{align-items:center;gap:20px;display:flex}.local-status{color:#a6b2c2;letter-spacing:.5px;font-size:10px}.workspace{max-width:1680px;margin:0 auto;padding:32px 40px 0}.mobile-toggle{display:none!important}.demo-strip{color:#bcaa86;background:#e6c68c0b;border-bottom:1px solid #e6c68c16;justify-content:space-between;align-items:center;padding:8px 40px;font-size:10px;display:flex}.demo-strip button{color:var(--gold);align-items:center;gap:4px;font-size:10px;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:11px 18px;font-size:12px;font-weight:500;transition:background .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{color:#201e1b;background:var(--gold);border-color:var(--gold)}.button.primary:hover{background:#f1d7aa}.button.secondary{color:#cbd2dc;background:#1c2736;border-color:#354152}.button.secondary:hover{background:#263244}.button.ghost{color:#a8b4c4;background:#ffffff02;border-color:#2a3543}.button.small{gap:6px;min-height:32px;padding:7px 11px;font-size:10px}.button.full-width{width:100%}.button.danger-button{color:#ffe0e0;background:#703e47}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.icon-button{min-width:30px;min-height:30px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.icon-button:hover{color:#eee;background:#ffffff09}.text-button{color:var(--gold);align-items:center;gap:7px;padding:4px 0;font-size:11px;display:inline-flex}.text-button:hover{color:#ffe4b8}.danger{color:var(--danger)!important}.panel{border:1px solid var(--border);background:linear-gradient(135deg,#141d2b,#111924);border-radius:9px}.badge{letter-spacing:.3px;color:#aab6c6;white-space:nowrap;background:#ffffff04;border:1px solid #3a4555;border-radius:4px;align-items:center;gap:5px;padding:4px 7px;font-size:9px;line-height:1.4;display:inline-flex}.badge.gold{color:var(--gold);background:#e6c68c08;border-color:#e6c68c35}.badge.green{color:var(--teal);background:#77d7cb08;border-color:#77d7cb30}.notice{color:#e8d8ed;background:#51415c26;border:1px solid #5e5267;border-radius:6px;align-items:center;gap:10px;margin:12px 0;padding:12px 15px;font-size:12px;line-height:1.7;display:flex}.notice.error{color:#f0adaf;background:#d6747412;border-color:#b7616138}.notice.success{color:#9bddcf;background:#77d7cb0b;border-color:#77d7cb25}.topbar+.notice{border-radius:0;margin:0}.field{margin-bottom:16px}.field>label,.field-caption{color:#a3afbf;margin-bottom:8px;font-size:11px;display:block}.field-caption small{color:#5f6e83;margin-left:4px;font-size:9px}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.segmented{background:#0b131e;border:1px solid #263343;border-radius:6px;gap:4px;padding:4px;display:flex}.segmented button{color:#8190a4;white-space:nowrap;border-radius:4px;flex:1;padding:8px 11px;font-size:11px}.segmented button.active{color:#f1d4a0;background:#25303e;box-shadow:0 1px 4px #0003}.segmented.compact button{padding:7px 11px}.checkbox-label{cursor:pointer;align-items:flex-start;gap:9px;margin:15px 0;font-size:11px;line-height:1.6;display:flex}.checkbox-label small{color:#6c7d92;margin-top:3px;font-size:9px;display:block}.divider{background:var(--border);height:1px;margin:25px 0}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin:29px 0 16px;display:flex}.section-heading>div{align-items:center;gap:11px;display:flex}.section-heading h2{letter-spacing:1px;font-size:15px}.section-index{color:var(--gold);letter-spacing:1px;font-family:Georgia,serif;font-size:10px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin:5px 0 28px;display:flex}.page-heading h1{letter-spacing:1px;margin:11px 0;font-family:Noto Serif SC,Songti SC,serif;font-size:30px;line-height:1.6}.page-heading p{color:var(--muted);font-size:12px}.heading-counter{text-align:center;border-left:1px solid var(--border);white-space:nowrap;padding:8px 0 8px 30px}.heading-counter strong{color:var(--gold);font:42px Georgia,serif}.heading-counter span{color:#8291a7;margin-top:7px;font-size:10px;display:block}.page-footer{color:#536277;border-top:1px solid #202b39;justify-content:space-between;align-items:center;gap:14px;margin-top:15px;padding:34px 0 25px;font-size:9px;display:flex}.footer-star{color:#9d8c6d;margin:0 7px}.toast{z-index:100;color:#d7e9df;background:#20302df5;border:1px solid #617366;border-radius:8px;align-items:center;gap:10px;max-width:80vw;padding:11px 16px;font-size:12px;animation:.2s enter;display:flex;position:fixed;bottom:27px;left:calc(50% + 100px);transform:translate(-50%);box-shadow:0 12px 45px #0005}.toast>svg{color:var(--teal);flex-shrink:0}.builder-hero{background:radial-gradient(at 83%,#263d4833,#0000 43%),linear-gradient(110deg,#182230,#101824 72%);border:1px solid #334150;border-radius:10px;min-height:284px;padding:33px 35px 28px;position:relative;overflow:hidden}.builder-hero:after{content:"";pointer-events:none;opacity:.12;background-image:radial-gradient(#d3c399 1px,#0000 1px);background-size:29px 29px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 25%,#000);mask-image:linear-gradient(90deg,#0000 25%,#000)}.builder-hero>.eyebrow{z-index:1;align-items:center;gap:8px;font-size:9px;display:flex;position:relative}.builder-hero>.eyebrow>span{background:var(--gold);width:18px;height:1px}.builder-hero h1{letter-spacing:3px;z-index:1;margin:14px 0 9px;font-family:Noto Serif SC,Songti SC,serif;font-size:35px;font-weight:500;line-height:1.55;position:relative}.builder-hero h1 span{color:var(--gold)}.builder-hero>p{color:#99a8ba;z-index:1;font-size:11px;position:relative}.hero-stats{z-index:1;align-items:center;gap:22px;margin-top:23px;display:flex;position:relative}.hero-stats>span{color:#8593a7;align-items:center;gap:9px;font-size:9px;display:flex}.hero-stats strong{color:#d4dbe5;font:22px Georgia,serif}.hero-stats i{background:#374252;width:1px;height:14px}.hero-corner{text-align:right;color:#7b8a9d;letter-spacing:2px;font-size:9px;line-height:1.7;position:absolute;bottom:24px;right:26px}.hero-corner b{color:#506074;letter-spacing:1.5px;font-size:7px;font-weight:400}.hero-orbits{opacity:.6;width:380px;height:380px;position:absolute;top:-15%;right:7%;transform:rotate(-26deg)}.hero-orbits i{border:1px solid #b8a17432;border-radius:50%;position:absolute;inset:12%}.hero-orbits i:nth-child(2){inset:26% -7%;transform:rotate(30deg)}.hero-orbits i:nth-child(3){inset:8% 30%;transform:rotate(65deg)}.hero-orbits:before{content:"";background:radial-gradient(#d4b57612,#15213000 70%);border-radius:50%;position:absolute;inset:30%;box-shadow:0 0 55px #cab07410}.hero-orbits span{color:#d8bd8955;font-family:Georgia,serif;font-size:82px;position:absolute;top:32%;left:39%;transform:rotate(26deg)}.mode-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.mode-card{border:1px solid var(--border);text-align:left;background:#131c28;border-radius:7px;align-items:center;gap:13px;padding:19px 18px;display:flex}.mode-card.selected{background:linear-gradient(100deg,#e6c68c10,#18212e);border-color:#c7a76b80}.mode-icon{color:#7d8ba0}.mode-card.selected .mode-icon{color:var(--gold)}.mode-card strong{letter-spacing:1px;font-size:14px;display:block}.mode-card small{color:#6f7e93;letter-spacing:1.4px;margin-top:6px;font-size:7px;display:block}.mode-radio{border:1px solid #455264;border-radius:50%;flex-shrink:0;width:13px;height:13px;margin-left:auto;padding:3px}.mode-card.selected .mode-radio{border-color:var(--gold);background:var(--gold);box-shadow:inset 0 0 0 3px #1b2430}.builder-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:23px;display:grid}.configuration-column{flex-direction:column;gap:16px;padding-top:31px;display:flex}.config-panel{padding:20px}.config-title{border-bottom:1px solid var(--border);color:var(--gold);align-items:center;gap:9px;margin-bottom:19px;padding-bottom:18px;display:flex}.config-title h3{color:#e0e6ec;font-size:13px}.config-title>span{letter-spacing:1.5px;color:#607087;margin-left:auto;font-size:8px}.stage-config{border-top:1px solid #25303e;margin-top:20px;padding-top:17px}.stage-title{align-items:center;gap:9px;margin-bottom:17px;display:flex}.stage-title strong{font-size:12px}.stage-dot{color:#c9b080;background:#e6c68c07;border:1px solid #a98d5f45;border-radius:4px;place-items:center;width:21px;height:21px;font:11px Georgia,serif;display:grid}.element-pills{flex-wrap:wrap;gap:6px;margin:0 0 17px;display:flex}.element-pills button{color:#738197;border:1px solid #303b4b;border-radius:5px;flex:1;min-width:43px;padding:7px 9px;font-size:9px}.element-pills button.selected{color:var(--element-color);border-color:color-mix(in srgb,var(--element-color),transparent 55%);background:color-mix(in srgb,var(--element-color),transparent 94%)}.locked-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.locked-chips button{color:#d2bb91;border:1px solid #e6c68c30;border-radius:4px;align-items:center;gap:7px;padding:5px 7px;font-size:10px;display:flex}.advanced-toggle{color:#8a98ac;justify-content:space-between;width:100%;padding:8px 0 15px;font-size:10px}.advanced-fields{border-top:1px solid var(--border);padding-top:10px}.calculate-button{margin-top:6px}.config-footnote{text-align:center;color:#68788c;margin-top:10px;font-size:9px}.pool-card{padding:19px}.pool-card-title{color:#a3b0c1;align-items:center;gap:9px;display:flex}.pool-card-title h3{font-size:12px}.pool-card-title b{color:var(--gold);margin-left:auto;font-size:11px}.mini-roster{grid-template-columns:repeat(6,1fr);gap:6px;margin:17px 0;display:grid}.mini-roster>div,.mini-roster>button{aspect-ratio:1;color:#718198;background:#27303f;border:1px solid #3b4554;border-radius:5px;place-items:center;display:grid;overflow:hidden}.mini-roster .character-art{object-fit:cover;width:100%;height:100%}.pool-card>.text-button{color:#94a0b2;justify-content:space-between;width:100%;font-size:10px}.recommendation-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:26px 25px;display:flex}.empty-constellation{width:170px;height:116px;margin-bottom:13px}.empty-constellation svg{fill:none;stroke:#ab9362;stroke-width:.8px;width:100%;height:100%}.empty-constellation path{fill:#c4a97914;stroke:#dac08c}.recommendation-empty .eyebrow{letter-spacing:1.5px;color:#7e755f;font-size:8px}.recommendation-empty h2{letter-spacing:1px;margin:17px 0 10px;font-family:Noto Serif SC,Songti SC,serif;font-size:21px;font-weight:500;line-height:1.6}.recommendation-empty p{color:#8593a7;max-width:380px;margin-bottom:21px;font-size:11px}.empty-features{color:#6e7d91;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:31px;font-size:8px;display:flex}.empty-features span{align-items:center;gap:5px;display:flex}.empty-features svg{width:13px}.method-note{color:#71839b;gap:13px;padding:22px 5px;display:flex}.method-note>svg{flex-shrink:0;margin-top:2px}.method-note strong{color:#9faaba;font-size:11px;font-weight:500}.method-note p{margin-top:5px;font-size:9px}.searching-state{min-height:430px;color:var(--gold);flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.searching-state h2{font-size:18px}.searching-state p{color:var(--muted);font-size:12px}.search-progress{background:#2a3545;width:180px;height:3px;overflow:hidden}.search-progress i{background:var(--gold);width:40%;height:100%;animation:1.8s ease-in-out infinite progress;display:block}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(350%)}}.result-summary{color:#94ccbb;justify-content:space-between;gap:10px;padding:3px 0 13px;font-size:10px;display:flex}.result-summary.partial{color:#d8bd88}.result-summary small{color:#708095}.result-card{margin-bottom:15px;animation:.3s enter;overflow:hidden}.result-card.best-result{border-color:#ae915850}.result-card-header{background:linear-gradient(100deg,#e6c68c05,#0000);border-bottom:1px solid #26303e;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.result-card-header>div:first-child{align-items:center;gap:12px;display:flex}.result-card-header strong{font-size:12px}.result-rank{color:#bfa16c;font:24px Georgia,serif}.score-label{align-items:center;gap:7px;display:flex}.score-label>strong{color:var(--gold);font:24px Georgia,serif}.score-label>span{color:#8693a4;font-size:8px}.team-pair{grid-template-columns:1fr;gap:20px;padding:17px 20px 0;display:grid}.team-label{color:#b8c1ce;justify-content:space-between;margin-bottom:10px;font-size:10px;display:flex}.team-label small{color:#6f8097;font-size:9px}.team-members{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.member-art{background:linear-gradient(#354058,#232d40);border:1px solid #53576760;border-radius:5px;height:100px;position:relative;overflow:hidden}.member-art img{object-fit:cover;object-position:center 22%;width:100%;height:100%}.member-art.rarity-5{background:linear-gradient(#675b4b,#2d2d38);border-bottom:2px solid #bd9b62}.member-art.rarity-4{border-bottom:2px solid #9685bd}.slot-number{color:#b0bac9;background:#10151cbf;padding:2px 6px;font:9px Georgia,serif;position:absolute;bottom:0;left:0}.member-eidolon{color:#cdb88c;background:#111722ce;border-radius:3px;padding:2px 4px;font-size:8px;position:absolute;top:5px;right:5px}.team-member>strong{text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:10px;display:block;overflow:hidden}.team-member>span{text-align:center;color:#6f7e91;margin-top:4px;font-size:8px;display:block}.result-card-actions{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.result-card-actions>.text-button{color:#94a3b7;font-size:10px}.rotate{transform:rotate(180deg)}.analysis-grid{border-top:1px solid #27313f;grid-template-columns:1fr;gap:20px;padding:0 20px 19px;display:grid}.analysis-grid h4{color:#b7c3d2;margin:16px 0 12px;font-size:11px;font-weight:500}.contribution{border-bottom:1px solid #27303d60;justify-content:space-between;gap:15px;padding:9px 0;display:flex}.contribution strong{color:#c5cdd8;font-size:10px;font-weight:500}.contribution p{color:#77879d;margin-top:3px;font-size:9px}.contribution>span{flex-shrink:0;padding-top:2px;font:14px Georgia,serif}.positive{color:#7fc9b2}.negative{color:#e5a5a4}.team-warning{color:#b8a078;margin-top:8px;font-size:9px}.diagnostics{color:#8090a7;margin-bottom:15px;padding:15px 18px;font-size:10px}.diagnostics summary{cursor:pointer;color:#b2becc;justify-content:space-between;align-items:center;display:flex}.diagnostics p{margin-top:10px}.empty-state{text-align:center;color:#9ba9bd;flex-direction:column;align-items:center;gap:14px;padding:50px 25px;display:flex}.empty-state>svg{color:#9f8d6b}.empty-state h2,.empty-state h3{color:#d1d8e2;font-size:19px}.empty-state p{color:#7a8aa1;font-size:12px}.empty-state.large{justify-content:center;min-height:370px}.roster-toolbar{align-items:center;gap:15px;margin-bottom:16px;padding:14px;display:flex}.search-field{flex:1;align-items:center;min-width:130px;display:flex;position:relative}.search-field>svg{color:#687991;position:absolute;left:12px}.search-field input{padding-left:39px}.roster-toolbar>select{max-width:125px;font-size:11px}.roster-count{justify-content:space-between;margin-bottom:17px;font-size:10px;display:flex}.roster-count>span{color:#64758d}.character-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;display:grid}.character-card{background:#141d2b;border:1px solid #2a3544;border-radius:7px;min-width:0;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.character-card:hover{border-color:#8a7758;transform:translateY(-4px)}.character-card.owned{border-color:#8e79554f}.character-card-main{text-align:left;width:100%;padding:0;display:block}.character-card-image{background:linear-gradient(140deg,#2c354d,#182234);height:170px;position:relative;overflow:hidden}.character-card-image.rarity-5{background:radial-gradient(at 50% 38%,#72644e77,#232936 70%)}.character-card-image img{object-fit:cover;object-position:center 20%;width:100%;height:100%;transition:transform .4s}.character-card:hover .character-card-image img{transform:scale(1.04)}.character-card-image:after{content:"";pointer-events:none;background:linear-gradient(#0000,#131c28);position:absolute;inset:70% 0 0}.element-label{color:var(--element-color);background:#101823bb;border:1px solid #ffffff13;border-radius:4px;padding:3px 6px;font-size:9px;position:absolute;top:10px;left:10px}.card-level{color:#d1b886;z-index:1;font-size:9px;position:absolute;bottom:7px;left:10px}.character-card-info{padding:11px 11px 14px}.character-card-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;display:block;overflow:hidden}.character-card-info>span{color:#75869b;white-space:nowrap;align-items:center;gap:5px;margin-top:7px;font-size:8px;display:flex}.character-card-info i{color:#4a5b71;font-style:normal}.own-button{z-index:2;color:#9faec2;background:#101722c9;border:1px solid #69748955;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:9px;right:9px}.own-button.checked{background:var(--gold);border-color:var(--gold);color:#2c261c}.modal{color:#e0e6ed;background:#111a27;border:1px solid #435067;border-radius:11px;width:min(540px,100vw - 30px);max-height:90vh;padding:0;box-shadow:0 25px 100px #0009}.modal-wide{width:min(820px,100vw - 30px)}.modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030710b8}.modal-header{z-index:3;background:#141e2c;border-bottom:1px solid #2a3545;justify-content:space-between;align-items:center;padding:17px 24px;display:flex;position:sticky;top:0}.modal-header h2{font-size:14px}.modal-body{padding:24px}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:10px;padding-top:20px;display:flex}.character-detail-top{align-items:center;gap:24px;margin-bottom:22px;display:flex}.detail-avatar{background:#342e2f;border:1px solid #a48a5244;border-radius:6px;flex-shrink:0;width:110px;height:130px;overflow:hidden}.detail-avatar img{object-fit:cover;object-position:center 18%;width:100%;height:100%}.character-detail-top h2{margin:8px 0;font-family:Noto Serif SC,Songti SC,serif;font-size:24px}.stars{color:var(--gold);letter-spacing:3px;vertical-align:middle;margin-left:12px;font-family:serif;font-size:9px}.character-detail-top p{color:#8e9eb2;margin-bottom:10px;font-size:11px}.detail-tabs{margin-bottom:22px}.subsection-heading{border-bottom:1px solid #2a3544;justify-content:space-between;align-items:center;gap:15px;margin:10px 0 18px;padding:12px 0;display:flex}.subsection-heading h3{font-size:12px}.subsection-heading span{color:#7e8ea5;font-size:9px}.stats-grid{grid-template-columns:repeat(3,1fr)}.equipment-details{border-top:1px solid var(--border);margin-top:12px;padding-top:16px;font-size:11px}.equipment-details summary{cursor:pointer;color:#b3bfd1;margin-bottom:12px}.equipment-details p{margin-bottom:10px;font-size:10px}.equipment-details textarea{margin-bottom:10px;font-size:11px}.skill-list{gap:13px;display:grid}.skill-list article{background:#192333;border:1px solid #2b3749;border-radius:7px;padding:18px}.skill-list h3{margin-left:10px;font-size:13px;display:inline-block}.skill-list p{white-space:pre-wrap;color:#99a9bf;margin-top:12px;font-size:11px}.character-art.art-fallback{color:#b7a584;background:#293140;justify-content:center;align-items:center;gap:5px;width:100%;height:100%;display:flex}.art-fallback span{font-size:24px}.saved-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.saved-card{padding:23px}.saved-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.saved-header .eyebrow{font-size:8px}.saved-header h2{margin-top:8px;font-size:17px}.saved-team{margin-bottom:18px}.saved-team>small{color:#8193ac;margin-bottom:10px;font-size:10px;display:block}.saved-members{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.saved-members>div{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.saved-members img,.saved-members .art-fallback{object-fit:cover;background:#2b3446;border:1px solid #a48d5d50;border-radius:6px;width:62px;height:62px}.saved-members span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.saved-notes{color:#9ca9bd;white-space:pre-wrap;background:#0b1421;border-radius:5px;margin:10px 0;padding:12px;font-size:11px}.saved-footer{border-top:1px solid var(--border);color:#687c94;justify-content:space-between;align-items:center;padding-top:15px;font-size:9px;display:flex}.saved-footer>div{gap:4px;display:flex}.settings-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.settings-panel{min-width:0;padding:25px}.section-title{align-items:center;gap:14px;margin-bottom:25px;display:flex}.setting-icon{width:40px;height:40px;color:var(--gold);background:#e6c68c08;border:1px solid #e6c68c35;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.setting-icon svg{width:20px}.section-title h2{font-size:16px}.section-title p{color:#8193aa;margin-top:5px;font-size:10px}.settings-note{margin-top:20px;display:block}.import-profile{color:var(--teal);align-items:center;gap:10px;padding:15px 0;display:flex}.import-profile strong{color:#d3e2e4;font-size:12px;display:block}.import-profile small{color:#8095ac;margin-top:5px;font-size:9px;display:block}.backup-stats{justify-content:space-around;margin:30px 0;display:flex}.backup-stats span{text-align:center;color:#8092a9;font-size:9px}.backup-stats strong{color:#d9c08e;margin-bottom:8px;font:29px Georgia,serif;display:block}.backup-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.settings-panel>h3{margin-bottom:10px;font-size:13px}.settings-panel>p.muted{margin-bottom:17px;font-size:11px}.wide-setting{grid-column:1/-1}.data-source-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.data-source-grid>div+div{border-left:1px solid var(--border);padding-left:25px}.data-source-grid .eyebrow{letter-spacing:1.4px;font-size:8px}.data-source-grid h3{margin:12px 0;font-size:14px}.data-source-grid p{color:#8b9bb0;margin-bottom:8px;font-size:10px}.data-source-grid a{color:var(--gold);align-items:center;gap:5px;margin-top:9px;font-size:10px;display:flex}.guide-steps{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:25px;display:grid}.guide-steps b{color:#8e7957;margin-right:12px;font:26px Georgia,serif}.guide-steps strong{font-size:12px;font-weight:500}.guide-steps p{color:#8295ac;margin-top:12px;font-size:10px}@media (width>=1550px){.team-pair{grid-template-columns:1fr 1fr;gap:25px}.member-art{height:120px}.analysis-grid{grid-template-columns:1fr 1fr}.builder-hero{min-height:300px}.builder-hero h1{font-size:41px}.character-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (width<=1250px){.sidebar{width:198px;padding-left:13px;padding-right:13px}.brand{gap:8px}.brand strong{font-size:16px}.brand small{font-size:8px}.main-shell{margin-left:198px}.workspace{padding:25px 25px 0}.topbar{padding:0 25px}.builder-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.config-panel{padding:17px}.builder-hero{min-height:270px;padding:27px}.builder-hero h1{font-size:31px}.hero-orbits{right:-5%}.mode-card{gap:10px;padding:16px 13px}.mode-card strong{font-size:12px}.mode-card small{letter-spacing:.7px;font-size:6px}.mode-icon svg{width:21px}.character-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.character-card-image{height:150px}.empty-features{gap:9px}.saved-grid{gap:14px}.settings-panel{padding:20px}.backup-actions{grid-template-columns:1fr}.roster-toolbar{flex-wrap:wrap;gap:10px}.roster-toolbar .search-field{min-width:200px}.roster-count span{display:none}}@media (width<=1000px){.sidebar{width:178px;padding-left:11px;padding-right:11px}.brand-mark{width:31px;height:35px}.brand-mark svg{width:24px}.brand strong{letter-spacing:1px;font-size:14px}.brand small{letter-spacing:3px;font-size:7px}.main-shell{margin-left:178px}.nav-item{gap:9px;padding:13px 9px}.nav-item>span{font-size:12px}.nav-item small{letter-spacing:.7px;font-size:6px}.sidebar-caption{letter-spacing:1px;font-size:9px}.workspace{padding:22px 20px 0}.builder-layout{grid-template-columns:1fr}.configuration-column{grid-template-columns:1.4fr 1fr;align-items:start;padding-top:0;display:grid}.config-panel{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 25px;display:grid}.config-title,.config-panel>.field{grid-column:1/-1}.stage-config{margin-top:0}.config-panel>.checkbox-label,.advanced-toggle,.advanced-fields,.calculate-button,.config-footnote,.pool-card{grid-column:1/-1}.mini-roster{grid-template-columns:repeat(13,1fr)}.hero-orbits{opacity:.4;right:-15%}.hero-corner{display:none}.hero-stats{gap:15px}.hero-stats>span{font-size:8px}.recommendation-empty{min-height:370px}.character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.character-card-image{height:150px}.page-heading h1{font-size:25px}.saved-grid,.settings-grid{grid-template-columns:1fr}.data-source-grid{grid-template-columns:1fr;gap:22px}.data-source-grid>div+div{border-left:0;border-top:1px solid var(--border);padding:20px 0 0}.guide-steps{gap:20px}.page-footer{font-size:8px}.page-footer>span:last-child{display:none}.member-art{height:140px}}@media (width<=720px){.sidebar{width:226px;transition:transform .25s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar .brand strong{font-size:18px}.sidebar .brand small{font-size:9px}.sidebar .brand-mark{width:39px;height:43px}.sidebar .nav-item{padding:14px 13px}.sidebar .nav-item>span{font-size:13px}.sidebar .nav-item small{font-size:8px}.main-shell{margin-left:0}.mobile-toggle{display:inline-flex!important}.nav-backdrop{z-index:25;background:#0009;position:fixed;inset:0}.topbar{height:61px;padding:0 17px}.topbar-location,.topbar-actions{gap:10px}.local-status{display:none}.workspace{padding:18px 16px 0}.demo-strip{gap:10px;padding:8px 16px;font-size:8px}.demo-strip button{white-space:nowrap;font-size:8px}.builder-hero{min-height:270px;padding:25px 22px}.builder-hero h1{letter-spacing:2px;font-size:30px}.builder-hero>.eyebrow{font-size:8px}.builder-hero>p{font-size:10px}.hero-stats{gap:13px}.hero-stats strong{font-size:20px}.hero-stats>span{gap:7px;font-size:8px}.hero-orbits{top:-10%;right:-40%}.section-heading{margin:23px 0 13px}.section-heading h2{font-size:14px}.section-heading>.tiny-text{display:none}.mode-grid{gap:8px}.mode-card{text-align:center;flex-direction:column;gap:8px;padding:14px 8px;position:relative}.mode-icon{margin-bottom:3px}.mode-card strong{font-size:11px}.mode-card small{letter-spacing:.25px;font-size:5px}.mode-radio{width:9px;height:9px;position:absolute;top:8px;right:8px}.mode-card.selected .mode-radio{box-shadow:inset 0 0 0 2px #1b2430}.configuration-column{display:block}.configuration-column>section{margin-bottom:16px}.config-panel{display:block}.stage-config{margin-top:20px}.mini-roster{grid-template-columns:repeat(8,1fr)}.recommendation-empty{min-height:400px;padding:26px 17px}.recommendation-empty h2{font-size:19px}.empty-features{gap:11px;margin-top:26px}.empty-features span{font-size:7px}.result-card-header{padding:15px}.result-card-header>div:first-child{gap:8px}.result-card-header .badge{font-size:7px}.result-rank{font-size:20px}.result-card-header strong{font-size:11px}.score-label>strong{font-size:22px}.score-label>span{font-size:7px}.team-pair{padding:15px 13px 0}.team-members{gap:8px}.member-art{height:110px}.result-card-actions{padding:16px 14px}.analysis-grid{padding:0 14px 16px}.page-heading{align-items:flex-start;margin:7px 0 22px}.page-heading h1{letter-spacing:.2px;font-size:23px}.page-heading p{font-size:11px}.page-heading>.badge{margin-top:5px}.heading-counter{margin-top:26px;padding-left:15px}.heading-counter strong{font-size:32px}.heading-counter span{font-size:8px}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.character-card-image{height:145px}.character-card-info{padding:9px 8px 12px}.character-card-info strong{font-size:11px}.character-card-info>span{gap:3px;font-size:7px}.own-button{width:23px;height:23px;top:8px;right:7px}.element-label{padding:2px 4px;font-size:8px;top:9px;left:7px}.card-level{font-size:8px;left:8px}.roster-toolbar{padding:11px}.roster-toolbar .search-field{flex-basis:100%}.roster-toolbar .segmented{flex:1}.roster-toolbar>select{max-width:100px;min-height:36px}.segmented.compact button{padding:7px 8px;font-size:10px}.roster-count{font-size:9px}.modal-body{padding:19px}.modal-header{padding:14px 19px}.character-detail-top{gap:14px}.detail-avatar{width:85px;height:110px}.character-detail-top h2{font-size:20px}.character-detail-top p{font-size:10px}.stars{margin:8px 0 0;font-size:7px;display:block}.stats-grid{grid-template-columns:1fr 1fr}.subsection-heading{align-items:flex-start}.subsection-heading span{text-align:right;max-width:150px;font-size:8px}.guide-steps{grid-template-columns:1fr;gap:22px}.settings-panel{padding:20px}.backup-actions{grid-template-columns:1fr 1fr}.backup-actions .button{padding:10px;font-size:10px}.section-title{gap:11px}.section-title h2{font-size:15px}.toast{width:max-content;max-width:calc(100vw - 24px);font-size:11px;bottom:18px;left:50%}.page-footer{padding:25px 0 20px;font-size:8px}.method-note p,.result-summary{font-size:9px}.result-summary small{white-space:nowrap;font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.variant-badge{color:#f0d394;z-index:2;letter-spacing:.6px;background:#2c251bd9;border:1px solid #d7b97770;border-radius:3px;padding:2px 5px;font-size:8px;position:absolute;top:37px;left:9px}.variant-badge.switchable{color:#a5d3e1;background:#142b39cc;border-color:#8abfcd50}.inline-sp{color:#f0d394;border:1px solid #ba9a5a66;border-radius:3px;margin-left:4px;padding:0 3px;font-size:7px;font-style:normal}.variant-explanation{color:#d3b98d!important;font-size:10px!important}.character-card-info strong{white-space:normal;min-height:17px;line-height:1.5}.roster-toolbar>select{min-width:105px}.snapshot-details{border-top:1px solid var(--border);color:#96a5b8;margin:12px 0 18px;padding-top:12px;font-size:10px}.snapshot-details summary{cursor:pointer;color:var(--gold);justify-content:space-between;margin-bottom:10px;display:flex}.snapshot-details summary span{color:#71849b}.snapshot-details>small{color:#71849b;margin-top:10px;font-size:9px;line-height:1.7;display:block}.snapshot-builds{gap:6px;margin-top:10px;display:grid}.snapshot-builds p{justify-content:space-between;gap:10px;display:flex}.snapshot-builds strong{color:#b9c4d2;font-weight:400}.snapshot-builds span{font-size:9px}.legacy-snapshot-note{color:#75869a;margin-bottom:15px;font-size:9px}