:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background-100:#0a0a0a;--background-200:#000;--gray-100:#1a1a1a;--gray-200:#1f1f1f;--gray-300:#292929;--gray-400:#2e2e2e;--gray-500:#454545;--gray-600:#878787;--gray-700:#8f8f8f;--gray-900:#a1a1a1;--gray-1000:#ededed;--gray-alpha-100:#ffffff0f;--gray-alpha-200:#ffffff17;--gray-alpha-300:#ffffff21;--gray-alpha-400:#ffffff24;--gray-alpha-600:#ffffff4d;--focus:#0072f5;--link:#52a8ff;--blue:#52a8ff;--blue-bg:#0072f52e;--milestone:#2f8cf5;--ring:#ffffff24;--shadow-border:0 0 0 1px var(--ring);--shadow-card:0 0 0 1px var(--ring), 0 2px 2px #00000052, 0 8px 8px -8px #00000052;--shadow-card-hover:0 0 0 1px #ffffff38, 0 2px 2px #0006, 0 8px 16px -8px #00000080;--shadow-menu:0 0 0 1px var(--ring), 0 8px 24px #00000080;--op:#8e4ec6;--op-text:#bf7af0;--op-bg:#8e4ec629;--ars:#12a594;--ars-text:#0ac5b3;--ars-bg:#12a59429;--green:#4cc38a;--green-bg:#46a75829;--amber:#ffb224;--amber-bg:#ffb22424;--orange:#f76808;--red:#ff6369;--red-bg:#e5484d29;--muted:#5c5c5c;--r6:#ff7a3d;--r5:#fb3;--r4:#a07cff;--r3:#6aa8ff;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--ease:cubic-bezier(.2, 0, 0, 1);--font-sans:"Jost", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, "Roboto Mono", Menlo, Monaco, Consolas, monospace}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background-100:#fff;--background-200:#fafafa;--gray-100:#f2f2f2;--gray-200:#ebebeb;--gray-300:#e6e6e6;--gray-400:#ebebeb;--gray-500:#c9c9c9;--gray-600:gray;--gray-700:#666;--gray-900:#4d4d4d;--gray-1000:#171717;--gray-alpha-100:#0000000a;--gray-alpha-200:#0001;--gray-alpha-300:#00000016;--gray-alpha-400:#00000014;--gray-alpha-600:#00000047;--focus:#0072f5;--link:#0072f5;--blue:#0068d6;--blue-bg:#ebf5ff;--milestone:#0072f5;--ring:#00000014;--shadow-border:0 0 0 1px var(--ring);--shadow-card:0 0 0 1px var(--ring), 0 2px 2px #0000000a, 0 8px 8px -8px #0000000a, 0 0 0 1px #fafafa;--shadow-card-hover:0 0 0 1px #00000024, 0 2px 2px #0000000f, 0 8px 16px -8px #0000001a, 0 0 0 1px #fafafa;--shadow-menu:0 0 0 1px var(--ring), 0 8px 24px #00000014;--op:#8e4ec6;--op-text:#7d3db5;--op-bg:#8e4ec61a;--ars:#0d9488;--ars-text:#0b7f75;--ars-bg:#0d94881a;--green:#18794e;--green-bg:#297c3b1a;--amber:#a35200;--amber-bg:#ffb2242e;--orange:#bd4b00;--red:#cd2b31;--red-bg:#e5484d1a;--muted:#a8a8a8;--r6:#e85d1e;--r5:#c98d00;--r4:#7c55f0;--r3:#3f7fe0}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--background-100);color:var(--gray-1000);font:400 14px/20px var(--font-sans);font-feature-settings:"liga" 1, "tnum" 1;-webkit-font-smoothing:antialiased;margin:0;overflow-y:scroll}h1,h2,h3,p{margin:0}a{color:inherit}button,input,select{font:inherit;color:inherit}img{display:block}img.missing{visibility:hidden}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.link,p a{color:var(--link);text-underline-offset:2px;text-decoration:underline}*{scrollbar-width:thin;scrollbar-color:var(--gray-alpha-400) transparent}.icon{text-transform:none;letter-spacing:normal;white-space:nowrap;font-variation-settings:"FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20;-webkit-user-select:none;user-select:none;flex-shrink:0;font-family:Material Symbols Rounded;font-size:16px;font-style:normal;font-weight:400;line-height:1}.heading-48{font:600 48px/56px var(--font-sans);letter-spacing:-1.2px}.heading-32{font:600 32px/40px var(--font-sans);letter-spacing:-.64px}.heading-24{font:600 24px/32px var(--font-sans);letter-spacing:-.48px}.heading-20{font:600 20px/28px var(--font-sans);letter-spacing:-.3px}.heading-16{font:600 16px/24px var(--font-sans);letter-spacing:-.16px}.heading-14{font:600 14px/20px var(--font-sans)}.copy-16{font:400 16px/24px var(--font-sans)}.copy-14{font:400 14px/20px var(--font-sans)}.copy-13{font:400 13px/18px var(--font-sans)}.label-14{font:500 14px/20px var(--font-sans)}.label-13{font:400 13px/16px var(--font-sans)}.label-12{font:400 12px/16px var(--font-sans)}.secondary{color:var(--gray-900)}.tertiary{color:var(--gray-700)}.num{font-variant-numeric:tabular-nums}.label-mono,.metric-label,.table th,.mini-stat .label-12{font:500 12px/16px var(--font-sans);text-transform:uppercase;letter-spacing:.06em}@media (width<=640px){.heading-48{letter-spacing:-.9px;font-size:36px;line-height:40px}.heading-32{letter-spacing:-.56px;font-size:28px;line-height:34px}}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (width<=640px){.container{padding:0 16px}}.stack{flex-direction:column;gap:16px;display:flex}.row{align-items:center;gap:8px;display:flex}.spacer{flex:1}.header{background:var(--background-100);box-shadow:0 1px 0 var(--ring);z-index:30;position:sticky;top:0}.header-top{align-items:center;gap:12px;height:64px;display:flex}.logo{font:600 16px/1 var(--font-sans);letter-spacing:-.16px;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark{width:28px;height:28px;color:var(--gray-1000)}.crumb-sep{color:var(--gray-alpha-600);font-size:22px;font-weight:400;line-height:1}.header-user{align-items:center;gap:8px;min-width:0;display:flex}.avatar{object-fit:cover;background:linear-gradient(135deg, var(--op), var(--ars));border-radius:50%;flex-shrink:0;width:24px;height:24px}.avatar.lg{width:56px;height:56px}.profile-edit{align-items:center;gap:16px;margin-top:16px;display:flex}.profile-edit .field{flex:1;max-width:320px}.tabs{scrollbar-width:none;gap:4px;margin:0 -8px;display:flex;position:relative;overflow-x:auto}.tab{height:46px;color:var(--gray-900);font:500 14px/1 var(--font-sans);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 12px;text-decoration:none;display:flex;position:relative}.tab-icon{flex-shrink:0;width:15px;height:15px;margin-right:7px;position:relative}.tab-icon.icon{place-items:center;font-size:18px;display:grid;overflow:visible}.tab:before{content:"";border-radius:var(--radius-sm);transition:background .15s var(--ease);position:absolute;inset:8px 2px}.tab:hover{color:var(--gray-1000)}.tab:hover:before{background:var(--gray-alpha-100)}.tab>*{position:relative}.tab[aria-current=page]{color:var(--gray-1000)}.tab[aria-current=page]:after{content:"";background:var(--gray-1000);height:2px;position:absolute;bottom:0;left:12px;right:12px}.tab[aria-disabled=true]{opacity:.4;pointer-events:none}.page-header{background:var(--background-100)}.page-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:56px 32px;display:flex}.page-header p{color:var(--gray-900);margin-top:8px}.breadcrumb{color:var(--gray-900);font:400 14px/20px var(--font-sans);align-items:center;gap:6px;margin-bottom:12px;display:flex}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--gray-1000)}main{padding:0 0 120px}.section{margin-top:56px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card{background:var(--background-100);box-shadow:var(--shadow-card);border-radius:var(--radius-md)}.card-body{padding:24px}.card-footer{border-top:1px solid var(--ring);background:var(--background-200);border-radius:0 0 var(--radius-md) var(--radius-md);color:var(--gray-900);font:400 14px/20px var(--font-sans);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.card-head{border-bottom:1px solid var(--ring);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.metrics{box-shadow:var(--shadow-card);border-radius:var(--radius-md);background:var(--background-100);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid;overflow:hidden}.metric{border-right:1px solid var(--ring);border-bottom:1px solid var(--ring);min-width:0;margin-bottom:-1px;margin-right:-1px;padding:24px}.metrics.plain{box-shadow:none;background:0 0;border-radius:0;gap:32px;padding-bottom:8px;overflow:visible}.metrics.plain .metric{border:0;margin:0;padding:0}.metrics.plain .metric-value{letter-spacing:-1px;margin-top:8px;font-size:40px;line-height:48px}.metrics.plain .metric-sub{margin-top:4px}.luck-word{font-weight:500}.metric-label{min-height:20px;color:var(--gray-900);justify-content:space-between;align-items:center;gap:8px;display:flex}.metric-value{font:600 32px/40px var(--font-sans);letter-spacing:-.64px;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:12px}.metric-value small{letter-spacing:-.16px;color:var(--gray-700);font-size:16px;font-weight:400}.metric-sub{font:400 13px/18px var(--font-sans);color:var(--gray-900);margin-top:4px}.progress{background:var(--gray-alpha-200);border-radius:2px;height:4px;margin-top:12px;overflow:hidden}.progress>i{background:var(--gray-1000);border-radius:2px;height:100%;display:block}.badge{height:20px;font:500 12px/1 var(--font-sans);white-space:nowrap;color:var(--gray-1000);background:var(--gray-alpha-200);border-radius:9999px;align-items:center;gap:4px;padding:0 10px;display:inline-flex}.badge.lg{height:24px;padding:0 10px}.badge.green{color:var(--green);background:var(--green-bg)}.badge.amber{color:var(--amber);background:var(--amber-bg)}.badge.red{color:var(--red);background:var(--red-bg)}.badge.purple{color:var(--op-text);background:var(--op-bg)}.badge.teal{color:var(--ars-text);background:var(--ars-bg)}.badge.blue{color:var(--blue);background:var(--blue-bg)}.badge.outline{box-shadow:var(--shadow-border);color:var(--gray-900);background:0 0}.dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.btn{border-radius:var(--radius-sm);height:40px;font:500 14px/1 var(--font-sans);white-space:nowrap;cursor:pointer;transition:background .15s var(--ease), box-shadow .15s var(--ease), color .15s var(--ease);border:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;text-decoration:none;display:inline-flex}.btn.sm{height:32px;padding:0 10px}.btn.primary{background:var(--gray-1000);color:var(--background-100);padding:0 16px}.btn.primary:hover{background:color-mix(in srgb, var(--gray-1000) 82%, var(--background-100))}.btn.secondary{background:var(--background-100);box-shadow:var(--shadow-border);color:var(--gray-1000)}.btn.secondary:hover{background:var(--gray-alpha-100);box-shadow:0 0 0 1px var(--gray-alpha-600)}.btn.tertiary{color:var(--gray-1000);background:0 0}.btn.tertiary:hover{background:var(--gray-alpha-100)}.btn.error{color:#fff;background:#e5484d}.btn.error:hover{background:#d93d42}.btn.icon-only{width:32px;padding:0}.toggle{border-radius:var(--radius-sm);box-shadow:var(--shadow-border);background:var(--background-200);gap:2px;padding:3px;display:inline-flex}.toggle button{white-space:nowrap;height:26px;color:var(--gray-900);font:500 13px/1 var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.toggle button:hover{color:var(--gray-1000)}.toggle button[aria-pressed=true]{background:var(--background-100);color:var(--gray-1000);box-shadow:0 0 0 1px var(--ring), 0 1px 2px #00000014}.rarity-filter{height:28px;box-shadow:var(--shadow-border);border-radius:9999px;align-items:center;gap:2px;padding:0 4px;display:inline-flex}.rarity-filter button{height:100%;color:var(--gray-700);font:500 13px/1 var(--font-sans);cursor:pointer;transition:color .15s var(--ease);background:0 0;border:0;padding:0 8px}.rarity-filter button:hover{color:var(--gray-900)}.rarity-filter button[aria-pressed=true]{color:var(--gray-1000)}.rarity-filter button[aria-pressed=false]{opacity:.55}.rarity-filter .filter-up{place-items:center;padding:0 6px;display:grid}.rateup-icon{border-radius:50%;flex-shrink:0;place-items:center;width:1.15em;height:1.15em;display:inline-grid;box-shadow:inset 0 0 0 1.75px}.rateup-icon .icon{font-variation-settings:"FILL" 0, "wght" 600, "GRAD" 0, "opsz" 20;font-size:.85em}.rarity-filter .filter-up .icon{font-size:17px}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field>span{font:400 13px/16px var(--font-sans);color:var(--gray-900)}.input{border-radius:var(--radius-sm);height:40px;box-shadow:var(--shadow-border);background:var(--background-100);color:var(--gray-1000);font:400 14px/1 var(--font-sans);min-width:0;transition:box-shadow .15s var(--ease);border:0;padding:0 12px}.input:hover{box-shadow:0 0 0 1px var(--gray-alpha-600)}.input:focus{box-shadow:0 0 0 1px var(--focus), 0 0 0 4px color-mix(in srgb, var(--focus) 24%, transparent);outline:none}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--gray-900) 50%), linear-gradient(135deg, var(--gray-900) 50%, transparent 50%);background-position:calc(100% - 18px) 17px,calc(100% - 13px) 17px;background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.switch{appearance:none;background:var(--gray-500);cursor:pointer;width:32px;height:18px;transition:background .2s var(--ease);border-radius:999px;flex-shrink:0;margin:0;position:relative}.switch:after{content:"";width:14px;height:14px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.switch:checked{background:var(--gray-1000)}.switch:checked:after{background:var(--background-100);transform:translate(14px)}.check{width:16px;height:16px;accent-color:var(--gray-1000)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font:400 14px/20px var(--font-sans)}.table th{text-align:left;height:40px;color:var(--gray-900);border-bottom:1px solid var(--ring);white-space:nowrap;background:var(--background-200);padding:0 16px}.table td{border-bottom:1px solid var(--ring);white-space:nowrap;height:52px;padding:0 16px}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background .1s}.table tr.six td:first-child{box-shadow:inset 2px 0 0 var(--r6)}.table tr.five td:first-child{box-shadow:inset 2px 0 0 var(--r5)}.table tbody tr:hover{background:var(--gray-alpha-100)}.table tr.clickable{cursor:pointer}.table .right{text-align:right}.table .grow{width:100%}.table-empty{text-align:center;color:var(--gray-900);padding:48px 24px}.item{align-items:center;gap:12px;display:flex}.item-icon{border-radius:var(--radius-sm);object-fit:cover;background:var(--gray-100);width:32px;height:32px;box-shadow:var(--shadow-border);flex-shrink:0}.item-icon.weapon{object-fit:contain}.rarity{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.rarity .dot{width:6px;height:6px}.banner-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:16px;display:grid}.banner{--card-h:600px;height:var(--card-h);transition:box-shadow .15s var(--ease), height .4s cubic-bezier(.25, 1, .5, 1);flex-direction:column;scroll-margin-top:128px;display:flex;overflow:hidden;container-type:inline-size}.banner.expanded{height:auto}.banner-summary,.banner-expand{flex-shrink:0}.banner-body{scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.banner.expanded .banner-body{overflow:visible}.banner-expand{height:40px;color:var(--gray-900);font:500 11px/1 var(--font-sans);text-transform:uppercase;cursor:pointer;transition:color .15s var(--ease), background .15s var(--ease);background:0 0;border:0;justify-content:center;align-items:center;gap:4px;display:flex}.banner-expand:hover{color:var(--gray-1000);background:var(--gray-alpha-100)}.banner-expand .icon{transition:transform .2s var(--ease);transform:rotate(90deg)}.banner.expanded .banner-expand .icon{transform:rotate(-90deg)}.banner.fits .banner-expand{display:none}.banner:hover{box-shadow:var(--shadow-card-hover)}.banner{isolation:isolate;background:var(--background-100);position:relative}.banner-summary{position:relative}.banner-summary:before{content:"";top:calc(var(--card-h) * -.5);width:200%;height:calc(var(--card-h) * 2);background:radial-gradient(circle at 50% 40%, var(--banner-tint,transparent) 0%, transparent 60%);filter:blur(60px);opacity:.5;z-index:-1;pointer-events:none;transition:background .8s;position:absolute;left:-50%}@media (width<=640px){.banner-summary:before{filter:none;background:radial-gradient(circle at 50% 40%, var(--banner-tint,transparent) 0%, transparent 80%)}}.banner-body>.metrics,.banner-body .table th{background:0 0}.banner-body .card-head,.banner-body .table th,.banner-body .table td{border:0}.banner-art{border-radius:var(--radius-md) var(--radius-md) 0 0;height:150px;position:relative;overflow:hidden}.banner-art img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease);position:absolute;inset:0}.banner-art img.weapon{object-fit:contain;filter:drop-shadow(0 4px 12px #0009);padding:12px 12px 56px 45%}.banner-art:after{content:"";background:linear-gradient(#0000,#00000014 30%,#0009 62%,#000000eb);position:absolute;inset:0}.banner-art-text{z-index:1;color:#fff;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.banner-name{max-width:100%;font:400 16px/22px var(--font-title,"Jost"), var(--font-sans);text-transform:uppercase;letter-spacing:.02em;text-shadow:0 1px 6px #000c}.banner-current{z-index:1;color:#fff;height:20px;font:500 12px/1 var(--font-sans);background:#0072f5;border-radius:9999px;align-items:center;padding:0 10px;display:inline-flex;position:absolute;top:12px;right:12px}.banner-rateup{max-width:100%;font:500 14px/20px var(--font-sans);color:#ffffffeb;text-shadow:0 1px 6px #000c;align-items:center;gap:6px;display:inline-flex}.banner-rateup .rateup-icon{color:#ffffffbf;font-size:17px}.banner-rateup>.ellipsis+.icon{color:#4cc38a;font-variation-settings:"FILL" 0, "wght" 600, "GRAD" 0, "opsz" 20;font-size:16px}.rateup-count{color:#ffffffb3;font-size:12px}.banner-glance{padding:12px 16px}.glance-row{align-items:baseline;gap:20px;margin-bottom:8px;display:flex}.glance-stat{font:500 11px/16px var(--font-sans);text-transform:uppercase;color:var(--gray-900);white-space:nowrap;align-items:baseline;gap:5px;display:inline-flex}.glance-stat b{font:600 15px/20px var(--font-sans);letter-spacing:-.15px;font-variant-numeric:tabular-nums;color:inherit}.glance-stat .icon{opacity:.85;align-self:center;margin-right:1px;font-size:15px}.glance-stat i{font:400 11px/16px var(--font-sans);color:var(--gray-700);margin-left:-3px}.glance-stat:first-child,.glance-stat:first-child b{color:var(--gray-1000)}.glance-stat .spacer{flex:1}.banner-body>.metrics{box-shadow:none;border-bottom:1px solid var(--ring);border-radius:0;grid-template-columns:1fr 1fr}.ruler{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);background:#ffffff09;padding:8px 26px 2px 12px}:root[data-theme=light] .ruler{background:#ffffff73}.ruler-body{--track:54px;--reach:27px;height:calc(var(--track) + 64px);position:relative;container-type:inline-size}.ruler-track,.ruler-fill,.ruler-run,.ruler-ahead{top:var(--track);border-radius:2px;height:3px;position:absolute;left:0}.ruler-track{background:var(--gray-alpha-200);border-radius:3px;height:8px;right:0}.ruler-run,.ruler-ahead{top:calc(var(--track) + 5px)}.ruler-ahead{opacity:.3}.ruler-from{left:0;top:calc(var(--track) - 18px);font:500 10px/14px var(--font-sans);color:var(--gray-700);position:absolute}.ruler-now{top:calc(var(--track) - 3px);background:var(--gray-1000);width:2px;height:14px;box-shadow:0 0 4px color-mix(in srgb, var(--gray-1000) 35%, transparent);border-radius:1px;position:absolute;transform:translate(-50%)}.icon.filled{font-variation-settings:"FILL" 1, "wght" 300, "GRAD" 0, "opsz" 20}.ruler-mark{top:calc(var(--track) - 35px);color:var(--gray-700);flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.ruler-mark-label{text-align:center;font:500 10px/14px var(--font-sans);text-transform:uppercase;color:var(--gray-900);white-space:nowrap;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.ruler-mark-drop{background:var(--background-100);width:26px;height:26px;box-shadow:0 0 0 1px var(--gray-alpha-600);border-radius:50%;place-items:center;display:grid}.ruler-mark-drop:after{content:"";background:var(--pointer,var(--gray-alpha-600));clip-path:polygon(0 0,100% 0,50% 100%);width:10px;height:6px;transform:rotate(clamp(-50deg, atan2(calc(var(--dx,0) * -1cqw), var(--reach)), 50deg));transform-origin:50% -16px;position:absolute;top:29px}.ruler-mark .icon{font-size:16px}.ruler-mark.below{top:calc(var(--track) + 19px);z-index:0}.ruler-mark.below .ruler-mark-label{top:calc(100% + 2px);bottom:auto}.ruler-mark.below .ruler-mark-drop:after{clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(clamp(-50deg, atan2(calc(var(--dx,0) * 1cqw), var(--reach)), 50deg));transform-origin:50% 22px;top:-9px}.ruler-mark.passed .ruler-mark-label{color:var(--gray-700)}.ruler-mark.passed .ruler-mark-drop{background:var(--gray-alpha-600);color:var(--background-100);box-shadow:0 0 0 2px var(--background-100)}.ruler-mark.ahead .ruler-mark-label{color:var(--milestone)}.ruler-mark.ahead .ruler-mark-drop{background:var(--milestone);color:#fff;box-shadow:0 0 0 2px var(--background-100), 0 0 10px color-mix(in srgb, var(--milestone) 50%, transparent)}.ruler-mark.ahead{--pointer:var(--milestone)}.ruler-pin{--pin-ring:#0b0b0b;z-index:1;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.ruler-pin.above{top:2px}.ruler-pin.below{top:calc(var(--track) + 10px);flex-direction:column-reverse}.ruler-pin-label{font:500 10px/14px var(--font-sans);color:var(--gray-900);margin-bottom:2px}.ruler-pin.below .ruler-pin-label{margin:2px 0 0}.ruler-portrait{object-fit:cover;background:var(--gray-100);width:26px;height:26px;box-shadow:0 0 0 2px var(--pin-ring), 0 3px 8px 2px #0000008c;border-radius:50%}.ruler-portrait.missing{visibility:visible}.ruler-pin-point{background:var(--gray-alpha-600);clip-path:polygon(0 0,100% 0,50% 100%);width:10px;height:6px;transform:rotate(clamp(-50deg, atan2(calc(var(--dx,0) * -1cqw), var(--reach)), 50deg));transform-origin:50% -16px;margin-top:3px}.ruler-pin.below .ruler-pin-point{clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(clamp(-50deg, atan2(calc(var(--dx,0) * 1cqw), var(--reach)), 50deg));transform-origin:50% 22px;margin:0 0 3px}.ruler-pin:hover{z-index:2}.ruler-pin.pin-dot{cursor:default;place-items:center;width:14px;height:14px;display:grid}.ruler-pin.pin-dot.above{top:calc(var(--track) - 18px)}.ruler-pin.pin-dot.below{top:calc(var(--track) + 12px)}.ruler-dot{width:7px;height:7px;box-shadow:0 0 0 1px var(--gray-alpha-600);transition:transform .12s var(--ease);background:#000;border-radius:50%}.ruler-pin.pin-tick{cursor:default;justify-content:center;width:8px;height:16px;display:flex}.ruler-pin.pin-tick.below{top:calc(var(--track) + 8px);align-items:flex-start}.ruler-pin.pin-tick.above{top:calc(var(--track) - 16px);align-items:flex-end}.ruler-tick{background:var(--gray-700);width:1.5px;height:8px;transition:height .12s var(--ease), width .12s var(--ease), background .12s var(--ease);border-radius:1px}.ruler-pin.pin-tick:hover,.ruler-pin.pin-tick.hovered{z-index:3}.ruler-pin.pin-tick:hover .ruler-tick,.ruler-pin.pin-tick.hovered .ruler-tick{width:2.5px;height:12px}.ruler-pin.pin-dot:hover .ruler-dot,.ruler-pin.pin-dot.hovered .ruler-dot{transform:scale(1.7)}.banner-body .metric{padding:16px 20px}.banner-body .metric:has(.banner-dates){grid-column:1/-1}.banner-body .metric-value{letter-spacing:-.48px;font-size:24px;line-height:32px}.banner-body .card-head{padding:14px 20px}.banner-body .table th,.banner-body .table td{padding:0 10px}.banner-body .table th:first-child,.banner-body .table td:first-child{width:1px;padding-left:20px}.banner-body .table th:last-child,.banner-body .table td:last-child{padding-right:20px}.banner-body .table td{height:44px}.banner-body .item-icon{width:28px;height:28px}.banner-body>.card-head{min-height:40px;padding-block:4px}.banner-body .table td.grow{max-width:0}.banner-body .item{gap:10px}.item-name{align-items:center;gap:8px;min-width:0;display:flex}.item-name .badge{flex-shrink:0}.item-text{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.item-sub{color:var(--gray-700);font:400 12px/16px var(--font-sans);flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}@container (width<=340px){.banner-body .hide-xnarrow{display:none}}.banner-dates{letter-spacing:-.16px;font-size:16px;line-height:32px}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.min0{min-width:0}.status{font:400 14px/20px var(--font-sans);align-items:center;gap:8px;min-width:0;display:flex}.mini-stat .label-12{color:var(--gray-700)}.mini-stat .v{font:600 18px/24px var(--font-sans);letter-spacing:-.18px;font-variant-numeric:tabular-nums;margin-top:2px}.empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;display:flex}.empty-icon{border-radius:var(--radius-md);width:48px;height:48px;box-shadow:var(--shadow-card);background:var(--background-100);place-items:center;display:grid}.empty-icon .icon{font-size:24px}.empty p{max-width:440px;color:var(--gray-900)}.steps{counter-reset:step;gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps li{color:var(--gray-900);grid-template-columns:24px 1fr;gap:12px;display:grid}.steps li:before{counter-increment:step;content:counter(step);width:24px;height:24px;box-shadow:var(--shadow-border);color:var(--gray-1000);font:500 12px/1 var(--font-sans);border-radius:50%;place-items:center;display:grid}.steps b{color:var(--gray-1000);font-weight:500}kbd,code{font:400 12px/1 var(--font-mono);box-shadow:var(--shadow-border);background:var(--background-200);color:var(--gray-1000);border-radius:4px;padding:2px 5px}.code{border-radius:var(--radius-md);box-shadow:var(--shadow-border);background:var(--background-200);position:relative}.code pre{max-height:320px;font:13px/1.6 var(--font-mono);margin:0;padding:16px;overflow:auto}.code pre code{font:inherit;box-shadow:none;background:0 0;border-radius:0;padding:0}.code .btn{position:absolute;top:8px;right:12px}.settings{grid-template-columns:minmax(0,1fr);gap:32px;display:grid}.settings .card-body h2{margin-bottom:8px}.settings .card-body>p{color:var(--gray-900);margin-bottom:20px}.danger{box-shadow:0 0 0 1px #e5484d66,0 2px 2px #0000000a}.danger .card-footer{background:color-mix(in srgb, #e5484d 6%, var(--background-200));border-top-color:#e5484d66}.chart{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .grid line{stroke:var(--gray-alpha-200)}.chart text{fill:var(--gray-700);font:400 12px var(--font-sans)}.chart .hit{fill:#0000}.legend{font:400 13px/16px var(--font-sans);color:var(--gray-900);flex-wrap:wrap;gap:16px;display:flex}.legend i{border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.legend i.round{border-radius:50%}.tooltip{z-index:60;pointer-events:none;border-radius:var(--radius-md);background:var(--background-100);min-width:160px;max-width:280px;box-shadow:var(--shadow-menu);font:400 13px/18px var(--font-sans);padding:8px 12px;position:fixed}.tooltip .t-title{margin-bottom:4px;font-weight:600}.tooltip .t-note{max-width:220px;color:var(--gray-900);margin-bottom:6px}.tooltip .t-row{color:var(--gray-900);justify-content:space-between;gap:12px;display:flex}.tooltip .t-row b{color:var(--gray-1000);font-weight:500}.tooltip i{border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.bar-cell{align-items:center;gap:10px;min-width:160px;display:flex}.bar{background:var(--gray-alpha-200);border-radius:3px;flex:1;height:6px;overflow:hidden}.bar i{border-radius:3px;height:100%;display:block}.toast-host{z-index:120;gap:8px;width:min(380px,100% - 32px);display:grid;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-md);background:var(--background-100);box-shadow:var(--shadow-menu);font:400 14px/20px var(--font-sans);animation:rise .2s var(--ease);padding:14px 16px}.toast.error{color:var(--red)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.drop-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;place-items:center;display:none;position:fixed;inset:0}.drop-overlay.on{display:grid}.drop-overlay>div{border-radius:var(--radius-lg);border:1px dashed var(--gray-alpha-600);background:var(--background-100);text-align:center;padding:48px 64px}.fade-in{animation:rise .3s var(--ease) both}@media (width<=640px){.header-top{height:56px}.page-header-inner{padding-block:32px 24px}main{padding-bottom:64px}.section{margin-top:40px}.tabs{gap:0}.tab{padding:0 7px}.tab-icon{margin-right:5px}.metrics{grid-template-columns:1fr 1fr}.metrics.plain{gap:28px 16px}.metrics.plain .metric-value{letter-spacing:-.64px;font-size:32px;line-height:40px}.metric{padding:16px}.card-head{padding:14px 16px}.banner-list{grid-template-columns:minmax(0,1fr);gap:12px}.code pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:48px 12px 12px;font-size:12px}.metric:has(.banner-dates){grid-column:1/-1}.hide-sm{display:none}}.pulls{flex-direction:column;gap:4px;padding:0 12px 12px 16px;display:flex}.pull{border-radius:var(--radius-sm);background:var(--gray-alpha-100);font:400 14px/20px var(--font-sans);transition:background .15s var(--ease);grid-template-rows:40px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:0 12px 0 10px;display:grid}.pulls.with-luck .pull{grid-template-columns:28px minmax(0,1fr) auto 52px}.pull:hover{background:var(--gray-alpha-200)}.pull-no{text-align:center;color:var(--gray-700);font-size:12px}.pull-pity,.pull-luck{text-align:right}.pull .item-name>.ellipsis{font:700 13px/18px var(--font-sans);color:var(--gray-1000)}.pull-tag{flex-shrink:0;place-items:center;margin-left:-2px;display:inline-grid}.pull-tag .icon{font-size:17px}.pull-tag.rateup .icon{color:var(--op);font-variation-settings:"FILL" 0, "wght" 600, "GRAD" 0, "opsz" 20}.pull-tag.rateup.weap .icon{color:var(--ars)}.pull-tag.new .icon{color:var(--amber)}.pull-set{flex-direction:column;gap:4px;display:flex}.pull-set+.pull-set{margin-top:8px}.pull-set-head{font:500 11px/16px var(--font-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--gray-900);justify-content:space-between;align-items:baseline;padding:2px 4px 0;display:flex}.pull.has-luck{cursor:pointer}.pull.has-luck:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.luck-drawer{opacity:0;grid-column:1/-1;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.25,1,.5,1),opacity .2s;display:grid}.luck-drawer>.luck-inner{min-height:0;overflow:hidden}.pull.open .luck-drawer{opacity:1;grid-template-rows:1fr}.pull.open .luck-inner{padding-bottom:10px}.luck-text{font:400 12px/18px var(--font-sans);color:var(--gray-900);margin:0 0 8px}.luck-text b{font-weight:600}.luck-graph svg{max-height:72px}.luck-graph text{font-size:10px}.pull.open .luck-line{stroke-dasharray:1;animation:.7s ease-out .1s both luck-draw}.pull.open .luck-mark{animation:.3s .6s both rise}@keyframes luck-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.pull .item-icon{width:28px;height:28px}.six-strip{--six-row:86px;--six-gap:12px;gap:var(--six-gap) 10px;flex-wrap:wrap;display:flex}.six-section:not(.open) .six-strip{max-height:calc(2 * var(--six-row) + var(--six-gap) + 6px);margin:-3px;padding:3px;overflow:hidden}.six-section.fits .six-toggle{display:none}.six-item{flex-direction:column;align-items:center;gap:6px;width:64px;display:flex}.six-portrait{object-fit:cover;background:var(--gray-100);width:64px;height:64px;box-shadow:var(--shadow-border);transition:transform .15s var(--ease);border-radius:10px}.six-portrait.weapon{object-fit:contain;padding:6px}.six-item.rateup .six-portrait{box-shadow:0 0 0 1px var(--r6)}.six-item:hover .six-portrait{transform:translateY(-2px)}.six-pity{font:500 12px/16px var(--font-sans);text-transform:uppercase;color:var(--gray-1000);align-items:center;gap:5px;display:inline-flex}.six-pity i{border-radius:50%;width:6px;height:6px}@media (width<=640px){.six-strip{--six-row:74px;--six-gap:10px;gap:var(--six-gap) 8px}.six-item,.six-portrait{width:52px}.six-portrait{height:52px}}