*{box-sizing:border-box}html,body,#app{position:relative;margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,system-ui,sans-serif;background:#0f1418;color:#e8edf2}.hidden{display:none!important}#game-canvas{width:100%;height:100%;display:block;cursor:none}#game-canvas.pointer-free{cursor:default}.panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:1rem;padding:2rem;background:radial-gradient(circle at top,#1d2a35,#0f1418 60%);z-index:2}.panel h1{margin:0}#join-form,.auth-form,#create-form{display:flex;flex-direction:column;gap:.75rem;width:min(36rem,90vw)}.panel-sub{margin:0;color:#b8c7d6;font-size:.9rem}.panel-head-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;width:min(36rem,90vw)}.class-select{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.class-card{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.9rem .6rem;border-radius:.6rem;border:1px solid #3a4d5f;background:#ffffff0a;color:inherit;cursor:pointer;transition:border-color .12s,background .12s,transform .12s}.class-card:hover{border-color:#5a7d9f;background:#ffffff14}.class-card.selected{border-color:#6fcf97;background:#3f7f5f47;transform:translateY(-2px)}.class-card-name{font-weight:600}.class-card-tag{font-size:.72rem;opacity:.7;text-align:center}.class-card-icon{width:40px;height:40px;display:block}.class-icon-fighter{position:relative;background:radial-gradient(circle at 50% 38%,#e0d0a8,#8a7038 75%);border:2px solid #5a4828;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff1a}.class-icon-fighter:before{content:"";position:absolute;left:50%;top:58%;width:10%;height:16%;transform:translate(-50%);background:linear-gradient(180deg,#6a5830,#4a3820);border-radius:1px;box-shadow:-7px 0 #7a6840,7px 0 #7a6840;z-index:2}.class-icon-fighter:after{content:"";position:absolute;left:50%;top:10%;width:16%;height:54%;transform:translate(-50%);background:linear-gradient(90deg,#788090,#e8ecf4 48%,#a8b0c0 52%,#687080);clip-path:polygon(50% 0%,82% 10%,62% 100%,38% 100%,18% 10%);filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));z-index:3}.class-icon-archer{position:relative;border:3px solid #6fcf97;border-radius:50%;clip-path:inset(0 50% 0 0);background:transparent}.class-icon-mage{background:radial-gradient(circle at 50% 40%,#c8a8ff,#6a3fbf 70%);border-radius:50%;border:2px solid #9a6ad8;box-shadow:0 0 10px #9664e699}.class-description{min-height:2.4em;margin:0;font-size:.82rem;color:#b8c7d6;text-align:center}.create-section-label{display:block;margin:.4rem 0 .1rem;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;opacity:.7}.create-stat-allocation{margin:.75rem 0;padding:.75rem;border-radius:.45rem;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.create-stat-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.create-stat-remaining{font-size:.78rem;color:#9fd0ff}.create-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .5rem}.create-stat-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.35rem;padding:.35rem .5rem;border-radius:.3rem;background:#ffffff0a}.create-stat-name{font-size:.78rem}.create-stat-value{font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums}.create-stat-bonus{color:#7fd9a0;font-weight:600}.create-stat-help{margin-top:.65rem;border-top:1px solid rgba(255,255,255,.08);padding-top:.5rem}.create-stat-help-summary{cursor:pointer;font-size:.78rem;color:#9fd0ff;list-style:none;-webkit-user-select:none;user-select:none}.create-stat-help-summary::-webkit-details-marker{display:none}.create-stat-help-summary:before{content:"▸";display:inline-block;margin-right:.35rem;transition:transform .15s ease}.create-stat-help[open] .create-stat-help-summary:before{transform:rotate(90deg)}.create-stat-help-list{margin:.5rem 0 0;display:grid;gap:.45rem}.create-stat-help-item{display:grid;gap:.1rem}.create-stat-help-item dt{margin:0;font-size:.76rem;font-weight:600;color:#d8e4ef}.create-stat-help-item dd{margin:0;font-size:.74rem;line-height:1.35;color:#9fb0c0}.faction-select{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.world-select-section{margin-top:.75rem}.world-select{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.world-select--single .world-card{cursor:default}.world-card{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.65rem .75rem;border-radius:.6rem;border:1px solid #3a4d5f;background:#ffffff0a;color:inherit;cursor:pointer;text-align:left;transition:border-color .12s,background .12s}.world-card:hover:not(:disabled){border-color:#5a7d9f;background:#ffffff14}.world-card.selected{border-color:#6fcf97;background:#3f7f5f47}.world-card:disabled{opacity:.45;cursor:not-allowed}.world-card-name{font-weight:600;font-size:.92rem}.world-card-meta{font-size:.75rem;opacity:.75}.faction-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem .5rem;border-radius:.6rem;border:1px solid #3a4d5f;background:#ffffff0a;color:inherit;cursor:pointer;transition:border-color .12s,background .12s,transform .12s}.faction-card:hover{border-color:#5a7d9f;background:#ffffff14}.faction-card.selected{border-color:#6fcf97;background:#3f7f5f47;transform:translateY(-2px)}.faction-card-crest{width:32px;height:32px;border-radius:50% 50% 45% 45%;border:2px solid rgba(0,0,0,.35);box-shadow:0 0 8px #0006}.faction-card-name{font-weight:600}.faction-card-tag{font-size:.72rem;opacity:.7}#join-form input,#join-form button,.auth-form input,.auth-form button[type=submit],#create-form input,.character-select-actions button,.character-create-actions button{font:inherit;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #3a4d5f}#join-form button,.auth-form button[type=submit],#create-form button[type=submit],#play-button{background:#3f7f5f;color:#fff;border:none;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{background:#ffffff0d;color:#e8edf2;cursor:pointer}.auth-links{display:flex;justify-content:space-between;gap:1rem}.link-button{background:none;border:none;color:#6fcf97;cursor:pointer;font:inherit;font-size:.85rem;padding:.25rem;text-decoration:underline}.auth-message{color:#9fe0bf;margin:0;font-size:.85rem}.error{color:#ff8f8f}.character-select-actions,.character-create-actions{display:flex;gap:.75rem;width:min(36rem,90vw)}.character-select-actions button,.character-create-actions button{flex:1}.character-list{display:flex;flex-direction:column;gap:.5rem;width:min(36rem,90vw);max-height:50vh;overflow-y:auto}.character-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.6rem;border:1px solid #3a4d5f;background:#ffffff0a;color:inherit;cursor:pointer;text-align:left;transition:border-color .12s,background .12s}.character-card:hover{border-color:#5a7d9f;background:#ffffff14}.character-card.selected{border-color:#6fcf97;background:#3f7f5f47}.character-card-icon{width:32px;height:32px;flex:0 0 auto}.character-card-info{display:flex;flex-direction:column;flex:1}.character-card-name{font-weight:600}.character-card-meta{font-size:.78rem;opacity:.75}.character-delete{background:none;border:none;color:#ff8f8f;cursor:pointer;font-size:1rem;padding:.25rem .5rem;opacity:.6}.character-delete:hover{opacity:1}.join-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;gap:.75rem;justify-items:center;align-content:center;text-align:center;background:radial-gradient(circle at top,#1d2a35,#0f1418 60%)}.join-loading-overlay p{margin:0}#join-loading-title{font-size:1.1rem;font-weight:600}#join-loading-message{color:#b8c7d6}.join-spinner{width:2.5rem;height:2.5rem;border:3px solid #3a4d5f;border-top-color:#6fcf97;border-radius:50%;animation:join-spin .9s linear infinite}.join-cancel{font:inherit;padding:.5rem 1rem;border-radius:.5rem;border:1px solid #3a4d5f;background:transparent;color:#e8edf2;cursor:pointer}@keyframes join-spin{to{transform:rotate(360deg)}}#hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;cursor:default}#hud>*{pointer-events:auto}.hud-panel{background:#0a0e12d1;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.6rem .75rem}#status-bar{position:absolute;top:.75rem;left:.75rem;background:#0a0e12b3;padding:.4rem .75rem;border-radius:.4rem;font-size:.85rem;opacity:.9}#hud-minimap{position:absolute;top:.75rem;right:.75rem;padding:.4rem;display:flex;flex-direction:column;gap:.25rem}#minimap-canvas{width:150px;height:150px;display:block;border-radius:.35rem;border:1px solid rgba(255,255,255,.12)}.minimap-footer{display:flex;align-items:center;justify-content:space-between;font-size:.66rem;opacity:.7}.minimap-compass{font-weight:700;letter-spacing:.05em}.minimap-hint{opacity:.8}.map-layout{display:flex;gap:1.25rem;align-items:flex-start}.map-canvas-wrap{position:relative;flex-shrink:0}.map-canvas{width:min(72vh,720px);height:min(72vh,720px);display:block;border-radius:.4rem;border:1px solid rgba(255,255,255,.12);background:#1b2a22}.map-tooltip{position:absolute;pointer-events:none;z-index:2;padding:.25rem .5rem;border-radius:.3rem;background:#080c10eb;border:1px solid rgba(255,255,255,.18);font-size:.78rem;white-space:nowrap}.map-zoom-label{margin-top:.45rem;font-size:.72rem;opacity:.65;text-align:center}.map-legend{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;min-width:11rem;max-height:min(72vh,720px);overflow-y:auto;padding-right:.25rem}.map-legend-title{font-weight:700;font-size:.95rem}.map-legend-sub{font-size:.72rem;opacity:.7;margin-bottom:.3rem}.map-legend-section{margin-top:.45rem;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.55}.map-legend-row{display:flex;align-items:center;gap:.5rem}.map-legend-note{font-size:.72rem;opacity:.65;padding-left:.1rem}.map-legend-dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.5);flex-shrink:0}.map-legend-glyph{width:1.1rem;text-align:center;flex-shrink:0;font-size:.85rem}.map-legend-swatch{width:11px;height:11px;border-radius:.15rem;border:1px solid rgba(0,0,0,.45);flex-shrink:0}.map-legend-swatch-building{background:#788696bf}.map-legend-swatch-arena{background:transparent;border-radius:50%;border:2px solid rgba(232,192,64,.85)}.map-legend-swatch-gate{background:#788696bf}.map-legend-swatch-stones{background:transparent;border-radius:50%;border:1px solid rgba(160,200,160,.85)}.map-legend-self{background:#ffe14d}#hud-vitals{position:absolute;bottom:5.5rem;left:.75rem;width:220px}#hud-vitals>.se-bar{margin-top:.35rem}.vitals-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;font-weight:600}.realm-crest{width:14px;height:14px;border-radius:2px;display:inline-block}.faction-badge{display:inline-block;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.9)}.self-realm-name{font-size:.72rem;font-weight:500;opacity:.7;letter-spacing:.02em}.bar-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.bar-label{width:1.5rem;font-size:.7rem;opacity:.7}.bar{position:relative;flex:1;height:13px;background:#00000080;border-radius:2px;overflow:hidden}.bar-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.95);pointer-events:none}.bar-fill{height:100%;width:100%;transition:width .15s linear}.health-bar .bar-fill{background:linear-gradient(90deg,#8b2020,#d44)}.power-bar .bar-fill{background:linear-gradient(90deg,#1a3a8a,#48f)}.endurance-bar .bar-fill{background:linear-gradient(90deg,#2a5a20,#6c4)}#hud-chat{position:absolute;bottom:5.5rem;left:.75rem;width:320px;margin-bottom:165px;pointer-events:auto}#chat-log{height:100px;overflow-y:auto;font-size:.8rem;margin-bottom:.35rem}.chat-line{margin-bottom:.15rem}.chat-channel{color:#8ab4d4}.chat-from{color:#c8d86a}.chat-channels{display:flex;gap:.25rem;margin-bottom:.3rem}.chat-channel-tab{flex:1;font:inherit;font-size:.72rem;padding:.2rem .3rem;border-radius:.25rem;border:1px solid #3a4d5f;background:#00000059;color:#b8c7d6;cursor:pointer}.chat-channel-tab:hover{border-color:#5a7d9f}.chat-channel-tab.active{color:#fff;border-color:var(--channel-color, #6fcf97);background:#ffffff14;box-shadow:inset 0 -2px 0 var(--channel-color, #6fcf97)}.chat-input-row{display:flex;align-items:center;gap:.35rem}.chat-active-channel{font-size:.72rem;font-weight:600;white-space:nowrap;min-width:3.5rem}#chat-input{flex:1;width:100%;font:inherit;font-size:.85rem;padding:.35rem .5rem;border-radius:.3rem;border:1px solid #3a4d5f;background:#0006;color:#e8edf2}#hud-action-bar{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;gap:.35rem;pointer-events:auto;cursor:default}.action-slot{position:relative;width:46px;height:46px;background:#0a0e12e6;border:1px solid rgba(255,255,255,.15);border-radius:.35rem;display:grid;place-content:center;font-size:.75rem;opacity:.85;-webkit-user-select:none;user-select:none;cursor:grab;transition:border-color .15s,box-shadow .15s}.action-slot.has-item:hover{border-color:#ffffff59;box-shadow:0 0 0 1px #ffffff14}.action-slot.equipped{border-color:#e8c040;box-shadow:0 0 8px #e8c04073}.action-slot.skill.disabled{opacity:.35;cursor:default}.action-slot.active{border-color:#5ecf7a;box-shadow:0 0 8px #5ecf7a73}.action-slot .slot-key{position:absolute;right:3px;bottom:1px;font-size:.6rem;opacity:.45;pointer-events:none}.item-icon{display:block;width:28px;height:28px;pointer-events:none}.item-icon-sword,.item-icon-great-sword,.item-icon-war-mace,.item-icon-runed-blade{position:relative;width:10px;height:28px;margin:0 auto;background:linear-gradient(90deg,#9aa8b8,#e8eef5 45%,#9aa8b8);border-radius:1px 1px 0 0;transform:rotate(-18deg)}.item-icon-sword:before,.item-icon-great-sword:before,.item-icon-war-mace:before,.item-icon-runed-blade:before{content:"";position:absolute;left:50%;bottom:-4px;width:18px;height:3px;transform:translate(-50%);background:#b8923f;border-radius:1px}.item-icon-sword:after,.item-icon-great-sword:after,.item-icon-war-mace:after,.item-icon-runed-blade:after{content:"";position:absolute;left:50%;bottom:-10px;width:5px;height:8px;transform:translate(-50%);background:#5a3c28;border-radius:1px}.item-icon-bow,.item-icon-long-bow{position:relative;width:22px;height:26px;margin:1px auto 0;border:3px solid #9a6a3a;border-radius:50%;border-right-color:transparent;border-top-color:transparent;background:transparent}.item-icon-bow:after,.item-icon-long-bow:after{content:"";position:absolute;top:-2px;left:-2px;width:26px;height:26px;border-left:1px solid #e8eef5;transform:rotate(-45deg);transform-origin:top left}.item-icon-staff,.item-icon-war-staff,.item-icon-seer-staff{position:relative;width:6px;height:28px;margin:0 auto;background:linear-gradient(90deg,#6a4a2a,#9a7a4a 50%,#6a4a2a);border-radius:2px}.item-icon-staff:before,.item-icon-war-staff:before,.item-icon-seer-staff:before{content:"";position:absolute;top:-4px;left:50%;width:12px;height:12px;transform:translate(-50%);background:radial-gradient(circle at 50% 40%,#c8a8ff,#6a3fbf 70%);border-radius:50%;box-shadow:0 0 6px #9664e6cc}.action-item-drag-ghost{position:fixed;z-index:10000;pointer-events:none;transform:translate(-50%,-50%);opacity:.92;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55));cursor:grabbing}#damage-numbers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.damage-number{position:absolute;font-weight:700;font-size:1.1rem;text-shadow:0 1px 3px rgba(0,0,0,.8);animation:float-up 1.2s ease-out forwards;transform:translate(-50%,-50%)}.damage-hit{color:#fc4}.damage-crit{color:#f64;font-size:1.4rem}.damage-miss{color:#aaa;font-size:.9rem}.damage-dot{color:#ff9a3c;font-size:.95rem;text-shadow:0 0 6px rgba(255,110,30,.7)}@keyframes float-up{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-120%)}}.damage-xp{color:#6cf;font-size:.95rem}.damage-levelup{color:gold;font-size:1.5rem;text-transform:uppercase;letter-spacing:.04em}.damage-ability{color:#c8a8ff;font-size:1.1rem;letter-spacing:.03em}.damage-rp{color:#7fd0ff;font-size:1rem;letter-spacing:.03em}.damage-heal{color:#5fcf8f;font-size:1.05rem}.damage-shield{color:#7fb8df;font-size:1.05rem}.self-level-badge{margin-left:auto;font-size:.75rem;font-weight:600;padding:.05rem .4rem;border-radius:.3rem;background:#ffd7002e;border:1px solid rgba(255,215,0,.5);color:#ffd970}.xp-bar{position:relative;height:13px}.xp-bar .bar-fill{background:linear-gradient(90deg,#6a3aa0,#b46cff)}.xp-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);pointer-events:none}.currency-row{display:flex;gap:1rem;margin-top:.4rem;font-size:.85rem;font-weight:600}.currency-gold{color:#f0c850}.currency-rp{color:#7fd0ff}#interact-prompt{position:absolute;bottom:9rem;left:50%;transform:translate(-50%);padding:.4rem .9rem;background:#0a0e12d9;border:1px solid rgba(120,220,255,.5);border-radius:.4rem;font-size:.95rem;color:#d8f4ff;pointer-events:none;z-index:18}#reconnect-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#080a0e73;z-index:30;pointer-events:auto;cursor:default;text-align:center}#reconnect-overlay.hidden{display:none}#reconnect-overlay-title{margin:0;font-size:1.1rem;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.6)}#reconnect-overlay-message{margin:0;color:#b8c7d6;text-shadow:0 1px 6px rgba(0,0,0,.55)}#respawn-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#080a0e8c;z-index:25;pointer-events:auto}#respawn-overlay.hidden{display:none}.respawn-overlay-title{margin:0;font-size:1.35rem;font-weight:700;color:#f0d8d8;text-shadow:0 2px 8px rgba(0,0,0,.6)}#respawn-button{padding:.65rem 2rem;font-size:1.05rem;font-weight:700;color:#0a1018;background:linear-gradient(180deg,#9ee0ff,#5cb8e8);border:1px solid rgba(180,230,255,.9);border-radius:.45rem;cursor:pointer}#respawn-button:hover{filter:brightness(1.08)}.quest-log{position:absolute;top:11rem;left:1rem;width:230px;padding:.55rem .7rem;background:#0a0e12b8;border:1px solid rgba(240,200,80,.35);border-left:3px solid rgba(240,200,80,.8);border-radius:.35rem;color:#e8eef4;pointer-events:none;z-index:16}.quest-log-head{font-size:.68rem;letter-spacing:.12em;color:#f0c850;opacity:.85;margin-bottom:.2rem}.quest-entry{margin-bottom:.5rem}.quest-entry:last-child{margin-bottom:0}.quest-entry-title{font-size:.95rem;font-weight:700;margin-bottom:.3rem}.quest-objective{display:flex;gap:.35rem;font-size:.82rem;opacity:.9;line-height:1.35}.quest-objective.quest-done{color:#7fe08a;opacity:1}.quest-check{flex:none;opacity:.8}.quest-return-hint{margin-top:.35rem;font-size:.8rem;color:#ffe08a}.quest-journal-layout{display:flex;gap:.9rem;height:100%;min-height:0}.quest-journal-list{width:220px;flex:none;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem}.quest-journal-entry{display:flex;align-items:flex-start;gap:.45rem;padding:.5rem .6rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.35rem;cursor:pointer}.quest-journal-entry:hover{background:#ffffff14}.quest-journal-entry.tracked{border-color:#f0c850b3;background:#f0c8501a}.quest-journal-entry-body{flex:1;min-width:0}.quest-journal-entry-pin{flex:none;margin-top:.05rem;padding:0;width:1.3rem;height:1.3rem;line-height:1.3rem;text-align:center;font-size:.8rem;background:none;border:none;border-radius:.25rem;cursor:pointer;filter:grayscale(1);opacity:.4;transition:opacity .12s ease,filter .12s ease}.quest-journal-entry-pin:hover{opacity:.8;background:#ffffff14}.quest-journal-entry-pin.pinned{filter:none;opacity:1}.quest-journal-entry-title{font-size:.88rem;font-weight:700}.quest-journal-entry-ready{font-size:.7rem;color:#7fe08a;margin-top:.15rem}.quest-journal-empty{opacity:.6;font-size:.85rem;padding:.5rem}.quest-journal-detail{flex:1;min-width:0;overflow-y:auto}.quest-journal-detail-title{font-size:1.1rem;font-weight:700;margin-bottom:.2rem}.quest-journal-detail-giver{font-size:.8rem;opacity:.7;margin-bottom:.6rem}.quest-journal-detail-summary{font-size:.85rem;opacity:.85;margin-bottom:.8rem;line-height:1.4}.quest-journal-detail-objectives{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.8rem}#overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#04060980;z-index:15;pointer-events:auto}.overlay-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a0e12f0;border:1px solid rgba(255,255,255,.15);border-radius:.6rem;padding:1.25rem 1.5rem;min-width:280px;pointer-events:auto;cursor:default;z-index:20}.overlay-panel h2{margin:0 0 .75rem;font-size:1.1rem}.overlay-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.overlay-header h2{margin:0}.overlay-hint{font-size:.75rem;opacity:.6}.menu-button{font:inherit;padding:.6rem 1.25rem;border-radius:.4rem;border:1px solid #3a4d5f;background:#3f7f5f;color:#fff;cursor:pointer;width:100%;margin-bottom:.5rem}.menu-button:hover{background:#4a946f}#hud-character-panel{min-width:480px}#hud-character-panel.character-panel--map{min-width:min(96vw,980px);max-width:96vw}.character-tabs{display:flex;gap:.35rem;margin-bottom:.85rem}.character-tab{flex:1;font:inherit;font-size:.85rem;padding:.45rem .75rem;border-radius:.35rem;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;color:inherit;cursor:pointer}.character-tab.active{background:#3f7f5f73;border-color:#3f7f5f}.character-tab-panel.hidden{display:none}.social-layout{display:flex;flex-direction:column;gap:.9rem}.social-faction{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:.4rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.social-faction-crest{width:28px;height:28px;border-radius:50% 50% 45% 45%;border:2px solid rgba(0,0,0,.35)}.social-faction-text{display:flex;flex-direction:column}.social-faction-name{font-weight:600}.social-faction-sub{font-size:.72rem;opacity:.6}.social-section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.45rem;font-size:.85rem;font-weight:600}.social-friend-count{font-size:.72rem;font-weight:400;opacity:.7}.social-add-row{display:flex;gap:.4rem;margin-bottom:.5rem}.social-add-row input{flex:1;font:inherit;font-size:.85rem;padding:.35rem .5rem;border-radius:.3rem;border:1px solid #3a4d5f;background:#0006;color:#e8edf2}.social-friend-list{display:flex;flex-direction:column;gap:.3rem;max-height:260px;overflow-y:auto;padding-right:.25rem}.social-friend-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:.3rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.social-friend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.social-friend-dot.online{background:#5fcf7f;box-shadow:0 0 6px #5fcf7fcc}.social-friend-dot.offline{background:#5a6470}.social-friend-name{flex:1;font-size:.85rem}.social-friend-status{font-size:.72rem;opacity:.6}.social-friend-remove{font:inherit;font-size:.85rem;line-height:1;padding:.15rem .35rem;border-radius:.25rem;border:1px solid transparent;background:transparent;color:#c98a8a;cursor:pointer}.social-friend-remove:hover{border-color:#c98a8a;background:#c98a8a1f}.skills-list{display:flex;flex-direction:column;gap:.25rem;max-height:320px;overflow-y:auto;padding-right:.25rem}.skill-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;border-radius:.3rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.skill-name{font-size:.85rem}.skill-level{font-size:.85rem;font-variant-numeric:tabular-nums;opacity:.75}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;justify-items:center}.equip-slot{width:64px;height:64px}.equip-slot[data-slot=head],.equip-slot[data-slot=chest]{grid-column:2}.equip-slot[data-slot=mainHand]{grid-column:1;grid-row:3}.equip-slot[data-slot=offHand]{grid-column:3;grid-row:3}.equip-slot[data-slot=arms]{grid-column:1;grid-row:2}.equip-slot[data-slot=legs]{grid-column:3;grid-row:2}.equip-slot-label{position:absolute;left:0;right:0;bottom:2px;font-size:.55rem;opacity:.55;text-align:center;pointer-events:none;line-height:1.1}.item-icon-shield,.item-icon-tower-shield{width:22px;height:26px;margin:0 auto;background:radial-gradient(circle at 50% 35%,#d8c8a0,#8a7038 70%);border-radius:50% 50% 45% 45%;border:2px solid #5a4828}.item-icon-iron-helmet,.item-icon-plate-helmet{width:24px;height:18px;margin:4px auto 0;background:linear-gradient(180deg,#b8c0c8,#6a7078);border-radius:40% 40% 10% 10%;border:1px solid #4a5058}.item-icon-chain-chest,.item-icon-plate-chest,.item-icon-dragonscale-chest{width:24px;height:22px;margin:2px auto 0;background:repeating-linear-gradient(0deg,#8a9098,#8a9098 3px,#6a7078 3px,#6a7078 6px);border:1px solid #4a5058;border-radius:2px}.item-icon-chain-gloves,.item-icon-plate-gloves{width:22px;height:14px;margin:6px auto 0;background:#7a8088;border:1px solid #4a5058;border-radius:3px}.item-icon-chain-boots,.item-icon-plate-boots{width:22px;height:16px;margin:5px auto 0;background:#6a7078;border:1px solid #4a5058;border-radius:3px 3px 6px 6px}.item-icon-health-potion,.item-icon-power-potion,.item-icon-endurance-potion{position:relative;width:14px;height:22px;margin:3px auto 0;background:linear-gradient(180deg,#c8282826,#c8282873);border:2px solid #c84848;border-radius:3px 3px 6px 6px}.item-icon-health-potion:before,.item-icon-power-potion:before,.item-icon-endurance-potion:before{content:"";position:absolute;top:-5px;left:50%;width:8px;height:5px;transform:translate(-50%);background:#8a5030;border-radius:2px 2px 0 0}.skill-icon{display:block;width:28px;height:28px;pointer-events:none}.skill-icon-sword{position:relative;width:10px;height:24px;margin:2px auto 0;background:linear-gradient(90deg,#c8a040,#ffe890 45%,#c8a040);border-radius:1px 1px 0 0;transform:rotate(-12deg);filter:drop-shadow(0 0 4px rgba(232,192,64,.6))}.skill-icon-block{width:22px;height:24px;margin:2px auto 0;background:radial-gradient(circle at 50% 40%,#a8b8c8,#5a6878);border:2px solid #8a9aaa;border-radius:4px;filter:drop-shadow(0 0 4px rgba(120,160,200,.5))}.skill-icon-bow{position:relative;width:22px;height:24px;margin:2px auto 0;border:3px solid #6fcf97;border-radius:50%;border-right-color:transparent;border-top-color:transparent;background:transparent;filter:drop-shadow(0 0 4px rgba(111,207,151,.6))}.skill-icon-staff{position:relative;width:8px;height:24px;margin:2px auto 0;background:linear-gradient(90deg,#6a4a2a,#9a7a4a 50%,#6a4a2a);border-radius:2px;filter:drop-shadow(0 0 4px rgba(150,100,230,.7))}.skill-icon-staff:before{content:"";position:absolute;top:-3px;left:50%;width:12px;height:12px;transform:translate(-50%);background:radial-gradient(circle at 50% 40%,#c8a8ff,#6a3fbf 70%);border-radius:50%}#hud-inventory{min-width:360px}.inventory-tab-layout{display:flex;gap:1rem;align-items:flex-start}.inventory-equipment-panel{flex-shrink:0;border-left:1px solid rgba(255,255,255,.1);padding-left:1rem}.inventory-equipment-label{display:block;font-size:.75rem;opacity:.6;margin-bottom:.5rem;text-align:center}.inventory-equipment-grid{width:210px}.inventory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem}.inventory-slot{position:relative;width:46px;height:46px}.inv-slot-qty{position:absolute;bottom:1px;right:3px;font-size:9px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000;pointer-events:none;line-height:1;z-index:1}.char-stats-layout{display:flex;flex-direction:column;gap:.85rem}.char-stats-summary{display:flex;flex-direction:column;gap:.7rem;padding:.75rem;border-radius:.4rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.char-identity{display:flex;flex-direction:column;gap:.15rem}.char-name{font-size:1.1rem;font-weight:700}.char-subtitle{font-size:.8rem;opacity:.7}.char-xp{display:flex;flex-direction:column;gap:.3rem}.char-xp-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.75rem}.char-xp-label{opacity:.7;text-transform:uppercase;letter-spacing:.05em}.char-xp-value{font-variant-numeric:tabular-nums;opacity:.9}.char-meta{display:flex;flex-direction:column;gap:.25rem}.char-meta-row{display:flex;justify-content:space-between;font-size:.8rem}.char-meta-row span:first-child{opacity:.65}.char-attributes{display:flex;flex-direction:column;gap:.4rem}.char-attributes-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.char-attribute-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem .5rem}.char-attribute-row{display:flex;justify-content:space-between;padding:.35rem .55rem;border-radius:.3rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.char-derived-subhead{grid-column:1 / -1;margin-top:.35rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;opacity:.55;border-top:1px solid rgba(255,255,255,.08);padding-top:.35rem}.char-attribute-derived{background:#78a8ff0f;border-color:#78a8ff24}.char-attribute-name{font-size:.8rem;opacity:.85}.char-attribute-value{font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums}.char-attribute-value-wrap{display:inline-flex;align-items:center;gap:.35rem}.char-attribute-delta{font-size:.72rem;color:#7fd9a0;font-weight:600}.char-attribute-row--editing{align-items:center;gap:.35rem}.char-attribute-controls{display:inline-flex;gap:.2rem}.char-stat-btn{width:1.5rem;height:1.5rem;padding:0;border-radius:.25rem;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:inherit;cursor:pointer;font:inherit;line-height:1}.char-stat-btn:hover:not(:disabled){background:#ffffff1f}.char-stat-btn:disabled{opacity:.35;cursor:not-allowed}.char-stats-points-hint{margin:0;font-size:.78rem;color:#9fd0ff}.char-stats-actions{display:flex;gap:.5rem;margin-top:.5rem}.char-stats-actions .menu-button,.char-stats-actions .secondary-button{width:auto;margin:0;flex:1}.ability-book-hint{margin:0 0 .6rem;font-size:.78rem;opacity:.65}.ability-book-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;max-height:320px;overflow-y:auto;padding-right:.25rem}.ability-section-header{grid-column:1 / -1;margin:.35rem 0 .1rem;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;opacity:.55;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.2rem}.ability-entry{display:flex;align-items:flex-start;gap:.6rem;padding:.5rem .6rem;border-radius:.35rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .15s,box-shadow .15s}.ability-entry:hover{border-color:#c8a8ff80;box-shadow:0 0 0 1px #c8a8ff26}.ability-entry.disabled{opacity:.5}.ability-entry.locked{cursor:default;opacity:.62;border-style:dashed}.ability-entry.locked:hover{border-color:#ffffff1a;box-shadow:none}.ability-entry.locked .ability-entry-icon{filter:grayscale(1) brightness(.7)}.ability-entry-icon{flex:0 0 auto;width:38px;height:38px;display:grid;place-content:center;background:#0a0e12cc;border:1px solid rgba(255,255,255,.12);border-radius:.35rem}.ability-entry-body{display:flex;flex-direction:column;gap:.12rem;min-width:0}.ability-entry-name{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600}.ability-lock-badge{font-size:.62rem;font-weight:600;letter-spacing:.03em;padding:.05rem .3rem;border-radius:.25rem;background:#e2d24a2e;color:#e2d24a}.ability-entry-desc{font-size:.72rem;line-height:1.25;opacity:.78}.ability-entry-note{font-size:.7rem;opacity:.55}.slot-cooldown{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#080a0ea6;display:grid;place-content:center;pointer-events:none;opacity:calc(.2 + .8 * var(--cd-fraction, 0))}.slot-cooldown-text{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);font-variant-numeric:tabular-nums}.ability-icon{display:block;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 50% 35%,var(--ai-c1, #c8a8ff),var(--ai-c2, #5a3fbf) 72%);border:1px solid rgba(255,255,255,.25);box-shadow:0 0 6px var(--ai-glow, rgba(150, 100, 230, .6))}.ability-icon-slam{--ai-c1: #f0d890;--ai-c2: #b07020;--ai-glow: rgba(232, 192, 64, .6);border-radius:6px}.ability-icon-taunt{--ai-c1: #ff9a7a;--ai-c2: #b03020;--ai-glow: rgba(220, 80, 60, .6)}.ability-icon-rally{--ai-c1: #ffe080;--ai-c2: #c89020;--ai-glow: rgba(240, 200, 80, .6)}.ability-icon-power-shot{--ai-c1: #b8f0a0;--ai-c2: #3f9f4f;--ai-glow: rgba(110, 207, 120, .6);clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:2px}.ability-icon-volley{--ai-c1: #9adf8a;--ai-c2: #2f8f4f;--ai-glow: rgba(90, 200, 120, .6)}.ability-icon-evade{--ai-c1: #a0e0d0;--ai-c2: #2f8f8f;--ai-glow: rgba(80, 200, 200, .55)}.ability-icon-fireball{--ai-c1: #ffd080;--ai-c2: #d04010;--ai-glow: rgba(240, 100, 40, .7)}.ability-icon-frost-nova{--ai-c1: #c8f0ff;--ai-c2: #2f7fcf;--ai-glow: rgba(120, 180, 240, .7)}.ability-icon-arcane-shield{--ai-c1: #d8b8ff;--ai-c2: #6a3fbf;--ai-glow: rgba(170, 120, 240, .7);border-radius:50% 50% 45% 45%}.ability-icon-onslaught{--ai-c1: #ffb060;--ai-c2: #a02818;--ai-glow: rgba(224, 96, 48, .7);border-radius:6px}.ability-icon-crippling-shot{--ai-c1: #cfe89a;--ai-c2: #6a7f2f;--ai-glow: rgba(150, 190, 80, .6);clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:2px}.ability-icon-arcane-surge{--ai-c1: #e8c8ff;--ai-c2: #8f3fdf;--ai-glow: rgba(190, 120, 255, .8)}.ability-icon-sanctuary{--ai-c1: #fff0c8;--ai-c2: #c89a40;--ai-glow: rgba(240, 210, 120, .75);border-radius:50% 50% 45% 45%}.item-icon-war-mace{background:linear-gradient(90deg,#6a6a72,#b8b8c0 45%,#6a6a72)}.item-icon-runed-blade{background:linear-gradient(90deg,#6ad0c8,#e8fffb 45%,#6ad0c8);box-shadow:0 0 6px #5adcc8b3}.item-icon-seer-staff:before{background:radial-gradient(circle at 50% 40%,#aef0ff,#2f8fbf 70%);box-shadow:0 0 6px #64c8e6d9}.item-icon-plate-helmet,.item-icon-plate-gloves,.item-icon-plate-boots{filter:brightness(1.18)}.item-icon-plate-chest{background:linear-gradient(180deg,#c8ccd4,#8a9098)}.item-icon-dragonscale-chest{background:repeating-linear-gradient(45deg,#3f7f5f,#3f7f5f 3px,#2a5a40 3px,#2a5a40 6px)}.item-icon-power-potion{background:linear-gradient(180deg,#3c78dc26,#3c78dc80);border-color:#4f8fdf}.item-icon-endurance-potion{background:linear-gradient(180deg,#50c87826,#50c87880);border-color:#4fbf78}.dialogue-panel{min-width:360px;max-width:440px}.dialogue-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.dialogue-portrait{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#6aa0c8,#2a4a60);border:1px solid rgba(255,255,255,.2);flex:none}.dialogue-identity{display:flex;flex-direction:column}.dialogue-name{font-size:1.1rem;font-weight:700;color:#ffe8a0}.dialogue-title{font-size:.8rem;opacity:.7}.dialogue-text{margin:0 0 .9rem;font-size:.95rem;line-height:1.4;opacity:.92}.dialogue-options{display:flex;flex-direction:column;gap:.4rem}.dialogue-option{width:100%}.merchant-panel,.bank-panel{min-width:460px;max-width:540px}.shop-balances{display:flex;gap:1.25rem;margin-bottom:.6rem;font-size:.9rem}.shop-balance-gold strong{color:#f0c850}.shop-balance-rp strong{color:#7fd0ff}.shop-tabs{display:flex;gap:.35rem;margin-bottom:.7rem}.shop-list{display:flex;flex-direction:column;gap:.4rem;max-height:320px;overflow-y:auto}.shop-row{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.35rem}.shop-row-icon{width:32px;display:flex;justify-content:center;flex:none}.shop-row-info{display:flex;flex-direction:column;flex:1;min-width:0}.shop-row-name{font-weight:600}.shop-row-desc{font-size:.78rem;opacity:.6}.shop-row-price{font-weight:700;font-size:.9rem;white-space:nowrap}.shop-price-gold{color:#f0c850}.shop-price-rp{color:#7fd0ff}.shop-buy{flex:none}.shop-buy:disabled{opacity:.4;cursor:not-allowed}.shop-empty{opacity:.6;font-size:.9rem;padding:.5rem}.bank-gold-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem;margin-bottom:.8rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.4rem}.bank-gold-readout{display:flex;flex-direction:column;gap:.2rem;font-size:.9rem}.bank-gold-row strong{color:#f0c850}.bank-gold-controls{display:flex;gap:.35rem;align-items:center}.bank-amount{width:90px;padding:.35rem .5rem;border-radius:.3rem;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:inherit;font:inherit}.bank-items-section{display:flex;gap:1rem}.bank-column{flex:1;min-width:0}.bank-column-label{display:block;font-size:.8rem;opacity:.7;margin-bottom:.4rem}.bank-vault-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.3rem}.bank-slot{cursor:pointer}.bank-bag-list{display:flex;flex-direction:column;gap:.3rem;max-height:260px;overflow-y:auto}.bank-bag-row{display:flex;align-items:center;gap:.5rem;padding:.3rem .4rem;background:#ffffff0a;border-radius:.3rem}.bank-bag-row .shop-row-name{flex:1;font-size:.85rem}.ctf{position:absolute;top:.75rem;width:200px;text-align:left;pointer-events:none}.ctf--enemy{left:calc(50% + 130px);border-color:#b4464680!important}.ctf--friendly{right:calc(50% + 130px);border-color:#46a06e80!important}.ctf-name-row{display:flex;align-items:center;gap:.3rem;margin-bottom:.18rem}.ctf-faction-badge{font-size:.88rem;flex-shrink:0}.ctf-name{font-weight:700;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ctf--enemy .ctf-name{color:#f0b8b8}.ctf--friendly .ctf-name{color:#a8dfbe}.ctf-meta{font-size:.72rem;opacity:.7;margin-bottom:.28rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctf-health-row{margin-bottom:.15rem}.ctf--enemy .health-bar .bar-fill{background:linear-gradient(90deg,#7a1818,#c03030)}.ctf--friendly .health-bar .bar-fill{background:linear-gradient(90deg,#1a5a30,#38a060)}.ctf-status-row{min-height:1.15rem;margin-bottom:.1rem}.ctf-range-hint{font-size:.68rem;opacity:.68;text-align:right;font-variant-numeric:tabular-nums;margin-top:.12rem}.ctf-range-hint--invalid{color:#ff6060;opacity:1}.ctf-range-hint--oor{color:#ffa050;opacity:1}.se-bar{display:flex;flex-wrap:wrap;gap:.18rem}.se-icon{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:24px;height:24px;border-radius:.2rem;font-size:.52rem;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:.01em;border:1px solid rgba(255,255,255,.18);background:#080c10cc;cursor:default;-webkit-user-select:none;user-select:none}.se-icon--buff{border-color:#5ac8828c;color:#9fe8b8}.se-icon--debuff{border-color:#c846468c;color:#f0a0a0}.se-icon--neutral{border-color:#a0aab459;color:#c0c8d0}.se-timer{display:block;font-size:.48rem;font-variant-numeric:tabular-nums;opacity:.78;margin-top:1px}.cast-bar{position:absolute;bottom:5.9rem;left:50%;transform:translate(-50%);width:280px;text-align:center;pointer-events:none}.cast-bar__name{font-size:.8rem;font-weight:600;color:#f0d870;letter-spacing:.025em;margin-bottom:.22rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cast-bar--interrupted .cast-bar__name{color:#ff6060}.cast-bar--locked .cast-bar__name{color:#9ab0c4;opacity:.7}.cast-bar__track{position:relative;height:10px;background:#00000094;border-radius:3px;overflow:hidden;border:1px solid rgba(240,210,80,.3)}.cast-bar--interrupted .cast-bar__track{border-color:#ff505080}.cast-bar--locked .cast-bar__track{border-color:#648cb440}.cast-bar__fill{height:100%;width:0%;background:linear-gradient(90deg,#946a10,#f0c840);transition:width .08s linear}.cast-bar--interrupted .cast-bar__fill{background:#b02020;width:100%!important;transition:none}.cast-bar--locked .cast-bar__fill{background:#3a5068;width:100%!important;transition:none;opacity:.5}.cast-bar__queued{font-size:.68rem;color:#c8a850;margin-top:.18rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cast-bar__message{font-size:.68rem;color:#ff8a8a;margin-top:.15rem}.crb{position:absolute;bottom:5.9rem;left:calc(50% + 150px);width:148px;pointer-events:none}.crb__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.18rem}.crb__label{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;opacity:.65}.crb--ready .crb__label{color:#f0d040;opacity:1;font-weight:600}.crb__queued{font-size:.65rem;color:#b8cc58;max-width:86px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crb__track{height:6px;background:#0000008c;border-radius:3px;overflow:hidden;border:1px solid rgba(200,155,50,.35)}.crb__fill{height:100%;width:0%;background:linear-gradient(90deg,#704a08,#d09028);transition:width .05s linear}.crb--ready .crb__track{border-color:#f0d73c99}.crb--ready .crb__fill{background:linear-gradient(90deg,#b08010,#f8de40);box-shadow:0 0 6px #f0d23c8c inset}.sqi{position:absolute;bottom:5.9rem;right:calc(50% + 150px);width:138px;pointer-events:none}.sqi__label{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;opacity:.55;margin-bottom:.22rem}.sqi__slots{display:flex;flex-direction:column;gap:.18rem}.sqi__slot{padding:.2rem .45rem;border-radius:.25rem;font-size:.73rem;font-weight:500;border:1px solid rgba(255,255,255,.12);background:#080c10a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;line-height:1.35}.sqi__slot--empty{opacity:.35;font-style:italic;color:#8a9aaa}.sqi__slot--valid{border-color:#5ac3738c;color:#9adcb0}.sqi__slot--invalid{border-color:#c3505066;color:#d89898;opacity:.65}.sqi__slot--fallback{border-color:#c8af4673;color:#d4c068}.class-icon-cleric{background:radial-gradient(circle at 50% 35%,#f8e8b0,#c89030 70%);border-radius:50%;border:2px solid #8a6020;box-shadow:0 0 8px #f0c83c80;position:relative}.class-icon-cleric:after{content:"✦";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff8e0;line-height:1;display:grid;place-content:center}.social-sub-tabs{display:flex;gap:.25rem;margin-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.35rem}.social-sub-tab{font:inherit;font-size:.82rem;font-weight:500;padding:.3rem .75rem;border-radius:.35rem .35rem 0 0;border:1px solid transparent;border-bottom:none;background:transparent;color:#b8c7d6;cursor:pointer;transition:background .1s,color .1s,border-color .1s}.social-sub-tab:hover{background:#ffffff0f;color:#e8edf2}.social-sub-tab.active{background:#ffffff14;border-color:#ffffff26;color:#e8edf2}.social-sub-panel{min-height:100px}.guild-panel{display:flex;flex-direction:column;gap:.65rem;font-size:.88rem;max-height:360px;overflow-y:auto;padding-right:.25rem}.guild-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.1)}.guild-name-tag{font-weight:700;font-size:1rem;color:#d4af37;flex:1}.guild-member-badge{font-size:.75rem;color:#8aa8c0;background:#ffffff12;border-radius:.3rem;padding:.1rem .4rem}.guild-role-badge{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:.3rem;padding:.1rem .45rem}.guild-role-leader{background:#d4af3740;color:#d4af37;border:1px solid rgba(212,175,55,.4)}.guild-role-officer{background:#50a0dc2e;color:#78b8e8;border:1px solid rgba(80,160,220,.3)}.guild-role-member{background:#ffffff12;color:#98aec0;border:1px solid rgba(255,255,255,.12)}.guild-motd-section{padding:.25rem 0}.guild-motd-display{margin:0;font-style:italic;color:#a8bcc8;font-size:.84rem}.guild-motd-form,.guild-invite-form,.guild-create-form{display:flex;gap:.4rem;flex-wrap:wrap}.guild-motd-input{flex:1;min-width:0}.guild-section{display:flex;flex-direction:column;gap:.35rem}.guild-section-head{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#8aa0b0;font-weight:600;margin-bottom:.15rem}.guild-divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:.25rem 0}.guild-input{font:inherit;font-size:.85rem;padding:.45rem .7rem;border-radius:.4rem;border:1px solid #3a4d5f;background:#ffffff0a;color:#e8edf2;min-width:0;flex:1}.guild-input:focus{outline:none;border-color:#5a7d9f}.guild-tag-input{max-width:80px;flex:0 0 80px;text-transform:uppercase}.guild-btn{font:inherit;font-size:.82rem;padding:.45rem .85rem;border-radius:.4rem;border:1px solid #3a4d5f;background:#5a7da033;color:#c8dce8;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.guild-btn:hover{background:#5a7da061;border-color:#5a8db8}.guild-btn-sm{font-size:.78rem;padding:.3rem .6rem}.guild-btn-accept{background:#3ca05a38;border-color:#3ca05a66;color:#7adca0}.guild-btn-accept:hover{background:#3ca05a66}.guild-btn-decline{background:#a03c3c2e;border-color:#a03c3c59;color:#d89090}.guild-btn-decline:hover{background:#a03c3c59}.guild-btn-promote{background:#d4af3726;border-color:#d4af374d;color:#d4c060}.guild-btn-promote:hover{background:#d4af374d}.guild-btn-danger{background:#c8323226;border-color:#c832324d;color:#e08080}.guild-btn-danger:hover{background:#c8323259}.guild-invite-row{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.guild-invite-info{flex:1;font-size:.84rem;color:#c0d0e0}.guild-invite-section{border:1px solid rgba(90,125,160,.2);border-radius:.4rem;padding:.5rem .6rem;background:#ffffff05}.guild-roster-list{display:flex;flex-direction:column;gap:.18rem;max-height:180px;overflow-y:auto}.guild-roster-row{display:flex;align-items:center;gap:.5rem;padding:.2rem .3rem;border-radius:.3rem;transition:background .1s}.guild-roster-row:hover{background:#ffffff0a}.guild-roster-name{flex:1;font-size:.85rem}.guild-roster-self{font-weight:600;color:#ffe14d}.guild-roster-role{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.05rem .35rem;border-radius:.25rem}.guild-leave-section{padding-top:.4rem;border-top:1px solid rgba(255,255,255,.08);margin-top:.25rem}.guild-error{font-size:.82rem}#hud-quest-log{position:absolute;left:1rem;top:50%;transform:translateY(-50%);max-width:220px;min-width:150px;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:3}.quest-log{display:flex;flex-direction:column;gap:.45rem}.quest-log-head{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#d4af37;margin-bottom:.1rem;text-shadow:0 1px 3px rgba(0,0,0,.8)}.quest-log-list{display:flex;flex-direction:column;gap:.55rem}.quest-entry{background:#080e14b8;border:1px solid rgba(212,175,55,.22);border-radius:.4rem;padding:.45rem .6rem;display:flex;flex-direction:column;gap:.18rem}.quest-entry-primary{border-color:#f0c850b3;background:#282008c7;box-shadow:0 0 0 1px #f0c85059}.quest-entry-title{display:flex;align-items:baseline;gap:.3rem;font-size:.8rem;font-weight:700;color:#e8d898;text-shadow:0 1px 2px rgba(0,0,0,.9);margin-bottom:.15rem}.quest-entry-pin{font-size:.62rem;flex-shrink:0;opacity:.85}.quest-objective{display:flex;align-items:baseline;gap:.35rem;font-size:.77rem;color:#b8ccd8;text-shadow:0 1px 2px rgba(0,0,0,.9)}.quest-check{font-size:.7rem;min-width:.85rem;color:#8aa0b0;flex-shrink:0}.quest-objective.quest-done .quest-check{color:#6fcf97}.quest-objective.quest-done .quest-obj-text{color:#6fcf97;text-decoration:line-through;opacity:.8}.quest-obj-text{line-height:1.3}.quest-return-hint{font-size:.73rem;color:#d4af37;margin-top:.15rem;font-style:italic;text-shadow:0 1px 2px rgba(0,0,0,.9)}.crafting-panel{width:min(480px,92vw);max-height:70vh;overflow-y:auto}.crafting-recipe-list{display:flex;flex-direction:column;gap:.45rem;padding:.75rem}.crafting-recipe-row{display:flex;align-items:center;gap:.75rem;padding:.55rem .65rem;background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:.4rem;transition:background .1s}.crafting-recipe-row:hover{background:#ffffff0f}.crafting-recipe-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.12rem}.crafting-recipe-name{font-size:.9rem;font-weight:600;color:#e8d070}.crafting-recipe-inputs{font-size:.75rem;color:#90a8bc}.crafting-recipe-output{font-size:.78rem;color:#6fcf97}.crafting-craft-btn{font:inherit;font-size:.82rem;padding:.38rem .85rem;border-radius:.4rem;border:1px solid rgba(110,180,110,.4);background:#3c824638;color:#a8dca8;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s;flex-shrink:0}.crafting-craft-btn:hover{background:#3c82466b;border-color:#6eb46eb3}.trainer-panel{width:min(460px,92vw);max-height:70vh;overflow-y:auto}.trainer-npc-name{padding:.3rem .75rem 0;font-size:.8rem;color:#8aa0b8;font-style:italic}.trainer-skill-list{display:flex;flex-direction:column;gap:.4rem;padding:.6rem .75rem}.trainer-skill-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .65rem;background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:.4rem;transition:background .1s}.trainer-skill-row:hover{background:#ffffff0f}.trainer-locked-row{opacity:.6}.trainer-skill-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.trainer-skill-name{font-size:.88rem;font-weight:600;color:#d8e8f8}.trainer-level-req{font-size:.75rem;font-weight:400;color:#f0a060}.trainer-skill-desc{font-size:.75rem;color:#90a8bc}.trainer-skill-cost{font-size:.82rem;font-weight:600;color:#e8d070;white-space:nowrap;flex-shrink:0;min-width:36px;text-align:right}.trainer-train-btn{font:inherit;font-size:.8rem;padding:.35rem .75rem;border-radius:.4rem;border:1px solid rgba(80,140,200,.4);background:#3264a038;color:#a8c8e8;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s;flex-shrink:0}.trainer-train-btn:hover:not(:disabled){background:#3264a06b;border-color:#508cc8b3}.trainer-train-btn:disabled{opacity:.35;cursor:not-allowed}.trainer-empty{font-size:.85rem;color:#8a9aaa;padding:.5rem 0;font-style:italic}#hud-settings{min-width:360px;max-width:440px;max-height:min(80vh,640px);display:flex;flex-direction:column}.settings-tabs{display:flex;gap:.4rem;margin:.25rem 0 .85rem;border-bottom:1px solid rgba(255,255,255,.12)}.settings-tab{font:inherit;flex:1;padding:.45rem .5rem;border:none;border-bottom:2px solid transparent;background:transparent;color:inherit;opacity:.65;cursor:pointer}.settings-tab:hover{opacity:.85}.settings-tab.active{opacity:1;border-bottom-color:#6cf}.settings-tab-panel{display:flex;flex-direction:column;overflow-y:auto;min-height:0}.setting-row{display:flex;flex-direction:column;gap:.35rem;padding:.5rem 0}.setting-row-toggle{flex-direction:row;align-items:center;justify-content:space-between}.setting-label{font-size:.9rem}.setting-control{display:flex;align-items:center;gap:.75rem}.setting-control input[type=range]{flex:1;accent-color:#6cf;cursor:pointer}.setting-value{min-width:3.25rem;text-align:right;font-variant-numeric:tabular-nums;font-size:.85rem;opacity:.85}.setting-checkbox{width:1.1rem;height:1.1rem;accent-color:#6cf;cursor:pointer}.settings-footer{margin-top:.85rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.12)}#keybinds-list{overflow-y:auto;margin-bottom:.75rem;padding-right:.25rem}.keybinds-category{margin:.75rem 0 .35rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;opacity:.65}.keybinds-category:first-child{margin-top:0}.keybind-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 0}.keybind-label{font-size:.9rem}.keybind-key{font:inherit;min-width:4.5rem;padding:.35rem .65rem;border-radius:.35rem;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:inherit;cursor:pointer;text-align:center}.keybind-key:hover{background:#ffffff1a}.keybind-key.listening{border-color:#6cf;box-shadow:0 0 0 1px #66ccff59;animation:keybind-pulse 1.2s ease-in-out infinite}@keyframes keybind-pulse{0%,to{background:#66ccff1f}50%{background:#66ccff38}}.keybinds-actions{display:flex;flex-direction:column;gap:.5rem}.menu-button-secondary{background:#2a3540}.menu-button-secondary:hover{background:#354552}.keybinds-hint{margin:0 0 .75rem;font-size:.75rem;opacity:.6}@media(max-width:900px){.ctf--enemy{left:auto;right:.5rem;width:160px}.ctf--friendly{right:auto;left:.5rem;width:160px}.crb{left:auto;right:.5rem;width:120px}.sqi{right:auto;left:.5rem;width:110px}}