@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.flex{display:flex}.hidden{display:none}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}}:root{--bg:#06080c;--line:#a4bcda24;--line-strong:#a4bcda3d;--text:#edf3fb;--muted:#8fa0b5;--accent:#89e7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 18% 0,#89e7ff14,#0000 30rem),radial-gradient(circle at 84% 10%,#b89cff0f,#0000 28rem),linear-gradient(#85a0bf0a 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#85a0bf0a 1px,#0000 1px) 0 0/44px 44px,#06080c;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}::selection{background:#89e7ff3d}.page-shell{width:min(1240px,100% - 40px);margin-inline:auto}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06080ca3;border-bottom:1px solid #a4bcda14;justify-content:space-between;align-items:center;min-height:78px;display:flex;position:sticky;top:0}.brand{letter-spacing:.16em;align-items:center;gap:11px;font-size:13px;font-weight:800;display:inline-flex}.brand em{color:var(--muted);margin-left:3px;font-style:normal;font-weight:500}.brand-mark{border:1px solid var(--line-strong);color:#f7fbff;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);background:linear-gradient(135deg,#89e7ff1a,#ffffff05);place-items:center;width:32px;height:32px;display:grid}.brand.compact{font-size:12px}.brand.compact .brand-mark{width:27px;height:27px}.site-header nav{color:#aab9ca;align-items:center;gap:10px;font-size:12px;display:flex}.site-header nav>a{border:1px solid #0000;padding:10px 13px}.site-header nav>a:hover{color:#fff;background:#ffffff05;border-color:#ffffff14}.lang-switch{border:1px solid var(--line);background:#ffffff05;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.lang-switch button{color:#8195ad;cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:40px;height:30px}.lang-switch button.active{color:#f3fbff;background:#89e7ff1a;box-shadow:inset 0 0 0 1px #89e7ff2e}.nav-status{border:1px solid var(--line);color:#d8e8f6;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.nav-status i,.hero-badge span,.secure-note span{background:var(--accent);border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 5px #89e7ff12}.hero{border-bottom:1px solid #a4bcda14;grid-template-columns:minmax(0,1fr) minmax(360px,470px);align-items:center;gap:60px;min-height:520px;padding:54px 0 64px;display:grid}.hero-copy{min-width:0}.hero-badge{color:#9aaabc;letter-spacing:.2em;align-items:center;gap:10px;margin-bottom:22px;font-size:11px;display:inline-flex}.hero h1{letter-spacing:-.055em;text-transform:uppercase;max-width:800px;margin:0;font-size:clamp(48px,6.8vw,88px);font-weight:760;line-height:.93}.hero h1 span{color:#7d90a7}.hero-copy>p{color:#a3b2c4;max-width:650px;margin:26px 0 34px;font-size:17px;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.primary-button{color:#f6fcff;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#89e7ff1f,#ffffff06);border:1px solid #89e7ff33;justify-content:space-between;align-items:center;gap:18px;min-width:210px;padding:15px 17px;font-size:12px;font-weight:750;transition:transform .2s,border-color .2s;display:inline-flex}.primary-button:hover{border-color:#89e7ff6b;transform:translateY(-2px)}.primary-button svg{width:18px;height:18px}.hero-actions>span{color:#63778f;letter-spacing:.16em;font-size:10px}.hero-hud-preview{border:1px solid var(--line);background-color:#080c1280;background-image:linear-gradient(#89e7ff09 1px,#0000 1px),linear-gradient(90deg,#89e7ff09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-height:220px;padding:28px;display:grid;overflow:hidden}.hero-hud-preview .hud-shell{transform-origin:50%;transform:scale(.7)}.builder-section{padding:90px 0 100px}.section-kicker{color:#70839a;letter-spacing:.2em;align-items:center;gap:11px;margin-bottom:18px;font-size:11px;display:flex}.section-kicker span{color:var(--accent)}.section-heading-row{justify-content:space-between;align-items:end;gap:28px;margin-bottom:32px;display:flex}.section-heading-row h2{letter-spacing:-.04em;margin:0;font-size:clamp(34px,4.6vw,58px);line-height:1}.section-heading-row p{color:#8fa1b5;max-width:680px;margin:13px 0 0;font-size:15px;line-height:1.6}.secure-note{color:#7f92a8;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:10px;padding-bottom:4px;font-size:10px;display:inline-flex}.section-kicker-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.autosave-state{color:#667b92;letter-spacing:.08em;align-items:center;gap:8px;font-size:10px;transition:color .2s;display:inline-flex}.autosave-state i{background:#607287;border-radius:999px;width:6px;height:6px;transition:background .2s,box-shadow .2s}.autosave-state.active{color:#a9c9ba}.autosave-state.active i{background:#75ffce;box-shadow:0 0 0 5px #75ffce0f}.reset-all{color:#9bacc0;cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;height:38px;padding:0 14px}.reset-all:hover{color:#fff;border-color:#ffffff29}.preset-gallery-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px;display:flex}.preset-gallery-head>div{min-width:0}.preset-gallery-head span{color:#b8c9dc;letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:700}.preset-gallery-head p{color:#71859b;max-width:560px;margin:7px 0 0;font-size:10px;line-height:1.55}.preset-gallery-head>strong{color:#cfeef7;background:#89e7ff09;border:1px solid #89e7ff1f;place-items:center;min-width:36px;height:30px;font-size:11px;font-weight:700;display:grid}.preset-filter{background:#ffffff03;border:1px solid #ffffff0e;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:4px;display:flex}.preset-filter button{color:#7890a8;cursor:pointer;letter-spacing:.035em;background:0 0;border:1px solid #0000;min-height:34px;padding:0 12px;font-size:10px;font-weight:650;transition:color .18s,border-color .18s,background .18s}.preset-filter button:hover{color:#c9d8e8;background:#ffffff05}.preset-filter button.active{color:#effbff;background:#89e7ff13;border-color:#89e7ff2e}.preset-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.preset-profile-card{color:#9caec1;text-align:left;cursor:pointer;background:linear-gradient(#ffffff05,#ffffff02);border:1px solid #fff1;grid-template-rows:116px minmax(0,1fr);min-width:0;min-height:254px;padding:0;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.preset-profile-card:hover{background:linear-gradient(#89e7ff09,#ffffff03);border-color:#89e7ff2e;transform:translateY(-2px)}.preset-profile-card.active{background:linear-gradient(#89e7ff12,#89e7ff06);border-color:#89e7ff57;box-shadow:0 0 0 1px #89e7ff0b,0 16px 42px #0000002e}.preset-profile-card.active:before{content:"";z-index:2;background:#89e7ff;width:2px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 18px #89e7ff8c}.preset-profile-preview{pointer-events:none;background:linear-gradient(#89e7ff06 1px,#0000 1px) 0 0/22px 22px,linear-gradient(90deg,#89e7ff06 1px,#0000 1px) 0 0/22px 22px,radial-gradient(circle,#89e7ff0b,#0000 68%),#04070c6b;border-bottom:1px solid #ffffff0e;min-width:0;display:block;position:relative;overflow:hidden}.preset-fit-viewport{display:block;position:absolute;inset:10px 9px;overflow:hidden}.preset-fit-content{--preset-fit-scale:.3;width:max-content;height:max-content;transform:translate(-50%, -50%) scale(var(--preset-fit-scale));transform-origin:50%;will-change:transform;transition:transform .16s cubic-bezier(.22,.8,.24,1);display:block;position:absolute;top:50%;left:50%}.preset-fit-content .hud-shell,.preset-fit-content .hud-strip{max-width:none}.preset-profile-body{align-content:start;gap:8px;min-width:0;padding:13px 14px 12px;display:grid}.preset-profile-title-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.preset-profile-title-row strong{color:#edf6ff;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:680;overflow:hidden}.preset-profile-title-row em{color:#cbbcff;letter-spacing:.12em;text-transform:uppercase;background:#b89cff0e;border:1px solid #b89cff29;flex:none;padding:4px 6px;font-size:7px;font-style:normal;font-weight:750}.preset-profile-card.badge-recommended .preset-profile-title-row em{color:#baf5d9;background:#75ffce0b;border-color:#75ffce26}.preset-profile-tags{flex-wrap:wrap;gap:5px;display:flex}.preset-profile-tags i{color:#8196ad;letter-spacing:.045em;white-space:nowrap;background:#ffffff03;border:1px solid #ffffff0e;padding:4px 6px;font-size:7px;font-style:normal}.preset-profile-action{color:#8da3ba;letter-spacing:.11em;text-transform:uppercase;border-top:1px solid #ffffff0b;justify-content:space-between;align-items:center;gap:8px;min-height:27px;margin-top:auto;padding-top:8px;font-size:8px;font-weight:750;display:flex}.preset-profile-action svg{width:13px;height:13px}.preset-profile-card.active .preset-profile-action{color:#d8f8ff}.builder-grid{grid-template-columns:minmax(390px,.88fr) minmax(0,1.12fr);align-items:start;gap:20px;display:grid}.config-panel,.preview-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0a0e15bd,#080b128f)}.input-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.input-grid label{gap:8px;display:grid}.input-grid label>span,.control-title,.url-meta,.advanced-group>span,.range-control>span,.color-picker>span{color:#73869d;letter-spacing:.16em;text-transform:uppercase;font-size:9px}.input-grid input,.input-grid select{color:#f2f7fc;background:#ffffff06;border:1px solid #ffffff14;outline:none;width:100%;height:47px;padding:0 13px;transition:border-color .2s,box-shadow .2s,background .2s}.input-grid input:focus,.input-grid select:focus{background:#ffffff09;border-color:#89e7ff47;box-shadow:0 0 0 4px #89e7ff0b}.input-grid select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#7890aa 50%),linear-gradient(135deg,#7890aa 50%,#0000 50%);background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px;background-repeat:no-repeat;background-size:5px 5px}.input-grid select option{background:#0b1017}.control-section{border-top:1px solid #ffffff0e;margin-top:19px;padding-top:18px}.segmented{background:#ffffff05;border:1px solid #ffffff12;flex-wrap:wrap;gap:5px;padding:4px;display:flex}.segmented button{color:#8fa3ba;cursor:pointer;background:0 0;border:1px solid #0000;flex:88px;min-height:36px;padding:0 10px;font-size:12px}.segmented button.active{color:#f4fbff;background:#89e7ff16;border-color:#89e7ff2e}.palette-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.palette-chip{color:#91a4ba;cursor:pointer;background:#ffffff05;border:1px solid #ffffff12;align-items:center;gap:8px;min-width:0;height:38px;padding:0 9px;display:flex}.palette-chip span{border-radius:999px;flex:none;width:12px;height:12px;box-shadow:0 0 12px #ffffff24}.palette-chip em{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-style:normal;overflow:hidden}.palette-chip.active{color:#fff;background:#89e7ff11;border-color:#89e7ff38}.custom-color-row{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.color-picker{align-items:center;gap:10px;min-width:0;display:flex}.color-picker input{cursor:pointer;background:0 0;border:1px solid #ffffff1a;width:34px;height:30px;padding:2px}.color-picker code{color:#9fb2c8;font-size:11px}.text-action{color:#91a8c1;cursor:pointer;background:0 0;border:0;padding:7px 9px;font-size:11px}.text-action:hover{color:#fff}.rank-division-row{grid-template-columns:minmax(110px,.55fr) minmax(0,1fr);align-items:center;gap:10px;margin-top:10px;display:grid}.rank-division-row>span{color:#73869d;letter-spacing:.16em;text-transform:uppercase;font-size:9px}.rank-division-row .segmented{min-width:0}.rank-alias-box{background:#ffffff04;border:1px solid #ffffff0f;margin-top:11px;padding:12px}.rank-alias-box>p{color:#74879c;margin:0 0 11px;font-size:10px;line-height:1.55}.rank-alias-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.rank-alias-grid label{gap:6px;min-width:0;display:grid}.rank-alias-grid label>span{color:#73869d;letter-spacing:.12em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:8px;overflow:hidden}.rank-alias-grid input{color:#f2f7fc;text-transform:uppercase;background:#04070c6b;border:1px solid #ffffff13;outline:none;width:100%;min-width:0;height:38px;padding:0 10px;font-size:12px}.rank-alias-grid input:focus{border-color:#89e7ff40;box-shadow:0 0 0 3px #89e7ff0a}.rank-alias-box .text-action{margin-top:8px;padding-left:0}.advanced-controls{border-top:1px solid #ffffff0e;margin-top:19px}.advanced-controls summary{color:#b5c6d8;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;padding:18px 0 0;font-size:12px}.advanced-controls summary::marker{color:#70879f}.advanced-body{gap:16px;padding-top:16px;display:grid}.range-control{gap:9px;display:grid}.range-control>span{justify-content:space-between;display:flex}.range-control em{color:#b9cbe0;font-style:normal}.range-control input{width:100%;accent-color:var(--accent)}.advanced-group{gap:9px;display:grid}.reset-style{color:#9aabc0;cursor:pointer;background:#ffffff05;border:1px solid #ffffff12;height:38px}.reset-style:hover{color:#fff}.url-box{background:#ffffff05;border:1px solid #ffffff0f;margin-top:20px;padding:14px}.url-meta{justify-content:space-between;gap:12px;margin-bottom:9px;display:flex}.url-box code{overflow-wrap:anywhere;color:#bdcee0;background:#04070cb3;border:1px solid #ffffff0d;min-height:52px;padding:12px;font:10px/1.5 Cascadia Code,Consolas,monospace;display:block}.url-box button{color:#f5fbff;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#89e7ff14;border:1px solid #89e7ff2e;justify-content:center;align-items:center;gap:8px;width:100%;height:43px;margin-top:10px;font-size:11px;font-weight:750;display:flex}.url-box button.copied{background:#75ffce17}.url-box button svg{width:15px;height:15px}.quick-install{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;display:grid}.quick-install span{color:#91a4b8;background:#ffffff04;border:1px solid #ffffff0e;align-items:center;gap:8px;min-height:38px;padding:8px 9px;font-size:10px;display:flex}.quick-install i{color:#dff8ff;border:1px solid #89e7ff29;flex:none;place-items:center;width:18px;height:18px;font-size:9px;font-style:normal;display:grid}.config-hint{color:#6f8297;margin:10px 0 0;font-size:11px}.preview-panel{min-width:0;position:sticky;top:98px;overflow:hidden}.preview-toolbar{color:#6f849c;letter-spacing:.15em;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;height:43px;padding:0 14px;font-size:9px;display:flex}.preview-toolbar>div{gap:5px;display:flex}.preview-dot{background:#5b6571;border-radius:999px;width:6px;height:6px}.preview-dot.red{background:#76545e}.preview-dot.amber{background:#786d51}.preview-dot.green{background:#587865}.preview-stage{background:radial-gradient(circle,#89e7ff0b,#0000 62%);min-height:300px;position:relative;overflow:hidden}.preview-fit-viewport{position:absolute;inset:24px 18px;overflow:hidden}.preview-fit-content{--preview-fit-scale:1;width:max-content;height:max-content;transform:translate(-50%, -50%) scale(var(--preview-fit-scale));transform-origin:50%;will-change:transform;transition:transform .18s cubic-bezier(.22,.8,.24,1);position:absolute;top:50%;left:50%}.preview-fit-content .hud-shell,.preview-fit-content .hud-strip{max-width:none}html.obs-overlay-root,body.obs-overlay{background:0 0!important}html:has(.overlay-canvas){background:0 0!important}body:has(.overlay-canvas){background:0 0!important}.obs-overlay{overflow:hidden}.overlay-canvas{justify-content:flex-start;align-items:flex-start;min-height:100vh;padding:4px;display:flex;background:0 0!important}.hud-shell{--hud-accent:#89e7ff;--hud-rgb:137 231 255;--hud-surface-alpha:0;--hud-border-alpha:.3;--hud-border-width:1px;--hud-radius:4px;--hud-gap:7px;--hud-height:62px;--hud-px:13px;--hud-label:8px;--hud-value:22px;--hud-detail:9px;--hud-font-weight:720;--hud-label-track:.16em;--hud-value-track:-.04em;--hud-detail-track:.08em;--hud-progress-height:4px;--hud-progress-width:100%;--hud-stack-stats-gap:8px;--hud-progress-track-alpha:.28;--hud-progress-fill-alpha:1;--hud-progress-glow:11px;--hud-progress-radius:999px;--hud-rank-icon-scale:1;color:#f6fbff;width:max-content;max-width:100%}.hud-font-clean{font-family:Inter,Segoe UI,Arial,sans-serif}.hud-font-tech{font-family:Bahnschrift,Cascadia Code,Consolas,monospace}.hud-font-condensed{font-family:Arial Narrow,Bahnschrift,Segoe UI,sans-serif;font-stretch:75%}.hud-font-mono{font-family:Cascadia Mono,JetBrains Mono,Consolas,monospace}.hud-font-wide{font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;font-stretch:125%}.hud-strip{align-items:stretch;gap:var(--hud-gap);flex-wrap:nowrap;width:max-content;max-width:100%;display:flex}.metric-plate,.classic-rank-plate,.compact-rank-plate,.tactical-plate,.hud-status,.hud-load-plate{min-height:var(--hud-height);border-radius:var(--hud-radius);background-color:rgb(4 8 14/var(--hud-surface-alpha));position:relative}.hud-frame-line .metric-plate,.hud-frame-line .classic-rank-plate,.hud-frame-line .compact-rank-plate,.hud-frame-line .tactical-plate,.hud-frame-line .hud-status,.hud-frame-line .hud-load-plate{border:var(--hud-border-width) solid rgb(var(--hud-rgb) / var(--hud-border-alpha))}.hud-frame-corners .metric-plate,.hud-frame-corners .classic-rank-plate,.hud-frame-corners .compact-rank-plate,.hud-frame-corners .tactical-plate,.hud-frame-corners .hud-status,.hud-frame-corners .hud-load-plate{border:var(--hud-border-width) solid transparent;background-image:linear-gradient(var(--hud-accent), var(--hud-accent)), linear-gradient(var(--hud-accent), var(--hud-accent)), linear-gradient(var(--hud-accent), var(--hud-accent)), linear-gradient(var(--hud-accent), var(--hud-accent)), linear-gradient(var(--hud-accent), var(--hud-accent)), linear-gradient(var(--hud-accent), var(--hud-accent)), linear-gradient(var(--hud-accent), var(--hud-accent)), linear-gradient(var(--hud-accent), var(--hud-accent));background-size:13px var(--hud-border-width), var(--hud-border-width) 13px, 13px var(--hud-border-width), var(--hud-border-width) 13px, 13px var(--hud-border-width), var(--hud-border-width) 13px, 13px var(--hud-border-width), var(--hud-border-width) 13px;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat}.hud-frame-none .metric-plate,.hud-frame-none .classic-rank-plate,.hud-frame-none .compact-rank-plate,.hud-frame-none .tactical-plate,.hud-frame-none .hud-status,.hud-frame-none .hud-load-plate{border:0 solid #0000}.metric-plate:after,.classic-rank-plate:after,.compact-rank-plate:after{content:"";inset:var(--hud-separator-inset) auto var(--hud-separator-inset) 0;width:var(--hud-separator-width);background:var(--hud-accent);opacity:0;position:absolute}.has-separators .hud-strip>.metric-plate:not(:first-child):after,.has-separators .hud-strip>.classic-rank-plate:not(:first-child):after,.has-separators .hud-strip>.compact-rank-plate:not(:first-child):after{opacity:var(--hud-separator-alpha)}.metric-plate{min-width:112px;padding:8px var(--hud-px);flex-direction:column;justify-content:center;display:flex;overflow:hidden}.metric-plate.is-rank{min-width:168px}.metric-plate.is-kda{min-width:170px}.metric-label{color:var(--hud-label-color);font-family:var(--hud-label-font);font-size:var(--hud-label);line-height:1;font-weight:var(--hud-label-weight);letter-spacing:var(--hud-label-track);text-transform:var(--hud-label-transform);white-space:nowrap}.metric-value{color:#f7fbff;font-size:var(--hud-value);line-height:.95;font-weight:var(--hud-font-weight);letter-spacing:var(--hud-value-track);white-space:nowrap;margin-top:7px}.no-labels .metric-value{margin-top:0}.metric-detail{color:#d2e1f094;font-size:var(--hud-detail);letter-spacing:var(--hud-detail-track);text-transform:uppercase;white-space:nowrap;margin-top:7px;line-height:1}.metric-progress{width:var(--hud-progress-width);max-width:100%;height:var(--hud-progress-height);border-radius:var(--hud-progress-radius);background:rgb(var(--hud-rgb) / var(--hud-progress-track-alpha));box-shadow:inset 0 0 0 1px rgb(var(--hud-rgb) / var(--hud-progress-track-alpha));margin-top:7px;position:relative;overflow:visible}.metric-progress>.rr-progress-fill{border-radius:inherit;background:rgb(var(--hud-rgb) / var(--hud-progress-fill-alpha));height:100%;box-shadow:0 0 var(--hud-progress-glow) rgb(var(--hud-rgb) / .68);display:block}.metric-plate.is-rank .metric-value,.metric-plate.is-rr .metric-value{color:var(--hud-accent)}.metric-plate.is-positive .metric-value{color:#bfffe1}.metric-plate.is-negative .metric-value{color:#ffc7d2}.metric-plate.is-neutral .metric-value{color:#d9e3ed}.hud-layout-thin .metric-plate{min-height:var(--hud-height)}.hud-layout-modules .metric-plate{min-height:calc(var(--hud-height) + 12px)}.hud-layout-classic .classic-rank-plate,.hud-layout-classic .metric-plate{min-height:calc(var(--hud-height) + 8px)}.hud-status{color:#d8e8f6;white-space:nowrap;justify-content:center;align-items:center;gap:9px;min-width:34px;padding:0 12px;display:flex}.hud-status>span:not(.hud-live){color:var(--hud-label-color);font-family:var(--hud-label-font);font-size:var(--hud-label);font-weight:var(--hud-label-weight);letter-spacing:var(--hud-label-track);text-transform:var(--hud-label-transform)}.hud-status .hud-live{background:var(--hud-accent);width:7px;height:7px;box-shadow:0 0 0 5px rgb(var(--hud-rgb) / .08);border-radius:999px}.hud-status-sync .hud-live{background:#ffd580}.hud-status-error .hud-live{background:#ff8aa4}.classic-rank-plate{min-width:272px;padding:8px var(--hud-px);align-items:center;gap:13px;display:flex}.classic-rank-plate.no-rank-badge{min-width:222px}.classic-rank-code{width:42px;height:42px;color:var(--hud-accent);border:1px solid rgb(var(--hud-rgb) / .38);flex:none;place-items:center;font-size:12px;font-weight:800;display:grid;transform:rotate(45deg)}.classic-rank-code span{transform:rotate(-45deg)}.classic-rank-copy{flex:1;min-width:0}.rank-meta-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.no-labels .rank-meta-row{justify-content:flex-start}.no-labels .rank-meta-row+.compact-rank-line,.no-labels .rank-meta-row+.classic-rank-line,.no-labels .rank-meta-row+.tactical-rank-line{margin-top:5px}.classic-rank-line{font-size:var(--hud-value);white-space:nowrap;align-items:baseline;gap:10px;margin-top:7px;display:flex}.no-labels .classic-rank-line{margin-top:0}.classic-rank-line strong{color:var(--hud-accent);font-size:.82em;font-weight:var(--hud-font-weight);letter-spacing:var(--hud-value-track)}.classic-rank-line span{color:#f6fbff;font-size:.62em;font-weight:var(--hud-font-weight)}.classic-rank-line em{color:#bfffe1;font-size:.5em;font-style:normal;font-weight:var(--hud-font-weight)}.classic-rank-line em.is-negative{color:#ffc7d2}.classic-rank-line em.is-neutral{color:#d9e3ed}.classic-progress{width:var(--hud-progress-width);max-width:100%;height:var(--hud-progress-height);border-radius:var(--hud-progress-radius);background:rgb(var(--hud-rgb) / var(--hud-progress-track-alpha));box-shadow:inset 0 0 0 1px rgb(var(--hud-rgb) / var(--hud-progress-track-alpha));margin-top:8px;position:relative;overflow:visible}.classic-progress>.rr-progress-fill{border-radius:inherit;background:rgb(var(--hud-rgb) / var(--hud-progress-fill-alpha));height:100%;box-shadow:0 0 var(--hud-progress-glow) rgb(var(--hud-rgb) / .72);display:block}.compact-rank-plate{min-width:228px;padding:7px var(--hud-px);align-items:center;gap:11px;display:flex}.compact-rank-plate.no-rank-badge{min-width:188px}.compact-rank-symbol{border:1px solid rgb(var(--hud-rgb) / .34);width:36px;height:36px;color:var(--hud-accent);flex:none;place-items:center;display:grid;transform:rotate(45deg)}.compact-rank-symbol span{font-size:10px;font-weight:850;transform:rotate(-45deg)}.compact-rank-body{flex:1;min-width:0}.compact-rank-line{font-size:var(--hud-value);white-space:nowrap;align-items:baseline;gap:9px;margin-top:6px;display:flex}.no-labels .compact-rank-line{margin-top:0}.compact-rank-line strong{color:var(--hud-accent);font-size:.68em;font-weight:var(--hud-font-weight);letter-spacing:var(--hud-value-track)}.compact-rank-line span{color:#f7fbff;font-size:.62em;font-weight:var(--hud-font-weight)}.compact-rank-line small{color:rgb(var(--hud-rgb) / .66);font-size:.5em}.compact-rank-line em{color:#bfffe1;font-size:.5em;font-style:normal;font-weight:var(--hud-font-weight)}.compact-rank-line em.is-negative{color:#ffc7d2}.compact-rank-line em.is-neutral{color:#d9e3ed}.compact-progress{width:var(--hud-progress-width);max-width:100%;height:var(--hud-progress-height);border-radius:var(--hud-progress-radius);background:rgb(var(--hud-rgb) / var(--hud-progress-track-alpha));box-shadow:inset 0 0 0 1px rgb(var(--hud-rgb) / var(--hud-progress-track-alpha));margin-top:7px;position:relative;overflow:visible}.compact-progress>.rr-progress-fill{border-radius:inherit;background:rgb(var(--hud-rgb) / var(--hud-progress-fill-alpha));height:100%;box-shadow:0 0 var(--hud-progress-glow) rgb(var(--hud-rgb) / .68);display:block}.hud-layout-tactical .hud-strip{gap:0}.tactical-plate{min-height:var(--hud-height);background-color:rgb(12 12 12/var(--hud-surface-alpha));align-items:stretch;display:flex;overflow:hidden;box-shadow:0 8px 26px #0000002e}.tactical-plate:before{content:"";background:var(--hud-accent);width:3px;position:absolute;inset:0 auto 0 0}.tactical-rank-emblem{background:linear-gradient(135deg, rgb(var(--hud-rgb) / .12), transparent 68%);clip-path:polygon(0 0,82% 0,100% 50%,82% 100%,0 100%);flex:none;place-items:center;width:72px;display:grid}.tactical-rank-core{border:1px solid rgb(var(--hud-rgb) / .58);width:36px;height:36px;color:var(--hud-accent);place-items:center;font-size:10px;font-weight:900;display:grid;transform:rotate(45deg)}.tactical-rank-core:first-letter{transform:rotate(-45deg)}.tactical-rank-emblem,.tactical-rank-copy,.tactical-rr,.tactical-metric{position:relative}.tactical-rank-copy,.tactical-rr,.tactical-metric{flex-direction:column;justify-content:center;min-width:112px;padding:8px 15px;display:flex}.has-separators .tactical-plate>:not(:last-child):after{content:"";top:var(--hud-separator-inset);right:0;bottom:var(--hud-separator-inset);width:var(--hud-separator-width);background:var(--hud-accent);opacity:var(--hud-separator-alpha);position:absolute}.tactical-rank-copy{min-width:174px}.tactical-rr{min-width:144px}.tactical-rank-line{font-size:var(--hud-value);white-space:nowrap;align-items:baseline;gap:9px;margin-top:6px;display:flex}.tactical-rank-line strong{color:var(--hud-accent);font-size:.66em;font-weight:var(--hud-font-weight);letter-spacing:var(--hud-value-track)}.tactical-rank-line em{color:#bfffe1;font-size:.48em;font-style:normal;font-weight:var(--hud-font-weight)}.tactical-rank-line em.is-negative{color:#ffc7d2}.tactical-rank-line em.is-neutral{color:#d9e3ed}.tactical-rr-line{align-items:baseline;gap:5px;margin-top:5px;display:flex}.tactical-rr-line strong,.tactical-metric strong{color:#f8fbff;font-size:var(--hud-value);line-height:.95;font-weight:var(--hud-font-weight);letter-spacing:var(--hud-value-track)}.tactical-rr-line span{color:rgb(var(--hud-rgb) / .58);font-size:var(--hud-detail)}.tactical-progress{width:var(--hud-progress-width);max-width:100%;height:var(--hud-progress-height);border-radius:var(--hud-progress-radius);background:rgb(var(--hud-rgb) / var(--hud-progress-track-alpha));box-shadow:inset 0 0 0 1px rgb(var(--hud-rgb) / var(--hud-progress-track-alpha));margin-top:8px;position:relative;overflow:visible}.tactical-progress>.rr-progress-fill{border-radius:inherit;background:rgb(var(--hud-rgb) / var(--hud-progress-fill-alpha));height:100%;box-shadow:0 0 var(--hud-progress-glow) rgb(var(--hud-rgb) / .72);display:block}.tactical-metric{min-width:118px}.tactical-metric strong{margin-top:7px}.hud-load-plate{min-width:240px;padding:0 var(--hud-px);border:var(--hud-border-width) solid rgb(var(--hud-rgb) / .25);color:#c9d8e8;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;display:flex}.spinner{border:2px solid #ffffff29;border-top-color:var(--hud-accent);border-radius:999px;width:14px;height:14px;animation:.8s linear infinite spin}.state-bang{border:1px solid;border-radius:999px;place-items:center;width:18px;height:18px;display:grid}.site-footer{color:#8295aa;border-top:1px solid #a4bcda14;justify-content:space-between;align-items:center;gap:18px;min-height:90px;font-size:12px;display:flex}.site-footer a{color:#c7d7e7}.site-footer a:hover{color:#fff}.site-footer>span{letter-spacing:.14em}@keyframes spin{to{transform:rotate(360deg)}}.shared-imported-banner{color:#caffeb;background:linear-gradient(90deg,#75ffce12,#75ffce06);border:1px solid #75ffce33;align-items:center;gap:12px;min-height:66px;margin:-12px 0 22px;padding:12px 14px;display:flex;box-shadow:inset 3px 0 #75ffce8c}.shared-imported-banner>svg{flex:none;width:18px;height:18px}.shared-imported-banner>span{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.shared-imported-banner strong{color:#dcfff0;font-size:13px;line-height:1.25}.shared-imported-banner small{color:#86a99a;font-size:11px;line-height:1.45}.shared-imported-banner button{color:#89a99a;cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;width:34px;height:34px;margin-left:auto;font-size:20px;transition:color .18s,border-color .18s,background .18s;display:grid}.shared-imported-banner button:hover{color:#e3fff1;background:#75ffce0f;border-color:#75ffce2e}.builder-stepper{background:#05080d73;border:1px solid #fff1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px;padding:8px;display:grid}.builder-stepper button{color:#71869d;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;min-width:0;height:48px;padding:0 12px;transition:color .18s,border-color .18s,background .18s;display:flex}.builder-stepper button:hover{color:#c7d7e7;background:#ffffff05}.builder-stepper button.active{color:#f3fbff;background:#89e7ff12;border-color:#89e7ff33}.builder-stepper button.complete{color:#9ec7b6}.builder-stepper button>span{border:1px solid #ffffff17;flex:none;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.builder-stepper button.active>span{color:#dffaff;border-color:#89e7ff4d}.builder-stepper button.complete>span{color:#baffdf;background:#75ffce0e;border-color:#75ffce2e}.builder-stepper button svg{width:13px;height:13px}.builder-stepper strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;min-width:0;font-size:11px;font-weight:650;overflow:hidden}.builder-grid{grid-template-columns:minmax(430px,.92fr) minmax(0,1.08fr)}.step-panel{min-height:530px;animation:.18s both builder-step-in}.step-intro{border-bottom:1px solid #ffffff0e;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:13px;margin-bottom:20px;padding-bottom:18px;display:grid}.step-intro>span{color:#dff8ff;letter-spacing:.1em;background:#89e7ff0b;border:1px solid #89e7ff2e;place-items:center;width:42px;height:42px;font-size:11px;display:grid}.step-intro h3{color:#eef7ff;letter-spacing:-.02em;margin:1px 0 6px;font-size:18px;font-weight:680}.step-intro p{color:#7e92a8;max-width:620px;margin:0;font-size:12px;line-height:1.65}.player-readiness,.export-readiness{color:#d9c38e;background:#ffd58009;border:1px solid #ffd58021;align-items:center;gap:11px;min-height:58px;margin-top:17px;padding:11px 13px;display:flex}.player-readiness.ready,.export-readiness.ready{color:#bff5dc;background:#75ffce0a;border-color:#75ffce26}.player-readiness>span,.export-readiness>span{border:1px solid;flex:none;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.player-readiness svg,.export-readiness svg{width:15px;height:15px}.player-readiness div,.export-readiness div{gap:4px;min-width:0;display:grid}.player-readiness strong,.export-readiness strong{color:inherit;font-size:12px;font-weight:650}.player-readiness small,.export-readiness small{color:#71869c;font-size:10px}.step-actions{border-top:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;padding-top:16px;display:flex}.step-actions button{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;height:42px;padding:0 16px;font-size:11px;font-weight:700}.step-back{color:#92a5b9;background:#ffffff05;border:1px solid #ffffff14}.step-next{color:#f4fbff;background:#89e7ff16;border:1px solid #89e7ff33;justify-content:center;align-items:center;gap:12px;min-width:138px;display:inline-flex}.step-next svg{width:16px;height:16px}.selected-design-summary{background:#89e7ff09;border:1px solid #89e7ff1c;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:14px;padding:13px 14px;display:grid}.selected-design-summary span{color:#6f849b;letter-spacing:.13em;text-transform:uppercase;font-size:9px}.selected-design-summary strong{color:#eef8ff;font-size:12px}.selected-design-summary em{color:#758aa0;text-transform:uppercase;font-size:10px;font-style:normal}.control-section{background:#ffffff03;border:1px solid #ffffff0e;margin-top:11px;padding:13px}.control-title{margin-bottom:11px}.customize-two-column{grid-template-columns:.8fr 1.2fr;gap:10px;display:grid}.customize-two-column .control-section{min-width:0}.advanced-controls{background:#ffffff03;border:1px solid #ffffff0e;margin-top:11px;padding:0 13px 13px}.advanced-controls summary{padding-top:13px}.export-readiness{margin:0 0 13px}.export-url-box{margin-top:0}.export-buttons{grid-template-columns:1fr auto;gap:8px;display:grid}.export-buttons>button{margin-top:10px}.export-buttons>a{color:#c5d5e5;letter-spacing:.06em;text-transform:uppercase;background:#ffffff05;border:1px solid #ffffff14;justify-content:center;align-items:center;gap:9px;min-width:132px;height:43px;margin-top:10px;padding:0 13px;font-size:11px;font-weight:700;display:inline-flex}.export-buttons>a svg{width:15px;height:15px}.export-buttons>a.disabled{pointer-events:none;opacity:.4}.share-box{background:linear-gradient(135deg,#b89cff0b,#89e7ff06);border:1px solid #b89cff24;margin-top:13px;padding:15px}.share-box-copy{gap:6px;display:grid}.share-box-copy>span{color:#b9a5ee;letter-spacing:.16em;text-transform:uppercase;font-size:9px}.share-box-copy>strong{color:#ecf2fb;font-size:13px;font-weight:620;line-height:1.5}.share-box-copy>small{color:#778ba1;font-size:10px;line-height:1.55}.share-link-preview{background:#04070c8c;border:1px solid #ffffff0e;margin-top:12px;padding:11px 12px;overflow:hidden}.share-link-preview code{color:#9fafd0;text-overflow:ellipsis;white-space:nowrap;font:10px/1.4 Cascadia Code,Consolas,monospace;display:block;overflow:hidden}.share-actions{grid-template-columns:1fr auto;gap:8px;margin-top:9px;display:grid}.share-actions button{color:#f2edff;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:#b89cff12;border:1px solid #b89cff2e;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.share-actions button svg{width:15px;height:15px}.share-actions button.copied{color:#d9ffef;background:#75ffce0f;border-color:#75ffce2b}.share-actions .share-native{color:#bdcde0;background:#ffffff05;border-color:#ffffff14;min-width:128px}.preview-summary{border-top:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:10px 14px;display:flex}.preview-summary>div:first-child{gap:4px;min-width:0;display:grid}.preview-summary>div:first-child span{color:#667d95;letter-spacing:.14em;text-transform:uppercase;font-size:8px}.preview-summary>div:first-child strong{color:#dce9f5;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.preview-summary-tags{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.preview-summary-tags span{color:#8196ac;letter-spacing:.08em;text-transform:uppercase;background:#ffffff04;border:1px solid #ffffff0f;padding:6px 8px;font-size:8px}@keyframes builder-step-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1080px){.hero,.builder-grid{grid-template-columns:1fr}.hero{gap:24px}.hero-hud-preview{min-height:190px}.preview-panel{position:static}}@media (max-width:760px){.page-shell{width:min(100% - 28px,1240px)}.site-header{align-items:flex-start;gap:14px;padding:16px 0;position:static}.site-header,.site-header nav{flex-direction:column}.site-header nav{align-items:flex-start;width:100%}.hero{min-height:auto;padding:48px 0}.hero h1{font-size:clamp(42px,14vw,66px)}.builder-section{padding:72px 0}.section-heading-row{flex-direction:column;align-items:flex-start}.input-grid,.palette-grid,.preset-gallery,.quick-install{grid-template-columns:1fr}.preview-stage{min-height:230px}.preview-fit-viewport{inset:18px 12px}.hero-hud-preview .hud-shell{transform-origin:50%;transform:scale(.52)}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start;padding:24px 0}}@media (max-width:620px){.rank-division-row{grid-template-columns:1fr}.rank-alias-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-filter{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.preset-filter::-webkit-scrollbar{display:none}.preset-filter button{flex:none}}@media (max-width:720px){.builder-stepper{scrollbar-width:none;grid-template-columns:repeat(4,132px);overflow-x:auto}.builder-stepper::-webkit-scrollbar{display:none}.builder-grid{grid-template-columns:1fr}.step-panel{min-height:0}.customize-two-column{grid-template-columns:1fr}.selected-design-summary{grid-template-columns:1fr;gap:5px}.export-buttons,.share-actions{grid-template-columns:1fr}.export-buttons>a,.share-actions .share-native{width:100%}.preview-summary{flex-direction:column;align-items:flex-start}.preview-summary-tags{justify-content:flex-start}}.rank-badge{place-items:center;display:grid}.rank-badge-icon{background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0}.compact-rank-plate.is-code-badge .rank-badge-code{border:1px solid rgb(var(--hud-rgb) / .34);width:36px;height:36px;color:var(--hud-accent);flex:none;transform:rotate(45deg)}.compact-rank-plate.is-code-badge .rank-badge-code span{font-size:10px;font-weight:850;transform:rotate(-45deg)}.compact-rank-plate.is-icon-badge .rank-badge-icon{width:calc(42px * var(--hud-rank-icon-scale));height:calc(42px * var(--hud-rank-icon-scale));flex:none}.compact-rank-plate.is-icon-badge.no-rank-badge{min-width:188px}.classic-rank-plate.is-code-badge .classic-rank-code .rank-badge-code{width:100%;height:100%;color:inherit}.classic-rank-plate.is-code-badge .classic-rank-code .rank-badge-code span{transform:rotate(-45deg)}.classic-rank-plate.is-icon-badge .classic-rank-code{width:calc(58px * var(--hud-rank-icon-scale));height:calc(58px * var(--hud-rank-icon-scale));background:0 0;border:0;transform:none}.classic-rank-plate.is-icon-badge .classic-rank-code .rank-badge-icon{width:100%;height:100%}.classic-rank-plate.is-icon-badge.no-rank-badge{min-width:222px}.tactical-plate.is-code-badge .tactical-rank-emblem .rank-badge-code{border:1px solid rgb(var(--hud-rgb) / .58);width:36px;height:36px;color:var(--hud-accent);place-items:center;font-size:10px;font-weight:900;display:grid;transform:rotate(45deg)}.tactical-plate.is-code-badge .tactical-rank-emblem .rank-badge-code span{transform:rotate(-45deg)}.tactical-plate.is-icon-badge .tactical-rank-emblem .rank-badge-icon{width:calc(46px * var(--hud-rank-icon-scale));height:calc(46px * var(--hud-rank-icon-scale))}.stacked-hud-plate{min-width:300px;padding:10px var(--hud-px);background-color:rgb(12 12 12/var(--hud-surface-alpha));flex-direction:column;gap:11px;display:flex;overflow:hidden;box-shadow:0 8px 26px #0000002e}.hud-frame-line .stacked-hud-plate,.hud-frame-corners .stacked-hud-plate,.hud-frame-none .stacked-hud-plate{border:var(--hud-border-width) solid rgb(var(--hud-rgb) / var(--hud-border-alpha));position:relative}.hud-frame-corners .stacked-hud-plate:before,.hud-frame-corners .stacked-hud-plate:after{content:"";border-color:rgb(var(--hud-rgb) / .68);pointer-events:none;border-style:solid;width:11px;height:11px;position:absolute}.hud-frame-corners .stacked-hud-plate:before{border-width:1px 0 0 1px;top:-1px;left:-1px}.hud-frame-corners .stacked-hud-plate:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.hud-frame-none .stacked-hud-plate{box-shadow:none;background-color:#0000;border-color:#0000}.stacked-tactical:before{content:"";background:var(--hud-accent);width:3px;position:absolute;inset:0 auto 0 0}.stacked-top-row{align-items:center;gap:12px;min-width:0;display:flex}.stacked-rank-badge{flex:none}.stacked-rank-badge .rank-badge-code{border:1px solid rgb(var(--hud-rgb) / .38);width:42px;height:42px;color:var(--hud-accent);transform:rotate(45deg)}.stacked-rank-badge .rank-badge-code span{font-size:11px;font-weight:850;transform:rotate(-45deg)}.stacked-rank-badge .rank-badge-icon{width:calc(48px * var(--hud-rank-icon-scale));height:calc(48px * var(--hud-rank-icon-scale))}.stacked-classic .stacked-rank-badge .rank-badge-icon{width:calc(56px * var(--hud-rank-icon-scale));height:calc(56px * var(--hud-rank-icon-scale))}.stacked-rank-content{flex:1;min-width:0}.stacked-rank-main{font-size:var(--hud-value);flex-wrap:wrap;align-items:baseline;gap:8px 10px;margin-top:6px;display:flex}.no-labels .stacked-rank-main{margin-top:0}.stacked-rank-main strong{color:var(--hud-accent);font-size:.72em;font-weight:var(--hud-font-weight);letter-spacing:var(--hud-value-track)}.stacked-rank-main span{color:#f7fbff;font-size:.62em;font-weight:var(--hud-font-weight)}.stacked-rank-main small{color:rgb(var(--hud-rgb) / .66);font-size:.5em}.stacked-rank-main em{color:#bfffe1;font-size:.5em;font-style:normal;font-weight:var(--hud-font-weight)}.stacked-rank-main em.is-negative{color:#ffc7d2}.stacked-rank-main em.is-neutral{color:#d9e3ed}.stacked-progress{width:var(--hud-progress-width);max-width:100%;height:var(--hud-progress-height);border-radius:var(--hud-progress-radius);background:rgb(var(--hud-rgb) / var(--hud-progress-track-alpha));box-shadow:inset 0 0 0 1px rgb(var(--hud-rgb) / var(--hud-progress-track-alpha));margin-top:8px;position:relative;overflow:visible}.stacked-progress>.rr-progress-fill{border-radius:inherit;background:rgb(var(--hud-rgb) / var(--hud-progress-fill-alpha));height:100%;box-shadow:0 0 var(--hud-progress-glow) rgb(var(--hud-rgb) / .72);display:block}.stacked-bottom-row{column-gap:var(--hud-stack-stats-gap);border-top:1px solid rgb(var(--hud-rgb) / .14);row-gap:8px;padding-top:10px;display:grid}.stacked-count-1{grid-template-columns:1fr}.stacked-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stacked-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stacked-metric{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.stacked-metric-value{color:#f8fbff;font-size:calc(var(--hud-value) * .66);line-height:.98;font-weight:var(--hud-font-weight);letter-spacing:var(--hud-value-track)}.stacked-metric.is-record .stacked-metric-value,.stacked-metric.is-kd .stacked-metric-value,.stacked-metric.is-kda .stacked-metric-value{color:#f8fbff}.stacked-metric-detail{color:rgb(var(--hud-rgb) / .58);font-size:var(--hud-detail);letter-spacing:var(--hud-detail-track);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.stacked-hud-plate.no-rank-badge .stacked-top-row{gap:0}@media (max-width:620px){.stacked-count-2,.stacked-count-3{grid-template-columns:1fr}}.rank-icon-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;filter:drop-shadow(0 0 9px rgb(var(--hud-rgb) / .25));display:block}.rr-rank-marker{z-index:4;width:calc(27px * var(--hud-rank-icon-scale));height:calc(27px * var(--hud-rank-icon-scale));pointer-events:none;filter:drop-shadow(0 2px 5px #0000009e);place-items:center;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.rr-rank-marker:before{content:"";z-index:-1;box-shadow:0 0 0 1px rgb(var(--hud-rgb) / .24), 0 0 10px rgb(var(--hud-rgb) / .22);background:#05080cb8;border-radius:999px;position:absolute;inset:18%}.rr-rank-marker .rank-icon-image{z-index:1;filter:drop-shadow(0 0 7px rgb(var(--hud-rgb) / .34));position:relative}.hud-rank-icon-progress-above .rr-rank-marker{top:auto;bottom:calc(100% + 5px);transform:translate(-50%)}.hud-rank-icon-progress-above .metric-progress.has-rank-marker,.hud-rank-icon-progress-above .classic-progress.has-rank-marker,.hud-rank-icon-progress-above .compact-progress.has-rank-marker,.hud-rank-icon-progress-above .tactical-progress.has-rank-marker,.hud-rank-icon-progress-above .stacked-progress.has-rank-marker{margin-top:calc(12px + (27px * var(--hud-rank-icon-scale)))}.rank-icon-fallback{color:var(--hud-accent);font-size:10px;font-weight:850}.rank-badge-icon{overflow:visible}.presentation-controls{gap:11px;display:grid}.control-helper{color:#6f8298;margin:-2px 0 11px;font-size:10px;line-height:1.55}.control-warning{color:#cdb983;background:#ffd58009;border:1px solid #ffd58021;margin:10px 0 0;padding:9px 10px;font-size:10px;line-height:1.5}.visual-choice-grid{gap:8px;display:grid}.visual-choice-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-choice-grid-three{grid-template-columns:1fr}.visual-choice{color:#91a4b8;text-align:left;cursor:pointer;background:#ffffff04;border:1px solid #fff1;grid-template-columns:44px minmax(0,1fr) 17px;align-items:center;gap:10px;min-width:0;min-height:88px;padding:11px;transition:border-color .18s,background .18s,transform .18s;display:grid;position:relative}.visual-choice:hover{background:#89e7ff06;border-color:#89e7ff26;transform:translateY(-1px)}.visual-choice.active{color:#f3faff;background:linear-gradient(135deg,#89e7ff13,#ffffff03);border-color:#89e7ff47;box-shadow:inset 0 0 0 1px #89e7ff09}.visual-choice-art{place-items:center;width:44px;height:44px;display:grid}.visual-choice-copy{gap:5px;min-width:0;display:grid}.visual-choice-copy strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:680;overflow:hidden}.visual-choice-copy small{color:#71859b;font-size:9px;line-height:1.4}.visual-choice-check{color:#92efd2;align-self:start;place-items:center;width:17px;height:17px;display:grid}.visual-choice-check svg{width:14px;height:14px}.orientation-preview{background:#04080eb3;border:1px solid #89e7ff2e;gap:3px;width:42px;height:30px;padding:5px;display:grid}.orientation-preview i{background:#89e7ff14;border:1px solid #89e7ff61;display:block}.orientation-preview-row{grid-template-columns:1.55fr 1fr 1fr}.orientation-preview-stack{grid-template-rows:1.4fr 1fr;grid-template-columns:repeat(2,1fr)}.orientation-preview-stack i:first-child{grid-column:1/-1}.badge-mode-preview{place-items:center;width:42px;height:42px;display:grid}.badge-mode-none{color:#6e8298;border:1px dashed #ffffff1f;font-size:16px}.badge-mode-code i{color:#c9f7ff;border:1px solid #89e7ff7a;place-items:center;width:30px;height:30px;font-size:8px;font-style:normal;font-weight:850;display:grid;transform:rotate(45deg)}.badge-mode-code i span{place-items:center;display:grid;transform:rotate(-45deg)}.badge-mode-icon img{object-fit:contain;filter:drop-shadow(0 0 8px #56d7a040);width:42px;height:42px}.rank-icon-controls{background:#04080d61;border:1px solid #89e7ff1c;gap:12px;margin-top:12px;padding:13px;display:grid}.rank-icon-controls-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.rank-icon-controls-copy{gap:4px;min-width:0;display:grid}.rank-icon-controls-copy strong{color:#dce8f4;font-size:13px;font-weight:720}.rank-icon-controls-copy small{color:#8397ac;font-size:12px;line-height:1.45}.rank-icon-placement-preview{flex:none;width:74px;height:32px;position:relative}.rank-icon-placement-preview:before{content:"";background:#b89cff47;border-radius:999px;height:3px;position:absolute;top:15px;left:0;right:0;box-shadow:inset 0 0 0 1px #b89cff47}.rank-icon-placement-preview:after{content:"";background:#b89cff;border-radius:999px;width:58%;height:3px;position:absolute;top:15px;left:0;box-shadow:0 0 8px #b89cff59}.rank-icon-placement-preview img{z-index:2;object-fit:contain;filter:drop-shadow(0 2px 5px #0000008c);width:27px;height:27px;position:absolute;top:3px}.rank-icon-placement-preview.is-side img{left:0;transform:translate(-4px)}.rank-icon-placement-preview.is-progress img{left:58%;transform:translate(-50%)}.rank-icon-placement-preview.is-progress-above img{top:-8px;left:58%;transform:translate(-50%)scale(.88)}.rank-icon-controls .range-control{background:#04080d57;border:1px solid #ffffff0b;margin:0;padding:9px 10px}.rank-icon-progress-note{color:#70869c;font-size:11px;line-height:1.45}.metric-rank-visual{flex-direction:row;align-items:center;gap:11px;min-width:214px}.metric-rank-visual .rank-badge-code{border:1px solid rgb(var(--hud-rgb) / .38);width:38px;height:38px;color:var(--hud-accent);flex:none;transform:rotate(45deg)}.metric-rank-visual .rank-badge-code span{font-size:10px;font-weight:850;transform:rotate(-45deg)}.metric-rank-visual .rank-badge-icon{width:calc(46px * var(--hud-rank-icon-scale));height:calc(46px * var(--hud-rank-icon-scale));flex:none}.metric-rank-copy{flex:1;min-width:0}.metric-rank-copy .metric-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metric-badge-only{align-items:center;width:58px;min-width:58px;padding:7px}.metric-badge-only .rank-badge-code{border:1px solid rgb(var(--hud-rgb) / .38);width:36px;height:36px;color:var(--hud-accent);transform:rotate(45deg)}.metric-badge-only .rank-badge-code span{font-size:9px;font-weight:850;transform:rotate(-45deg)}.metric-badge-only .rank-badge-icon{width:calc(44px * var(--hud-rank-icon-scale));height:calc(44px * var(--hud-rank-icon-scale))}.stacked-thin{gap:8px;min-width:280px;padding-block:8px}.stacked-thin .stacked-bottom-row{padding-top:8px}.stacked-modules{gap:13px;min-width:330px}.stacked-modules .stacked-metric{border:1px solid rgb(var(--hud-rgb) / .1);background:rgb(var(--hud-rgb) / .025);min-height:48px;padding:7px 9px}@media (max-width:760px){.visual-choice-grid-three,.visual-choice-grid-two{grid-template-columns:1fr}.visual-choice{min-height:74px}}.compact-rank-plate.is-badge-only{gap:0;width:auto;min-width:58px;padding-inline:8px}.compact-rank-plate.is-badge-only.is-icon-badge{min-width:62px}.classic-rank-plate.is-badge-only{gap:0;width:auto;min-width:64px;padding-inline:8px}.classic-rank-plate.is-badge-only.is-icon-badge{min-width:74px}.tactical-plate.is-badge-only{width:auto;min-width:72px}.tactical-plate.is-badge-only .tactical-rank-emblem{width:72px}.stacked-top-row.is-badge-only{justify-content:center}.stacked-top-row.is-badge-only+.stacked-bottom-row{margin-top:0}.label-settings-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.label-settings-copy{gap:4px;min-width:0;display:grid}.label-settings-copy strong{color:#edf6ff;font-size:12px;font-weight:650}.label-settings-copy small{color:#71869c;font-size:10px;line-height:1.5}.label-style-preview{background:#04070c7a;border:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:14px;min-height:62px;margin-top:12px;padding:12px 14px;display:flex;overflow:hidden}.label-style-preview>div{gap:7px;min-width:0;display:grid}.label-style-preview span{color:var(--label-preview-color,#89e7ff);font-family:var(--label-preview-font,inherit);font-size:var(--label-preview-size,10px);font-weight:var(--label-preview-weight,500);opacity:var(--label-preview-opacity,.68);letter-spacing:var(--label-preview-track,.16em);text-transform:var(--label-preview-transform,uppercase);white-space:nowrap}.label-style-preview strong{color:#eef6ff;text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.label-style-preview em{color:#61768d;letter-spacing:.12em;text-transform:uppercase;flex:none;font-size:9px;font-style:normal}.label-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:11px;display:grid}.label-controls-grid .advanced-group,.label-controls-grid .range-control{margin:0}.label-reset-row{justify-content:flex-end;margin-top:10px;display:flex}.label-reset-row .text-action{margin:0}@media (max-width:720px){.label-controls-grid{grid-template-columns:1fr}.label-style-preview{flex-direction:column;align-items:flex-start}}.hud-shell{--hud-motion-duration:.64s;isolation:isolate;position:relative}.hud-shell .hud-strip{position:relative}.hud-shell.is-refreshing .hud-strip{opacity:.93;transition:opacity .18s}.hud-motion-studio .hud-strip{animation:hud-studio-frame var(--hud-motion-duration) cubic-bezier(.2,.72,.18,1) both}.hud-motion-studio .hud-strip>*{animation:hud-studio-item var(--hud-motion-duration) cubic-bezier(.16,.84,.26,1) both}.hud-motion-studio .hud-strip>:nth-child(2){animation-delay:45ms}.hud-motion-studio .hud-strip>:nth-child(3){animation-delay:80ms}.hud-motion-studio .hud-strip>:nth-child(4){animation-delay:.115s}.hud-motion-studio .hud-strip>:nth-child(5){animation-delay:.15s}.hud-motion-studio .hud-strip>:nth-child(6){animation-delay:.185s}.hud-motion-studio .rank-badge-icon{animation:hud-studio-badge var(--hud-motion-duration) cubic-bezier(.16,.84,.26,1) both}.hud-motion-broadcast .hud-strip{animation:hud-broadcast-frame var(--hud-motion-duration) cubic-bezier(.2,.78,.22,1) both;overflow:hidden}.hud-motion-broadcast .hud-strip>*{animation:hud-broadcast-item var(--hud-motion-duration) cubic-bezier(.22,.78,.2,1) both}.hud-motion-broadcast .hud-strip>:nth-child(2){animation-delay:50ms}.hud-motion-broadcast .hud-strip>:nth-child(3){animation-delay:85ms}.hud-motion-broadcast .hud-strip>:nth-child(4){animation-delay:.12s}.hud-motion-broadcast .hud-strip>:nth-child(5){animation-delay:.155s}.hud-motion-broadcast .hud-strip>:nth-child(6){animation-delay:.19s}.hud-motion-broadcast .hud-strip:before{content:"";z-index:12;pointer-events:none;opacity:0;background:linear-gradient(90deg, transparent, rgb(var(--hud-rgb) / .34), transparent);filter:blur(1px);width:18%;animation:hud-broadcast-sweep var(--hud-motion-duration) cubic-bezier(.2,.72,.18,1) both;position:absolute;inset:-35% auto -35% -22%;transform:skew(-14deg)}.hud-motion-broadcast .rank-icon-image{animation:hud-broadcast-badge var(--hud-motion-duration) cubic-bezier(.16,.9,.22,1) both}.hud-motion-precision .hud-strip{animation:hud-precision-frame var(--hud-motion-duration) cubic-bezier(.12,.8,.2,1) both}.hud-motion-precision .hud-strip>*{animation:hud-precision-item var(--hud-motion-duration) cubic-bezier(.12,.8,.2,1) both}.hud-motion-precision .hud-strip>:nth-child(2){animation-delay:24ms}.hud-motion-precision .hud-strip>:nth-child(3){animation-delay:42ms}.hud-motion-precision .hud-strip>:nth-child(4){animation-delay:60ms}.hud-motion-precision .hud-strip>:nth-child(5){animation-delay:78ms}.hud-motion-precision .hud-strip>:nth-child(6){animation-delay:96ms}@keyframes hud-studio-frame{0%{opacity:0;filter:blur(5px);transform:translateY(7px)scale(.992)}55%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes hud-studio-item{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hud-studio-badge{0%{opacity:0;filter:blur(4px)brightness(1.4);transform:scale(.82)}68%{opacity:1;filter:blur()brightness(1.14);transform:scale(1.035)}to{opacity:1;filter:blur()brightness();transform:scale(1)}}@keyframes hud-broadcast-frame{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-5px)}62%{opacity:1;clip-path:inset(0)}to{opacity:1;clip-path:inset(0);transform:translate(0)}}@keyframes hud-broadcast-item{0%,24%{opacity:0;transform:translate(-7px)}to{opacity:1;transform:translate(0)}}@keyframes hud-broadcast-sweep{0%,22%{opacity:0;left:-22%}36%{opacity:.8}82%{opacity:.32}to{opacity:0;left:112%}}@keyframes hud-broadcast-badge{0%,18%{opacity:0;filter:brightness(1.45);transform:scale(.74)rotate(-4deg)}72%{opacity:1;filter:brightness(1.18);transform:scale(1.04)rotate(0)}to{opacity:1;filter:brightness();transform:scale(1)}}@keyframes hud-precision-frame{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes hud-precision-item{0%{opacity:0;transform:translate(-7px)scaleX(.97)}to{opacity:1;transform:translate(0)scaleX(1)}}.motion-settings-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.motion-settings-head>div{gap:4px;min-width:0;display:grid}.motion-settings-head strong{color:#edf6ff;font-size:12px;font-weight:650}.motion-settings-head small{color:#71869c;max-width:610px;font-size:10px;line-height:1.55}.motion-replay{color:#b9d2e5;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:#89e7ff09;border:1px solid #89e7ff21;min-height:34px;padding:0 12px;font-size:9px;font-weight:750}.motion-replay:hover:not(:disabled){color:#eefbff;background:#89e7ff12;border-color:#89e7ff45}.motion-replay:disabled{cursor:default;opacity:.36}.motion-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.motion-tuning{background:#ffffff03;border:1px solid #ffffff0e;grid-template-columns:minmax(0,1fr) minmax(220px,.9fr);align-items:end;gap:12px;margin-top:12px;padding:12px;display:grid}.motion-preview{background:#04080eb8;border:1px solid #89e7ff2e;align-items:stretch;gap:3px;width:42px;height:31px;padding:5px;display:flex;position:relative;overflow:hidden}.motion-preview i{background:#89e7ff12;border:1px solid #89e7ff57;flex:1;display:block;position:relative}.motion-preview-none{opacity:.62}.motion-preview-studio i{animation:1.8s cubic-bezier(.16,.84,.26,1) infinite motion-demo-rise}.motion-preview-studio i:nth-child(2){animation-delay:.12s}.motion-preview-studio i:nth-child(3){animation-delay:.24s}.motion-preview-broadcast:after{content:"";background:linear-gradient(90deg,#0000,#89e7ffb3,#0000);width:16%;animation:2.1s ease-in-out infinite motion-demo-sweep;position:absolute;inset:0 auto 0 -18%;transform:skew(-12deg)}.motion-preview-precision i{animation:1.65s cubic-bezier(.12,.8,.2,1) infinite motion-demo-snap}.motion-preview-precision i:nth-child(2){animation-delay:60ms}.motion-preview-precision i:nth-child(3){animation-delay:.12s}@keyframes motion-demo-rise{0%,22%{opacity:.25;transform:translateY(5px)}48%,to{opacity:1;transform:translateY(0)}}@keyframes motion-demo-sweep{0%,18%{opacity:0;left:-18%}35%{opacity:.9}72%,to{opacity:0;left:112%}}@keyframes motion-demo-snap{0%,28%{opacity:.25;transform:translate(-5px)}43%,to{opacity:1;transform:translate(0)}}@media (max-width:720px){.motion-choice-grid,.motion-tuning{grid-template-columns:1fr}.motion-settings-head{flex-direction:column;align-items:stretch}.motion-replay{align-self:flex-start}}@media (prefers-reduced-motion:reduce){.hud-motion-studio .hud-strip,.hud-motion-studio .hud-strip>*,.hud-motion-studio .rank-badge-icon,.hud-motion-broadcast .hud-strip,.hud-motion-broadcast .hud-strip>*,.hud-motion-broadcast .hud-strip:before,.hud-motion-broadcast .rank-icon-image,.hud-motion-precision .hud-strip,.hud-motion-precision .hud-strip>*,.motion-preview-studio i,.motion-preview-broadcast:after,.motion-preview-precision i{animation:none!important}}.design-map{background:linear-gradient(135deg,#89e7ff0b,#b89cff05),#04080e75;border:1px solid #89e7ff1f;margin:0 0 14px;padding:14px}.design-map-copy{gap:5px;margin-bottom:12px;display:grid}.design-map-copy>span{color:#bcecf8;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:750}.design-map-copy>p{color:#71879e;margin:0;font-size:10px;line-height:1.55}.design-map-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.design-map-items button{color:#8fa5bb;cursor:pointer;text-align:left;background:#ffffff04;border:1px solid #fff1;align-items:center;gap:8px;min-width:0;min-height:43px;padding:7px 9px;transition:border-color .18s,color .18s,background .18s,transform .18s;display:flex}.design-map-items button:hover{color:#e8f7ff;background:#89e7ff0b;border-color:#89e7ff33;transform:translateY(-1px)}.design-map-items button>span{color:#9edce9;letter-spacing:.06em;background:#89e7ff09;border:1px solid #89e7ff24;flex:none;place-items:center;width:23px;height:23px;font-size:8px;display:grid}.design-map-items button>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;font-weight:650;line-height:1.25;overflow:hidden}.design-section{background:linear-gradient(#0d121ab8,#070b1194);border:1px solid #ffffff13;margin-top:14px;scroll-margin-top:104px;overflow:hidden;box-shadow:0 12px 34px #0000001a}.design-section-head{background:linear-gradient(90deg,#89e7ff0a,#ffffff02 55%,#0000);border-bottom:1px solid #ffffff0f;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:86px;padding:13px 14px;display:grid}.design-section-index{color:#d8f8ff;letter-spacing:.08em;background:#89e7ff0b;border:1px solid #89e7ff33;place-items:center;width:42px;height:42px;font-size:10px;font-weight:750;display:grid}.design-section-copy{gap:4px;min-width:0;display:grid}.design-section-copy>span{color:#7795aa;letter-spacing:.16em;text-transform:uppercase;font-size:8px;font-weight:720}.design-section-copy h4{color:#eef7ff;letter-spacing:-.015em;margin:0;font-size:15px;font-weight:690}.design-section-copy p{color:#71859b;max-width:580px;margin:0;font-size:10px;line-height:1.5}.design-section-reset{color:#75899f;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#ffffff03;border:1px solid #fff1;min-height:32px;padding:0 10px;font-size:8px;font-weight:700}.design-section-reset:hover{color:#c4d4e4;background:#ffffff06;border-color:#ffffff21}.design-section-body{gap:10px;padding:12px;display:grid}.setting-grid{gap:10px;display:grid}.setting-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.setting-block{background:#ffffff03;border:1px solid #ffffff0f;min-width:0;padding:12px}.setting-block+.setting-block{margin-top:0}.setting-block-head{border-bottom:1px solid #ffffff0b;gap:4px;margin-bottom:11px;padding-bottom:10px;display:grid}.setting-block-head strong{color:#dce9f5;letter-spacing:.015em;font-size:11px;font-weight:680}.setting-block-head p{color:#667c92;margin:0;font-size:9px;line-height:1.5}.setting-block-body{gap:11px;display:grid}.setting-stack{border-top:1px solid #ffffff0b;gap:12px;margin-top:2px;padding-top:10px;display:grid}.range-grid{margin-top:2px}.range-grid .range-control,.frame-setting-grid .range-control{background:#04080d57;border:1px solid #ffffff0b;padding:9px 10px}.label-setting-block{background:linear-gradient(135deg,#b89cff06,#ffffff02);border-color:#b89cff1a}.reset-style-wide{width:100%;margin-top:2px}.design-section .segmented{background:#04080d6b}.design-section .visual-choice{background:#04080d61}.design-section .palette-chip{background:#04080d57}.design-section .label-style-preview,.design-section .motion-tuning{background-color:#04080d6b}@media (max-width:760px){.design-map-items{grid-template-columns:repeat(2,minmax(0,1fr))}.design-section-head{grid-template-columns:38px minmax(0,1fr)}.design-section-index{width:38px;height:38px}.design-section-reset{grid-column:2;justify-self:start}.setting-grid-two,.setting-grid-three{grid-template-columns:1fr}}@media (max-width:480px){.design-map-items{grid-template-columns:1fr}.design-section-head{padding:12px}.design-section-body{padding:9px}.setting-block{padding:10px}}.switch-grid{gap:8px;display:grid}.switch-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.switch-field{color:#dce7f2;cursor:pointer;-webkit-user-select:none;user-select:none;background:#04080d61;border:1px solid #fff1;border-radius:7px;justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:66px;padding:12px 13px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:flex}.switch-field:hover{background:#ffffff06;border-color:#ffffff1f}.switch-field:active{transform:translateY(1px)}.switch-field.is-on{background:linear-gradient(110deg,#89e7ff0e,#04080d6b 62%);border-color:#89e7ff2e;box-shadow:inset 2px 0 #89e7ff85}.switch-field.is-disabled{opacity:.5;cursor:not-allowed}.switch-field-copy{gap:5px;min-width:0;display:grid}.switch-field-copy strong{color:#e6f0fa;font-size:11px;font-weight:680;line-height:1.25}.switch-field-copy small{color:#687d93;font-size:9px;line-height:1.5}.switch-field.is-on .switch-field-copy strong{color:#f1fbff}.switch-field-action{flex:none;align-items:center;gap:9px;display:flex}.switch-field-state{color:#667a90;letter-spacing:.1em;text-align:right;text-transform:uppercase;min-width:60px;font-size:8px;font-weight:720}.switch-field.is-on .switch-field-state{color:#9bd9e8}.switch-control{flex:none;width:44px;height:24px;position:relative}.switch-control input{z-index:2;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch-control input:disabled{cursor:not-allowed}.switch-track{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:999px;transition:border-color .18s,background .18s,box-shadow .18s;display:block;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000029}.switch-thumb{background:#7e91a5;border-radius:999px;width:16px;height:16px;transition:transform .2s cubic-bezier(.2,.75,.25,1),background .18s,box-shadow .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 7px #00000061}.switch-control input:checked+.switch-track{background:#89e7ff26;border-color:#89e7ff57;box-shadow:inset 0 0 0 1px #89e7ff0d,0 0 14px #89e7ff0f}.switch-control input:checked+.switch-track .switch-thumb{background:#c8f7ff;transform:translate(20px);box-shadow:0 0 0 3px #89e7ff14,0 2px 8px #00000061}.switch-control input:focus-visible+.switch-track{outline-offset:3px;outline:2px solid #89e7ff9e}.switch-field-emphasis{background:linear-gradient(120deg,#b89cff09,#04080d66);border-color:#b89cff21}.switch-field-emphasis.is-on{background:linear-gradient(110deg,#b89cff13,#04080d6b 62%);border-color:#b89cff3b;box-shadow:inset 2px 0 #b89cff9e}.motion-tuning .switch-field{margin-top:2px}.design-section .switch-field{background-color:#04080d61}@media (max-width:760px){.switch-grid-two{grid-template-columns:1fr}.switch-field{gap:10px;min-height:62px}.switch-field-state{display:none}}.tactical-metric.is-positive strong{color:#bfffe1}.tactical-metric.is-negative strong{color:#ffc7d2}.tactical-metric.is-neutral strong{color:#d9e3ed}.stacked-count-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:760px){.stacked-count-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.stacked-count-4{grid-template-columns:1fr}}.rr-last-change{transform-origin:50%;will-change:opacity, transform, filter, max-width, min-width, padding}.hud-last-rr-entering.hud-last-rr-motion-soft .rr-last-change{animation:.48s cubic-bezier(.16,.84,.26,1) both last-rr-soft-in}.hud-last-rr-entering.hud-last-rr-motion-impact .rr-last-change{animation:.62s cubic-bezier(.12,.86,.22,1) both last-rr-impact-in}.hud-last-rr-leaving.hud-last-rr-motion-soft .rr-last-change,.hud-last-rr-leaving.hud-last-rr-motion-impact .rr-last-change{pointer-events:none;animation:.44s cubic-bezier(.4,0,.2,1) both last-rr-soft-out}.hud-last-rr-leaving .metric-plate.rr-last-change{animation:.44s cubic-bezier(.4,0,.2,1) both last-rr-block-out}.hud-last-rr-leaving .tactical-metric.rr-last-change{animation:.44s cubic-bezier(.4,0,.2,1) both last-rr-tactical-out}.hud-last-rr-leaving .stacked-metric.rr-last-change{animation:.44s cubic-bezier(.4,0,.2,1) both last-rr-stacked-out}@keyframes last-rr-soft-in{0%{opacity:0;filter:blur(3px);transform:translateY(5px)scale(.94)}68%{opacity:1;filter:blur();transform:translateY(-1px)scale(1.025)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes last-rr-impact-in{0%{opacity:0;filter:blur(5px)brightness(1.8);transform:translateY(7px)scale(.72)}52%{opacity:1;filter:blur()brightness(1.35);text-shadow:0 0 16px;transform:translateY(-2px)scale(1.13)}78%{filter:brightness(1.08);transform:translateY(0)scale(.97)}to{opacity:1;filter:none;text-shadow:none;transform:translateY(0)scale(1)}}@keyframes last-rr-soft-out{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0;filter:blur(3px);transform:translateY(-5px)scale(.92)}}@keyframes last-rr-block-out{0%{opacity:1;min-width:112px;max-width:220px;transform:translateY(0)scale(1)}70%{opacity:0;transform:translateY(-5px)scale(.94)}to{opacity:0;border-width:0;width:0;min-width:0;max-width:0;padding-left:0;padding-right:0;transform:translateY(-5px)scale(.94)}}@keyframes last-rr-tactical-out{0%{opacity:1;min-width:118px;max-width:160px;transform:translateY(0)}70%{opacity:0;transform:translateY(-5px)}to{opacity:0;width:0;min-width:0;max-width:0;padding-left:0;padding-right:0;transform:translateY(-5px)}}@keyframes last-rr-stacked-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)scale(.95)}}.last-rr-settings{gap:11px;display:grid}.last-rr-settings>.range-control{background:#04080d57;border:1px solid #ffffff0d;border-radius:6px;padding:10px 11px}.last-rr-motion-setting{background:#04080d57;border:1px solid #ffffff0d;border-radius:6px;gap:10px;padding:11px;display:grid}.last-rr-motion-copy{gap:4px;display:grid}.last-rr-motion-copy>span{color:#8ca1b6;letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:720}.last-rr-motion-copy>small{color:#657b91;font-size:9px;line-height:1.5}@media (prefers-reduced-motion:reduce){.hud-last-rr-entering .rr-last-change,.hud-last-rr-leaving .rr-last-change{animation:none!important}}.last-rr-preview-button{justify-self:start;margin-top:1px}.profile-manager{gap:12px;display:grid}.profile-manager-head{background:linear-gradient(135deg,#89e7ff0d,#b89cff05);border:1px solid #89e7ff1f;justify-content:space-between;align-items:flex-start;gap:16px;min-height:70px;padding:14px;display:flex}.profile-manager-head>div{gap:5px;min-width:0;display:grid}.profile-manager-head span{color:#dff8ff;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:720}.profile-manager-head p{color:#71869c;max-width:620px;margin:0;font-size:10px;line-height:1.55}.profile-notice{color:#caffea;background:#75ffce0a;border:1px solid #75ffce24;flex:none;padding:8px 10px;font-size:9px;font-weight:650}.profile-editor{background:#04080d6b;border:1px solid #fff1;grid-template-columns:minmax(220px,1fr) minmax(220px,.8fr);gap:10px;padding:12px;display:grid}.profile-editor label{gap:7px;min-width:0;display:grid}.profile-editor label>span,.profile-editor-state>span{color:#71869c;letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:720}.profile-editor input{color:#eff7ff;background:#ffffff05;border:1px solid #ffffff14;outline:none;width:100%;height:43px;padding:0 12px}.profile-editor input:focus{border-color:#89e7ff40;box-shadow:0 0 0 4px #89e7ff0a}.profile-editor-state{align-content:center;gap:5px;min-width:0;padding:0 4px;display:grid}.profile-editor-state strong{color:#e7f2fc;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profile-editor-state em{letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:max-content;max-width:100%;font-size:8px;font-style:normal;font-weight:720;overflow:hidden}.profile-editor-state em.saved{color:#94c9b2}.profile-editor-state em.dirty{color:#ffd58a}.profile-actions-primary,.profile-actions-secondary{flex-wrap:wrap;gap:7px;display:flex}.profile-actions-primary button,.profile-actions-secondary button,.user-profile-body>button{color:#9eb1c5;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:#ffffff05;border:1px solid #ffffff13;min-height:38px;padding:0 12px;font-size:9px;font-weight:700}.profile-actions-primary button:hover:not(:disabled),.profile-actions-secondary button:hover:not(:disabled){color:#effbff;background:#89e7ff0d;border-color:#89e7ff33}.profile-actions-primary button:disabled,.profile-actions-secondary button:disabled{cursor:not-allowed;opacity:.36}.profile-actions-primary .profile-action-primary{color:#e9faff;background:#89e7ff12;border-color:#89e7ff30}.profile-actions-secondary{border-top:1px solid #ffffff0b;padding-top:9px}.profile-actions-secondary .danger.armed{color:#ffd7df;background:#ff5f7212;border-color:#ff5f7240}.profile-file-input{display:none}.profile-empty{color:#778ba1;text-align:center;border:1px dashed #ffffff14;place-content:center;gap:7px;min-height:150px;padding:24px;display:grid}.profile-empty strong{color:#cdd9e5;font-size:12px}.profile-empty span{max-width:420px;font-size:10px;line-height:1.55}.user-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.user-profile-card{cursor:pointer;background:#ffffff04;border:1px solid #ffffff12;min-width:0;transition:border-color .18s,background .18s,transform .18s;position:relative;overflow:hidden}.user-profile-card:hover{border-color:#89e7ff2b;transform:translateY(-1px)}.user-profile-card.active{background:#89e7ff09;border-color:#89e7ff4d;box-shadow:inset 2px 0 #89e7ff94}.user-profile-card .preset-profile-preview{border:0;border-bottom:1px solid #ffffff0d;min-height:112px}.profile-favorite{z-index:4;color:#71859b;cursor:pointer;background:#04080dd1;border:1px solid #ffffff14;place-items:center;width:30px;height:30px;font-size:15px;display:grid;position:absolute;top:8px;right:8px}.profile-favorite.active{color:#ffd580;background:#ffd5800f;border-color:#ffd58033}.user-profile-body{gap:6px;padding:11px;display:grid}.user-profile-title{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.user-profile-title strong{color:#eef7ff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.user-profile-title em{color:#ffd58a;letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:7px;font-style:normal;font-weight:750}.user-profile-body>span{color:#8095aa;text-transform:uppercase;font-size:9px}.user-profile-body>button{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:3px;display:flex}.user-profile-body>button svg{width:13px;height:13px}.hud-event-layer{z-index:12;pointer-events:none;border-radius:var(--hud-radius);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.hud-event-layer:before{content:"";-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:.84;background:#02050975;position:absolute;inset:0}.hud-event-card{border:1px solid rgb(var(--hud-rgb) / .28);border-radius:max(4px, var(--hud-radius));color:#f7fbff;background:linear-gradient(135deg, #04080ef5, rgb(var(--hud-rgb) / .09));min-width:min(88%,330px);max-width:92%;box-shadow:0 12px 30px #00000052, 0 0 26px rgb(var(--hud-rgb) / .1);text-align:center;justify-items:center;gap:5px;padding:10px 18px 11px;display:grid;position:relative;overflow:hidden}.hud-event-kicker{color:rgb(var(--hud-rgb) / .82);font:720 var(--hud-label)/1 var(--hud-label-font);letter-spacing:var(--hud-label-track);text-transform:var(--hud-label-transform)}.hud-event-main{justify-content:center;align-items:center;gap:9px;min-width:0;display:flex}.hud-event-main strong{color:#f8fbff;font-size:calc(var(--hud-value) * .82);line-height:1;font-weight:var(--hud-font-weight);letter-spacing:var(--hud-value-track);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud-event-rank-icon{width:calc(var(--hud-height) * .56);height:calc(var(--hud-height) * .56);flex:none;place-items:center;display:grid}.hud-event-detail{color:#e6f0f9ad;font-size:var(--hud-detail);letter-spacing:var(--hud-detail-track);font-weight:650}.hud-event-accent{background:var(--hud-accent);height:2px;box-shadow:0 0 14px rgb(var(--hud-rgb) / .68);position:absolute;inset:auto 12% 0}.hud-event-layer.tone-positive .hud-event-main strong{color:#c8ffe5}.hud-event-layer.tone-negative .hud-event-main strong{color:#ffd0da}.hud-event-layer.tone-rank .hud-event-main strong{color:var(--hud-accent)}.hud-event-minimal:before{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#02050947}.hud-event-minimal .hud-event-card{background:#04080ef0;min-width:min(74%,280px);padding-block:8px;box-shadow:0 8px 22px #0000003d}.hud-event-broadcast .hud-event-card:after{content:"";background:linear-gradient(90deg, transparent, rgb(var(--hud-rgb) / .3), transparent);width:22%;animation:.9s cubic-bezier(.2,.75,.2,1) both hud-event-sweep;position:absolute;inset:0 auto 0 -25%;transform:skew(-14deg)}.hud-event-entering .hud-event-card{animation:.42s cubic-bezier(.16,.84,.26,1) both hud-event-enter}.hud-event-impact.hud-event-entering .hud-event-card{animation:.52s cubic-bezier(.12,.86,.2,1) both hud-event-impact-enter}.hud-event-leaving .hud-event-card{animation:.42s cubic-bezier(.4,0,.2,1) both hud-event-leave}.hud-event-leaving:before{animation:.42s both hud-event-backdrop-leave}@keyframes hud-event-enter{0%{opacity:0;filter:blur(4px);transform:translateY(8px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes hud-event-impact-enter{0%{opacity:0;filter:blur(5px);transform:scale(.9)}58%{opacity:1;filter:blur();transform:scale(1.035)}to{transform:scale(1)}}@keyframes hud-event-leave{to{opacity:0;filter:blur(3px);transform:translateY(-7px)scale(.98)}}@keyframes hud-event-backdrop-leave{to{opacity:0}}@keyframes hud-event-sweep{0%{opacity:0;left:-25%}34%{opacity:.9}to{opacity:0;left:112%}}.event-settings-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.event-settings-body{border-top:1px solid #ffffff0d;gap:12px;margin-top:11px;padding-top:11px;display:grid}.event-type-title{color:#72879d;letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:720}@media (max-width:760px){.profile-manager-head{flex-direction:column}.profile-editor,.user-profile-grid{grid-template-columns:1fr}.profile-actions-secondary .danger{margin-left:0}.event-settings-head{grid-template-columns:1fr}.event-settings-head .motion-replay{justify-self:start}}@media (prefers-reduced-motion:reduce){.hud-event-layer *,.hud-event-layer:before,.hud-event-layer:after{transition:none!important;animation:none!important}}.user-profile-card:focus-visible{outline-offset:3px;outline:2px solid #89e7ffb8}.site-header nav{font-size:13px}.hero-badge,.section-kicker{font-size:12px}.hero-actions>span,.secure-note,.autosave-state{font-size:11px}.site-footer{font-size:13px}.builder-section{--builder-text:#d8e5f1;--builder-muted:#8da1b6;--builder-soft:#71869c}.builder-section button,.builder-section input,.builder-section select,.builder-section a{border-radius:6px}.builder-section button{transition:color .18s,border-color .18s,background .18s,transform .18s,box-shadow .18s}.builder-section button:hover:not(:disabled){transform:translateY(-1px)}.builder-section button:active:not(:disabled){transform:translateY(0)}.builder-section button:focus-visible,.builder-section input:focus-visible,.builder-section select:focus-visible,.builder-section a:focus-visible{outline-offset:3px;outline:2px solid #89e7ff94}.builder-section button:disabled{cursor:not-allowed}.builder-stepper{gap:10px;padding:10px}.builder-stepper button{gap:11px;height:56px;padding:0 14px}.builder-stepper button>span{border-radius:5px;width:29px;height:29px;font-size:11px}.builder-stepper strong{font-size:13px}.config-panel{padding:24px}.step-intro{grid-template-columns:46px minmax(0,1fr);gap:15px;margin-bottom:24px;padding-bottom:21px}.step-intro>span{border-radius:6px;width:46px;height:46px;font-size:12px}.step-intro h3{font-size:21px}.step-intro p{color:var(--builder-muted);font-size:14px;line-height:1.65}.input-grid{gap:16px}.input-grid label{gap:9px}.input-grid label>span,.control-title,.url-meta,.advanced-group>span,.range-control>span,.color-picker>span,.rank-division-row>span{color:#8297ad;letter-spacing:.12em;font-size:11px;font-weight:700}.input-grid input,.input-grid select{height:50px;padding:0 15px;font-size:14px}.input-grid input::placeholder{color:#65798e}.player-readiness,.export-readiness{min-height:66px;padding:13px 15px}.player-readiness>span,.export-readiness>span{width:32px;height:32px}.player-readiness strong,.export-readiness strong{font-size:14px}.player-readiness small,.export-readiness small,.preset-gallery-head span{font-size:12px}.preset-gallery-head p{color:var(--builder-muted);font-size:12px}.preset-filter button{min-height:42px;padding:0 14px;font-size:12px;font-weight:700}.preset-profile-title-row strong{font-size:15px}.preset-profile-title-row em{font-size:9px}.preset-profile-body>small{color:#8498ad;min-height:38px;font-size:11px;line-height:1.55}.preset-profile-tags i{padding:6px 8px;font-size:9px}.preset-profile-action{min-height:38px;font-size:10px}.segmented{border-radius:8px;gap:6px;padding:5px}.segmented button{min-height:42px;padding:0 12px;font-size:13px;font-weight:650}.palette-chip{border-radius:6px;height:43px;padding:0 11px}.palette-chip em,.color-picker code,.text-action{font-size:12px}.text-action{min-height:36px;padding:8px 10px}.rank-alias-box>p,.config-hint{color:var(--builder-muted);font-size:12px}.rank-alias-grid label>span{font-size:10px}.rank-alias-grid input{height:42px;font-size:13px}.range-control{gap:11px}.range-control em{font-size:12px}.reset-style{min-height:42px;font-size:12px;font-weight:700}.design-map{border-radius:8px;padding:17px}.design-map-copy>span{font-size:12px}.design-map-copy>p{color:var(--builder-muted);font-size:12px}.design-map-items{gap:8px}.design-map-items button{border-radius:6px;gap:10px;min-height:50px;padding:9px 11px}.design-map-items button>span{border-radius:5px;width:27px;height:27px;font-size:10px}.design-map-items button>strong{font-size:11px}.design-section{border-radius:9px}.design-section-head{grid-template-columns:46px minmax(0,1fr) auto;gap:14px;min-height:98px;padding:16px}.design-section-index{border-radius:6px;width:46px;height:46px;font-size:11px}.design-section-copy>span{font-size:10px}.design-section-copy h4{font-size:18px}.design-section-copy p{color:var(--builder-muted);font-size:12px;line-height:1.55}.design-section-reset{border-radius:6px;min-height:38px;padding:0 12px;font-size:10px}.design-section-body{gap:13px;padding:15px}.setting-grid{gap:13px}.setting-block{border-radius:8px;padding:15px}.setting-block-head{gap:6px;margin-bottom:14px;padding-bottom:12px}.setting-block-head strong{font-size:14px}.setting-block-head p{color:var(--builder-muted);font-size:11px;line-height:1.55}.setting-block-body{gap:13px}.switch-field{border-radius:9px;min-height:76px;padding:14px 15px}.switch-field-copy strong{font-size:13px}.switch-field-copy small{color:var(--builder-muted);font-size:11px}.switch-field-state{min-width:70px;font-size:10px}.switch-control{width:48px;height:26px}.switch-thumb{width:18px;height:18px}.switch-control input:checked+.switch-track .switch-thumb{transform:translate(20px)}.metric-switch-grid .switch-field{min-height:86px}.step-actions{margin-top:27px;padding-top:20px}.step-actions button{border-radius:6px;height:46px;min-height:46px;padding:0 19px;font-size:12px}.step-next{min-width:156px;box-shadow:0 8px 26px #89e7ff0d}.reset-all{border-radius:6px;min-height:42px;padding:0 16px;font-size:12px;font-weight:700}.selected-design-summary{border-radius:7px;padding:15px 16px}.selected-design-summary span{font-size:10px}.selected-design-summary strong{font-size:14px}.selected-design-summary em{font-size:11px}.url-box{border-radius:8px;padding:16px}.url-box code{font-size:11px}.url-box button,.export-buttons>a,.share-actions button{border-radius:6px;height:46px;min-height:46px;font-size:12px}.quick-install span{min-height:44px;font-size:11px}.preview-toolbar{height:48px;padding:0 16px;font-size:10px}.preview-summary>div:first-child span{font-size:9px}.preview-summary>div:first-child strong{font-size:13px}.preview-summary-tags span{font-size:9px}.profile-manager{gap:15px}.profile-manager-head{border-radius:9px;align-items:center;min-height:82px;padding:17px 18px}.profile-manager-head>div{gap:7px}.profile-manager-head span{font-size:14px}.profile-manager-head p{color:var(--builder-muted);font-size:12px;line-height:1.6}.profile-notice{border-radius:6px;padding:10px 12px;font-size:11px}.profile-editor{background:linear-gradient(135deg,#080e15d1,#04080d94);border-radius:9px;grid-template-columns:minmax(240px,1fr) minmax(210px,.78fr);gap:12px;padding:15px}.profile-editor label{gap:9px}.profile-editor label>span,.profile-editor-state>span{font-size:10px}.profile-name-input-wrap{position:relative}.profile-editor input{border-radius:6px;height:49px;padding:0 56px 0 14px;font-size:14px}.profile-name-input-wrap>small{color:#657a90;pointer-events:none;font-size:10px;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.profile-editor-state{background:#ffffff04;border:1px solid #ffffff0e;border-radius:7px;gap:7px;padding:11px 13px}.profile-current-row{align-items:center;gap:9px;min-width:0;display:flex}.profile-current-row>i{background:#71869c;border-radius:999px;flex:none;width:8px;height:8px;box-shadow:0 0 0 5px #71869c0f}.profile-editor-state.has-profile .profile-current-row>i{background:#75ffce;box-shadow:0 0 0 5px #75ffce12}.profile-editor-state.is-dirty .profile-current-row>i{background:#ffd580;box-shadow:0 0 0 5px #ffd58012}.profile-editor-state strong{font-size:14px}.profile-editor-state em{border-radius:5px;padding:5px 7px;font-size:9px}.profile-editor-state em.saved{background:#75ffce09;border:1px solid #75ffce1a}.profile-editor-state em.dirty{background:#ffd5800a;border:1px solid #ffd58021}.profile-editor-state em.neutral{color:#8398ad;background:#ffffff04;border:1px solid #ffffff0f}.profile-action-panel{background:#04080d61;border:1px solid #ffffff0f;border-radius:9px;gap:10px;padding:12px;display:grid}.profile-actions-primary,.profile-actions-secondary{gap:8px;display:grid}.profile-actions-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-actions-secondary{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:11px}.profile-actions-primary button,.profile-actions-secondary button{letter-spacing:.035em;text-transform:none;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 13px;font-size:11px;display:inline-flex}.profile-actions-primary button svg,.profile-actions-secondary button svg{flex:none;width:17px;height:17px}.profile-actions-primary .profile-action-primary{color:#061016;background:linear-gradient(135deg,#a6efff,#71cfe4);border-color:#89e7ffb8;box-shadow:0 9px 26px #89e7ff1a}.profile-actions-primary .profile-action-primary:hover:not(:disabled){color:#02080c;background:linear-gradient(135deg,#c3f5ff,#82dcef)}.profile-actions-primary .profile-action-save{color:#dffff0;background:#75ffce0e;border-color:#75ffce2e}.profile-actions-secondary .danger{color:#d59aa5;margin-left:0}.profile-actions-secondary .danger.armed{grid-column:auto}.profile-empty{border-radius:9px;gap:9px;min-height:190px;padding:30px}.profile-empty-icon{color:#9edce9;background:#89e7ff0a;border:1px solid #89e7ff26;border-radius:9px;justify-self:center;place-items:center;width:44px;height:44px;display:grid}.profile-empty-icon svg{width:21px;height:21px}.profile-empty strong{font-size:15px}.profile-empty>span:last-child{color:var(--builder-muted);font-size:12px}.user-profile-grid{gap:12px}.user-profile-card{cursor:default;border-radius:9px}.user-profile-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #00000029}.user-profile-card.active{box-shadow:inset 3px 0 #89e7ffa8,0 14px 34px #00000024}.user-profile-card.dirty{box-shadow:inset 3px 0 #ffd580c2,0 14px 34px #00000024}.user-profile-select{border-radius:inherit;width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;display:grid;overflow:hidden}.user-profile-select:hover{transform:none!important}.user-profile-card .preset-profile-preview{min-height:132px}.profile-favorite{border-radius:7px;width:36px;height:36px;top:10px;right:10px}.profile-favorite svg{width:17px;height:17px}.user-profile-body{gap:9px;padding:14px}.user-profile-title strong{font-size:15px}.user-profile-title em{border-radius:5px;padding:5px 7px;font-size:9px}.user-profile-title em.active{color:#bff7df;background:#75ffce0a;border:1px solid #75ffce1f}.user-profile-title em.dirty{color:#ffe1a4;background:#ffd5800b;border:1px solid #ffd58021}.user-profile-meta{flex-wrap:wrap;gap:6px;display:flex}.user-profile-meta i{color:#8ca0b5;text-transform:uppercase;background:#ffffff04;border:1px solid #ffffff0e;border-radius:5px;padding:5px 7px;font-size:9px;font-style:normal}.user-profile-body>small{color:#74889e;font-size:10px}.user-profile-action{color:#9fb3c7;background:#ffffff05;border:1px solid #ffffff12;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:39px;margin-top:2px;font-size:11px;font-weight:700;display:flex}.user-profile-action svg{width:15px;height:15px}.user-profile-card.active .user-profile-action{color:#e5f9ff;background:#89e7ff0e;border-color:#89e7ff2e}@media (max-width:980px){.profile-actions-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.config-panel{padding:18px}.step-intro h3{font-size:19px}.profile-editor,.profile-actions-primary,.profile-actions-secondary{grid-template-columns:1fr}.profile-actions-primary button,.profile-actions-secondary button{justify-content:flex-start}.user-profile-grid{grid-template-columns:1fr}.design-section-head{grid-template-columns:42px minmax(0,1fr)}}@media (max-width:520px){.builder-section{padding-top:58px}.config-panel{padding:14px}.builder-stepper button{height:52px;padding:0 10px}.builder-stepper strong{font-size:12px}.step-intro{grid-template-columns:40px minmax(0,1fr)}.step-intro>span{width:40px;height:40px}.input-grid input,.input-grid select{font-size:16px}.profile-manager-head{align-items:flex-start}}.preset-profile-card{cursor:default;grid-template-rows:auto auto;min-height:316px}.preset-profile-select{width:100%;min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-rows:116px minmax(0,1fr);padding:0;display:grid;overflow:hidden}.preset-profile-select:hover{transform:none!important}.profile-card-actions{background:#03070b6b;border-top:1px solid #ffffff0e;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;display:grid}.profile-card-actions button{color:#a9bbcd;cursor:pointer;background:#ffffff05;border:1px solid #ffffff13;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:40px;padding:0 10px;font-size:10px;font-weight:700;line-height:1.15;transition:border-color .18s,color .18s,background .18s,transform .18s;display:inline-flex}.profile-card-actions button:hover:not(:disabled){color:#effbff;background:#89e7ff0e;border-color:#89e7ff33;transform:translateY(-1px)}.profile-card-actions button:active:not(:disabled){transform:translateY(0)}.profile-card-actions button:disabled{cursor:not-allowed;opacity:.38}.profile-card-actions button.is-success{color:#d9ffef;background:#75ffce0f;border-color:#75ffce33}.profile-card-actions button svg{flex:none;width:15px;height:15px}.profile-card-actions button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.user-profile-card .profile-card-actions{z-index:2;position:relative}.export-profile-save{background:linear-gradient(135deg,#75ffce0a,#89e7ff05);border:1px solid #75ffce21;border-radius:9px;gap:13px;margin-top:13px;padding:16px;display:grid}.export-profile-save-head{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;display:grid}.export-profile-save-head>span{color:#bff7df;background:#75ffce0b;border:1px solid #75ffce29;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.export-profile-save-head svg{width:19px;height:19px}.export-profile-save-head>div{gap:5px;min-width:0;display:grid}.export-profile-save-head strong{color:#edf9f4;font-size:14px;font-weight:700}.export-profile-save-head small{color:#7890a5;font-size:11px;line-height:1.55}.export-profile-name{gap:8px;display:grid;position:relative}.export-profile-name>span{color:#7e93a9;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.export-profile-name input{color:#f0f7fc;background:#04080d80;border:1px solid #ffffff16;border-radius:6px;outline:none;width:100%;height:48px;padding:0 58px 0 13px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.export-profile-name input:focus{background:#ffffff06;border-color:#75ffce40;box-shadow:0 0 0 4px #75ffce0a}.export-profile-name>small{color:#667b90;pointer-events:none;font-size:10px;position:absolute;bottom:15px;right:13px}.export-profile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.export-profile-actions button{color:#b7c8d8;cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.export-profile-actions button:hover:not(:disabled){color:#effff7;background:#75ffce0d;border-color:#75ffce33}.export-profile-actions button:disabled{cursor:not-allowed;opacity:.38}.export-profile-actions button.save-current{color:#e5fff2;background:#75ffce11;border-color:#75ffce33}.export-profile-actions button svg{width:17px;height:17px}.export-profile-notice{color:#bff7df;align-items:center;gap:7px;font-size:11px;font-weight:650;display:inline-flex}.export-profile-notice svg{width:15px;height:15px}@media (max-width:760px){.profile-card-actions{grid-template-columns:1fr}.profile-card-actions button{justify-content:flex-start}.export-profile-actions{grid-template-columns:1fr}}.stack-layout-spacing-control{background:#04080d4d;border:1px solid #89e7ff17;gap:7px;margin-top:12px;padding:12px;display:grid}.stack-layout-spacing-control .range-control{margin:0}.stack-layout-spacing-control>small{color:#75899f;font-size:11px;line-height:1.45}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}