.appearance-editor{position:fixed;inset:0;z-index:var(--z-modal);display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,38%);gap:var(--sp-4);padding:max(var(--sp-4),env(safe-area-inset-top)) max(var(--sp-4),env(safe-area-inset-right)) max(var(--sp-4),env(safe-area-inset-bottom)) max(var(--sp-4),env(safe-area-inset-left));pointer-events:auto}.appearance-editor[hidden]{display:none}.appearance-stage{position:relative;min-width:0;cursor:grab;touch-action:none}.appearance-stage:active{cursor:grabbing}.appearance-view,.appearance-hat{position:absolute;bottom:0;min-height:44px}.appearance-view{left:0}.appearance-hat{left:calc(var(--sp-3) + 132px);max-width:calc(100% - 150px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appearance-view{min-width:124px}.appearance-hint{position:absolute;top:0;left:0;padding:5px 12px;border-radius:var(--r-pill);background:#080a0d9e;color:var(--dim);font:500 12px/1.3 var(--font);pointer-events:none}.appearance-panel{display:flex;flex-direction:column;min-height:0;max-height:100%;align-self:stretch;padding:var(--sp-4) var(--sp-5);overflow:hidden}.appearance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.appearance-titles{min-width:0}.appearance-eyebrow{color:var(--accent);font:500 11.5px/1.2 var(--font-display);letter-spacing:var(--track-wide);text-transform:uppercase}.appearance-title{color:var(--txt);font:600 21px/1.15 var(--font-display);letter-spacing:var(--track);text-transform:uppercase}.appearance-tabs{flex:none;flex-wrap:nowrap;margin-bottom:var(--sp-3)}.appearance-tabs .tab{flex:1 1 0;min-height:44px}.appearance-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.appearance-groups{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-4)}.appearance-editor .chip{min-height:40px;padding:6px 12px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--fg-a04);color:var(--dim);font:500 12.5px/1.2 var(--font-display);letter-spacing:var(--track);text-transform:uppercase;cursor:pointer;touch-action:manipulation}.appearance-editor .chip:hover{color:var(--txt);background:var(--fg-a08)}.appearance-editor .chip.on{border-color:var(--accent-a45);color:var(--accent-hi);background:linear-gradient(180deg,var(--accent-a16),transparent)}.appearance-sliders{display:flex;flex-direction:column;gap:var(--sp-2)}.appearance-slider{display:grid;grid-template-columns:minmax(118px,42%) 1fr;align-items:center;gap:var(--sp-4);min-height:44px}.appearance-slider-label{color:var(--txt);font:500 13.5px/1.25 var(--font)}.appearance-slider input{width:100%;height:44px}.appearance-section{margin-bottom:var(--sp-5)}.appearance-section-title{margin-bottom:var(--sp-3);color:var(--dim);font:500 12px/1.2 var(--font-display);letter-spacing:var(--track-wide);text-transform:uppercase}.appearance-choices{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.appearance-swatches{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.appearance-swatch{width:44px;height:44px;padding:0;border:2px solid rgba(255,255,255,.14);border-radius:var(--r-full);background:var(--swatch);box-shadow:inset 0 -6px 10px #00000047;cursor:pointer;touch-action:manipulation}.appearance-swatch.on{border-color:var(--accent-hi);box-shadow:0 0 0 2px #05070acc,0 0 0 4px var(--accent-a45)}.appearance-foot{flex:none;display:flex;gap:var(--sp-3);padding-top:var(--sp-4);border-top:1px solid var(--line);margin-top:var(--sp-3)}.appearance-foot .btn{flex:1 1 0;min-width:0;min-height:44px;padding-inline:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appearance-done{flex-grow:1.35}body.appearance-editor-open :is(#hud-top,#hud-stack,#markers,#action-area,#hotbar,#crosshair,#hit-marker,#target-info,#boss-bar,#interact-hint,#touch-cluster,#side-btns,#stick-l,#pc-controls-hint,#pc-lock-hint,#stance-ind,#combat-arcs,#chat,#btn-dev-tools,#mine-pickaxe-hud,#mirror-view,#banner){visibility:hidden!important}@media(hover:hover)and (pointer:fine){.appearance-panel{zoom:var(--ui-zoom);max-height:calc((100vh - 24px) / var(--ui-zoom))}.appearance-editor{grid-template-columns:minmax(0,1fr) calc(min(470px,38vw) * var(--ui-zoom))}}@media(max-height:460px){.appearance-editor{grid-template-columns:minmax(0,1fr) minmax(300px,46%);gap:var(--sp-3);padding-top:max(var(--sp-3),env(safe-area-inset-top));padding-bottom:max(var(--sp-3),env(safe-area-inset-bottom))}.appearance-panel{padding:var(--sp-3) var(--sp-4)}.appearance-title{font-size:16px}.appearance-head,.appearance-tabs{margin-bottom:var(--sp-2)}.appearance-groups{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-bottom:var(--sp-2)}.appearance-groups::-webkit-scrollbar{display:none}.appearance-groups .chip{flex:none}.appearance-slider{gap:var(--sp-3);grid-template-columns:minmax(104px,40%) 1fr}.appearance-slider-label{font-size:12.5px}.appearance-section{margin-bottom:var(--sp-3)}.appearance-swatches{gap:var(--sp-2)}.appearance-foot{padding-top:var(--sp-2);margin-top:var(--sp-2)}.appearance-hint{display:none}}@media(max-width:720px)and (orientation:landscape){.appearance-editor{grid-template-columns:minmax(0,1fr) minmax(0,58%)}.appearance-tabs .tab{padding-inline:6px;font-size:12px}.appearance-hat{left:0;bottom:52px;max-width:100%}.appearance-view{min-width:0;max-width:100%}.appearance-swatch{width:40px;height:40px}}@media(max-aspect-ratio:6/5){.appearance-editor{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,42%) minmax(0,1fr)}}
