:root{--color-void: #0a0908;--color-void-deep: #050404;--color-abyss: #15120f;--color-panel: #1c1815;--color-steel: #3a3d44;--color-steel-light: #6b6f78;--color-steel-dark: #201d1a;--color-crimson: #8c1620;--color-crimson-bright: #d42d3a;--color-crimson-deep: #4a0d13;--color-crimson-glow: rgba(198, 40, 57, .4);--color-ember: #ff7a45;--color-text: #e9e2d8;--color-text-dim: #a89e93;--font-display: "Cinzel Decorative", "Cinzel", serif;--font-heading: "Cinzel", serif;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:var(--font-body);background:var(--color-void)}.velkaris-screen{position:relative;min-height:100%;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;background:radial-gradient(120% 100% at 50% -10%,#1a1210 0%,var(--color-void) 45%,var(--color-void-deep) 100%);color:var(--color-text)}.velkaris-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.velkaris-glow{position:absolute;top:-12%;left:50%;width:900px;height:900px;max-width:140vw;max-height:140vw;transform:translate(-50%);background:radial-gradient(circle,rgba(140,22,32,.2),transparent 65%)}.velkaris-smoke{position:absolute;width:60vw;height:60vw;max-width:700px;max-height:700px;border-radius:50%;background:radial-gradient(circle,rgba(58,61,68,.35),transparent 70%);filter:blur(50px);opacity:.55}.velkaris-smoke-a{top:8%;left:-12%;animation:velkarisSmokeDriftA 42s ease-in-out infinite}.velkaris-smoke-b{bottom:-18%;right:-12%;background:radial-gradient(circle,rgba(140,22,32,.14),transparent 70%);animation:velkarisSmokeDriftB 55s ease-in-out infinite}.velkaris-embers{position:absolute;top:0;right:0;bottom:0;left:0}.velkaris-ember{position:absolute;bottom:-10px;border-radius:50%;background:var(--color-ember);box-shadow:0 0 6px 2px #ff7a458c;opacity:0;animation-name:velkarisEmberRise;animation-timing-function:ease-out;animation-iteration-count:infinite}@keyframes velkarisEmberRise{0%{transform:translate(0);opacity:0}10%{opacity:.85}80%{opacity:.45}to{transform:translate(var(--drift),-110vh);opacity:0}}@keyframes velkarisSmokeDriftA{0%,to{transform:translate(0) scale(1)}50%{transform:translate(6%,4%) scale(1.08)}}@keyframes velkarisSmokeDriftB{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-5%,-6%) scale(1.05)}}@media (prefers-reduced-motion: reduce){.velkaris-ember,.velkaris-smoke,.velkaris-content,.velkaris-pause-overlay,.velkaris-tutorial-panel,.velkaris-tutorial-panel--closing{animation:none!important}}.velkaris-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px;animation:velkarisFadeIn .6s ease both}@keyframes velkarisFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.velkaris-logo{display:flex;flex-direction:column;align-items:center;text-align:center}.velkaris-logo-mark{width:56px;height:56px;margin-bottom:.85rem;border-radius:50%;border:1px solid var(--color-steel-light);background:radial-gradient(circle at 50% 38%,var(--color-crimson-bright),var(--color-crimson-deep) 70%,transparent 100%);box-shadow:0 0 24px 4px var(--color-crimson-glow),inset 0 0 12px #00000080}.velkaris-logo-mark--pulse{animation:velkarisPulse 2.2s ease-in-out infinite}@keyframes velkarisPulse{0%,to{box-shadow:0 0 22px 4px var(--color-crimson-glow),inset 0 0 12px #00000080}50%{box-shadow:0 0 34px 8px var(--color-crimson-glow),inset 0 0 12px #00000080}}.velkaris-wordmark{font-family:var(--font-display);font-weight:700;font-size:clamp(2.1rem,5vw,3.25rem);letter-spacing:.14em;margin:0;color:var(--color-text);text-shadow:0 0 18px rgba(198,40,57,.35),0 2px 3px rgba(0,0,0,.8)}.velkaris-divider{position:relative;width:140px;height:1px;margin:.9rem auto 0;background:linear-gradient(90deg,transparent,var(--color-steel-light),var(--color-crimson-bright),var(--color-steel-light),transparent)}.velkaris-divider:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;transform:translate(-50%,-50%) rotate(45deg);background:var(--color-crimson-bright);box-shadow:0 0 8px 2px var(--color-crimson-glow)}.velkaris-subtitle{font-family:var(--font-heading);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-dim);margin:.65rem 0 0}.velkaris-panel{position:relative;margin-top:1.75rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.25rem;border-radius:10px;border:1px solid var(--color-steel);background:linear-gradient(180deg,#ffffff06,#0000004d),linear-gradient(160deg,var(--color-panel),var(--color-abyss));box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #00000080,0 24px 60px #0000008c}.velkaris-panel:before{content:"";position:absolute;top:0;left:14%;right:14%;height:2px;background:linear-gradient(90deg,transparent,var(--color-crimson-bright),transparent);opacity:.8}.velkaris-panel-heading{font-family:var(--font-heading);font-weight:500;font-size:1.15rem;letter-spacing:.06em;color:var(--color-text);margin:0;text-align:center}.velkaris-panel form{display:flex;flex-direction:column;align-items:center;gap:.85rem;width:100%}.velkaris-panel p{font-size:.9rem;color:var(--color-text-dim);margin:0;text-align:center}.velkaris-panel input{width:100%;min-width:220px;padding:.65rem .9rem;border-radius:6px;border:1px solid var(--color-steel);background:var(--color-steel-dark);color:var(--color-text);font-family:var(--font-body);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.velkaris-panel input::placeholder{color:var(--color-text-dim)}.velkaris-panel input:focus{outline:none;border-color:var(--color-crimson-bright);box-shadow:0 0 0 3px #c6283926,0 0 12px var(--color-crimson-glow)}.velkaris-panel button{font-family:var(--font-heading);font-size:.95rem;letter-spacing:.05em;padding:.7rem 1.75rem;border-radius:6px;border:1px solid var(--color-steel-light);cursor:pointer;color:var(--color-text);background:linear-gradient(180deg,#322220,#18100f);box-shadow:inset 0 1px #ffffff14,0 2px 6px #0006;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.velkaris-panel button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--color-crimson-bright);background:linear-gradient(180deg,#3d2321,#1c1210);box-shadow:inset 0 1px #ffffff1a,0 8px 20px #00000080,0 0 18px var(--color-crimson-glow)}.velkaris-panel button:active:not(:disabled){transform:translateY(0)}.velkaris-panel button:disabled{opacity:.55;cursor:not-allowed}.velkaris-panel .link-button{background:none;border:none;box-shadow:none;padding:.25rem .5rem;color:var(--color-crimson-bright);font-family:var(--font-heading);font-size:.85rem;letter-spacing:.03em;border-bottom:1px solid transparent;border-radius:0}.velkaris-panel .link-button:hover:not(:disabled){transform:none;color:#ff4d5e;text-shadow:0 0 10px var(--color-crimson-glow);border-bottom-color:currentColor;background:none;box-shadow:none}.velkaris-panel button.secondary{background:linear-gradient(180deg,#232120,#141211);border-color:var(--color-steel)}.velkaris-panel button.secondary:hover:not(:disabled){border-color:var(--color-steel-light);background:linear-gradient(180deg,#2a2725,#16130f);box-shadow:inset 0 1px #ffffff14,0 8px 20px #00000080}.velkaris-window{position:fixed;z-index:20}.velkaris-window-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.velkaris-window-header:active{cursor:grabbing}.velkaris-window-header-title{font-family:var(--font-heading);font-weight:500;font-size:1.15rem;letter-spacing:.06em;color:var(--color-text)}.velkaris-panel .velkaris-window-header-close{font-family:var(--font-heading);font-size:1.3rem;line-height:1;color:var(--color-text-dim);background:none;border:none;box-shadow:none;padding:.15rem .55rem;cursor:pointer;border-radius:4px;transform:none}.velkaris-panel .velkaris-window-header-close:hover{color:var(--color-text);background:#ffffff14;border-color:transparent;transform:none;box-shadow:none}.velkaris-pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#050404b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:velkarisFadeIn .25s ease both}.velkaris-pause-panel{margin-top:0;width:auto;min-width:280px;max-width:320px;gap:.75rem}.velkaris-pause-panel button{width:100%}.velkaris-tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:22;display:flex;align-items:center;justify-content:center;background:#05040466;pointer-events:none}.velkaris-tutorial-panel{margin-top:0;width:auto;min-width:300px;max-width:360px;gap:.75rem;pointer-events:auto;animation:velkarisFadeIn .25s ease both}.velkaris-tutorial-panel--closing{animation:velkarisFadeOut .2s ease both}.velkaris-tutorial-panel button{width:100%}@keyframes velkarisFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.velkaris-inventory-panel{margin-top:0;width:100%;max-width:1040px;max-height:94vh;overflow-y:auto;gap:.75rem}.velkaris-inventory-layout{display:flex;align-items:stretch;gap:1.1rem;width:100%}.velkaris-equipment-column,.velkaris-bag-column{border-radius:10px;border:1px solid rgba(58,61,68,.55);background:linear-gradient(165deg,#ffffff04,#0000002e);padding:.85rem}.velkaris-equipment-column{display:flex;flex-direction:column;align-items:center;gap:.7rem;flex:0 0 auto}.velkaris-panel-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:.55rem;margin-bottom:.1rem;border-bottom:1px solid rgba(255,255,255,.07)}.velkaris-inventory-gold{display:flex;align-items:center;gap:.4rem;font-family:var(--font-heading);font-size:.85rem;letter-spacing:.03em;color:#c3a13a}.velkaris-inventory-gold-icon{width:.78rem;height:.78rem;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 35% 30%,#fff3c4,#d4af37 55%,#8a6a1a);box-shadow:0 0 4px #d4af3780}.velkaris-equipment-slots{display:grid;grid-template-columns:6.75rem 11.5rem 6.75rem;grid-template-areas:"helmet   preview  necklace" "chest    preview  ring1" "gloves   preview  ring2" "boots    preview  ." ".        weapons  .";row-gap:.55rem;column-gap:.4rem}.velkaris-character-preview{grid-area:preview;position:relative;border-radius:10px;border:1.5px solid var(--color-steel-light);box-shadow:inset 0 0 0 1px #0009,inset 0 0 0 3px #ffffff09,inset 0 1px #ffffff14,0 10px 24px #0000008c,0 0 18px #c628391f;background:radial-gradient(120% 100% at 50% 15%,rgba(90,80,68,.35),var(--color-abyss) 70%);overflow:hidden}.velkaris-character-preview-canvas{width:100%;height:100%}.velkaris-character-preview-canvas canvas{display:block;width:100%;height:100%}.velkaris-equipment-weapon-row{grid-area:weapons;display:flex;gap:.55rem}.velkaris-equipment-weapon-row .velkaris-equipment-slot{flex:1 1 0}.velkaris-equipment-slot{position:relative;display:flex;align-items:center;justify-content:center;min-height:4.4rem;font-family:var(--font-body);border-radius:8px;border:1.5px solid var(--color-steel);box-shadow:inset 0 0 0 1px #0009,inset 0 0 0 2px #ffffff08,inset 0 1px #ffffff0f;background:linear-gradient(160deg,#3a3d442e,#0000004d);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.velkaris-equipment-slot:hover{transform:translateY(-2px);border-color:#9aa0ab;box-shadow:inset 0 0 0 1px #0009,inset 0 0 0 2px #ffffff14,inset 0 1px #ffffff26,0 6px 16px #0000008c,0 0 14px #c628394d}.velkaris-equipment-slot:active{transform:translateY(0)}.velkaris-equipment-slot:focus-visible{outline:none;border-color:var(--color-crimson-bright);box-shadow:inset 0 0 0 1px #00000080,0 0 0 2px #c6283966}.velkaris-equipment-slot--occupied{background:linear-gradient(160deg,#50463747,#00000059);box-shadow:inset 0 0 0 1px #000000a6,inset 0 0 0 2px #ffffff0d,inset 0 1px #ffffff1f,0 0 10px #0006}.velkaris-equipment-slot--occupied:hover{box-shadow:inset 0 0 0 1px #000000a6,inset 0 0 0 2px #ffffff1a,inset 0 1px #ffffff2e,0 6px 18px #0000008c,0 0 16px #c6283959}.velkaris-equipment-slot-label{position:absolute;top:.3rem;left:.4rem;font-family:var(--font-heading);font-size:.6rem;letter-spacing:.05em;color:var(--color-text-dim);text-transform:uppercase;pointer-events:none}.velkaris-equipment-slot:not(.velkaris-equipment-slot--occupied) svg{opacity:.32}.velkaris-bag-column{display:flex;flex-direction:column;gap:.5rem;flex:1 1 auto;min-width:0}.velkaris-panel-heading{font-family:var(--font-heading);font-weight:500;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim);margin:0}.velkaris-inventory-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;width:100%}.velkaris-inventory-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:0;border-radius:7px;border:1.5px solid var(--color-steel);box-shadow:inset 0 0 0 1px #0009,inset 0 0 0 2px #ffffff0a,inset 0 1px #ffffff1a;background:linear-gradient(160deg,#50463747,#00000059);cursor:grab;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,background .16s ease,border-color .16s ease}.velkaris-inventory-cell:hover{transform:translateY(-2px) scale(1.035);box-shadow:inset 0 0 0 1px #0009,inset 0 0 0 2px #ffffff14,0 6px 16px #00000080,0 0 12px #c628393d}.velkaris-inventory-cell:active{cursor:grabbing;transform:translateY(-1px) scale(1.01)}.velkaris-inventory-cell--empty{cursor:default;border:1.5px solid var(--color-steel);background:linear-gradient(160deg,#3a3d442e,#0000004d);box-shadow:inset 0 0 0 1px #00000080,inset 0 1px #ffffff0d}.velkaris-inventory-cell--empty:hover{transform:none;background:linear-gradient(160deg,#3a3d442e,#0000004d);box-shadow:inset 0 0 0 1px #00000080,inset 0 1px #ffffff0d}.velkaris-inventory-cell--drag-over{border-color:var(--color-crimson-bright);box-shadow:0 0 0 2px #c6283959,0 0 14px var(--color-crimson-glow)}.velkaris-item-tooltip{position:fixed;z-index:30;pointer-events:none;min-width:180px;max-width:240px;padding:.5rem .7rem;border-radius:6px;border:1px solid var(--color-steel-light);background:linear-gradient(160deg,var(--color-panel),var(--color-abyss));box-shadow:0 12px 30px #0009}.velkaris-item-tooltip-name{font-family:var(--font-heading);font-size:.9rem;color:var(--color-text);margin-bottom:.2rem}.velkaris-item-tooltip-meta{display:flex;justify-content:space-between;font-size:.7rem;color:var(--color-text-dim);margin-bottom:.3rem}.velkaris-item-tooltip-compare-label{font-size:.7rem;color:var(--color-text-dim);margin-bottom:.25rem}.velkaris-item-tooltip-armor{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--color-steel-light);margin-bottom:.25rem;padding-bottom:.2rem;border-bottom:1px solid var(--color-steel)}.velkaris-item-tooltip-stats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.velkaris-item-tooltip-stats li{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-text)}.velkaris-item-tooltip-stat-label{flex:1;color:var(--color-text-dim)}.velkaris-item-tooltip-rarity{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.3rem}.velkaris-item-tooltip-no-affixes{font-size:.8rem;color:var(--color-text-dim);margin:0 0 .4rem;text-align:left}.velkaris-item-tooltip-empty{font-size:.85rem;color:var(--color-text-dim);font-style:italic;padding:.4rem .1rem;text-align:center}.velkaris-item-tooltip-sell{font-size:.7rem;color:var(--color-gold, #d8b34a);margin-top:.3rem;padding-top:.25rem;border-top:1px solid var(--color-steel)}.velkaris-stat-positive{color:#6fce7a}.velkaris-stat-negative{color:#ff6b6b}.velkaris-character-panel{margin-top:0;width:100%;max-width:480px;max-height:85vh;overflow-y:auto}.velkaris-character-info{width:100%;display:flex;flex-direction:column;gap:.35rem}.velkaris-character-info-row{display:flex;justify-content:space-between;font-size:.85rem;font-family:var(--font-body)}.velkaris-character-info-row span:first-child{color:var(--color-text-dim)}.velkaris-character-info-row span:last-child{color:#fff}.velkaris-xp-bar{position:relative;height:8px;border-radius:4px;overflow:hidden;background:var(--color-steel-dark);border:1px solid var(--color-steel);margin-top:.35rem}.velkaris-xp-bar-fill{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,#6b5a2a,#d4af37);transition:width .2s ease}.velkaris-character-section-heading{font-family:var(--font-heading);font-weight:500;font-size:.95rem;letter-spacing:.05em;color:var(--color-text);margin:.25rem 0 0;align-self:flex-start}.velkaris-attribute-list{width:100%;display:flex;flex-direction:column;gap:.4rem}.velkaris-attribute-row{display:flex;align-items:center;gap:.6rem;padding:.4rem .7rem;border-radius:6px;border:1px solid var(--color-steel);background:#0003;cursor:default}.velkaris-attribute-label{flex:1;font-family:var(--font-body);font-size:.85rem;color:var(--color-text-dim)}.velkaris-attribute-value{font-family:var(--font-heading);font-size:.95rem;min-width:1.5rem;text-align:right;color:#fff}.velkaris-panel button.velkaris-attribute-add{padding:.15rem .65rem;font-size:1rem;line-height:1;border-color:var(--color-crimson-bright);color:var(--color-ember)}.velkaris-derived-stats-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem .75rem}.velkaris-derived-stat-row{display:flex;justify-content:space-between;gap:.5rem;padding:.3rem .1rem;font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.05);cursor:default}.velkaris-derived-stat-label{color:var(--color-text-dim)}.velkaris-derived-stat-value{font-family:var(--font-heading);color:var(--color-text)}.velkaris-levelup-toast{position:fixed;top:18%;left:50%;transform:translate(-50%);z-index:25;padding:.9rem 1.75rem;border-radius:8px;border:1px solid var(--color-crimson-bright);background:linear-gradient(160deg,var(--color-panel),var(--color-abyss));box-shadow:0 0 30px var(--color-crimson-glow),0 12px 30px #0009;text-align:center;font-family:var(--font-body);color:var(--color-text);pointer-events:none;animation:velkarisFadeIn .3s ease both}.velkaris-levelup-toast-title{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.08em;color:var(--color-ember);text-shadow:0 0 14px var(--color-crimson-glow);margin-bottom:.25rem}.velkaris-safezone-toast{position:fixed;top:5.5rem;left:50%;transform:translate(-50%);z-index:25;padding:.9rem 1.75rem;border-radius:8px;border:1px solid var(--color-steel-light);background:linear-gradient(160deg,var(--color-panel),var(--color-abyss));box-shadow:0 12px 30px #0009;text-align:center;font-family:var(--font-body);color:var(--color-text-dim);pointer-events:none;animation:velkarisFadeIn .3s ease both}.velkaris-safezone-toast-title{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.08em;color:var(--color-text);margin-bottom:.25rem}.screen-error{color:#ff9a90;background:#8c162026;border:1px solid rgba(140,22,32,.4);border-radius:6px;padding:.55rem .85rem;font-family:var(--font-body);font-size:.85rem;max-width:320px;text-align:center;margin:0}.character-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem;width:100%}.character-list-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;border:1px solid var(--color-steel);border-radius:6px;background:linear-gradient(180deg,#ffffff05,#00000040),var(--color-steel-dark);transition:border-color .2s ease}.character-list-item:hover{border-color:var(--color-steel-light)}.character-list-item span{font-family:var(--font-body)}.character-list-item-actions{margin-left:auto;display:flex;gap:.5rem}.character-list-item-actions button{padding:.45rem 1.1rem;font-size:.85rem}.character-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px 1px #0006}.velkaris-panel button.danger{background:linear-gradient(180deg,#5a1720,#2c0a0e);border-color:var(--color-crimson);color:#ffd9d4}.velkaris-panel button.danger:hover:not(:disabled){border-color:var(--color-crimson-bright);background:linear-gradient(180deg,#6e1c26,#3a0d12);box-shadow:inset 0 1px #ffffff14,0 8px 20px #00000080,0 0 18px var(--color-crimson-glow)}.character-create-preview-frame{position:relative;width:100%;max-width:300px;height:320px;border-radius:10px;border:1.5px solid var(--color-steel-light);box-shadow:inset 0 0 0 1px #0009,inset 0 0 0 3px #ffffff09,inset 0 1px #ffffff14,0 10px 24px #0000008c,0 0 18px #c628391f;background:radial-gradient(120% 100% at 50% 15%,rgba(90,80,68,.35),var(--color-abyss) 70%);overflow:hidden}.character-create-form{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;width:100%}.character-create-form input{margin-bottom:.6rem}.character-create-label{font-family:var(--font-heading);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim)}.character-create-class{padding:.6rem .85rem;margin-bottom:.6rem;border-radius:6px;border:1px solid var(--color-steel);background:var(--color-steel-dark);color:var(--color-text);font-family:var(--font-body)}.skin-tone-picker{display:flex;align-items:center;justify-content:center;gap:.85rem;padding:.5rem 0}.skin-tone-picker-arrow{padding:.4rem .75rem!important;font-size:.8rem!important}.skin-tone-picker-swatch{width:22px;height:22px;border-radius:50%;border:2px solid var(--color-steel-light);box-shadow:0 0 8px 1px #0006;flex-shrink:0}.skin-tone-picker-label{min-width:4.5rem;text-align:center;font-family:var(--font-heading);letter-spacing:.04em}@media (max-width: 480px){.velkaris-panel{padding:1.75rem 1.5rem}.velkaris-content{max-width:100%}}.game-canvas-container{position:relative;width:100vw;height:100vh;background:var(--color-void)}.game-canvas-container canvas{display:block}.velkaris-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:radial-gradient(120% 100% at 50% -10%,#1a1210 0%,var(--color-void) 45%,var(--color-void-deep) 100%);color:var(--color-text);transition:opacity .5s ease}.velkaris-loading-overlay.velkaris-fade-out{opacity:0;pointer-events:none}.velkaris-loading-wordmark{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,4vw,2.25rem);letter-spacing:.14em;margin:0;text-shadow:0 0 18px rgba(198,40,57,.35),0 2px 3px rgba(0,0,0,.8)}.velkaris-loading-text{font-family:var(--font-heading);letter-spacing:.08em;font-size:.85rem;color:var(--color-text-dim)}.velkaris-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;font-family:var(--font-body);color:var(--color-text)}.velkaris-hud-stats{position:absolute;top:1.25rem;left:1.25rem;display:flex;flex-direction:column;gap:.35rem;width:220px;padding:.75rem .9rem;border-radius:8px;border:1px solid var(--color-steel);background:linear-gradient(180deg,#ffffff05,#00000059),var(--color-abyss);box-shadow:0 10px 30px #00000080}.velkaris-hud-level{font-family:var(--font-heading);font-size:.85rem;letter-spacing:.06em;color:var(--color-text-dim)}.velkaris-hud-bar{position:relative;height:16px;border-radius:4px;overflow:hidden;background:var(--color-steel-dark);border:1px solid var(--color-steel)}.velkaris-hud-bar-fill{position:absolute;top:0;left:0;bottom:0;transition:width .2s ease}.velkaris-hud-bar--hp .velkaris-hud-bar-fill{background:linear-gradient(90deg,var(--color-crimson-deep),var(--color-crimson-bright));box-shadow:0 0 8px var(--color-crimson-glow)}.velkaris-hud-bar--xp{height:6px}.velkaris-hud-bar--xp .velkaris-hud-bar-fill{background:linear-gradient(90deg,#6b5a2a,#d4af37)}.velkaris-hud-bar--target .velkaris-hud-bar-fill{background:linear-gradient(90deg,#7a3a12,#e0781f)}.velkaris-hud-bar-label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;font-size:.7rem;text-shadow:0 1px 2px rgba(0,0,0,.8)}.velkaris-hud-gold{font-size:.8rem;color:#d4af37;letter-spacing:.04em}.velkaris-hud-buffs{display:flex;gap:.3rem;margin-top:.2rem}.velkaris-hud-buff{position:relative;display:flex;align-items:center;gap:.35rem;padding:.25rem .5rem .35rem;border-radius:5px;border:1px solid var(--color-steel);background:#00000059;overflow:hidden}.velkaris-hud-buff-name{font-size:.7rem;letter-spacing:.04em;color:var(--color-text-dim)}.velkaris-hud-buff-timer{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--color-ember);transform-origin:left;animation-name:velkarisBuffDrain;animation-timing-function:linear;animation-fill-mode:forwards;pointer-events:none}@keyframes velkarisBuffDrain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.velkaris-hud-target{position:absolute;top:1.25rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.3rem;width:220px}.velkaris-hud-target-name{font-family:var(--font-heading);font-size:.85rem;letter-spacing:.05em;text-shadow:0 1px 3px rgba(0,0,0,.8)}.velkaris-chatbox{--chatbox-width: 340px;--chatbox-height: 220px;position:absolute;bottom:1.25rem;left:1.25rem;z-index:5;width:var(--chatbox-width);height:var(--chatbox-height);display:flex;flex-direction:column;border-radius:8px;border:1px solid var(--color-steel);background:linear-gradient(180deg,#ffffff05,#00000059),var(--color-abyss);box-shadow:0 10px 30px #00000080;overflow:hidden;pointer-events:auto}.velkaris-chatbox-tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--color-steel);background:#0003}.velkaris-chatbox-tab{flex:1;padding:.45rem .5rem;font-family:var(--font-heading);font-size:.8rem;letter-spacing:.05em;color:var(--color-text-dim);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.velkaris-chatbox-tab:hover{color:var(--color-text);background:#ffffff08}.velkaris-chatbox-tab--active{color:var(--color-text);border-bottom-color:var(--color-crimson-bright)}.velkaris-chatbox-log{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem;padding:.5rem .65rem;font-size:.78rem;color:var(--color-text-dim)}.velkaris-chatbox-line{text-shadow:0 1px 3px rgba(0,0,0,.8);animation:velkarisFadeIn .2s ease both;word-wrap:break-word}.velkaris-chatbox-line-sender{color:var(--color-ember);font-weight:600}.velkaris-chatbox-line--system{color:#d4af37;font-style:italic}.velkaris-chatbox-line--npc .velkaris-chatbox-line-sender{color:#7fb0d8}.velkaris-chatbox-line--combat{color:var(--color-text-dim)}@media (prefers-reduced-motion: reduce){.velkaris-chatbox-line{animation:none!important}}.velkaris-chatbox-input-row{flex-shrink:0;display:flex;gap:.35rem;border-top:1px solid var(--color-steel);padding:.4rem}.velkaris-chatbox-send{flex-shrink:0;padding:.4rem .7rem;border-radius:5px;border:1px solid var(--color-steel);background:var(--color-crimson-deep);color:var(--color-text);font-family:var(--font-heading);font-size:.75rem;letter-spacing:.04em;cursor:pointer;transition:background .15s ease,border-color .15s ease}.velkaris-chatbox-send:hover:not(:disabled){background:var(--color-crimson);border-color:var(--color-crimson-bright)}.velkaris-chatbox-send:disabled{opacity:.4;cursor:not-allowed}.velkaris-chatbox-input{flex:1;min-width:0;padding:.4rem .6rem;border-radius:5px;border:1px solid var(--color-steel);background:var(--color-steel-dark);color:var(--color-text);font-family:var(--font-body);font-size:.8rem;transition:border-color .2s ease,box-shadow .2s ease}.velkaris-chatbox-input::placeholder{color:var(--color-text-dim)}.velkaris-chatbox-input:focus{outline:none;border-color:var(--color-crimson-bright);box-shadow:0 0 0 3px #c6283926,0 0 12px var(--color-crimson-glow)}.velkaris-actionbar{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:.4rem;padding:.5rem;border-radius:8px;border:1px solid var(--color-steel);background:linear-gradient(180deg,#ffffff05,#00000059),var(--color-abyss);box-shadow:0 10px 30px #00000080}.velkaris-actionbar-slot{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--color-steel);background:#00000040;overflow:hidden}button.velkaris-actionbar-slot{padding:0;font:inherit;color:inherit;cursor:pointer}button.velkaris-actionbar-slot:disabled{cursor:not-allowed}.velkaris-actionbar-slot--locked{opacity:.4}.velkaris-actionbar-slot-key{position:absolute;top:3px;left:5px;font-family:var(--font-heading);font-size:.65rem;color:var(--color-text-dim);text-shadow:0 1px 2px rgba(0,0,0,.8)}.velkaris-actionbar-divider{width:1px;height:36px;background:var(--color-steel);margin:0 .1rem}.velkaris-actionbar-cooldown-sweep{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;transform-origin:bottom;animation-name:velkarisPotionCooldown;animation-timing-function:linear;animation-fill-mode:forwards;pointer-events:none}@keyframes velkarisPotionCooldown{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.velkaris-damage-numbers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:6}.velkaris-damage-number{position:absolute;transform:translate(-50%,-50%);font-family:var(--font-heading);font-weight:600;font-size:1.1rem;color:#ffe9a8;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.6);white-space:nowrap;will-change:left,top,opacity}.velkaris-damage-number--taken{color:#ff5a4d;font-size:1.25rem}.velkaris-loot-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.velkaris-loot-label{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;cursor:pointer;padding:.15rem .5rem;border-radius:4px;background:#0a0a0e8c;border:1px solid rgba(0,0,0,.6);font-family:var(--font-heading);font-size:.8rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7);white-space:nowrap;will-change:left,top,opacity;transition:background-color .15s ease,border-color .15s ease}.velkaris-loot-label:hover{background:#1c1816bf;border-color:currentColor}.velkaris-minimap{position:fixed;top:16px;right:16px;width:180px;height:180px;border-radius:50%;overflow:hidden;border:3px solid var(--color-steel-light);box-shadow:0 4px 16px #0000008c,inset 0 0 12px #00000080;background:var(--color-void-deep)}.velkaris-minimap-canvas{display:block;width:100%;height:100%}.velkaris-minimap-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 18px #000000a6;pointer-events:none}.velkaris-minimap-hint{position:absolute;left:50%;bottom:6px;transform:translate(-50%);font-family:var(--font-heading);font-size:.65rem;letter-spacing:.05em;color:var(--color-text-dim);background:#0504048c;border-radius:4px;padding:0 4px;pointer-events:none}.velkaris-worldmap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#050404b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:velkarisFadeIn .2s ease both}.velkaris-worldmap-panel{margin-top:0;width:auto;gap:.6rem;padding:1.5rem}.velkaris-worldmap-header{display:flex;align-items:center;justify-content:space-between;width:100%}.velkaris-worldmap-close{padding:.35rem .7rem!important;font-size:.85rem!important}.velkaris-worldmap-canvas{display:block;border-radius:6px;border:1px solid var(--color-steel);background:var(--color-void-deep);cursor:grab;touch-action:none}.velkaris-worldmap-canvas:active{cursor:grabbing}.velkaris-worldmap-footer{font-size:.78rem!important}