.ui-panel{background:#0d1b2af2;border:1px solid var(--color-rim);border-radius:var(--radius-xl);box-shadow:var(--shadow-high);color:var(--color-silver);font-family:var(--font-body)}.ui-panel--secondary{background:#0d1b2ac7}.text-display{font:700 28px/1.2 var(--font-display);color:var(--color-dawn)}.text-heading{font:400 20px/1.3 var(--font-display);color:var(--color-dawn)}.text-subhead{font:600 16px/1.4 var(--font-body);color:var(--color-silver)}.text-body{font:400 14px/1.6 var(--font-body);color:var(--color-silver)}.text-body-sm{font:400 12px/1.5 var(--font-body);color:var(--color-fog)}.text-caption{font:400 11px/1.4 var(--font-body);color:var(--color-fog)}.text-stat{font:700 14px/1.2 var(--font-mono);color:var(--color-silver)}.text-stat-lg{font:700 18px/1.1 var(--font-mono);color:var(--color-dawn)}.text-mono-sm{font:400 11px/1.4 var(--font-mono);color:var(--color-silver)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;min-width:44px;padding:10px 20px;border-radius:var(--radius-md);border:none;cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out;pointer-events:all;text-decoration:none;white-space:nowrap;position:relative}.btn:focus-visible{outline:2px solid var(--color-frost);outline-offset:2px}.btn--primary{background:var(--color-rim);color:var(--color-dawn);border:1px solid var(--color-rim)}.btn--primary:hover{background:var(--color-mist);color:var(--color-dawn);border-color:#b8cedf4d}.btn--primary:active{background:var(--color-surface);transform:scale(.97);transition:transform 80ms}.btn--primary:disabled{background:var(--color-deep);color:#5a7fa080;border-color:transparent;cursor:not-allowed;opacity:.5;pointer-events:none}.btn--ghost{background:transparent;color:var(--color-fog);border:1px solid rgba(46,78,112,.6)}.btn--ghost:hover{background:#2e4e704d;color:var(--color-silver);border-color:var(--color-mist)}.btn--ghost:active{background:#2e4e7080;color:var(--color-dawn)}.btn--ghost:disabled{color:#5a7fa04d;border-color:#2e4e7033;cursor:not-allowed;opacity:.5}.btn--danger{background:#c0392b4d;color:var(--color-dawn);border:1px solid rgba(192,57,43,.7)}.btn--danger:hover{background:#c0392b80}.btn--icon{padding:0;width:44px;height:44px;flex-shrink:0}.btn--sm{min-height:36px;padding:6px 14px;font-size:12px}.btn--lg{min-height:52px;padding:12px 28px;font-size:15px}.btn.is-loading{pointer-events:none;opacity:.8}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font:600 12px/1.4 var(--font-body);color:var(--color-silver)}.input-field{height:44px;background:var(--color-surface);border:1px solid var(--color-rim);border-radius:var(--radius-md);padding:0 var(--space-4);color:var(--color-silver);font:14px/1 var(--font-body);font-size:16px;transition:border-color .15s ease-out,box-shadow .15s ease-out;pointer-events:all;width:100%}.input-field::placeholder{color:#5a7fa099}.input-field:hover{border-color:var(--color-mist)}.input-field:focus{outline:none;border-color:var(--color-frost);box-shadow:0 0 0 3px #7ec8e333}.input-field.is-error{border-color:var(--color-blood);box-shadow:0 0 0 3px #c0392b33}.input-field:disabled{background:var(--color-deep);color:#5a7fa066;cursor:not-allowed}.input-hint{font:400 11px/1.4 var(--font-body);color:var(--color-fog)}.input-error-msg{display:flex;align-items:center;gap:var(--space-1);font:400 12px/1.4 var(--font-body);color:var(--color-blood);background:#c0392b1a;border-left:3px solid var(--color-blood);padding:var(--space-2) var(--space-3);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.input-with-action{position:relative}.input-with-action .input-field{padding-right:52px}.input-action-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:var(--color-fog);width:44px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color .15s ease-out;pointer-events:all}.input-action-btn:hover{color:var(--color-silver)}.input-action-btn:focus-visible{outline:2px solid var(--color-frost);outline-offset:2px}.password-strength{height:4px;border-radius:var(--radius-pill);background:var(--color-deep);overflow:hidden}.password-strength-fill{height:100%;border-radius:var(--radius-pill);transition:width .2s ease-out,background .2s ease-out}.checkbox-group{display:flex;align-items:center;gap:var(--space-3);min-height:44px;cursor:pointer;pointer-events:all}.checkbox-group input[type=checkbox]{width:20px;height:20px;flex-shrink:0;border:1px solid var(--color-rim);border-radius:var(--radius-sm);background:var(--color-surface);appearance:none;cursor:pointer;transition:border-color .15s,background .15s}.checkbox-group input[type=checkbox]:checked{background:var(--color-ember);border-color:var(--color-ember);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M13.5 4 6.5 11 3 7.5'/%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat}.checkbox-group input[type=checkbox]:focus-visible{outline:2px solid var(--color-frost);outline-offset:2px}.tabs{display:flex;border-bottom:1px solid rgba(46,78,112,.4)}.tab-btn{flex:1;min-height:44px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-fog);font:600 14px/1 var(--font-body);cursor:pointer;transition:color .15s,border-color .15s,background .15s;padding:0 var(--space-4);pointer-events:all}.tab-btn:hover{color:var(--color-silver);border-bottom-color:#5a7fa080}.tab-btn.is-active{color:var(--color-dawn);background:#2e4e7033;border-bottom-color:var(--color-ember)}.tab-btn:focus-visible{outline:2px solid var(--color-frost);outline-offset:-2px}.stat-bar-row{display:flex;align-items:center;gap:var(--space-2);height:28px}.stat-bar-label{display:flex;align-items:center;gap:4px;width:60px;flex-shrink:0;font:400 11px/1 var(--font-body);color:var(--color-fog)}.stat-bar-track{flex:1;height:8px;background:var(--color-deep);border-radius:var(--radius-pill);overflow:hidden}.stat-bar-fill{height:100%;border-radius:var(--radius-pill);transition:width .3s ease-out,background .3s ease-out}.stat-bar-value{width:60px;flex-shrink:0;text-align:right;font:700 11px/1 var(--font-mono);color:var(--color-silver)}.stat-bar-fill.is-critical{animation:stat-pulse 1s ease-in-out infinite}@keyframes stat-pulse{0%,to{opacity:1}50%{opacity:.6}}.critical-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--color-blood);color:var(--color-dawn);font:700 9px/1 var(--font-body);flex-shrink:0;animation:badge-pulse 1s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hotbar-slot{width:56px;height:56px;background:#152436cc;border:1px solid var(--color-rim);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;cursor:pointer;transition:border-color .15s,background .15s;pointer-events:all}.hotbar-slot.is-active{border:2px solid var(--color-ember);box-shadow:var(--shadow-glow-ember)}.hotbar-slot:hover:not(.is-active){border-color:var(--color-mist);background:#152436}.hotbar-slot__key{position:absolute;top:3px;left:4px;font:400 9px/1 var(--font-body);color:var(--color-fog)}.hotbar-slot__qty{position:absolute;bottom:3px;right:4px;font:400 10px/1 var(--font-body);color:var(--color-dawn);background:#07111cd9;padding:1px 4px;border-radius:var(--radius-pill)}.hotbar-slot__durability{position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--color-verdant)}.inv-slot{width:52px;height:52px;background:#15243680;border:1px dashed rgba(30,52,80,.4);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:background .15s,border-color .15s;pointer-events:all;overflow:hidden;user-select:none}.inv-slot:hover{background:var(--color-rim);border-color:#b8cedf4d}.inv-slot.is-selected{border:2px solid var(--color-ember);box-shadow:var(--shadow-glow-ember)}.inv-slot.is-drag-over{background:#e8a0301a;border:2px dashed var(--color-ember)}.inv-slot.has-item{border-style:solid;border-color:var(--color-rim);background:var(--color-surface)}.inv-slot[data-quality=common]{border-left-color:var(--color-silver)}.inv-slot[data-quality=uncommon]{border-left-color:var(--color-verdant);border-left-width:3px}.inv-slot[data-quality=rare]{border-left-color:var(--color-frost);border-left-width:3px}.inv-slot[data-quality=epic]{border-left-color:#a080c8;border-left-width:3px}.inv-slot[data-quality=legendary]{border-left-color:var(--color-ember);border-left-width:3px;box-shadow:var(--shadow-glow-ember)}.inv-slot__qty{position:absolute;bottom:2px;right:3px;font:400 10px/1 var(--font-body);color:var(--color-dawn);background:#07111cd9;padding:1px 4px;border-radius:var(--radius-pill);pointer-events:none}.inv-drag-ghost{position:fixed;pointer-events:none;z-index:9999;opacity:.85;transform:translate(-50%,-50%) scale(1.05);box-shadow:var(--shadow-high)}.separator{height:1px;background:#2e4e7066;margin:var(--space-4) 0}.separator--text{display:flex;align-items:center;gap:var(--space-3);color:var(--color-fog);font:400 12px/1 var(--font-body)}.separator--text:before,.separator--text:after{content:"";flex:1;height:1px;background:#2e4e7066}.notification{background:#0d1b2af0;border:1px solid rgba(126,200,227,.3);border-radius:var(--radius-lg);box-shadow:var(--shadow-mid);padding:var(--space-3) var(--space-4);min-width:280px;max-width:320px;animation:slide-in-right .3s ease-out forwards;pointer-events:all}.notification.is-dismissing{animation:slide-out-right .15s ease-in forwards}@keyframes slide-in-right{0%{transform:translate(320px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(320px);opacity:0}}.event-log{font:400 11px/1.6 var(--font-mono);color:var(--color-silver);display:flex;flex-direction:column-reverse;gap:0;overflow:hidden}.event-log__line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease-out}.event-log__line.is-fading{opacity:.3}.event-log__timestamp{color:var(--color-mist);margin-right:var(--space-2)}.event-log__line--danger{color:var(--color-blood)}.event-log__line--success{color:var(--color-verdant)}.event-log__line--pnj{color:var(--color-frost)}.thinking-dots{display:inline-flex;gap:6px;align-items:center}.thinking-dot{width:8px;height:8px;border-radius:50%;background:var(--color-frost);animation:thinking-bounce .6s ease-in-out infinite}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes thinking-bounce{0%,to{opacity:.3}50%{opacity:1}}.stepper{display:flex;align-items:center;gap:0}.stepper-step{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;position:relative}.stepper-step:not(:last-child):after{content:"";position:absolute;top:7px;left:50%;width:100%;height:2px;background:var(--color-rim)}.stepper-step.is-done:after{background:var(--color-verdant)}.stepper-dot{width:14px;height:14px;border-radius:50%;background:var(--color-rim);z-index:1;transition:background .2s,width .2s,height .2s}.stepper-step.is-done .stepper-dot{background:var(--color-verdant)}.stepper-step.is-active .stepper-dot{background:var(--color-ember);width:18px;height:18px}.stepper-label{font:400 11px/1 var(--font-body);color:var(--color-fog);text-align:center}.stepper-step.is-active .stepper-label{color:var(--color-dawn);font-weight:600}.stepper-step.is-done .stepper-label{color:var(--color-fog)}.slider-group{display:flex;flex-direction:column;gap:var(--space-2)}.slider-header{display:flex;justify-content:space-between;align-items:center}.slider-track{position:relative;height:4px;background:var(--color-deep);border-radius:var(--radius-pill)}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:transparent;cursor:pointer;pointer-events:all}input[type=range]::-webkit-slider-track{height:4px;background:var(--color-deep);border-radius:var(--radius-pill)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-dawn);border:2px solid var(--color-ember);margin-top:-6px;cursor:pointer;transition:box-shadow .15s}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #7ec8e366}.toggle-switch{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;pointer-events:all}.toggle-track{width:52px;height:28px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-rim);position:relative;transition:background .2s,border-color .2s;flex-shrink:0}.toggle-track.is-on{background:var(--color-verdant);border-color:var(--color-verdant)}.toggle-thumb{width:22px;height:22px;border-radius:50%;background:var(--color-dawn);position:absolute;top:2px;left:2px;transition:left .2s ease-out}.toggle-track.is-on .toggle-thumb{left:calc(100% - 24px)}.overlay-backdrop{position:fixed;inset:0;background:#07111cd9;z-index:50;display:flex;align-items:center;justify-content:center;animation:fade-in .2s ease-out;pointer-events:all}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:#0d1b2af7;border:1px solid var(--color-rim);border-radius:var(--radius-xl);box-shadow:var(--shadow-high);padding:var(--space-6);max-width:90vw;max-height:90vh;overflow-y:auto;animation:modal-in .25s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes modal-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.panel--slide-left{animation:panel-from-left .2s ease-out forwards}.panel--slide-right{animation:panel-from-right .2s ease-out forwards}.panel--slide-bottom{animation:panel-from-bottom .3s ease-out forwards}@keyframes panel-from-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes panel-from-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes panel-from-bottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.connection-banner{position:fixed;top:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:center;gap:var(--space-3);z-index:100;font:600 13px/1 var(--font-body);pointer-events:all}.connection-banner--lost{background:#c0392be6;color:var(--color-dawn)}.connection-banner--reconnecting{background:#e8a030e6;color:var(--color-deep)}.connection-banner--ok{background:#3cb371e6;color:var(--color-deep)}.archetype-card{background:#15243699;border:2px solid var(--color-rim);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:border-color .15s,background .15s,transform .15s;text-align:center;pointer-events:all;flex:1}.archetype-card:hover{border-color:var(--color-mist);background:#1e345066;transform:translateY(-2px)}.archetype-card.is-selected{border-color:var(--color-ember);background:#e8a03014;box-shadow:var(--shadow-glow-ember)}.archetype-card:focus-visible{outline:2px solid var(--color-frost);outline-offset:2px}.archetype-card__icon{font-size:48px;margin-bottom:var(--space-3);display:block}.archetype-card__name{font:700 18px/1.2 var(--font-display);color:var(--color-dawn);margin-bottom:var(--space-2)}.archetype-card__tagline{font:400 13px/1.5 var(--font-body);color:var(--color-fog);margin-bottom:var(--space-3)}.archetype-card__bonus{font:600 12px/1.4 var(--font-body);color:var(--color-ember)}.hud-zone{transition:opacity 2s ease-in-out}.hud-zone.is-immersive{opacity:.35}.hud-zone.is-immersive.hud-minimap{opacity:.45}.vignette-overlay{position:fixed;inset:0;pointer-events:none;z-index:5;transition:box-shadow .5s ease-in-out}.vignette-overlay--hp-critical{box-shadow:inset 0 0 80px #c0392b59;animation:vignette-pulse 2s ease-in-out infinite}.vignette-overlay--frost{box-shadow:inset 0 0 60px #7ec8e340}.vignette-overlay--ember{box-shadow:inset 0 0 60px #e8a03040}@keyframes vignette-pulse{0%,to{opacity:1}50%{opacity:.5}}.spinner{width:20px;height:20px;border:2px solid rgba(184,206,223,.2);border-top-color:var(--color-silver);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.craft-progress{height:8px;background:var(--color-deep);border-radius:var(--radius-pill);overflow:hidden}.craft-progress__fill{height:100%;background:var(--color-ember);border-radius:var(--radius-pill);transition:width .1s linear}.ai-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-sm);font:600 10px/1.4 var(--font-body);text-transform:uppercase;letter-spacing:.05em}.ai-badge--habitant{background:#e8a03026;border:1px solid rgba(232,160,48,.4);color:var(--color-ember)}.ai-badge--habitant .ai-badge__dot{width:6px;height:6px;border-radius:50%;background:var(--color-ember);animation:ai-pulse 1.5s ease-in-out infinite}@keyframes ai-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.ai-badge--guide{background:#5a7fa026;border:1px solid rgba(90,127,160,.4);color:var(--color-fog)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2e4e7099;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-mist)}:focus-visible{outline:2px solid var(--color-frost);outline-offset:2px}