:root{--void-bg: #0b0e12;--void-panel: rgba(16, 20, 27, .92);--void-panel-solid: #10141b;--void-line: #2a3342;--void-text: #cdd6e4;--void-dim: #7d8a9e;--amber: #ffb03a;--amber-dim: #b97f2e;--rust: #c96a2e;--teal: #4fd1c5;--danger: #e5484d;--ok: #46a758;--sat: #f7931a;font-size:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--void-bg);color:var(--void-text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;overscroll-behavior:none;position:fixed;inset:0}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:default}#ui-root{position:absolute;inset:0;pointer-events:none;z-index:10}#ui-root>*{pointer-events:auto}#boot-screen{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at 55% 40%,#131926 0%,var(--void-bg) 70%);transition:opacity .5s ease}#boot-screen.hidden{opacity:0;pointer-events:none}.boot-logo{font-size:2.6rem;font-weight:800;letter-spacing:.35em;color:var(--void-text)}.boot-logo span{color:var(--amber);text-shadow:0 0 18px rgba(255,176,58,.55)}.boot-status{color:var(--void-dim);font-size:.85rem;letter-spacing:.08em}.vstick{position:absolute;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:2px solid rgba(205,214,228,.25);background:#10141b4d;pointer-events:none!important;z-index:20}.vstick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#cdd6e473;box-shadow:0 0 12px #0006}#hud-top{position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 10px);display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none!important}#hud-hp{position:relative;width:160px;height:16px;background:#0b0e1299;border:1px solid var(--void-line);border-radius:8px;overflow:hidden}#hud-hp-fill{height:100%;background:var(--ok);transition:width .2s ease}#hud-hp-text{position:absolute;inset:0;text-align:center;font-size:10px;line-height:16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);font-family:ui-monospace,Consolas,monospace}.hud-chips{display:flex;gap:6px}.chip{background:#0b0e1299;border:1px solid var(--void-line);border-radius:8px;padding:2px 8px;font-size:11px;font-family:ui-monospace,Consolas,monospace;color:var(--void-text)}#chip-sats{color:var(--sat)}.chip.night{color:var(--teal)}#hud-right{position:absolute;right:calc(env(safe-area-inset-right,0px) + 10px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px}.hud-btn{width:46px;height:46px;border-radius:12px;border:1px solid var(--void-line);background:var(--void-panel);color:var(--void-text);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.hud-btn:active{background:#1c2330}#ctx-stack{position:absolute;right:calc(env(safe-area-inset-right,0px) + 74px);bottom:calc(env(safe-area-inset-bottom,0px) + 26px);display:flex;flex-direction:column-reverse;align-items:flex-end;gap:6px;max-width:240px}.ctx-action{min-width:132px;max-width:240px;padding:7px 14px;border-radius:13px;border:1px solid var(--void-line);background:var(--void-panel);color:var(--void-text);font-size:13px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;box-shadow:0 4px 18px #00000080}.ctx-action.primary{min-width:132px;padding:10px 18px;border-radius:16px;border:1.5px solid var(--amber-dim);background:#1c1810e6;color:var(--amber);font-size:15px}.ctx-action:active{transform:scale(.97)}.ctx-action.disabled{opacity:.55;border-color:var(--void-line);color:var(--void-dim)}.ctx-action .ctx-sub{font-size:10.5px;font-weight:400;color:var(--void-dim)}#ability-bar{position:absolute;right:calc(env(safe-area-inset-right,0px) + 40px);bottom:calc(env(safe-area-inset-bottom,0px) + 64px);width:0;height:0;z-index:21}.ability-btn{position:absolute;left:-24px;top:-24px;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--void-line);background:var(--void-panel);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:.85}.ability-btn .ability-cd{position:absolute;left:0;right:0;bottom:0;height:0%;background:#0b0e12b8;pointer-events:none}.ability-btn .ability-icon{position:relative}.ability-btn.ready{border-color:var(--amber-dim);box-shadow:0 0 10px #ffb03a59;opacity:1}.ability-btn.ready:active{filter:brightness(1.35)}.ability-btn.downed{opacity:.4;filter:grayscale(1)}#gather-progress{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 88px);transform:translate(-50%);width:180px;height:8px;border-radius:4px;background:#0b0e12b3;border:1px solid var(--void-line);overflow:hidden;pointer-events:none!important}#gather-progress-fill{height:100%;background:var(--amber)}#floaters{position:absolute;inset:0;pointer-events:none!important;overflow:hidden}.floater{position:absolute;left:0;top:0;font-size:14px;font-weight:700;font-family:ui-monospace,Consolas,monospace;text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:nowrap;margin-left:-20px}.floater.dmg{color:#ffd23a}.floater.dmg-taken{color:var(--danger);font-size:16px}.floater.gain{color:var(--void-text)}.floater.xp{color:var(--teal);font-size:12px}#toasts{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 120px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none!important}.toast{background:#10141be0;border:1px solid var(--void-line);border-radius:8px;padding:5px 12px;font-size:12.5px;color:var(--void-text);transition:opacity .4s ease;white-space:nowrap}.toast.warn{color:var(--danger);border-color:#e5484d80}.toast.levelup{color:var(--amber);border-color:var(--amber-dim);font-weight:700}.toast.fade{opacity:0}#notices{position:absolute;top:calc(env(safe-area-inset-top,0px) + 44px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;z-index:40;pointer-events:none}.notice{pointer-events:auto;display:flex;align-items:center;gap:10px;background:#10141beb;border:1px solid var(--amber-dim);border-radius:8px;padding:6px 10px 6px 14px;font-size:12.5px;font-weight:700;color:var(--amber);transition:opacity .25s ease;cursor:pointer;max-width:min(88vw,460px)}.notice.fade{opacity:0}.notice-close{border:none;background:transparent;color:var(--void-dim);font-size:13px;cursor:pointer;padding:2px 4px}#panel-root{position:absolute;inset:0;background:#05070a8c;display:flex;align-items:stretch;justify-content:flex-end;z-index:50}.panel{width:min(420px,92vw);height:100%;background:var(--void-panel-solid);border-left:1px solid var(--void-line);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--void-line)}.panel-head h2{margin:0;font-size:17px;letter-spacing:.05em}.panel-close{width:38px;height:38px;border-radius:10px;border:1px solid var(--void-line);background:transparent;color:var(--void-dim);font-size:16px;cursor:pointer}.panel-body{flex:1;overflow-y:auto;padding:10px 14px 40px}.section-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--void-dim);margin:14px 2px 6px}.item-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--void-line);border-radius:10px;margin-bottom:6px;background:#ffffff05}.item-main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.item-name{font-size:14px;font-weight:600}.item-stats{font-size:11px;color:var(--void-dim);overflow:hidden;text-overflow:ellipsis}.mini-btn{border:1px solid var(--void-line);background:transparent;color:var(--void-text);border-radius:8px;padding:7px 12px;font-size:12px;cursor:pointer;flex-shrink:0}.mini-btn.active{border-color:var(--amber-dim);color:var(--amber)}.mini-btn:active{background:#1c2330}.empty-note{color:var(--void-dim);font-size:13px;padding:8px 4px}.gear-head{padding:6px 4px 10px;border-bottom:1px solid var(--void-line);margin-bottom:4px}.gear-title{font-size:18px;font-weight:700}.gear-sub{font-size:11.5px;color:var(--void-dim);margin-top:2px}.gear-stats{font-size:13px;margin-top:6px;color:var(--void-text)}.gear-cond{position:relative;height:14px;border-radius:7px;background:#ffffff0f;margin-top:8px;overflow:hidden}.gear-cond-fill{height:100%}.gear-cond span{position:absolute;inset:0;font-size:9.5px;line-height:14px;text-align:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);font-family:ui-monospace,Consolas,monospace}.cost-ok{color:var(--ok)}.cost-bad{color:var(--danger)}.mini-btn.locked{opacity:.45;cursor:not-allowed}.mini-btn.edit{border-color:var(--amber-dim);color:var(--amber)}.lock-why{font-size:10px;color:var(--danger);margin-top:2px}.skill-next{font-size:10.5px;color:var(--void-dim);margin-top:3px}.comp-card{border:1px solid var(--void-line);border-radius:12px;padding:10px 12px;margin-bottom:10px;background:#ffffff05}.comp-title{display:flex;flex-direction:column;gap:2px;font-size:14px}.comp-controls{display:flex;gap:8px;margin-top:8px}.comp-gear{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.comp-select{display:flex;flex-direction:column;font-size:10.5px;color:var(--void-dim);gap:3px;flex:1;min-width:140px}.comp-select select{background:var(--void-panel-solid);color:var(--void-text);border:1px solid var(--void-line);border-radius:8px;padding:8px;font-size:12.5px}.comp-power{font-size:12px;margin-top:8px;color:var(--void-text)}.item-row.slim{padding:5px 8px;margin-top:6px;margin-bottom:0}.power-dash{border:1px solid var(--void-line);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:#ffffff05}.power-row{display:flex;justify-content:space-between;font-size:13.5px;padding:2px 0}.power-bar{height:10px;border-radius:5px;background:#ffffff12;margin:8px 0 4px;overflow:hidden}.power-bar-fill{height:100%;background:var(--ok);transition:width .3s ease}.power-bar-fill.brownout{background:var(--danger)}.brownout-note{color:var(--danger);font-size:11px;font-weight:700;letter-spacing:.08em;margin:4px 0}#mission-chip{position:absolute;top:calc(env(safe-area-inset-top,0px) + 6px);left:50%;transform:translate(-50%);background:#10141bd1;border:1px solid var(--amber-dim);border-radius:9px;color:var(--amber);font-size:12px;padding:4px 12px;cursor:pointer;white-space:nowrap;z-index:25}#mission-chip:active{background:#1e2430e6}.tracker-tabs{display:flex;gap:8px;margin-bottom:10px}.tracker-tab{flex:1;padding:8px 0}.trader-head{border:1px solid var(--void-line);border-radius:12px;padding:10px 14px;margin-bottom:10px;background:#ffffff05}.trader-title{font-size:15px}.trader-rates{font-size:11px;color:var(--void-dim);margin-top:3px}.trader-balances{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px;font-size:12.5px;font-family:ui-monospace,Consolas,monospace}.trader-total{color:var(--sat);font-size:12px;margin-top:4px;font-weight:700}.trader-tabs{display:flex;gap:8px;margin-bottom:10px}.rate-table{border:1px solid var(--void-line);border-radius:10px;padding:6px 12px;margin:8px 0}.rate-row{display:flex;justify-content:space-between;font-size:12.5px;padding:3px 0;font-family:ui-monospace,Consolas,monospace}.rate-row.tappable{cursor:pointer}.rate-row.tappable:hover{background:#ffffff0d}.cost-search{border:none;background:transparent;cursor:pointer;font-size:11px;padding:0 3px;opacity:.65}.cost-search.on{opacity:1;filter:drop-shadow(0 0 3px var(--teal))}.item-row.search-hit{border-color:var(--teal);box-shadow:0 0 6px #4fd1c559 inset}.item-row.equipped{border-color:var(--amber-dim)}.item-row.equipped .item-name{color:var(--amber)}.item-row.installable{opacity:.62}.item-row.installable:hover{opacity:.95}.exchange-form{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.exchange-form select,.exchange-form input{background:var(--void-panel-solid);color:var(--void-text);border:1px solid var(--void-line);border-radius:8px;padding:9px;font-size:13px}.exchange-form input{width:90px}.skill-row{padding:7px 4px}.skill-title{display:flex;justify-content:space-between;font-size:14px}.skill-lvl{color:var(--amber);font-weight:700;font-family:ui-monospace,Consolas,monospace}.skill-bar{height:5px;border-radius:3px;background:#ffffff12;margin-top:4px;overflow:hidden}.skill-bar-fill{height:100%;background:var(--teal)}#account-root{position:absolute;inset:0;z-index:90;overflow-y:auto;background:radial-gradient(ellipse at 55% 35%,#131926 0%,var(--void-bg) 75%);display:flex;align-items:flex-start;justify-content:center}.account-card{width:min(560px,94vw);padding:26px 22px 40px;display:flex;flex-direction:column;gap:12px}.account-logo{font-size:1.5rem;font-weight:800;letter-spacing:.3em;text-align:center}.account-logo span{color:var(--amber);text-shadow:0 0 14px rgba(255,176,58,.5)}.account-card h1{margin:4px 0 0;font-size:1.25rem;text-align:center;font-weight:600}.account-sub{margin:0;color:var(--void-dim);font-size:.82rem;text-align:center}.account-card input{background:var(--void-panel-solid);border:1px solid var(--void-line);border-radius:10px;color:var(--void-text);padding:13px 14px;font-size:15px}.account-btn-row{display:flex;gap:10px}.account-btn{flex:1;padding:13px;border-radius:10px;border:1px solid var(--void-line);background:transparent;color:var(--void-text);font-size:14.5px;font-weight:600;cursor:pointer}.account-btn.primary{background:var(--amber-dim);border-color:var(--amber);color:#1a1206}.account-btn:active{transform:scale(.98)}.account-msg{text-align:center;font-size:13px;color:var(--ok);min-height:18px}.account-msg.error{color:var(--danger)}.account-devhint{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--teal);background:#4fd1c512;border:1px dashed rgba(79,209,197,.4);border-radius:8px;padding:8px 10px;text-align:center;user-select:all}.hero-row{display:flex;align-items:center;gap:12px;border:1px solid var(--void-line);border-radius:12px;padding:12px 14px}.hero-row-main{flex:1;display:flex;flex-direction:column;gap:2px;font-size:15px}.hero-row-main span{font-size:12px}.hero-row .account-btn{flex:0 0 84px;padding:10px}.faction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.faction-card{text-align:left;border:1px solid var(--void-line);border-radius:12px;background:#ffffff05;color:var(--void-text);padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:5px}.faction-card.picked{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}.faction-name{font-weight:700;font-size:14.5px}.faction-coin{font-size:11px;color:var(--void-dim)}.faction-blurb{font-size:12px}.faction-adv{font-size:11.5px;color:var(--ok);line-height:1.45}.faction-dis{font-size:11.5px;color:var(--danger);line-height:1.45}#perf-badge{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);left:calc(env(safe-area-inset-left,0px) + 8px);font-size:11px;font-family:ui-monospace,Consolas,monospace;color:var(--void-dim);background:#0b0e128c;padding:3px 7px;border-radius:6px;line-height:1.5;pointer-events:none!important;white-space:pre;z-index:30}#perf-badge .good{color:var(--ok)}#perf-badge .bad{color:var(--danger)}#hud-stamina{width:160px;height:7px;background:#0b0e1299;border:1px solid var(--void-line);border-radius:4px;overflow:hidden}#hud-stamina-fill{height:100%;background:var(--void-dim);transition:width .15s linear}#hud-stamina-fill.sprinting{background:var(--teal)}#run-btn{position:absolute;right:calc(env(safe-area-inset-right,0px) + 10px);bottom:calc(env(safe-area-inset-bottom,0px) + 26px);width:52px;height:52px;border-radius:50%;border:1.5px solid var(--void-line);background:var(--void-panel);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}#run-btn.active{border-color:var(--teal);background:#4fd1c529;box-shadow:0 0 12px #4fd1c559}#autowalk-btn{position:absolute;right:calc(env(safe-area-inset-right,0px) + 10px);bottom:calc(env(safe-area-inset-bottom,0px) + 88px);width:52px;height:52px;border-radius:50%;border:1.5px solid var(--void-line);background:var(--void-panel);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}#autowalk-btn.active{border-color:var(--amber);background:#ffb03a29;box-shadow:0 0 12px #ffb03a59}#minimap{position:absolute;left:calc(env(safe-area-inset-left,0px) + 10px);top:calc(env(safe-area-inset-top,0px) + 10px);width:140px;height:140px;cursor:pointer;z-index:22}#minimap-zoom{position:absolute;right:-4px;bottom:-2px;display:flex;flex-direction:column;gap:4px}.minimap-zoom-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--void-line);background:var(--void-panel);color:var(--void-text);font-size:15px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.minimap-zoom-btn:active{background:#1c2330}#minimap canvas{width:100%;height:100%;border-radius:50%;border:2px solid var(--void-line);background:#11151c;box-shadow:0 4px 16px #00000080}#minimap-compass{position:absolute;inset:0;pointer-events:none!important;font-size:10px;font-weight:700;color:var(--void-text);text-shadow:0 1px 2px rgba(0,0,0,.9)}#minimap-compass .cn{position:absolute;top:1px;left:50%;transform:translate(-50%);color:var(--amber)}#minimap-compass .cs{position:absolute;bottom:1px;left:50%;transform:translate(-50%)}#minimap-compass .ce{position:absolute;right:4px;top:50%;transform:translateY(-50%)}#minimap-compass .cw{position:absolute;left:4px;top:50%;transform:translateY(-50%)}#map-modal{position:absolute;inset:0;z-index:60;background:var(--void-bg)}#map-modal canvas{position:absolute;inset:0;touch-action:none}#map-head{position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px);left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;pointer-events:none}#map-head h2{margin:0;font-size:16px;letter-spacing:.12em;text-transform:uppercase;color:var(--void-text);text-shadow:0 1px 3px rgba(0,0,0,.8)}#map-head .panel-close{pointer-events:auto;background:var(--void-panel)}#map-info{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);transform:translate(-50%);width:min(360px,92vw);background:var(--void-panel);border:1px solid var(--void-line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 6px 24px #0000008c}.map-info-title{font-size:15px;font-weight:700}.map-info-sub{font-size:11.5px;color:var(--void-dim)}#tap-menu{position:absolute;z-index:40;display:flex;flex-direction:column;gap:4px;background:var(--void-panel);border:1px solid var(--void-line);border-radius:12px;padding:6px;box-shadow:0 6px 22px #0000008c}.tap-menu-btn{display:flex;align-items:baseline;gap:8px;border:none;background:transparent;color:var(--void-text);font-size:14px;font-weight:600;padding:9px 12px;border-radius:8px;cursor:pointer;text-align:left}.tap-menu-btn:active{background:#1c2330}.tap-menu-btn small{color:var(--void-dim);font-weight:400;font-size:11px}#intro-chip{position:absolute;top:calc(env(safe-area-inset-top,0px) + 34px);left:50%;transform:translate(-50%);background:#1c1810eb;border:1px solid var(--amber);border-radius:10px;color:var(--amber);font-size:12.5px;font-weight:600;padding:7px 14px;white-space:nowrap;z-index:26;cursor:pointer;max-width:94vw;overflow:hidden;text-overflow:ellipsis}#intro-chip .intro-skip{color:var(--void-dim);font-weight:400;margin-left:8px;font-size:11px}.equip-row{background:#ffb03a0a}.equip-row.empty-slot{opacity:.65;background:transparent;border-style:dashed}.slot-badge{display:flex;flex-direction:column;align-items:center;gap:1px;width:58px;flex-shrink:0}.slot-badge span{font-size:17px}.slot-badge small{font-size:8.5px;color:var(--void-dim);text-transform:uppercase;letter-spacing:.05em;text-align:center}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.skill-tile{display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:1px solid var(--void-line);border-radius:12px;background:#ffffff05;color:var(--void-text);padding:10px;cursor:pointer;text-align:left}.skill-tile:active{background:#1c2330}.skill-tile-name{font-size:12px;font-weight:600}.skill-tile-lvl{font-size:20px;font-weight:800;color:var(--amber);font-family:ui-monospace,Consolas,monospace}.skill-tile-bar{width:100%;height:4px;border-radius:2px;background:#ffffff12;overflow:hidden;display:block}.skill-tile-bar span{display:block;height:100%;background:var(--teal)}#skill-modal{position:absolute;inset:0;z-index:70;background:#05070a99;display:flex;align-items:center;justify-content:center}.skill-modal-card{width:min(400px,92vw);max-height:84vh;overflow-y:auto;background:var(--void-panel-solid);border:1px solid var(--void-line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}.skill-modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.skill-modal-name{font-size:18px;font-weight:700}.skill-modal-desc{font-size:12px;color:var(--void-dim);margin-top:3px;line-height:1.45}.skill-modal-lvl{font-size:30px;font-weight:800;color:var(--amber);font-family:ui-monospace,Consolas,monospace}.skill-modal-lvl small{font-size:13px;color:var(--void-dim)}.skill-modal-xp{font-size:11.5px;color:var(--void-dim);font-family:ui-monospace,Consolas,monospace}.skill-bar.big{height:9px;border-radius:5px}.perk-list{display:flex;flex-direction:column;gap:5px}.perk-row{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--void-line);border-radius:9px;font-size:12.5px;opacity:.62}.perk-row.learned{opacity:1;border-color:#46a75873}.perk-row .perk-check{width:18px;text-align:center}.perk-row.learned .perk-check{color:var(--ok)}.perk-row .perk-lvl{color:var(--amber);font-family:ui-monospace,Consolas,monospace;font-size:11px;width:40px;flex-shrink:0}.avatar-editor{display:flex;flex-direction:column;gap:4px}.avatar-origin{font-size:12px;color:var(--void-dim);font-style:italic}.avatar-row{display:flex;gap:16px;align-items:center}.avatar-preview{flex-shrink:0;background:radial-gradient(ellipse at 50% 40%,#1a2130 0%,transparent 75%);border:1px solid var(--void-line);border-radius:14px;padding:4px 8px}.avatar-controls{flex:1;display:flex;flex-direction:column;gap:8px}.avatar-label{font-size:11px;color:var(--void-dim);display:flex;flex-direction:column;gap:4px;text-transform:uppercase;letter-spacing:.08em}.avatar-swatches{display:flex;gap:8px}.avatar-swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer}.avatar-swatch.picked{border-color:var(--amber);box-shadow:0 0 8px #ffb03a80}.avatar-controls input[type=range]{width:100%;accent-color:var(--amber)}