*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.app-connecting{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#666}:root{--gold: #c8a84b;--silver: #d0d4dc;--silverDark: #333;--dark: #080a10;--mid: #12161f;--text: #a8a090;--ui-bg: rgba(0, 0, 0, .7);--ui-title-color: var(--gold);--ui-txt-color: var(--silver)}.App{--font-ui: "Cinzel", serif;--font-display: "Cinzel Decorative", serif;width:100%;height:100vh;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:#1a6fa8;color:var(--text);font-family:var(--font-ui);font-size:24px;text-align:center}.App h1,.App h2,.App h3{font-family:var(--font-display)}.CreateCharacterScreen{--win-gold: #c8a84b;--win-gold-dim: rgba(200, 168, 75, .35);--win-border: #6a5028;--win-border-dark: #2a1f10;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:radial-gradient(ellipse at center,#0d1117,#05080d)}.CreateCharacterScreen-card{position:relative;background:linear-gradient(180deg,#1c160cf7,#0a0805fc);border:2px solid var(--win-border);border-radius:3px;padding:32px 36px 36px;max-width:600px;width:100%;box-shadow:0 0 0 1px #000000e6 inset,0 0 0 3px #c8a84b0f inset,0 12px 40px #000000bf,0 0 48px #c8a84b0a;font-family:var(--font-ui, "Cinzel", serif);color:var(--ui-txt-color, #d0d4dc)}.CreateCharacterScreen-card:before,.CreateCharacterScreen-card:after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--win-gold);pointer-events:none}.CreateCharacterScreen-card:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.CreateCharacterScreen-card:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.CreateCharacterScreen-title{margin:0 0 4px;font-family:var(--font-display, "Cinzel Decorative", serif);font-size:1.45rem;font-weight:700;letter-spacing:.12em;color:var(--win-gold);text-transform:uppercase;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 12px rgba(200,168,75,.35)}.CreateCharacterScreen-title-rule{position:relative;height:1px;margin:10px 0 16px;background:var(--win-gold-dim)}.CreateCharacterScreen-title-rule:after{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(200,168,75,.6),transparent)}.CreateCharacterScreen-subtitle{margin:0 0 20px;font-size:.78rem;color:var(--ui-txt-color, #d0d4dc);text-align:center;opacity:.65;letter-spacing:.04em}.CreateCharacterScreen-form{display:flex;flex-direction:column;gap:12px}.CreateCharacterScreen-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--win-gold);text-shadow:0 0 6px rgba(200,168,75,.25);margin-bottom:-4px}.CreateCharacterScreen-input{width:100%;padding:10px 14px;font-family:var(--font-ui, "Cinzel", serif);font-size:.88rem;color:var(--ui-txt-color, #d0d4dc);background:#00000080;border:1px solid var(--win-border);border-radius:2px;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;outline:none}.CreateCharacterScreen-input:focus{border-color:var(--win-gold);box-shadow:0 0 0 1px #c8a84b4d,0 0 8px #c8a84b1f}.CreateCharacterScreen-input::placeholder{color:var(--ui-txt-color, #d0d4dc);opacity:.3}.CreateCharacterScreen-input:disabled{opacity:.55;cursor:not-allowed}.CreateCharacterScreen-hint{font-size:.68rem;color:var(--ui-txt-color, #d0d4dc);opacity:.45;letter-spacing:.04em;margin-top:-4px}.CreateCharacterScreen-options{display:flex;flex-wrap:wrap;gap:8px}.CreateCharacterScreen-option{padding:8px 20px;font-family:var(--font-ui, "Cinzel", serif);font-size:.78rem;letter-spacing:.08em;text-transform:capitalize;color:var(--ui-txt-color, #d0d4dc);background:#00000073;border:1px solid var(--win-border);border-radius:2px;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.CreateCharacterScreen-option:hover:not(:disabled){border-color:var(--win-gold);color:var(--win-gold);background:#c8a84b14}.CreateCharacterScreen-option--selected{background:#c8a84b24;border-color:var(--win-gold);color:var(--win-gold);box-shadow:0 0 8px #c8a84b2e}.CreateCharacterScreen-option:disabled{opacity:.55;cursor:not-allowed}.CreateCharacterScreen-error{margin:0;padding:9px 12px;font-size:.78rem;letter-spacing:.04em;color:#d06060;background:#b43c3c1a;border:1px solid rgba(180,60,60,.4);border-radius:2px;text-shadow:0 0 6px rgba(180,60,60,.3)}.CreateCharacterScreen-submit{margin-top:10px;padding:12px 24px;font-family:var(--font-display, "Cinzel Decorative", serif);font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0a0805f2;background:linear-gradient(180deg,#d4b858,#a8892e);border:1px solid #a07820;border-radius:2px;cursor:pointer;transition:filter .15s,box-shadow .15s,opacity .15s;box-shadow:0 0 0 1px #c8a84b40 inset,0 2px 8px #00000080;text-shadow:0 1px 1px rgba(255,255,255,.15)}.CreateCharacterScreen-submit:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 0 1px #c8a84b59 inset,0 4px 16px #0000008c,0 0 16px #c8a84b33}.CreateCharacterScreen-submit:active:not(:disabled){transform:translateY(1px);filter:brightness(.95)}.CreateCharacterScreen-submit:disabled{opacity:.45;cursor:not-allowed;filter:none}.CreateCharacterScreen-class-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ClassCard{display:flex;flex-direction:column;align-items:center;padding:0;background:#00000080;border:1px solid var(--win-border);border-radius:2px;cursor:pointer;overflow:hidden;transition:border-color .15s,background .15s,box-shadow .15s}.ClassCard:hover:not(:disabled){border-color:var(--win-gold);background:#c8a84b0f}.ClassCard--selected{border-color:var(--win-gold);background:#c8a84b1f;box-shadow:0 0 0 1px #c8a84b66,0 0 16px #c8a84b1f}.ClassCard:disabled{opacity:.55;cursor:not-allowed}.ClassCard-preview{width:100%;height:180px;pointer-events:none}.ClassCard-name{padding:6px 4px 2px;font-family:var(--font-ui, "Cinzel", serif);font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--win-gold);text-transform:uppercase;text-shadow:0 0 6px rgba(200,168,75,.25)}.ClassCard-desc{padding:0 4px 8px;font-family:var(--font-ui, "Cinzel", serif);font-size:.65rem;color:var(--ui-txt-color, #d0d4dc);opacity:.55;letter-spacing:.04em}.health-bar{position:relative;width:240px;height:22px;pointer-events:none;-webkit-user-select:none;user-select:none}.health-bar__track{position:relative;width:100%;height:100%;background:linear-gradient(180deg,#000000d9,#0f0a05e6);border:1px solid var(--win-border, #6a5028);border-radius:2px;box-shadow:0 0 0 1px #000000d9 inset,0 1px 2px #0009;overflow:hidden}.health-bar__fill{height:100%;background:linear-gradient(180deg,#e85a5a,#c22828 45%,#7a1414);box-shadow:0 0 0 1px #00000059 inset,0 0 8px #e85a5a59;transition:width .3s ease}.health-bar__track:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(200,168,75,.35),transparent);pointer-events:none}.health-bar__text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui, "Cinzel", serif);font-size:12px;font-weight:700;letter-spacing:.08em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 4px rgba(0,0,0,.9);white-space:nowrap;pointer-events:none}.level-bar{display:flex;align-items:center;gap:8px;pointer-events:none;-webkit-user-select:none;user-select:none}.level-bar__badge{flex:0 0 auto;min-width:40px;padding:2px 6px;background:#0000008c;border:1px solid var(--win-gold-dim, rgba(200, 168, 75, .35));border-radius:2px;font-family:var(--font-display, "Cinzel Decorative", serif);font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--win-gold, #c8a84b);text-transform:uppercase;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 6px rgba(200,168,75,.35);white-space:nowrap}.level-bar__track{position:relative;flex:1 1 auto;height:12px;background:linear-gradient(180deg,#000000d9,#0f0a05e6);border:1px solid var(--win-border, #6a5028);border-radius:2px;box-shadow:0 0 0 1px #000000d9 inset,0 1px 2px #0009;overflow:hidden}.level-bar__track:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(200,168,75,.35),transparent);pointer-events:none}.level-bar__fill{height:100%;background:linear-gradient(180deg,#f4d97a,#c8a84b,#8a6f22);box-shadow:0 0 0 1px #00000059 inset,0 0 6px #c8a84b66;transition:width .3s ease}.level-bar__text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui, "Cinzel", serif);font-size:10px;font-weight:700;letter-spacing:.05em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 3px rgba(0,0,0,.9);white-space:nowrap;pointer-events:none}.player-status{--win-gold: #c8a84b;--win-gold-dim: rgba(200, 168, 75, .35);--win-border: #6a5028;position:fixed;left:15px;bottom:16px;z-index:10;display:flex;flex-direction:column;gap:6px;padding:10px 14px 12px;box-sizing:border-box;background:linear-gradient(180deg,#1c160cf0,#0a0805f5);border:2px solid var(--win-border);border-radius:3px;box-shadow:0 0 0 1px #000000e6 inset,0 0 0 3px #c8a84b14 inset,0 8px 24px #0009,0 0 32px #c8a84b0a;font-family:var(--font-ui, "Cinzel", serif);color:var(--ui-txt-color);pointer-events:none;-webkit-user-select:none;user-select:none}.player-status:before,.player-status:after{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--win-gold);pointer-events:none}.player-status:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.player-status:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.player-status__bars{display:flex;flex-direction:column;gap:6px}.tips ul{margin:15px;padding:0;list-style:none;font-size:14px;font-family:sans-serif}.tips li{margin-bottom:15px}.tips kbd{background-color:#333;padding:2px 4px;border-radius:4px;font-family:sans-serif;font-weight:700;color:var(--gold)}.inventory-grid{display:grid;gap:5px;width:100%}.inventory-grid[data-cols="1"]{grid-template-columns:repeat(1,minmax(0,1fr))}.inventory-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-grid[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-grid[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.inventory-grid[data-cols="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.inventory-grid[data-cols="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}.inventory-grid[data-cols="7"]{grid-template-columns:repeat(7,minmax(0,1fr))}.inventory-grid[data-cols="8"]{grid-template-columns:repeat(8,minmax(0,1fr))}.inventory-slot{aspect-ratio:1;border-radius:3px;display:flex;align-items:center;justify-content:center;position:relative;font-size:.72rem;text-align:center;padding:4px;box-sizing:border-box;background:radial-gradient(ellipse at center,#2820128c,#080603e6 90%);border:1px solid rgba(200,168,75,.22);box-shadow:0 1px #ffdc960d,0 0 0 1px #000000bf inset,0 2px 4px #00000080 inset;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.inventory-slot--empty{opacity:.85}.inventory-slot--filled{cursor:grab;flex-direction:column;align-items:stretch;justify-content:center;border-color:#c8a84b8c;background:radial-gradient(ellipse at center,#3c3016a6,#0e0a05eb 90%);box-shadow:0 1px #ffdc9614,0 0 0 1px #000000bf inset,0 2px 6px #0000008c inset}.inventory-slot--filled:hover{border-color:var(--gold);box-shadow:0 1px #ffdc961a,0 0 0 1px #000000bf inset,0 2px 6px #0000008c inset,0 0 10px #c8a84b73}.inventory-slot--filled:active{cursor:grabbing}.inventory-slot--dragging{opacity:.45}.inventory-slot--comsumible{border-color:#78dc8ca6;cursor:pointer}.inventory-slot--comsumible:hover{border-color:#7de090;box-shadow:0 1px #ffdc961a,0 0 0 1px #000000bf inset,0 2px 6px #0000008c inset,0 0 12px #78dc8c80}.inventory-slot--drop-target{border-color:#78b4ffbf;box-shadow:0 0 0 1px #000000bf inset,0 0 12px #78b4ff73}.inventory-slot__model-wrap{flex:1;min-height:0;width:100%;max-height:100%;pointer-events:none}.inventory-slot-item-model__img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))}.inventory-slot__label{line-height:1.1;word-break:break-word;max-width:100%;position:absolute;bottom:2px;right:4px;left:4px;text-align:center;font-size:.6rem;color:#e6dcbebf;text-shadow:0 1px 2px #000;pointer-events:none}.inventory-slot__qty{position:absolute;bottom:2px;right:4px;font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;pointer-events:none}.inventory-drop-zone{margin-top:2px;padding:10px 12px;border-radius:3px;border:1px dashed rgba(255,200,120,.4);background:linear-gradient(180deg,#32261259,#140f0880);text-align:center;font-size:.78rem;color:#ffdcb4d9;letter-spacing:.02em;cursor:default;transition:border-color .15s,background .15s,box-shadow .15s}.inventory-drop-zone--active{border-color:#ffb450f2;background:linear-gradient(180deg,#5037148c,#1e1408a6);box-shadow:0 0 12px #ffb45059 inset;color:#ffe4b0}.inventory-hint{margin:0;font-size:.68rem;color:#d2c8af73;line-height:1.4;font-style:italic}.inventory-loading{font-size:.82rem;color:#ffffff80;padding:8px 0}.ui-window{--gap: 15px;--win-gold: #c8a84b;--win-gold-dim: rgba(200, 168, 75, .35);--win-border: #6a5028;--win-border-dark: #2a1f10;position:fixed;display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;width:min(92vw,320px);max-height:calc(50vh - var(--gap) * 1.5);box-sizing:border-box;background:linear-gradient(180deg,#1c160cf0,#0a0805f5);color:var(--ui-txt-color);border:2px solid var(--win-border);border-radius:3px;box-shadow:0 0 0 1px #000000e6 inset,0 0 0 3px #c8a84b14 inset,0 8px 24px #0009,0 0 32px #c8a84b0a;font-family:var(--font-ui, "Cinzel", serif);-webkit-user-select:none;user-select:none}.ui-window:before,.ui-window:after{content:"";position:absolute;width:12px;height:12px;border:2px solid var(--win-gold);pointer-events:none}.ui-window:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.ui-window:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.ui-window.closed{display:none}.ui-window.open{display:flex}.top-left{top:var(--gap);left:var(--gap)}.top-right{top:var(--gap);right:var(--gap)}.bottom-left{bottom:var(--gap);left:var(--gap)}.bottom-right{bottom:var(--gap);right:var(--gap)}.ui-window__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:6px;margin-bottom:2px;border-bottom:1px solid var(--win-gold-dim);position:relative;flex:0 0 auto}.ui-window__header:after{content:"";position:absolute;left:8%;right:8%;bottom:-3px;height:1px;background:linear-gradient(90deg,transparent,rgba(200,168,75,.55),transparent)}.ui-window__title{margin:0;font-size:.95rem;font-weight:700;letter-spacing:.12em;color:var(--win-gold);text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 8px rgba(200,168,75,.3);font-family:var(--font-display, "Cinzel Decorative", serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-window__close{flex:0 0 auto;width:22px;height:22px;margin:0;padding:0;background:#00000073;border:1px solid var(--win-gold-dim);border-radius:2px;color:var(--win-gold);cursor:pointer;font-size:.72rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.ui-window__close:hover{background:#a01e1e8c;border-color:#ff7878cc;color:#fff;box-shadow:0 0 8px #ff505066}.ui-window__close:active{transform:translateY(1px)}.ui-window__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;padding-right:2px}.ui-window__body::-webkit-scrollbar{width:6px}.ui-window__body::-webkit-scrollbar-track{background:#00000059;border-radius:3px}.ui-window__body::-webkit-scrollbar-thumb{background:#c8a84b59;border-radius:3px}.ui-window__body::-webkit-scrollbar-thumb:hover{background:#c8a84b99}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,auto);gap:6px;justify-items:stretch;padding:4px 8px}.equipment-slot{aspect-ratio:1;width:100%;max-width:100%!important;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;font-size:.62rem;text-align:center;padding:4px;box-sizing:border-box;background:radial-gradient(ellipse at center,#1e180eb3,#040301f2 85%);border:1px dashed rgba(200,168,75,.3);box-shadow:0 0 0 1px #000000d9 inset,0 2px 6px #0000008c inset;opacity:.85;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease,opacity .12s ease}.equipment-slot canvas{max-width:100%!important}.equipment-slot--filled{border-style:solid;border-color:#c8a84b99;background:radial-gradient(ellipse at center,#3c3016bf,#0c0804f2 85%);box-shadow:0 0 0 1px #000000d9 inset,0 2px 6px #0000008c inset,0 0 6px #c8a84b26;opacity:1;cursor:pointer}.equipment-slot--dragging{opacity:.45;filter:grayscale(.35)}.equipment-slot--filled:hover{border-color:#e68c8cd9;box-shadow:0 0 0 1px #000000d9 inset,0 2px 6px #0000008c inset,0 0 10px #e6646473}.equipment-slot__label{color:#c8b48c73;line-height:1.1;word-break:break-word;text-transform:uppercase;letter-spacing:.06em;font-size:.58rem;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 1px #000}.equipment-slot__model-wrap{flex:1;min-height:0;width:100%;max-height:100%;pointer-events:none}.equipment-slot--head{grid-column:2;grid-row:1}.equipment-slot--left_hand{grid-column:1;grid-row:2}.equipment-slot--chest{grid-column:2;grid-row:2}.equipment-slot--right_hand{grid-column:3;grid-row:2}.equipment-slot--legs{grid-column:2;grid-row:3}.equipment-slot--feet{grid-column:2;grid-row:4}.equipment-hint{margin:0;font-size:.68rem;color:#d2c8af73;line-height:1.4;font-style:italic}.char-status-model-preview{width:100%;aspect-ratio:1;border-radius:8px;background:#0000004d;border:1px solid rgba(255,255,255,.06);overflow:hidden}.char-status-stats{display:flex;flex-direction:column;gap:6px}.char-status-stat-row{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-radius:6px;background:#ffffff0a;font-size:.82rem}.char-status-stat-row:nth-child(2n){background:#ffffff12}.char-status-stat-label{color:#ffffff8c;font-weight:500;text-transform:capitalize}.char-status-stat-value{font-weight:600;color:#e8eaef}.char-status-stat-value--health{color:#6c8}.char-status-stat-value--damage{color:#e86050}.char-status-stat-value--class{color:#8eb8ff;text-transform:capitalize}.char-status-hint{margin:0;font-size:.72rem;color:#ffffff73;line-height:1.45}.item-viewer__canvas-wrap{width:100%;aspect-ratio:1/1}.item-viewer__stats{list-style:none;margin:0;padding:8px 12px 12px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:4px}.item-viewer__stat{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.08)}.item-viewer__stat:last-child{border-bottom:none}.item-viewer__stat-label{color:#ffffff8c}.item-viewer__stat-value{color:#e8c97a;font-weight:600}.hotkey-bar{top:auto;right:auto;bottom:var(--gap, 15px);left:50%;transform:translate(-50%);width:auto;max-height:none;padding:8px 10px;gap:0}.hotkey-bar__grid{display:grid;grid-template-columns:repeat(4,56px);gap:8px}.hotkey-bar__slot{width:100%;aspect-ratio:1;cursor:pointer}.hotkey-bar__slot.inventory-slot--empty:hover{border-color:#c8a84b80}.hotkey-bar__index{position:absolute;top:2px;left:4px;z-index:1;font-size:.62rem;font-weight:700;letter-spacing:.06em;color:var(--win-gold, #c8a84b);text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none}.hotkey-bar__count{position:absolute;bottom:2px;right:3px;z-index:1;font-size:.62rem;font-weight:700;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none}.spell-bar{position:fixed;bottom:110px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:8px 10px;background:#0a0805d9;border:1px solid var(--win-gold, #c8a84b);border-radius:4px;pointer-events:all;z-index:100}.spell-bar__slot{width:56px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;border:1px solid rgba(200,168,75,.35);border-radius:3px;background:#ffffff0a;transition:border-color .1s,background .1s;position:relative;-webkit-user-select:none;user-select:none}.spell-bar__slot:hover{border-color:#c8a84bb3;background:#ffffff14}.spell-bar__slot--active{border-color:#ff6a00;background:#ff6a002e;box-shadow:0 0 6px #ff6a0080}.spell-bar__icon{font-size:1.4rem;line-height:1}.spell-bar__name{font-size:.52rem;font-weight:700;letter-spacing:.04em;color:var(--win-gold, #c8a84b);text-shadow:0 1px 2px #000;text-align:center;max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spell-bar__slot--active .spell-bar__name{color:#f94}.spell-bar__slot--cooldown{cursor:not-allowed;opacity:.6}.spell-bar__slot--cooldown:hover{border-color:#c8a84b59;background:#ffffff0a}.spell-bar__cooldown-bar{position:absolute;bottom:0;left:0;height:3px;width:0%;background:#c8a84b;animation:cooldown-fill linear forwards;border-radius:0 0 3px 3px}@keyframes cooldown-fill{0%{width:0%}to{width:100%}}.server-messages{position:fixed;left:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:100;max-width:240px}.server-messages__item{background:#0000008c;color:#f87171;font-size:11px;line-height:1.4;padding:5px 8px;border-radius:4px;border-left:2px solid #ef4444;word-break:break-word}.chat-input-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;display:flex;flex-direction:column;align-items:center}.chat-input{width:320px;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.4);background:#0009;color:#fff;font-size:14px;outline:none}.chat-input::placeholder{color:#ffffff73}