:root{color-scheme:dark;--bg: #111522;--panel: rgba(20, 24, 34, .84);--panel-border: rgba(245, 214, 129, .24);--text: #f3f5fb;--muted: #b2b8c7;--accent: #87d8ff;--danger: #c45656;--safe: #f5da7a}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top,#1a2233,#0f131f 72%)}.login-screen{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:24px;background:radial-gradient(circle at 18% 22%,rgba(245,218,122,.13),transparent 24%),radial-gradient(circle at 78% 18%,rgba(135,216,255,.14),transparent 28%),radial-gradient(circle at 52% 92%,rgba(89,255,164,.08),transparent 30%),linear-gradient(145deg,#080c1433,#090b12a8)}.login-screen:before,.login-screen:after{content:"";position:absolute;pointer-events:none}.login-screen:before{top:-18%;right:-18%;bottom:-18%;left:-18%;opacity:.42;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.035) 42% 43%,transparent 43% 100%),linear-gradient(25deg,transparent 0 52%,rgba(135,216,255,.045) 52% 53%,transparent 53% 100%);background-size:180px 180px,220px 220px;transform:rotate(-8deg)}.login-screen:after{inset:auto -10% -20%;height:42%;background:radial-gradient(ellipse at center,rgba(18,72,42,.26),transparent 66%);filter:blur(10px)}.login-card{position:relative;z-index:1;width:min(520px,100%);padding:20px 22px 22px;overflow:hidden;border-radius:20px;border:1px solid rgba(245,214,129,.3);background:radial-gradient(circle at 72% 18%,rgba(135,216,255,.12),transparent 30%),linear-gradient(170deg,#141a27f5,#080b12f0);box-shadow:0 20px 60px #00000075,0 0 46px #87d8ff14,inset 0 0 42px #ffd68114;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-card-wide{width:min(1120px,100%);padding:28px}.login-card h1{max-width:440px;margin:4px 0 8px;font-size:clamp(30px,4vw,42px);line-height:1.08;letter-spacing:-.03em;color:#fbfdff}.login-card .subtitle{max-width:410px;margin:0 0 18px;color:#f5da7a;font-size:18px;font-weight:800;line-height:1.35}.login-gameplay-preview{position:relative;margin:-4px -6px 20px;overflow:hidden;border-radius:16px;border:1px solid rgba(135,216,255,.24);background:#070a108f;box-shadow:0 16px 34px #00000042,0 0 24px #87d8ff1f}.login-gameplay-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 38%,rgba(9,12,19,.76)),radial-gradient(circle at 18% 22%,rgba(245,218,122,.16),transparent 30%);pointer-events:none}.login-preview-combat{position:absolute;z-index:1;pointer-events:none}.login-preview-combat-burst{left:48%;top:18%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,rgba(255,246,182,.95) 0 10%,rgba(255,128,68,.75) 18%,transparent 62%),conic-gradient(from 20deg,transparent,rgba(255,226,135,.72),transparent,rgba(95,210,255,.64),transparent);filter:blur(.2px);transform:translate(-50%,-50%);box-shadow:0 0 22px #ff824099,0 0 32px #f5da7a61;animation:loginPreviewBurst 1.9s ease-in-out infinite}.login-preview-combat-trail{left:calc(26% + 43px);top:calc(21% - 8px);width:170px;height:5px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(124,219,255,.2),rgba(189,239,255,.94),transparent);filter:drop-shadow(0 0 10px rgba(107,211,255,.78));transform:rotate(4deg);opacity:.86;animation:loginPreviewTrail 2.2s ease-in-out infinite}.login-preview-combat-hit{right:31%;top:11%;color:#ff6a5c;font-size:24px;font-weight:900;line-height:1;text-shadow:0 2px 0 rgba(0,0,0,.62),0 0 12px rgba(255,88,76,.72);animation:loginPreviewHit 1.8s ease-in-out infinite}.login-gameplay-preview img{width:100%;aspect-ratio:16 / 8.3;display:block;object-fit:cover;object-position:center}.subtitle,.note{color:var(--muted)}.login-card .note{margin:12px 0 0;color:#dce6f6;font-weight:800;line-height:1.35;text-align:center}.class-selection{display:grid;gap:18px;margin-top:22px}.class-selection-header{display:grid;gap:6px}.class-selection-header h2,.class-selection-header p{margin:0}.class-selection-header p{color:var(--muted)}.class-kicker{color:var(--safe)!important;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.class-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.class-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:12px;min-height:480px;padding:14px;overflow:hidden;text-align:left;background:radial-gradient(circle at 82% 12%,rgba(135,216,255,.2),transparent 34%),linear-gradient(160deg,#1c2334f0,#0c1019f0);border-color:#ffffff29;transform-origin:center;transition:transform .16s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease,opacity .18s ease}.class-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(140deg,rgba(255,255,255,.12),transparent 42%);transition:opacity .16s ease}.class-card:hover:not(:disabled){transform:translateY(-4px) scale(1.03);border-color:#f5da7ab8;box-shadow:0 0 30px #f5da7a3d,0 18px 46px #00000061}.class-card:hover:not(:disabled):before{opacity:1}.class-card-grid:has(.class-card:hover) .class-card:not(:hover),.class-card-grid:has(.class-card-selected) .class-card:not(.class-card-selected){filter:brightness(.72) saturate(.85);opacity:.72}.class-card-mage{border-color:#87d8ff6b}.class-card-warrior{border-color:#f599606b}.class-card-archer{border-color:#70e29f6b}.class-card.class-card-selected{border-color:#f5da7ae0;box-shadow:0 0 0 1px #f5da7a5c,0 0 34px #f5da7a38}.class-card-image-wrap{position:relative;display:block;height:260px;margin:-4px -4px 0;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.16),transparent 42%),linear-gradient(180deg,#10141f1f,#080a10d1)}.class-card-image-wrap:after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(180deg,transparent,rgba(10,13,22,.92))}.class-card-image{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 22px rgba(0,0,0,.45));transition:transform .18s ease}.class-card:hover:not(:disabled) .class-card-image,.class-card-selected .class-card-image{transform:scale(1.04)}.class-card-heading{display:flex;align-items:center;gap:12px;min-height:54px}.class-badge{display:inline-grid;flex:0 0 auto;place-items:center;width:48px;height:48px;border-radius:16px;font-weight:800;font-size:22px;color:#10131b;background:var(--accent);box-shadow:0 0 24px #87d8ff42}.class-card-warrior .class-badge{background:#f59960;box-shadow:0 0 24px #f5996042}.class-card-archer .class-badge{background:#70e29f;box-shadow:0 0 24px #70e29f42}.class-card-title{font-size:19px;font-weight:800;line-height:1.2}.class-card-description{color:#dbe0ea;line-height:1.45;min-height:60px}.class-card-details{display:grid;gap:8px;margin-top:auto;padding:12px;border:1px solid rgba(245,214,129,.18);border-radius:12px;background:#070a1057;color:#dbe0ea;font-size:13px}.class-detail-block{display:flex;flex-wrap:wrap;gap:6px 10px}.class-detail-label{flex-basis:100%;color:var(--safe);font-weight:700}.class-confirm-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid rgba(245,218,122,.28);border-radius:14px;background:#f5da7a14;animation:classConfirmIn .18s ease-out}.class-confirm-row>div{display:grid;gap:4px}.class-confirm-label{color:var(--muted);font-size:13px}.class-confirm-button{flex:0 0 auto;width:min(220px,100%);margin-top:0;border-color:#f5da7a85;background:linear-gradient(140deg,#785d25,#2f455f);font-weight:800}.class-change-name-button{flex:0 0 auto;width:auto;margin-top:0;padding:8px 0;border:0;background:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:3px;box-shadow:none}.class-change-name-button:hover{color:var(--text);box-shadow:none}.class-name-button{justify-self:start;width:auto;min-width:180px;border-color:#ffffff3d;background:transparent;color:var(--muted)}@keyframes classConfirmIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.class-loading{margin:0;color:var(--muted)}@media (max-width: 760px){.login-screen{padding:12px}.login-card{padding:15px}.login-card h1{font-size:28px;line-height:1.12}.login-card .subtitle{margin-bottom:12px;font-size:16px}.login-gameplay-preview{margin:-1px -1px 12px}.login-gameplay-preview img{aspect-ratio:16 / 6.7}.login-preview-combat-burst{width:42px;height:42px}.login-preview-combat-trail{width:120px}.login-preview-combat-hit{font-size:19px}.login-primary-button{min-height:44px}.login-features{grid-template-columns:1fr;gap:6px}.login-features li{min-height:32px}.class-card-grid{grid-template-columns:1fr}.class-card{min-height:0}.class-card-image-wrap{height:220px}.class-card-description{min-height:0}.class-confirm-row{align-items:stretch;flex-direction:column}.class-confirm-button,.class-change-name-button{width:100%}}.login-warning,.login-error{margin-top:14px;padding:10px 12px;border-radius:10px;font-size:14px}.login-warning{border:1px solid rgba(245,218,122,.28);background:#f5da7a14;color:#f5da7a}.login-error{border:1px solid rgba(196,86,86,.34);background:#c456561f;color:#ffb2b2}input,button{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#10131beb;color:var(--text);padding:10px 12px;margin-top:10px}input{outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input:focus{border-color:#8fdcffd1;background:#0b1019f5;box-shadow:0 0 0 1px #8fdcff42,0 0 22px #5cc1ff47}input[aria-invalid=true]{border-color:#ff7e5fb8}.login-field-error{margin:6px 0 0;color:#ffb2a8;font-size:12px;font-weight:700;line-height:1.25}button{cursor:pointer;background:linear-gradient(140deg,#2f455f,#1f2b3a);transition:transform .11s ease,box-shadow .14s ease,border-color .14s ease,filter .14s ease}button:hover{transform:translateY(-1px);box-shadow:0 0 12px #78b8ff73}.login-primary-button{position:relative;min-height:46px;margin-top:12px;overflow:hidden;border-color:#ffde71a3;background:radial-gradient(circle at 50% 0%,rgba(255,246,190,.32),transparent 50%),linear-gradient(135deg,#d84232,#e89034 48%,#f5d681);color:#140f0b;font-size:16px;font-weight:900;letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,255,255,.22);box-shadow:0 0 22px #ff704261,0 10px 24px #00000047,inset 0 1px #ffffff47;animation:loginCtaPulse 2.8s ease-in-out infinite}.login-primary-button-active{border-color:#ffe584c7;box-shadow:0 0 30px #ff704285,0 0 16px #f5da7a3d,0 10px 24px #00000047,inset 0 1px #ffffff4d}.login-primary-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0 34%,rgba(255,255,255,.28) 45%,transparent 56% 100%);opacity:0;transform:translate(-42%);transition:opacity .16s ease,transform .22s ease}.login-primary-button:hover:not(:disabled),.login-primary-button:focus-visible:not(:disabled){border-color:#ffeea6f0;filter:saturate(1.16) brightness(1.08);transform:translateY(-1px) scale(1.02);box-shadow:0 0 44px #ff7442b8,0 0 30px #f5da7a75,0 14px 32px #00000061,inset 0 1px #ffffff57}.login-primary-button:hover:not(:disabled):after,.login-primary-button:focus-visible:not(:disabled):after{opacity:1;transform:translate(42%)}.login-primary-button:active:not(:disabled){transform:translateY(1px) scale(.98);transition-duration:70ms}@keyframes loginCtaPulse{0%,to{box-shadow:0 0 20px #ff704257,0 10px 24px #00000047,inset 0 1px #ffffff47}50%{box-shadow:0 0 30px #ff704285,0 0 18px #f5da7a3d,0 10px 24px #00000047,inset 0 1px #ffffff47}}@keyframes loginPreviewBurst{0%,to{opacity:.58;transform:translate(-50%,-50%) scale(.82)}45%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}@keyframes loginPreviewTrail{0%,to{opacity:.42;transform:rotate(4deg) translate(-8px)}45%{opacity:.95;transform:rotate(4deg) translate(10px)}}@keyframes loginPreviewHit{0%,to{opacity:.45;transform:translateY(8px) scale(.94)}35%{opacity:1;transform:translateY(-3px) scale(1.08)}}@media (prefers-reduced-motion: reduce){.login-primary-button,.login-preview-combat{animation:none}}button:disabled{cursor:not-allowed;opacity:.45}.secondary-button{background:#10131beb}.login-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-width:360px;margin:8px auto 0;padding:0;list-style:none}.login-features li{min-height:42px;display:grid;place-items:center;padding:8px 10px;border:1px solid rgba(245,218,122,.24);border-radius:999px;background:radial-gradient(circle at 50% 0%,rgba(245,218,122,.14),transparent 54%),#080c1480;color:#fff1b8;font-size:13px;font-weight:900;text-align:center;transition:transform .12s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}.login-features li:hover{transform:scale(1.04);border-color:#f5da7a85;background:radial-gradient(circle at 50% 0%,rgba(245,218,122,.22),transparent 56%),#14171ea8;box-shadow:0 0 16px #f5da7a24}@media (max-width: 760px){.login-gameplay-preview img{aspect-ratio:16 / 6.7}.login-primary-button{min-height:44px}.login-features{grid-template-columns:1fr;gap:6px}.login-features li{min-height:32px}}.game-layout{position:relative;width:100vw;height:100vh;overflow:hidden}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:default}.game-canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 44%,#ffecb80b,#ffecb800 34%),radial-gradient(ellipse at center,#0a0d1600 48%,#080a1047)}.game-canvas canvas{width:100%;height:100%;display:block;cursor:inherit}.panel{position:absolute;top:16px;width:280px;max-height:50vh;overflow:hidden;padding:12px;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 28px #00000057;font-size:14px}.panel-left{left:16px;width:220px}.panel-left h3{margin:0 0 10px}.panel-title{margin:0 0 2px}.status-list{display:grid;gap:3px;color:#dbe0ea}.stat-bars{display:grid;gap:8px;margin:10px 0 12px}.stat-bar{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}.stat-bar-label{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.stat-bar-label strong{color:var(--text);font-weight:700}.stat-bar-track{height:10px;overflow:hidden;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#080a0fb8}.stat-bar-fill{height:100%;border-radius:inherit;transition:width .16s ease}.stat-bar-hp .stat-bar-fill{background:linear-gradient(90deg,#a73737,#f06a6a)}.stat-bar-mana .stat-bar-fill{background:linear-gradient(90deg,#2d68bc,#7bc7ff)}.stat-bar-stamina .stat-bar-fill{background:linear-gradient(90deg,#c5892f,#f4d36d)}.panel-right{right:16px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.panel-header .panel-title{margin:0}.panel-close{width:28px;height:28px;margin:0;padding:0;display:grid;place-items:center;border-radius:8px;color:var(--muted);font-weight:800}.scroll-area{max-height:calc(50vh - 64px);overflow-y:auto;display:grid;gap:8px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-radius:10px;background:#1f26348c}.row button{width:auto;margin-top:0;padding:4px 7px;font-size:12px}.audio-settings-panel{display:grid;gap:12px}.audio-toggle-row,.audio-volume-row{display:grid;gap:8px;padding:10px;border-radius:10px;background:#1f26348c}.audio-toggle-row{grid-template-columns:auto 1fr;align-items:center}.audio-toggle-row input{width:auto;margin:0}.audio-volume-row{grid-template-columns:1fr auto;align-items:center}.audio-volume-row input{grid-column:1 / -1;width:100%;margin:0}.audio-settings-note{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.stats-panel{max-height:calc(min(72vh,720px) - 64px);gap:12px;padding-right:4px}.stats-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(135,216,255,.2);border-radius:16px;background:radial-gradient(circle at 12% 0%,rgba(135,216,255,.22),transparent 42%),linear-gradient(150deg,#213046c7,#0d121dd1);box-shadow:inset 0 1px #ffffff0f}.stats-hero h4{margin:2px 0 0;color:#f7fbff;font-size:22px;line-height:1.05}.stats-kicker{color:#8fdcff;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.stats-hero-badge{min-width:132px;display:grid;gap:3px;padding:9px 11px;border-radius:12px;border:1px solid rgba(245,214,129,.24);background:#090c1370;color:#ffe7a3;font-size:13px;font-weight:800;text-align:right}.stats-hero-badge span{color:var(--muted);font-size:11px;font-weight:700}.stats-section{display:grid;gap:9px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#0c111b80}.stats-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.stats-section-title span{color:#f3d981;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.stats-section-title strong{color:var(--muted);font-size:12px;font-weight:700}.stats-metric-grid,.stats-combat-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stats-metric-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-metric{min-width:0;display:grid;gap:3px;padding:10px;border-radius:12px;background:radial-gradient(circle at 50% 0%,rgba(143,220,255,.07),transparent 56%),#1f263494}.stats-metric span{color:#9aa9bc;font-size:11px;font-weight:700}.stats-metric strong{color:#f7fbff;font-size:20px;line-height:1.05}.stats-metric em{color:var(--muted);font-size:10px;font-style:normal;line-height:1.2}.stats-property-groups{display:grid;gap:10px}.stats-property-group{display:grid;gap:6px}.stats-property-group h5{margin:0;color:#8fdcff;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.stats-property-list{display:grid;gap:6px}.stats-property-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:center;padding:8px 10px;border-radius:11px;background:#1f26347a}.stats-property-row span{color:#dce7f5;font-size:12px}.stats-property-row strong{color:#f5d681;font-size:13px}.stats-property-row em{grid-column:1 / -1;color:#9aa9bc;font-size:10px;font-style:normal}.stats-empty{margin:0;color:var(--muted);font-size:12px}.panel-inventory{top:72px;width:min(680px,calc(100vw - 32px));max-height:68vh}.panel-skills{top:16px}.panel-stats{top:48px;width:min(520px,calc(100vw - 32px));max-height:min(72vh,720px)}.panel-floating{border-color:#8bceff29;background:radial-gradient(circle at 50% 0%,rgba(91,183,255,.08),transparent 50%),linear-gradient(180deg,#13192594,#0a0e1685);box-shadow:0 14px 44px #00000042,inset 0 1px #ffffff0a;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.panel-hotkeys{top:128px;width:min(1180px,calc(100vw - 32px));max-height:calc(100vh - 144px)}.panel-floating.panel-dragging{cursor:grabbing}.panel-floating .panel-header{cursor:grab}.panel-floating.panel-dragging .panel-header{cursor:grabbing}.inventory-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:16px;max-height:calc(68vh - 64px);overflow:hidden}.paperdoll{position:relative;min-height:360px;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 50% 42%,rgba(72,181,255,.24),transparent 48%),radial-gradient(circle at center,#3e4e6a70,#11152094)}.paperdoll-body{position:absolute;top:55px;left:50%;width:128px;height:275px;transform:translate(-50%);display:grid;justify-items:center;align-content:start;opacity:.96;pointer-events:none}.paperdoll-aura{position:absolute;left:50%;top:8px;width:118px;height:258px;transform:translate(-50%);border-radius:54px 54px 36px 36px;background:radial-gradient(ellipse at center,rgba(64,184,255,.2),transparent 68%);filter:blur(2px)}.paperdoll-arms{position:absolute;left:50%;top:78px;width:128px;height:98px;transform:translate(-50%);z-index:1}.paperdoll-arms:before,.paperdoll-arms:after{content:"";position:absolute;top:6px;width:18px;height:92px;border-radius:999px;background:linear-gradient(180deg,#6fe5ff,#0d7fe6);box-shadow:inset 0 0 10px #e1fcff52,0 0 12px #46beff3d}.paperdoll-arms:before{left:8px;transform:rotate(16deg)}.paperdoll-arms:after{right:8px;transform:rotate(-16deg)}.paperdoll-head{width:44px;height:44px;border-radius:50%;z-index:3;border:1px solid rgba(225,252,255,.75);background:radial-gradient(circle at 35% 28%,#e9fbff,#6fe5ff 42%,#168cef);box-shadow:0 0 16px #50caff6b}.paperdoll-torso{width:76px;height:106px;margin-top:6px;border-radius:18px 18px 10px 10px;z-index:2;border:1px solid rgba(172,238,255,.48);background:linear-gradient(160deg,#8bf1ff,#158ee8 58%,#0b58b7);box-shadow:inset 0 10px 18px #eefdff38,0 0 18px #2ba6ff57}.paperdoll-legs{width:54px;height:82px;margin-top:6px;border-radius:8px;z-index:2;background:linear-gradient(90deg,#0d7fe6 0 42%,transparent 42% 58%,#0d7fe6 58%);filter:drop-shadow(0 0 8px rgba(62,181,255,.32))}.equipment-slot{position:absolute;width:86px;min-height:76px;margin:0;padding:5px;border-radius:12px;background:#0c0f16d1;z-index:4;overflow:visible}.equipment-slot:disabled{opacity:.78}.equipment-slot-label{display:block;margin-bottom:3px;color:var(--muted);font-size:10px;line-height:1.1}.equipment-slot-head{top:10px;left:92px}.equipment-slot-weapon{top:118px;left:0}.equipment-slot-offhand{top:118px;right:0}.equipment-slot-chest{top:96px;left:92px}.equipment-slot-legs{bottom:74px;left:92px}.equipment-slot-boots{bottom:8px;left:92px}.inventory-bag{min-width:0;overflow-y:auto;padding-right:4px}.inventory-gold{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;border:1px solid rgba(245,214,129,.24);border-radius:14px;background:radial-gradient(circle at 18% 20%,rgba(245,214,129,.18),transparent 34%),linear-gradient(140deg,#3a2c15bd,#161418d1);box-shadow:inset 0 1px #ffffff0d}.inventory-gold-icon{width:28px;height:28px;flex:0 0 auto;border-radius:50%;border:2px solid rgba(255,237,154,.8);background:radial-gradient(circle at 35% 28%,#fff2a7,transparent 23%),linear-gradient(145deg,#f5da7a,#a87322);box-shadow:0 0 12px #f5da7a47,inset 0 -3px #5c380c42}.inventory-gold span{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.inventory-gold strong{display:block;color:#ffe58a;font-size:22px;line-height:1.1;text-shadow:0 0 14px rgba(245,218,122,.26)}.inventory-toolbar{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:10px}.inventory-toolbar span,.inventory-toolbar label{display:block;color:var(--muted);font-size:12px}.inventory-toolbar input{width:86px;margin-top:4px;padding:6px 8px}.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));gap:8px}.item-cell{position:relative;border-radius:12px;background:#1f26348c;padding:5px}.item-cell.equipped{outline:1px solid rgba(135,216,255,.65)}.item-cell-button{position:relative;width:100%;height:70px;margin:0;padding:6px;display:grid;place-items:center;background:linear-gradient(160deg,#303b50f2,#12161ff2)}.item-icon{width:44px;height:44px;display:block}.equipment-slot .item-icon{margin:0 auto}.equipment-slot-head .item-icon{margin-top:2px}.inventory-grid .item-icon-staff{width:24px;height:66px}.equipment-slot-staff .item-icon-staff{position:absolute;left:50%;top:50%;width:44px;height:245px;transform:translate(-50%,-43%);filter:drop-shadow(0 0 7px rgba(244,123,32,.34));pointer-events:none}.equipment-slot-twohand-ghost .item-icon-staff{opacity:.34;filter:drop-shadow(0 0 5px rgba(244,123,32,.18))}.item-icon-empty{margin:0 auto;border-radius:10px;border:1px dashed rgba(255,255,255,.16);background:#ffffff0a}.item-quantity,.item-badge{position:absolute;right:5px;border-radius:999px;padding:2px 5px;font-size:10px;background:#00000094}.item-quantity{bottom:5px}.item-badge{top:5px;color:var(--accent)}.item-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.item-actions button{width:auto;margin:0;padding:3px 5px;font-size:10px}.loot-panel{position:fixed;right:22px;bottom:124px;z-index:70;width:min(320px,calc(100vw - 32px));max-height:min(460px,calc(100vh - 160px));display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--panel-border);border-radius:18px;background:#10141ef0;box-shadow:0 16px 44px #00000070;overflow:hidden}.loot-panel-body{display:grid;gap:10px;min-height:0;overflow-y:auto;padding:12px}.loot-panel-summary{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(245,214,129,.22);border-radius:12px;background:#3a2c1561}.loot-panel-summary span,.loot-empty{color:var(--muted);font-size:12px}.loot-panel-summary strong{color:#ffe58a}.loot-panel-summary button,.loot-take-all{width:auto;margin:0;padding:6px 9px}.loot-grid{display:grid;grid-template-columns:repeat(4,minmax(52px,1fr));gap:8px}.item-tooltip{position:fixed;z-index:1000;width:min(220px,calc(100vw - 16px));max-height:calc(100vh - 16px);display:grid;gap:3px;overflow-y:auto;padding:8px;border-radius:10px;border:1px solid var(--panel-border);background:#0c0f16f5;box-shadow:0 8px 24px #0006;font-size:12px;text-align:left;pointer-events:none}.item-tooltip-anchor{display:none}.bottom-ui{position:fixed;left:calc(50% + 44px);bottom:18px;z-index:50;width:fit-content;max-width:calc(100vw - 32px);transform:translate(-50%);display:grid;justify-items:stretch;gap:6px;padding:0}.combat-hud-main-row{display:flex;align-items:center;justify-content:center;gap:10px}.vitals-bar{position:fixed;left:50%;top:16px;z-index:52;transform:translate(-50%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px;height:48px;width:min(560px,calc(100vw - 32px));min-width:min(480px,calc(100vw - 32px));padding:6px 14px;border-radius:14px;border:1px solid rgba(245,214,129,.22);background:#0a121cc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vitals-bar-draggable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.vitals-bar-dragging{cursor:grabbing;box-shadow:0 12px 30px #00000057,0 0 18px #f5d6811f}.vitals-bar-self-cast-target{border-color:#83f3ad57;box-shadow:0 8px 28px #00000052,0 0 18px #70efa51f;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease,transform .14s ease}.vitals-bar-self-cast-target:hover,.vitals-bar-self-cast-target:focus-visible{border-color:#97ffbeb8;background:radial-gradient(circle at 50% 20%,rgba(112,239,165,.18),transparent 58%),linear-gradient(180deg,#182a27e0,#0e1819cc);box-shadow:0 8px 28px #00000057,0 0 24px #70efa557,inset 0 0 18px #97ffbe1f;transform:translate(-50%,-1px)}.vitals-bar-self-cast-target.vitals-bar-draggable{cursor:grab}.vitals-bar-self-cast-target:hover .stat-bar-track,.vitals-bar-self-cast-target:focus-visible .stat-bar-track{border-color:#beffd561}.vitals-bar-freeze-self-cast-target{border-color:#8fe6ff61;box-shadow:0 8px 28px #00000052,0 0 18px #8fe6ff24}.vitals-bar-freeze-self-cast-target:hover,.vitals-bar-freeze-self-cast-target:focus-visible{border-color:#bdf4ffc2;background:radial-gradient(circle at 50% 20%,rgba(143,230,255,.2),transparent 58%),linear-gradient(180deg,#142d3be6,#0c1923d1);box-shadow:0 8px 28px #00000057,0 0 24px #8fe6ff57,inset 0 0 18px #bdf4ff21}.vitals-bar-freeze-self-cast-target:hover .stat-bar-track,.vitals-bar-freeze-self-cast-target:focus-visible .stat-bar-track{border-color:#dcfaff6b}.special-move-panel{display:grid;gap:6px;justify-items:start;margin-left:0;pointer-events:none}.hud-hotkey-tray{display:flex;align-items:stretch;gap:10px;width:fit-content;padding:7px 9px;border-radius:16px;border:1px solid rgba(120,160,210,.22);background:radial-gradient(circle at 50% 0%,rgba(143,220,255,.08),transparent 56%),#0a121cbd;box-shadow:0 8px 24px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.hud-hotkey-grid{display:grid;gap:7px}.hud-hotkey-row{display:flex;gap:8px}.hud-hotkey-row-offset{margin-left:clamp(32px,5.2vw,56px)}.special-move-button{position:relative;width:50px;height:50px;min-height:50px;margin:0;padding:0;display:grid;place-items:center;border-color:#f5d6813d;background:linear-gradient(160deg,#262f42eb,#10131ceb)}.hud-hotkey-button{overflow:visible}.hud-hotkey-button[aria-disabled=true]{cursor:default}.hud-hotkey-button-utility{border-color:#83f3ad42;background:radial-gradient(circle at 50% 0%,rgba(92,188,255,.18),transparent 58%),linear-gradient(160deg,#214055eb,#101924eb)}.hud-hotkey-button-heal{border-color:#5fe88e52;background:radial-gradient(circle at 50% 0%,rgba(107,232,154,.2),transparent 58%),linear-gradient(160deg,#1f4e34eb,#101c17eb)}.hud-hotkey-button-damage{border-color:#ff7e5f52;background:radial-gradient(circle at 50% 0%,rgba(255,138,101,.2),transparent 58%),linear-gradient(160deg,#542a26eb,#1c1214eb)}.hud-hotkey-button-summon{border-color:#c992ff57;background:radial-gradient(circle at 50% 0%,rgba(201,146,255,.2),transparent 58%),linear-gradient(160deg,#422d58eb,#191223eb)}.hud-hotkey-button-empty{border-style:dashed;color:#d5e0f180}.hud-hotkey-empty-label{position:relative;z-index:1;color:#d5e0f175;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.special-move-button:hover{z-index:20}.special-move-button.selected{border-color:#ffe170e6;box-shadow:0 0 18px #ffd5547a,inset 0 0 18px #ffd5541f}.hud-hotkey-button.pressed{border-color:#8fdcffc7;box-shadow:0 0 18px #5cc1ff57,inset 0 0 16px #8fdcff29;transform:translateY(1px) scale(.97)}.hud-hotkey-button.pressed .special-move-hotkey{border-color:#b1eaffb3;color:#fff}.special-move-hotkey{position:absolute;top:-5px;left:-5px;z-index:2;width:20px;height:20px;display:grid;place-items:center;border-radius:7px;border:1px solid rgba(255,227,164,.28);background:#000000ad;color:var(--safe);font-size:11px;font-weight:800}.keybind-action-icon{position:relative;width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),transparent 34%),linear-gradient(145deg,#2e3a50e6,#0e121ceb);box-shadow:inset 0 1px #ffffff1f,0 5px 12px #0000003d}.keybind-action-icon img{width:100%;height:100%;display:block;object-fit:cover}.keybind-action-icon>span{color:#eef6ff;font-size:13px;font-weight:900;line-height:1;letter-spacing:.02em;text-shadow:0 1px 0 rgba(0,0,0,.68),0 0 12px rgba(255,255,255,.16)}.keybind-action-icon-damage{border-color:#ff7e5f57;background:radial-gradient(circle at 35% 24%,rgba(255,182,98,.28),transparent 36%),linear-gradient(145deg,#642a24f5,#1a1012f5)}.keybind-action-icon-heal{border-color:#5fe88e57;background:radial-gradient(circle at 35% 24%,rgba(140,255,180,.3),transparent 36%),linear-gradient(145deg,#1e5a37f5,#0d1c15f5)}.keybind-action-icon-utility,.keybind-action-icon-technical{border-color:#87d8ff4d;background:radial-gradient(circle at 35% 24%,rgba(135,216,255,.28),transparent 36%),linear-gradient(145deg,#22435cf5,#0e1823f5)}.keybind-action-icon-summon{border-color:#c992ff5c;background:radial-gradient(circle at 35% 24%,rgba(201,146,255,.3),transparent 36%),linear-gradient(145deg,#48305ef5,#181123f5)}.keybind-action-icon-special{border-color:#f5d6816b;background:radial-gradient(circle at 35% 24%,rgba(245,214,129,.3),transparent 36%),linear-gradient(145deg,#58441ef5,#1f180ff5)}.keybind-action-icon-empty{border-style:dashed;color:#d5e0f17a;background:#ffffff0a}.hud-hotkey-icon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:inherit;box-shadow:none}.special-move-name{font-size:12px;font-weight:700;text-align:left;line-height:1.05}.special-move-lock{color:var(--muted);font-size:9px;line-height:1.1;text-align:left}.hud-hotkey-kind{color:var(--muted);font-size:9px;line-height:1.1;text-transform:uppercase;letter-spacing:.05em}.hud-hotkeys-toggle{width:112px;min-height:87px;margin:0;padding:9px 12px;display:grid;align-content:center;justify-items:start;gap:4px;border-radius:14px;border-color:#8fdcff47;background:radial-gradient(circle at 50% 0%,rgba(143,220,255,.17),transparent 58%),linear-gradient(150deg,#25354bf0,#0f1520f0);text-align:left}.hud-hotkeys-toggle span{color:#9aa9bc;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hud-hotkeys-toggle strong{color:#eef6ff;font-size:16px;line-height:1}.hud-hotkeys-toggle.active{border-color:#87d8ffa8;background:radial-gradient(circle at 50% 0%,rgba(143,220,255,.28),transparent 58%),linear-gradient(140deg,#3b536e,#243247);box-shadow:0 0 18px #5cc1ff38,inset 0 1px #ffffff1a}.special-move-tooltip{position:absolute;left:0;bottom:calc(100% + 10px);z-index:40;width:270px;display:none;gap:5px;padding:10px 11px;border-radius:12px;border:1px solid rgba(245,214,129,.36);background:linear-gradient(165deg,#121620fa,#0a0d14f5);box-shadow:0 12px 32px #0000007a,inset 0 0 24px #f5d6810f;color:#e8edf8;text-align:left;pointer-events:none}.special-move-tooltip:after{content:"";position:absolute;left:22px;bottom:-7px;width:12px;height:12px;transform:rotate(45deg);border-right:1px solid rgba(245,214,129,.3);border-bottom:1px solid rgba(245,214,129,.3);background:#0a0d14f5}.special-move-button:hover .special-move-tooltip,.special-move-button:focus-visible .special-move-tooltip{display:grid}.special-move-tooltip strong{color:var(--safe);font-size:13px}.special-move-tooltip span,.special-move-tooltip em{color:var(--muted);font-size:11px;font-style:normal;line-height:1.28}.special-move-tooltip em{color:#ffcf8b}.hud-hotkey-tooltip .keybind-tooltip-stats{margin:0}.keybind-panel{position:absolute;left:50%;bottom:154px;width:min(1180px,calc(100vw - 36px));transform:translate(-50%);padding:18px;border-radius:18px;border:1px solid rgba(139,206,255,.26);background:radial-gradient(circle at 50% 0%,rgba(91,183,255,.16),transparent 48%),linear-gradient(180deg,#131925f0,#0a0e16e6);box-shadow:0 22px 60px #00000075,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:42}.keybind-panel-embedded{position:static;left:auto;bottom:auto;width:auto;transform:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:auto}.keybind-panel-header{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:14px}.keybind-panel-header h2{margin:0;font-size:18px;letter-spacing:.04em}.keybind-panel-kicker{display:block;margin-bottom:2px;color:#8fdcff;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.keybind-panel-close{width:auto;margin:0;padding:7px 10px}.keybind-board{display:grid;gap:clamp(7px,1vw,9px)}.keybind-row{display:grid;grid-template-columns:repeat(5,minmax(clamp(124px,13vw,146px),1fr));gap:clamp(7px,1vw,11px)}.keybind-row:nth-child(2){margin-left:clamp(16px,2.6vw,28px)}.keybind-row:nth-child(3){margin-left:clamp(32px,5.2vw,56px)}.keybind-row:nth-child(4){margin-left:clamp(48px,7.8vw,84px)}.keybind-key{position:relative;z-index:0;min-height:clamp(94px,14vh,118px);margin:0;padding:clamp(9px,1.2vw,12px);display:grid;grid-template-rows:1fr auto;align-content:stretch;justify-items:stretch;gap:8px;border-radius:14px;border:1px solid rgba(170,210,255,.14);background:radial-gradient(circle at 50% 0%,rgba(143,220,255,.09),transparent 54%),linear-gradient(145deg,#303a4eb3,#12182499);color:#eef6ff;text-align:left;box-shadow:inset 0 1px #ffffff14,0 8px 18px #00000038;cursor:grab}.keybind-key:hover,.keybind-key:focus-within{z-index:30}.keybind-action-unavailable{filter:grayscale(.9) brightness(.62);opacity:.72}.keybind-key.keybind-action-unavailable,.keybind-palette-action.keybind-action-unavailable{cursor:not-allowed}.keybind-key.keybind-action-unavailable:hover,.keybind-key.keybind-action-unavailable:focus-visible,.keybind-palette-action.keybind-action-unavailable:hover,.keybind-palette-action.keybind-action-unavailable:focus-visible{filter:grayscale(.85) brightness(.72);opacity:.86}.keybind-key:active,.keybind-palette-action:active{cursor:grabbing}.keybind-key.keybind-action-unavailable:active,.keybind-palette-action.keybind-action-unavailable:active{cursor:not-allowed}.keybind-key:hover,.keybind-key:focus-visible,.keybind-key.pressed{border-color:#8fdcffad;box-shadow:0 0 18px #5cc1ff33,inset 0 1px #ffffff1f}.keybind-key.pressed{transform:translateY(1px);background:radial-gradient(circle at 50% 18%,rgba(143,220,255,.28),transparent 58%),linear-gradient(145deg,#38465ef5,#151e2eeb)}.keybind-key-label{position:static;align-self:center;justify-self:center;color:#ffe3a4;font-size:clamp(34px,4.4vw,42px);font-weight:900;line-height:1;letter-spacing:.03em;text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 16px rgba(255,227,164,.13)}.keybind-action-eyebrow{color:#9aa9bc;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.keybind-action-eyebrow,.keybind-palette-action span[class*=keybind-action-category]{width:fit-content;padding:2px 6px;border-radius:6px;opacity:.9;font-size:10px;letter-spacing:.5px}.keybind-action-category-damage{color:#fff;background:linear-gradient(135deg,#ff6a5c,#ff8a65)}.keybind-action-category-heal{color:#0b1a12;background:linear-gradient(135deg,#4cd97b,#6be89a)}.keybind-action-category-utility{color:#0b1a1f;background:linear-gradient(135deg,#5cbcff,#7ad0ff)}.keybind-action-category-summon{color:#17111f;background:linear-gradient(135deg,#c992ff,#8ed8ff)}.keybind-action-category-technical{color:#9aa3b2;background:#ffffff14}.keybind-action-category-special{color:#2b2110;background:linear-gradient(135deg,#f5d681,#ffecad)}.keybind-palette-action>strong{max-width:calc(100% - 22px);color:#f5f8ff;font-size:13px;line-height:1.15}.keybind-assignment{position:relative;z-index:1;min-height:56px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:7px 24px 7px 8px;border-radius:9px;background:#070a1042}.keybind-assignment .keybind-action-icon{width:48px;height:48px;border-radius:12px}.keybind-action-name{min-width:0;color:#f5f8ff;font-size:14px;line-height:1.08;text-align:left;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.keybind-action-text{min-width:0;display:grid;gap:1px}.keybind-action-text strong{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#f5f8ff;font-size:14px;line-height:1.12;white-space:normal;word-break:normal}.keybind-power{position:absolute;right:7px;bottom:5px;color:#ffe3a4c7;font-size:9px;letter-spacing:-1px}.keybind-requirement,.keybind-palette-requirement{color:#ffcf8b;font-size:10px;font-weight:800;line-height:1.1}.keybind-requirement{grid-column:1 / -1}.keybind-action-tooltip{position:fixed;left:0;top:0;z-index:10000;width:min(280px,calc(100vw - 16px));padding:10px 12px;display:grid;gap:5px;border-radius:12px;border:1px solid rgba(143,220,255,.26);background:#080c14f5;box-shadow:0 16px 36px #0000006b;color:var(--text);pointer-events:none}.keybind-action-tooltip-anchor{display:none}.keybind-action-tooltip strong{color:#8fdcff;font-size:13px}.keybind-tooltip-eyebrow{width:fit-content;padding:2px 6px;border-radius:6px;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.keybind-action-tooltip span{color:#dbe6f5;font-size:12px;line-height:1.35}.keybind-tooltip-stats{display:grid;gap:2px;margin:2px 0 4px}.keybind-tooltip-stats em{color:#f5d681;font-size:11px;font-style:normal;line-height:1.25}.keybind-empty{min-height:40px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;padding:6px 7px;border:1px dashed rgba(213,224,241,.14);border-radius:9px;color:#d5e0f175;font-size:12px}.keybind-empty-plus{width:20px;height:20px;display:grid;place-items:center;border-radius:999px;color:#d5e0f194;background:#ffffff0f;font-weight:900}.keybind-clear{position:absolute;right:7px;bottom:6px;width:18px;height:18px;display:grid;place-items:center;border-radius:999px;color:#ffffffb8;background:#0000004d;font-size:12px;cursor:pointer}.keybind-action-spell,.keybind-palette-action.keybind-action-spell{border-color:#7ebcff47}.keybind-action-arcan_blades,.keybind-palette-action.keybind-action-arcan_blades{border-color:#c992ff6b}.keybind-action-special_move,.keybind-palette-action.keybind-action-special_move{border-color:#f5d68152}.keybind-action-target_self,.keybind-palette-action.keybind-action-target_self,.keybind-action-last_target,.keybind-palette-action.keybind-action-last_target{border-color:#83f3ad52}.keybind-palette{margin-top:14px;padding-top:12px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid rgba(255,255,255,.06)}.keybind-palette-title{margin-right:4px;color:#f5d681;font-size:12px;font-weight:700}.keybind-palette-empty{color:var(--muted);font-size:12px}.keybind-palette-action{position:relative;width:46px;min-height:46px;margin:0;padding:5px;display:grid;place-items:center;border-radius:11px;background:#141b2794;cursor:grab}.keybind-palette-action .keybind-action-icon{width:34px;height:34px}.keybind-palette-requirement{position:absolute;left:6px;right:6px;bottom:3px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.status-effect-row{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;pointer-events:none}.status-effect-pill{padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#0b0e15c7;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.status-effect-disarmed{color:#ffd379;border-color:#ffd37959}.status-effect-paralyzed{color:#a8dcff;border-color:#87d8ff61;animation:paralyze-pulse .76s ease-in-out infinite alternate}.status-effect-bleeding{color:#ff8b8b;border-color:#ff636361}@keyframes paralyze-pulse{0%{box-shadow:0 0 6px #87d8ff2e}to{box-shadow:0 0 14px #87d8ff85}}.vitals-bar .stat-bar-label{gap:6px;font-size:11px;line-height:1.1;white-space:nowrap}.vitals-bar .stat-bar-label strong{white-space:nowrap}.vitals-bar .stat-bar-track{height:9px}.action-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:stretch;justify-content:center;width:196px;min-height:76px;padding:7px;border-radius:14px;border:1px solid rgba(120,160,210,.22);background:#0a121cb8;box-shadow:0 8px 24px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-bar button{width:100%;margin:0;height:31px;padding:0 10px;font-size:13px}.action-bar button.active{border-color:#87d8ff6b;background:linear-gradient(140deg,#3b536e,#243247)}.combat-toggle{width:96px;height:48px;padding:0 18px;border-radius:14px;font-weight:800;font-size:16px;letter-spacing:.6px;transition:transform .12s ease,box-shadow .12s ease,background .16s ease}.combat-toggle:active{transform:scale(.96)}.combat-toggle.peace{border-color:#78ffb473;background:linear-gradient(135deg,#2e9f63,#49c97f);color:#effff4;box-shadow:0 0 14px #46dc823d,inset 0 0 12px #eafff114}.combat-toggle.war{border-color:#ff78648c;background:linear-gradient(135deg,#b9342f,#e15242);color:#fff3ef;box-shadow:0 0 16px #ff503c57,inset 0 0 12px #fff2ee14}.death-panel{position:absolute;left:50%;top:22%;width:min(420px,calc(100vw - 32px));transform:translate(-50%);padding:18px;border-radius:16px;border:1px solid rgba(168,233,255,.42);background:linear-gradient(160deg,#141c2aeb,#131621d6);box-shadow:0 12px 42px #00000070,0 0 30px #87d8ff29;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.death-panel h2{margin:0 0 8px;color:#d9f6ff}.death-panel p,.death-panel span{color:var(--muted)}.death-panel button{margin:14px auto 0;max-width:220px;border-color:#a8e9ff80;background:linear-gradient(140deg,#3d6e86,#274158)}.protect-character-panel{position:absolute;left:50%;top:18%;z-index:8;width:min(440px,calc(100vw - 32px));transform:translate(-50%);padding:18px;border-radius:16px;border:1px solid rgba(245,218,122,.42);background:linear-gradient(160deg,#1e1c26f0,#12161fe6);box-shadow:0 12px 42px #00000070,0 0 30px #f5da7a1f;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.protect-character-panel h2{margin:0 0 8px;color:#f5da7a}.protect-character-panel p{margin:0 0 10px;color:var(--muted)}.protect-character-actions{display:grid;grid-template-columns:1fr .65fr;gap:10px}.chat-panel{position:absolute;left:16px;bottom:18px;width:360px;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel);padding:10px}.chat-panel-collapsed{cursor:pointer}.chat-panel-collapsed .chat-log{height:58px;min-height:0;max-height:58px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;line-height:1.28}.chat-panel-collapsed .chat-log>div{flex:0 0 auto}.chat-toggle{position:absolute;top:8px;right:8px;width:auto;margin:0;padding:4px 8px;font-size:12px;line-height:1}.chat-log{min-height:110px;max-height:150px;overflow-y:auto;padding-right:72px;font-size:13px;color:#dbe0ea}.chat-panel-expanded .chat-log{padding-right:0}.chat-input{display:flex;gap:6px;margin-top:8px}.chat-input input{margin:0}.chat-input button{width:auto;margin:0}.tag{font-size:11px}.tag.system{color:var(--safe)}.tag.local{color:var(--accent)}.tag.private{color:#cf8fff}.chat-entry-success{color:#6ef28a}.chat-entry-warning{color:#d5e66e}.chat-entry-failure{color:#ff6f6f}.overlay-hint{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#12151fcc}@media (max-width: 1100px){.panel{width:220px}.panel-hotkeys{width:calc(100vw - 32px)}.panel-inventory{width:min(680px,calc(100vw - 32px))}.bottom-ui{left:calc(50% + 24px);max-width:calc(100vw - 24px)}.combat-hud-main-row{gap:6px}.vitals-bar{gap:7px;width:min(500px,calc(100vw - 24px));min-width:min(390px,calc(100vw - 24px))}.combat-toggle{width:82px;height:44px;font-size:14px}.action-bar button{padding:0 7px}.special-move-panel{margin-left:0}.chat-panel{width:280px}}@media (max-width: 760px){.keybind-row{grid-template-columns:repeat(5,minmax(82px,1fr))}.keybind-row:nth-child(2),.keybind-row:nth-child(3),.keybind-row:nth-child(4){margin-left:0}}