.fitting-room{--fr-gold:#d4b57a;--fr-ink:#0c1116;--fr-panel:#111820;--fr-line:#c7a36738;--fr-text:#eee5d5;--fr-muted:#a8aaab;color:var(--fr-text);font:400 13px/1.5 Inter,system-ui,sans-serif;container-type:inline-size;min-width:0}
.fitting-room *{box-sizing:border-box}.fitting-room [hidden]{display:none!important}
.fitting-room h2,.fitting-room h3,.fitting-room h4,.fitting-room p{margin:0}
.fitting-room h2{font:500 clamp(29px,4vw,42px)/1.15 Alegreya,Georgia,serif;color:var(--fr-text)}
.fitting-room h3{font:500 25px/1.2 Alegreya,Georgia,serif;color:var(--fr-text)}
.fitting-room h4{font:500 17px/1.3 Alegreya,Georgia,serif;color:var(--fr-gold)}
.fitting-room .fr-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 24px;border-bottom:1px solid var(--fr-line)}
.fitting-room .fr-eyebrow{font-size:9px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--fr-gold);margin-bottom:7px}
.fitting-room .fr-lead{margin-top:10px;color:var(--fr-muted);max-width:620px;font-size:13px}
.fitting-room .fr-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border:1px solid var(--fr-line);border-radius:3px;color:var(--fr-gold);background:#c7a36709;font:500 12px/1.4 Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none;box-shadow:none}
.fitting-room .fr-button:hover:not(:disabled){border-color:#c7a367a6;background:#c7a36715;color:#f1d7a0}
.fitting-room .fr-button-primary{background:linear-gradient(180deg,#dcc28e,#aa8146);border-color:#dfbf7c;color:#241b10;font-weight:700}
.fitting-room .fr-button-primary:hover:not(:disabled){background:linear-gradient(180deg,#ead19d,#b68c4c);color:#241b10}
.fitting-room .fr-button-quiet{background:transparent;color:#c0b8a9;border-color:transparent}
.fitting-room .fr-button-danger{color:#ef9c92;border-color:#da716c60;background:#b8473910}
.fitting-room .fr-button:disabled{opacity:.4;cursor:default}
.fitting-room :is(button,input,select):focus-visible{outline:2px solid #edcf94;outline-offset:3px}
.fitting-room :is(input,select){min-width:0;min-height:40px;padding:8px 11px;border:1px solid var(--fr-line);border-radius:3px;background:#080d13;color:var(--fr-text);font:400 13px/1.4 Inter,system-ui,sans-serif;box-shadow:none}
.fitting-room input::placeholder{color:#7e8182}.fitting-room select{color-scheme:dark}
.fitting-room label>span{display:block;margin-bottom:6px;color:#aaa799;font-size:11px}
.fitting-room .fr-load-status{display:flex;align-items:center;gap:18px;padding:35px 0;color:var(--fr-muted)}
.fitting-room .fr-controls{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 0 18px}
.fitting-room .fr-classes{display:flex;gap:7px;flex-wrap:wrap;min-width:0}
.fitting-room .fr-class{padding:6px 10px;gap:8px;border-color:transparent;background:transparent;color:#bdbab2}
.fitting-room .fr-class img{width:31px;height:31px;border-radius:3px;object-fit:cover;opacity:.65}
.fitting-room .fr-class[aria-pressed=true]{background:linear-gradient(0deg,#c7a36715,transparent);border-color:#c7a3676e;color:#eed29b}
.fitting-room .fr-class[aria-pressed=true] img{opacity:1}
.fitting-room .fr-level{flex:0 0 90px}.fitting-room .fr-level input{width:90px}
.fitting-room .fr-draft-note:not(:empty){margin-bottom:15px;color:#d7bb86;font-size:12px}
.fitting-room .fr-editor-nav{display:flex;gap:5px;margin:0 0 20px;padding:4px;border:1px solid var(--fr-line);border-radius:4px;background:#080d139c;width:fit-content;max-width:100%}
.fitting-room .fr-editor-tab{border-color:transparent;background:transparent;min-width:132px;color:#a9a69d}
.fitting-room .fr-editor-tab[aria-pressed=true]{color:#f1d7a0;border-color:#c7a36752;background:linear-gradient(145deg,#c7a36724,#c7a36708)}
.fitting-room .fr-skill-panel{min-width:0}
.fitting-room .fr-workbench{display:grid;grid-template-columns:minmax(390px,1.5fr) minmax(270px,1fr);align-items:start;gap:24px}
.fitting-room .fr-equipment-panel,.fitting-room .fr-picker{min-width:0}
.fitting-room .fr-equipment-panel>h3{margin:0 0 12px}
.fitting-room .fr-doll{display:grid;grid-template-columns:minmax(100px,1fr) 218px;gap:18px;position:relative;min-width:0;border:1px solid var(--fr-line);border-radius:4px;background:radial-gradient(ellipse at 23% 40%,#75603c26,transparent 62%),#0b10154d;padding:14px}
.fitting-room .fr-portrait{grid-column:1;grid-row:1 / span 2;position:relative;min-width:0;min-height:340px;margin:0;overflow:hidden;pointer-events:none}
.fitting-room .fr-portrait img{position:absolute;inset:0;width:100%;height:calc(100% - 56px);max-height:560px;object-fit:contain;object-position:center top;mask-image:linear-gradient(#000 80%,transparent 100%)}
.fitting-room .fr-portrait figcaption{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#d6bf98;font:500 21px/1.3 Alegreya,Georgia,serif;letter-spacing:.02em}
.fitting-room .fr-portrait figcaption small{display:block;margin-top:5px;color:#8f938f;font:400 9px/1.4 Inter,system-ui,sans-serif;letter-spacing:.05em}
.fitting-room .fr-equipment-slots{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,70px);gap:7px 5px;align-content:start}
.fitting-room .fr-slot{display:flex;flex-direction:column;gap:4px;min-width:0;min-height:0;padding:0 2px;border:0;background:none;color:#aaa99f;border-radius:3px;justify-content:flex-start}
.fitting-room .fr-slot:hover:not(:disabled){border:0;background:none}
.fitting-room .fr-slot-art{display:grid;place-items:center;position:relative;flex:none;width:51px;height:51px;border:1px solid #b5986147;border-radius:3px;background:#090e15dc;box-shadow:inset 0 0 0 3px #0004;overflow:hidden}
.fitting-room .fr-slot-art img{width:100%;height:100%;object-fit:contain}
.fitting-room .fr-slot-empty{font:300 28px/1 Georgia,serif;color:#8a795955}
.fitting-room .fr-slot-label{display:block;max-width:100%;font-size:10px;line-height:1.15;text-align:center;overflow-wrap:anywhere}
.fitting-room .fr-slot.is-selected .fr-slot-art{border-color:#e7c689;box-shadow:0 0 0 2px #d9b36a35,0 0 15px #d9b36a1c}
.fitting-room .fr-slot.is-selected .fr-slot-label{color:#eed8af}
.fitting-room .fr-enchant{position:absolute;right:2px;top:0;color:#fff3cf;font:700 12px/1.5 Inter,sans-serif;text-shadow:0 1px 3px #000,0 0 3px #000}
.fitting-room .fr-blessing{position:absolute;left:2px;top:1px;color:#fee697;font-size:10px;font-weight:700;text-shadow:0 1px 3px #000}
.fitting-room .fr-sphere-level{position:absolute;right:2px;bottom:0;color:#e8d7b8;font-size:8px;background:#0009;padding:0 2px}
.fitting-room .fr-special-groups{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(190px,1fr);gap:18px;margin-top:18px}
.fitting-room .fr-slot-group h4{margin-bottom:10px}
.fitting-room .fr-special-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:10px 3px}
.fitting-room .fr-special-slots .fr-slot{min-height:77px}
.fitting-room .fr-special-slots .fr-slot-label{max-width:88px;font-size:9px}
.fitting-room .fr-spheres-panel{grid-column:2;grid-row:2;min-width:0;border-top:1px solid var(--fr-line);padding-top:12px}
.fitting-room .fr-spheres-panel h4{margin-bottom:10px}
.fitting-room .fr-sphere-sanctum{--fr-sphere-size:42px;display:grid;grid-template-columns:var(--fr-sphere-size) minmax(0,1fr);gap:10px;align-items:center;width:100%;max-width:280px;margin:0 auto}
.fitting-room .fr-sphere-special{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;align-self:stretch}
.fitting-room .fr-sphere-orbit{position:relative;isolation:isolate;width:100%;min-width:0;aspect-ratio:1}
.fitting-room .fr-sphere-orbit::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/images/interface/sphere-sanctum-v1.webp') center/contain no-repeat;opacity:.9;border-radius:50%}
.fitting-room .fr-sphere-sanctum .fr-slot{width:var(--fr-sphere-size);height:var(--fr-sphere-size);min-height:0;padding:0}
.fitting-room .fr-sphere-sanctum .fr-slot-art{width:100%;height:100%}
.fitting-room .fr-sphere-sanctum .fr-slot-label{display:none}
.fitting-room .fr-sphere-orbit>[data-sphere-position]{position:absolute;left:clamp(0px,calc(var(--fr-sphere-x) - var(--fr-sphere-size)/2),calc(100% - var(--fr-sphere-size)));top:clamp(0px,calc(var(--fr-sphere-y) - var(--fr-sphere-size)/2),calc(100% - var(--fr-sphere-size)))}
.fitting-room [data-sphere-position=top]{--fr-sphere-x:50%;--fr-sphere-y:7%}
.fitting-room [data-sphere-position=left]{--fr-sphere-x:9%;--fr-sphere-y:37%}
.fitting-room [data-sphere-position=right]{--fr-sphere-x:91%;--fr-sphere-y:37%}
.fitting-room [data-sphere-position=bottom-left]{--fr-sphere-x:25%;--fr-sphere-y:83%}
.fitting-room [data-sphere-position=bottom-right]{--fr-sphere-x:75%;--fr-sphere-y:83%}
.fitting-room .fr-picker{padding:18px;border:1px solid var(--fr-line);border-radius:4px;background:linear-gradient(160deg,#151b239c,#0a1016d9);scroll-margin-top:15px}
.fitting-room .fr-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--fr-line)}
.fitting-room .fr-picker-count{color:#8c897f;font-size:11px}
.fitting-room .fr-back-equipment{display:none;margin-left:auto;font-size:10px;padding:5px 8px;min-height:34px}
.fitting-room .fr-equipment-panel{scroll-margin-top:15px}
.fitting-room .fr-search{display:block;margin:15px 0 12px}.fitting-room .fr-search input{width:100%}
.fitting-room .fr-choices{display:grid;align-content:start;gap:4px;max-height:480px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6d5736 transparent;padding:2px 5px 4px 2px}
.fitting-room .fr-item{display:flex;width:100%;justify-content:flex-start;gap:11px;padding:8px;border-color:transparent;background:#ffffff03;text-align:left;color:#d9d3c6}
.fitting-room .fr-item>img{width:43px;height:43px;object-fit:contain;flex:none;border:1px solid #c7a36726;border-radius:3px;background:#080c10}
.fitting-room .fr-item-copy{display:block;min-width:0}.fitting-room .fr-item strong{display:block;font-size:12px;font-weight:500;line-height:1.35}
.fitting-room .fr-item small{display:block;margin-top:4px;font-size:10px;font-weight:400;line-height:1.4;color:#8e9498}
.fitting-room .fr-item.is-selected{border-color:#c7a36764;background:#c7a36710}
.fitting-room .fr-empty{padding:20px 0;color:var(--fr-muted);font-size:12px;line-height:1.65}
.fitting-room .fr-modifiers{padding:15px 0;border-bottom:1px solid var(--fr-line)}
.fitting-room .fr-selected-item{display:flex;align-items:center;gap:10px}.fitting-room .fr-selected-item>img{width:40px;height:40px;object-fit:contain}
.fitting-room .fr-selected-item>strong{flex:1;min-width:0;font-size:12px;font-weight:500;color:#ead6af}
.fitting-room .fr-selected-item>.fr-button{padding:6px;font-size:11px}
.fitting-room .fr-modifier-fields{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:12px}
.fitting-room .fr-modifier{flex:1;min-width:94px}.fitting-room .fr-modifier select{width:100%}
.fitting-room .fr-blessed-toggle{display:flex;gap:8px;align-items:center;min-height:40px;cursor:pointer;flex-basis:100%}
.fitting-room .fr-blessed-toggle input{width:16px;height:16px;min-height:0;accent-color:#d6b778}.fitting-room .fr-blessed-toggle>span{margin:0;color:#ceb681}
.fitting-room .fr-stats{margin-top:28px;padding-top:23px;border-top:1px solid var(--fr-line)}
.fitting-room .fr-section-heading{display:flex;gap:15px;align-items:center;justify-content:space-between}
.fitting-room .fr-stats-status{color:#a4c49b;font-size:10px}.fitting-room .is-stale .fr-stats-status{color:#c5af84}
.fitting-room .fr-hint{font-size:11px;color:#939791;line-height:1.6}.fitting-room .fr-stats>.fr-hint{margin:9px 0 17px;max-width:850px}
.fitting-room .fr-core-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.fitting-room .fr-stat-card{padding:13px 10px;background:linear-gradient(145deg,#ffffff05,transparent);border:1px solid #ffffff0c;border-radius:3px}
.fitting-room .fr-stat-card>span{display:block;color:#a7a399;font-size:10px}.fitting-room .fr-stat-card>strong{display:block;margin:4px 0;font:500 27px/1.2 Alegreya,Georgia,serif;color:#e5d7bb;overflow-wrap:anywhere}
.fitting-room .fr-stat-card.is-power{border-color:#c7a36742;background:linear-gradient(145deg,#c7a36713,transparent)}
.fitting-room .fr-delta{color:#777e80;font:400 10px/1.5 Inter,system-ui,sans-serif;white-space:nowrap}.fitting-room .fr-delta.is-positive{color:#98c59d}.fitting-room .fr-delta.is-negative{color:#d98f83}
.fitting-room .fr-stat-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;margin-top:17px}
.fitting-room .fr-stat-row{display:grid;grid-template-columns:minmax(0,1fr) auto 57px;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px solid #ffffff09;font-size:11px}
.fitting-room .fr-stat-row>span{color:#a9aba7}.fitting-room .fr-stat-row>b{font:500 12px/1.4 Inter,system-ui,sans-serif;color:#d4cec2}.fitting-room .fr-stat-row>.fr-delta{text-align:right}
.fitting-room .is-stale .fr-core-stats,.fitting-room .is-stale .fr-stat-details{opacity:.52}
.fitting-room .fr-stale-note{margin:0 0 10px;color:#c9b484;font-size:11px}
.fitting-room .fr-error,.fitting-room .fr-save-pending{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px;margin:10px 0;border:1px solid #c4834854;background:#c483480a;color:#e0bd91;font-size:12px}
.fitting-room .fr-error>.fr-button{flex:none}.fitting-room .fr-error-copy{color:#deb19a}
.fitting-room .fr-saved{margin:0;padding:16px 0 12px;border-bottom:1px solid var(--fr-line)}
.fitting-room .fr-saved>h3{font-size:22px;margin-bottom:10px}.fitting-room .fr-saved-content>.fr-button{margin-top:9px}
.fitting-room .fr-saved-toolbar,.fitting-room .fr-save-editor{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.fitting-room .fr-saved-select{flex:1;min-width:180px}.fitting-room .fr-saved-select select{width:100%}
.fitting-room .fr-save-editor{margin:10px 0 6px}.fitting-room .fr-save-editor>label{flex:1;min-width:210px}.fitting-room .fr-save-editor input{width:100%}
.fitting-room .fr-saved-status{margin-top:7px;color:#aaca9f;font-size:12px}.fitting-room .fr-saved-status:empty{display:none}.fitting-room .fr-saved-status.is-error{color:#e0ac91}
.fitting-room .fr-delete-confirm{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:14px;border:1px solid #bd746244;background:#bd74620a;color:#dec2b7;font-size:12px}
.fitting-room .fr-delete-confirm>span{flex:1;min-width:170px}
@container(max-width:780px){.fitting-room .fr-controls{align-items:flex-start;gap:12px}.fitting-room .fr-class{gap:5px;padding:5px 6px;font-size:10px}.fitting-room .fr-class img{width:26px;height:26px}.fitting-room .fr-core-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.fitting-room .fr-workbench{gap:20px;grid-template-columns:1fr}.fitting-room .fr-picker{padding:13px}.fitting-room .fr-doll{grid-template-columns:minmax(100px,1fr) minmax(180px,250px)}}
@container(max-width:610px){.fitting-room .fr-heading{align-items:flex-start;gap:10px}.fitting-room .fr-heading>.fr-button{min-width:0;flex:0 0 95px;font-size:11px}.fitting-room .fr-doll{grid-template-columns:minmax(74px,1fr) minmax(150px,.95fr);padding:10px;gap:14px 10px}.fitting-room .fr-equipment-slots{grid-template-rows:repeat(4,64px);gap:5px 3px}.fitting-room .fr-equipment-slots .fr-slot-art{width:44px;height:44px}.fitting-room .fr-equipment-slots .fr-slot-label{font-size:9px}.fitting-room .fr-portrait{grid-row:1;min-height:0}.fitting-room .fr-portrait img{height:calc(100% - 42px);object-position:center bottom}.fitting-room .fr-portrait figcaption{bottom:3px;font-size:17px}.fitting-room .fr-portrait figcaption small{font-size:8px}.fitting-room .fr-spheres-panel{grid-column:1 / -1;grid-row:2}.fitting-room .fr-sphere-sanctum{--fr-sphere-size:46px;gap:12px}.fitting-room .fr-sphere-orbit::before{background-image:url('/assets/images/interface/sphere-sanctum-v1-mobile.webp')}.fitting-room .fr-special-groups{grid-template-columns:1fr}.fitting-room .fr-classes{gap:4px}.fitting-room .fr-class{flex-direction:column;width:57px;gap:4px;font-size:8px}.fitting-room .fr-class img{width:30px;height:30px}.fitting-room .fr-level{flex-basis:65px}.fitting-room .fr-level input{width:65px}.fitting-room .fr-choices{max-height:355px}.fitting-room .fr-stat-details{grid-template-columns:1fr}.fitting-room .fr-special-slots{grid-template-columns:repeat(auto-fit,minmax(45px,1fr));gap:10px 3px}.fitting-room .fr-special-slots .fr-slot-art{width:44px;height:44px}.fitting-room .fr-error,.fitting-room .fr-save-pending{align-items:flex-start;flex-direction:column}.fitting-room .fr-section-heading{align-items:flex-start}.fitting-room .fr-stats-status{max-width:95px;text-align:right}.fitting-room .fr-saved-toolbar>.fr-button,.fitting-room .fr-save-editor>.fr-button{flex:1}.fitting-room .fr-saved-select,.fitting-room .fr-save-editor>label{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.fitting-room *{scroll-behavior:auto!important}}
@container(max-width:610px){.fitting-room .fr-equipment-panel,.fitting-room .fr-picker{scroll-margin-top:64px}}
@container(max-width:780px){.fitting-room .fr-back-equipment{display:inline-flex}.fitting-room .fr-picker-head{flex-wrap:wrap}.fitting-room .fr-picker-head h3{font-size:23px}}