@font-face{font-family:Lora;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/lora-latin-600.woff2)format("woff2")}@font-face{font-family:Lora;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/lora-latin-700.woff2)format("woff2")}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/nunito-sans-latin-400.woff2)format("woff2")}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/nunito-sans-latin-600.woff2)format("woff2")}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/nunito-sans-latin-700.woff2)format("woff2")}:root{--forest-950:#18351f;--forest-900:#23482a;--forest-800:#315e37;--forest-600:#5c824a;--sage-300:#afc58c;--cream-50:#fff9e8;--cream-100:#f7ebcb;--cream-200:#ead7a6;--gold-400:#e7bc55;--gold-500:#c99a32;--brown-900:#49351f;--brown-600:#80674b;--hp:#e85f57;--success:#6f9d58;--resource-stamina:#6f9d58;--resource-mana:#4f86cd;--resource-focus:#7d6bc4;--stamp-earned:#c99a32;--stamp-empty:#b8ac95;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-pill:999px;--panel-border:1px solid #ba913e73;--panel-shadow:0 8px 18px #2b28182e, inset 0 1px 0 #ffffffbf;--panel-shadow-dark:0 10px 24px #0c180f52, inset 0 1px 0 #ffffff14;--font-display:"Lora", Georgia, "Times New Roman", serif;--font-body:"Nunito Sans", "Segoe UI", Arial, sans-serif;--motion-panel:.18s ease-out;--motion-hover:.12s ease;--motion-hp:.3s ease;--hud-gap:20px;--topbar-height:72px}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:#263b30;background:#d7c59f;flex-direction:column;align-items:center;min-width:320px;font-family:Trebuchet MS,Arial,sans-serif;display:flex}.top-navbar{color:#fff8e9;-webkit-backdrop-filter:blur(14px)saturate(130%);backdrop-filter:blur(14px)saturate(130%);z-index:200;background:linear-gradient(110deg,#143424eb,#224930c7);border-bottom:2px solid #c99a4a;align-items:center;gap:1.25rem;width:100%;min-height:3.75rem;padding:.45rem clamp(.75rem,3vw,2rem);display:flex;position:relative;overflow:visible;box-shadow:0 3px 12px #1f302338}.top-navbar:after{content:"✦  ❧";color:#c99a4a38;pointer-events:none;font-size:2rem;position:absolute;bottom:-.35rem;right:17%;transform:rotate(-8deg)}.top-navbar a{color:inherit;text-decoration:none}.top-navbar__brand{align-items:center;gap:.55rem;min-width:max-content;font-weight:700;display:flex}.top-navbar__paw{color:#203b2d;background:#f7efd9;border:2px solid #c99a4a;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:1.15rem;display:grid}.top-navbar__brand-copy{flex-direction:column;gap:.1rem;line-height:1;display:flex}.top-navbar__brand-copy strong{letter-spacing:.01em;font-family:Georgia,Times New Roman,serif;font-size:1.12rem}.top-navbar__brand-copy small,.top-navbar__world small{color:#c7d5af;letter-spacing:.14em;font-size:.52rem}.top-navbar__world{color:#f7efd9;align-items:center;gap:.45rem;margin-left:auto;font-size:.78rem;display:flex}.top-navbar__sun{color:#efc66c;font-size:1rem}.top-navbar__world small{color:#b6c9a3;margin-left:.2rem}.top-navbar__avatar{background:#d9b77b;border:2px solid #f0d18a;border-radius:50%;place-items:center;width:1.9rem;height:1.9rem;font-size:1rem;display:grid}.top-navbar nav{gap:1rem;display:flex}.top-navbar__account{align-items:center;gap:.75rem;margin-left:auto;display:flex;position:relative}.top-navbar__identity{align-items:center;gap:.75rem;display:flex;position:relative}.top-navbar__account-label{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:12rem;display:inline-block;overflow:hidden}.top-navbar__account-caret{color:#e8d9b4;margin-left:.35rem;font-size:.7rem}.top-navbar__sound{place-items:center;width:1.9rem;height:1.9rem;padding:0;font-size:.72rem;display:inline-grid}.top-navbar__sound svg{flex:none}.top-navbar__sound[aria-pressed=false]{color:#c7bda1;border-color:#c7bda173}.navbar-account-menu{z-index:300;overscroll-behavior:contain;background:#fff8e8;border:2px solid #c99a4a;border-radius:.7rem;flex-direction:column;gap:.15rem;width:min(19rem,100vw - 1.5rem);max-height:calc(100vh - 6rem);padding:.4rem;display:flex;position:absolute;top:calc(100% + .55rem);right:0;overflow-y:auto;box-shadow:0 8px 20px #1f302347}.navbar-account-menu[hidden]{display:none}.navbar-account-menu__account{color:#6b7a5e;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #c99a4a66;margin:0 .4rem .35rem;padding-bottom:.4rem;font:italic .72rem Georgia,Times New Roman,serif;overflow:hidden}.navbar-account-menu button{color:#203b2d;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.45rem;align-items:center;gap:.5rem;width:100%;padding:.5rem .7rem;font:700 .8rem Georgia,Times New Roman,serif;display:flex}.navbar-account-menu a{color:#203b2d;border-radius:.45rem;padding:.5rem .7rem;font:700 .8rem Georgia,Times New Roman,serif;text-decoration:none;display:block}.navbar-account-menu button:hover,.navbar-account-menu a:hover,.navbar-account-menu button:focus-visible,.navbar-account-menu a:focus-visible{color:#203b2d;background:#ead9bc;border-color:#0000;outline:none}.navbar-account-menu__courier,.navbar-account-menu .navbar-account-menu__courier:hover{background:0 0;gap:.55rem}.navbar-account-menu button.navbar-account-menu__courier--current,.navbar-account-menu .navbar-account-menu__courier--current:hover{cursor:default;background:#8fc98a40;border:1px solid #6da56b80}.navbar-account-menu__badge{background:radial-gradient(circle at 35% 30%,#8fc98a8c,#6da56b40);border:1px solid #6da56b80;border-radius:50%;flex:none;place-items:center;width:1.75rem;height:1.75rem;font-size:.85rem;display:grid}.navbar-account-menu__courier-info{flex-direction:column;gap:.05rem;min-width:0;display:flex}.navbar-account-menu__courier-name{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:700;overflow:hidden}.navbar-account-menu__courier-meta{color:#6b7a5e;font:.65rem/1.3 Trebuchet MS,Arial,sans-serif}.navbar-account-menu__divider{background:#c99a4a66;height:1px;margin:.25rem .2rem}.top-navbar button{color:#f7efd9;cursor:pointer;background:0 0;border:1px solid #f0d18a99;border-radius:.5rem;padding:.35rem .7rem;transition:background .12s,border-color .12s}.top-navbar button:hover{background:#f0d18a1f;border-color:#f0d18a}#game-container{isolation:isolate;aspect-ratio:16/9;background:#bcd8a6;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 32px #3a5a3a40}#game-container>canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}#hud-layer{z-index:10;pointer-events:none;position:absolute;inset:0}#hud-layer>*{pointer-events:auto}#hud-overlays{z-index:3000;pointer-events:none;position:fixed;inset:0}#hud-overlays>*{pointer-events:auto}.hud-panel{color:var(--brown-900);-webkit-backdrop-filter:blur(10px)saturate(125%);backdrop-filter:blur(10px)saturate(125%);border:var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--panel-shadow);font-family:var(--font-body);animation:hud-panel-in var(--motion-panel);background:linear-gradient(150deg,#fff9e8f0,#f7ebcbe0);flex-direction:column;display:flex;position:relative}.hud-panel--dark{color:var(--cream-50);box-shadow:var(--panel-shadow-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#17361feb}.hud-panel[hidden]{display:none}@keyframes hud-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hud-panel__header{font-family:var(--font-display);align-items:center;gap:8px;padding:10px 14px;font-size:15px;font-weight:700;display:flex}.hud-panel__body{flex-direction:column;gap:8px;min-width:0;min-height:0;padding:12px 14px 14px;display:flex}.hud-panel__leaf{color:var(--forest-600);opacity:.35;pointer-events:none;position:absolute}.hud-panel__leaf--tl{top:4px;left:6px}.hud-panel__leaf--tr{top:4px;right:6px;transform:scaleX(-1)}.hud-panel__leaf--bl{bottom:4px;left:6px;transform:scaleY(-1)}.hud-panel__leaf--br{bottom:4px;right:6px;transform:scale(-1)}.hud-pill{color:var(--cream-50);background:var(--forest-800);border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;border:1px solid #ba913e73;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.hud-pill--gold{color:var(--forest-950);background:linear-gradient(150deg, var(--gold-400), var(--gold-500))}.hud-pill--quiet{color:var(--sage-300);background:#23482a8c}.hud-key{min-width:20px;height:20px;color:var(--brown-900);background:var(--cream-50);font-family:var(--font-body);border:1px solid #80674b8c;border-radius:6px;place-items:center;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-grid;box-shadow:inset 0 -2px #80674b47}.hud-key--dark{color:var(--cream-50);background:#fff9e81f;border-color:#e7bc5566;box-shadow:inset 0 -2px #00000040}.hud-icon-btn{width:30px;height:30px;color:var(--brown-600);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion-hover), color var(--motion-hover), transform var(--motion-hover);background:0 0;border:none;place-items:center;padding:0;display:inline-grid}.hud-icon-btn:hover{color:var(--brown-900);background:#c99a3229}.hud-icon-btn:active{transform:scale(.97)}.hud-icon-btn:focus-visible{outline:2px solid var(--gold-500);outline-offset:1px}.hud-icon-btn--dark{color:#f7ebcbbf}.hud-icon-btn--dark:hover{color:var(--cream-50);background:#e7bc552e}.hud-progress{border-radius:var(--radius-pill);background:#49351f2e;flex:1;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #391f1333}.hud-progress__fill{border-radius:inherit;background:linear-gradient(90deg, var(--hp), #f0907e);height:100%;transition:width var(--motion-hp)}.hud-progress__fill--success{background:linear-gradient(90deg, var(--success), #9dc07f)}.hud-avatar{width:84px;height:84px;color:var(--forest-950);background:radial-gradient(circle at 38% 30%, var(--cream-50), var(--cream-200));border:4px solid var(--gold-500);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-size:38px;display:grid;box-shadow:0 3px 6px #311d0f40}.hud-avatar--sm{border-width:2px;width:34px;height:34px;font-size:17px}.hud-divider{background:#ba913e59;border:0;height:1px;margin:4px 0}.hud-panel--dark .hud-divider{background:#e7bc5538}.hud-button{color:var(--cream-50);background:var(--forest-800);border:1px solid var(--gold-500);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;transition:filter var(--motion-hover), transform var(--motion-hover);justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:700;display:inline-flex}.hud-button:hover:not(:disabled){filter:brightness(1.12)}.hud-button:active:not(:disabled){transform:scale(.97)}.hud-button:focus-visible{outline:2px solid var(--gold-500);outline-offset:1px}.hud-button:disabled{cursor:not-allowed;opacity:.55}.hud-button--outlined{color:var(--cream-50);background:0 0}.hud-button[hidden]{display:none}@media (prefers-reduced-motion:reduce){.hud-panel,.hud-button,.hud-icon-btn{transition:none;animation:none}}#hud-layer{--hud-scale:max(var(--game-scale,1), .55);--hud-edge:calc(var(--hud-scale) * 12px);--hud-gap:calc(var(--hud-scale) * 8px);--hud-radius:calc(var(--hud-scale) * 14px);--hud-inventory-size:calc(var(--hud-scale) * 44px);--hud-card-surface:linear-gradient(150deg, #fff9e8f0, #f7ebcbe0)}#player-hp.player-card{top:var(--hud-edge);left:var(--hud-edge);width:calc(var(--hud-scale) * 121px);border-radius:var(--hud-radius);pointer-events:none;position:absolute}.player-card--hidden{visibility:hidden}.player-card--reveal{animation:.26s ease-out player-card-reveal}@keyframes player-card-reveal{0%{opacity:0;transform:translateY(calc(var(--hud-scale) * -6px))}to{opacity:1;transform:translateY(0)}}#player-hp.player-card>.hud-panel__body{padding:calc(var(--hud-scale) * 4px) calc(var(--hud-scale) * 6px);gap:calc(var(--hud-scale) * 5px)}.player-card__portrait{width:calc(var(--hud-scale) * 24px);height:calc(var(--hud-scale) * 24px);border-width:calc(var(--hud-scale) * 1.5px);font-size:calc(var(--hud-scale) * 13px)}.player-card__details{gap:calc(var(--hud-scale) * 2px);flex-direction:column;flex:1;min-width:0;display:flex}.player-card__identity{align-items:baseline;gap:calc(var(--hud-scale) * 4px);min-width:0;display:flex}.player-card__name{color:var(--brown-900);font-family:var(--font-display);font-size:calc(var(--hud-scale) * 10px);text-overflow:ellipsis;white-space:nowrap;line-height:1.1;overflow:hidden}.player-card__rank:empty{display:none}.player-card__rank{color:var(--brown-600);font-size:calc(var(--hud-scale) * 8px);letter-spacing:.06em;text-transform:uppercase;flex:none;font-weight:700}.player-card__level{color:var(--brown-600);font-size:calc(var(--hud-scale) * 9px);white-space:nowrap;flex:none;margin-left:auto;font-weight:700}.player-card__bar{align-items:center;gap:calc(var(--hud-scale) * 4px);min-width:0;display:flex}.player-card__heart{color:var(--hp);flex:none}.player-card__resource-icon{color:var(--brown-600);flex:none}.player-card__bar--stamina .player-card__resource-icon{color:var(--resource-stamina)}.player-card__bar--mana .player-card__resource-icon{color:var(--resource-mana)}.player-card__bar--focus .player-card__resource-icon{color:var(--resource-focus)}.player-card__bar .hud-progress{height:calc(var(--hud-scale) * 9px)}.player-card__bar-track--stamina{--resource-fill:linear-gradient(90deg, var(--resource-stamina), #a8c98a)}.player-card__bar-track--mana{--resource-fill:linear-gradient(90deg, var(--resource-mana), #8ab4e8)}.player-card__bar-track--focus{--resource-fill:linear-gradient(90deg, var(--resource-focus), #ac9ce4)}.player-card__bar--resource .hud-progress__fill{background:var(--resource-fill,var(--resource-mana))}.player-card__bar-value{color:var(--cream-50);font-size:calc(var(--hud-scale) * 7px);font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #2b1d0f8c;pointer-events:none;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.player-card__rating{align-items:center;gap:calc(var(--hud-scale) * 2px);min-width:0;display:flex}.player-card__stamp{color:var(--stamp-empty);opacity:.55;flex:none;place-items:center;display:grid}.player-card__stamp--earned{color:var(--stamp-earned);opacity:1}.minimap{top:var(--hud-edge);right:var(--hud-edge);width:calc(var(--hud-scale) * var(--minimap-width,128) * 1px);color:var(--cream-50);border-radius:var(--hud-radius);box-shadow:var(--panel-shadow-dark);font-family:var(--font-body);animation:hud-panel-in var(--motion-panel);background:#17361feb;border:1px solid #ba913e73;flex-direction:column;display:flex;position:absolute;overflow:hidden}.minimap__header{align-items:center;gap:calc(var(--hud-scale) * 5px);height:calc(var(--hud-scale) * 20px);padding:0 calc(var(--hud-scale) * 7px);color:var(--cream-50);font-family:var(--font-display);font-size:calc(var(--hud-scale) * 10px);text-align:left;cursor:pointer;background:0 0;border:0;font-weight:700;display:flex}.minimap__header:hover{background:#e7bc5524}.minimap__header:focus-visible{outline:2px solid var(--gold-500);outline-offset:-2px}.minimap__pin{color:var(--gold-400);flex:none}.minimap__title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.minimap__caret{transition:transform var(--motion-hover);flex:none;place-items:center;display:grid}.minimap__body{width:100%;height:calc(var(--hud-scale) * var(--minimap-width,128) * var(--minimap-aspect,1) * 1px);background:#8fc98a;position:relative}.minimap__base,.minimap__dyn{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.minimap__footer{align-items:center;gap:calc(var(--hud-scale) * 5px);height:calc(var(--hud-scale) * 17px);padding:0 calc(var(--hud-scale) * 7px);font-size:calc(var(--hud-scale) * 9px);border-top:1px solid #e7bc5538;display:flex}.minimap__zone{color:var(--cream-100);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.minimap__coords{color:var(--sage-300);font-variant-numeric:tabular-nums;flex:none}.minimap__server{width:calc(var(--hud-scale) * 9px);height:calc(var(--hud-scale) * 9px);flex:none;display:block}.minimap__server:before{content:"";background:var(--hp);border-radius:50%;width:100%;height:100%;display:block}.minimap__server[data-status=joined]:before{background:var(--success)}.minimap__server[data-status=idle]:before{background:var(--brown-600)}.minimap__server[data-status=closed]:before{background:var(--hp)}.minimap__server[data-status=connecting]:before,.minimap__server[data-status=authenticating]:before,.minimap__server[data-status=fetching-token]:before,.minimap__server[data-status=reconnecting]:before{background:var(--gold-400);animation:1.2s ease-in-out infinite hud-status-pulse}@keyframes hud-status-pulse{0%,to{opacity:1}50%{opacity:.3}}.minimap--collapsed .minimap__body,.minimap--collapsed .minimap__footer{display:none}.minimap--collapsed .minimap__caret{transform:rotate(180deg)}.minimap[hidden]{display:none}.hud-column{gap:var(--hud-gap);flex-direction:column;display:flex;position:absolute}#hud-layer>.hud-column{pointer-events:none}.hud-column>*{pointer-events:auto}.hud-column--bottom-left{left:var(--hud-edge);bottom:var(--hud-edge);width:calc(var(--hud-scale) * 200px)}.hud-column--bottom-left>.quest-tracker{order:0}.hud-column--bottom-left>.chat-box{order:1}.quest-tracker{border-radius:var(--hud-radius);width:100%;position:relative}.quest-tracker>.hud-panel__body{padding:calc(var(--hud-scale) * 10px) calc(var(--hud-scale) * 9px) calc(var(--hud-scale) * 7px);gap:calc(var(--hud-scale) * 4px)}.quest-tracker__tab{top:calc(var(--hud-scale) * -9px);left:calc(var(--hud-scale) * 12px);padding:calc(var(--hud-scale) * 3px) calc(var(--hud-scale) * 9px);font-size:calc(var(--hud-scale) * 9px);font-family:var(--font-display);cursor:pointer;position:absolute}.quest-tracker__tab:hover{filter:brightness(1.12)}.quest-tracker__tab:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.quest-tracker__header{align-items:center;gap:calc(var(--hud-scale) * 6px);display:flex}.quest-tracker__title{color:var(--brown-900);font-family:var(--font-display);font-size:calc(var(--hud-scale) * 12px);flex:1;line-height:1.15}.quest-tracker__toggle{width:calc(var(--hud-scale) * 18px);height:calc(var(--hud-scale) * 18px)}.quest-tracker__objective{color:var(--brown-600);font-size:calc(var(--hud-scale) * 9px);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.quest-tracker__row{align-items:center;gap:calc(var(--hud-scale) * 6px);display:flex}.quest-tracker__status{color:var(--brown-900);font-size:calc(var(--hud-scale) * 9px);flex:1;font-weight:700;line-height:1.3}.quest-tracker__status--notice{color:var(--success)}.quest-tracker__action{padding:calc(var(--hud-scale) * 5px) calc(var(--hud-scale) * 10px);font-size:calc(var(--hud-scale) * 10px)}.quest-tracker--collapsed{width:max-content;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;align-self:flex-start}.quest-tracker--collapsed>.hud-panel__body{display:none}.quest-tracker--collapsed>.quest-tracker__tab{position:static;top:auto;left:auto}.quest-tracker[hidden]{display:none}.skill-bar{left:50%;bottom:var(--hud-edge);animation:hud-panel-in var(--motion-panel);position:absolute;transform:translate(-50%)}.skill-bar__slots{gap:calc(var(--hud-scale) * 6px);display:flex}.skill-slot{width:calc(var(--hud-scale) * 32px);height:calc(var(--hud-scale) * 32px);color:var(--forest-950);background:radial-gradient(circle at 38% 28%, var(--cream-50), var(--cream-200));border-radius:calc(var(--hud-scale) * 9px);cursor:pointer;transition:transform var(--motion-hover), filter var(--motion-hover);border:1px solid #80674b80;place-items:center;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -2px #80674b38,0 2px 4px #311d0f47}.skill-slot:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.5}.skill-slot:not(:disabled):hover{filter:brightness(1.08)}.skill-slot:focus-visible{outline:2px solid var(--gold-500);outline-offset:1px}.skill-slot__icon{font-size:calc(var(--hud-scale) * 15px);line-height:1}.skill-slot__key{min-width:calc(var(--hud-scale) * 13px);height:calc(var(--hud-scale) * 13px);padding:0 calc(var(--hud-scale) * 2px);border-radius:calc(var(--hud-scale) * 4px);box-shadow:none;font-size:calc(var(--hud-scale) * 8px);opacity:.85;position:absolute;bottom:0;right:0;transform:none}.skill-slot--pressed{animation:.18s ease-out hud-slot-press}@keyframes hud-slot-press{0%{transform:scale(1)}45%{filter:brightness(1.25);transform:scale(.9)}to{transform:scale(1)}}.skill-slot__cooldown{opacity:0;pointer-events:none;background:#18351f99;position:absolute;inset:0}.skill-slot--cooldown .skill-slot__cooldown{animation:linear forwards hud-slot-cooldown}@keyframes hud-slot-cooldown{0%{opacity:.62}to{opacity:0}}.skill-bar[hidden]{display:none}.chat-box{border-radius:var(--hud-radius);-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);background:#17361fad;width:100%;position:relative}.chat-box>.hud-panel__body{padding:calc(var(--hud-scale) * 9px) calc(var(--hud-scale) * 10px) calc(var(--hud-scale) * 10px);gap:calc(var(--hud-scale) * 7px)}.chat-box--collapsed>.hud-panel__body{padding:calc(var(--hud-scale) * 3px) calc(var(--hud-scale) * 5px) calc(var(--hud-scale) * 3px) calc(var(--hud-scale) * 9px);gap:0}.chat-box--collapsed{border-radius:var(--radius-pill);background:#17361f94;align-self:flex-start;width:max-content;max-width:100%}.chat-box--collapsed .chat-box__scope,.chat-box__body[hidden]{display:none}.chat-box__header{align-items:center;gap:calc(var(--hud-scale) * 6px);font-size:calc(var(--hud-scale) * 10px);cursor:pointer;display:flex}.chat-box__title{align-items:center;gap:calc(var(--hud-scale) * 5px);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;display:inline-flex;overflow:hidden}.chat-box__scope{padding:calc(var(--hud-scale) * 2px) calc(var(--hud-scale) * 7px);font-size:calc(var(--hud-scale) * 8px);flex:none}.chat-box__toggle{width:calc(var(--hud-scale) * 22px);height:calc(var(--hud-scale) * 22px);flex:none}.chat-box__log{gap:calc(var(--hud-scale) * 4px);height:calc(var(--hud-scale) * 56px);scrollbar-width:thin;font-size:calc(var(--hud-scale) * 10px);flex-direction:column;line-height:1.35;display:flex;overflow-y:auto}.chat-box__empty{place-items:center;gap:calc(var(--hud-scale) * 2px);color:#afc58cb3;text-align:center;height:100%;display:grid}.chat-box__empty[hidden]{display:none}.chat-box__message{gap:calc(var(--hud-scale) * 4px);color:var(--cream-100);overflow-wrap:anywhere;display:flex}.chat-box__message strong{color:var(--gold-400);flex:none}.chat-box__message--self strong{color:var(--sage-300)}.chat-box__composer{align-items:center;gap:calc(var(--hud-scale) * 6px);display:flex}.chat-box__field{flex:1;align-items:center;min-width:0;display:flex;position:relative}.chat-box__field-icon{left:calc(var(--hud-scale) * 8px);color:var(--sage-300);pointer-events:none;position:absolute}.chat-box__input{width:100%;height:calc(var(--hud-scale) * 28px);padding:0 calc(var(--hud-scale) * 8px) 0 calc(var(--hud-scale) * 26px);color:var(--cream-50);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:calc(var(--hud-scale) * 10px);background:#fff9e824;border:1px solid #e7bc554d}.chat-box__input::placeholder{color:#afc58ca6}.chat-box__input:focus-visible{outline:2px solid var(--gold-500);outline-offset:1px}.chat-box__send{width:calc(var(--hud-scale) * 28px);height:calc(var(--hud-scale) * 28px);color:var(--forest-950);background:linear-gradient(150deg, var(--gold-400), var(--gold-500));border:1px solid var(--gold-500);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.chat-box__send:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.5}.chat-box__send:focus-visible{outline:2px solid var(--gold-500);outline-offset:1px}.chat-box[hidden]{display:none}.inventory-button{right:var(--hud-edge);bottom:var(--hud-edge);width:var(--hud-inventory-size);height:var(--hud-inventory-size);color:var(--brown-900);background:var(--hud-card-surface);border:var(--panel-border);box-shadow:var(--panel-shadow);cursor:pointer;transition:transform var(--motion-hover), filter var(--motion-hover);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.inventory-button:hover{filter:brightness(1.06)}.inventory-button:active{transform:scale(.98)}.inventory-button:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.inventory-button__icon{color:var(--forest-800);display:block}.inventory-button[hidden]{display:none}.level-up-banner{top:calc(var(--hud-edge) * 2.5);align-items:center;gap:calc(var(--hud-scale) * 10px);padding:calc(var(--hud-scale) * 10px) calc(var(--hud-scale) * 16px);border:calc(var(--hud-scale) * 2px) solid var(--gold-500,#c99a4a);border-radius:var(--hud-radius);background:var(--hud-card-surface);box-shadow:0 calc(var(--hud-scale) * 8px) calc(var(--hud-scale) * 18px) #1f30234d;transform:translate(-50%, calc(var(--hud-scale) * -10px)) scale(.96);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;display:flex;position:absolute;left:50%}.level-up-banner[hidden]{display:none}.level-up-banner--visible{opacity:1;transform:translate(-50%)scale(1)}.level-up-banner__glyph{width:calc(var(--hud-scale) * 34px);height:calc(var(--hud-scale) * 34px);color:#7a5417;background:radial-gradient(circle at 35% 30%,#fff3cd,#e8bd5e);border-radius:50%;place-items:center;display:grid}.level-up-banner__text{gap:calc(var(--hud-scale) * 1px);flex-direction:column;display:flex}.level-up-banner__title{font-family:Georgia,Times New Roman,serif;font-size:calc(var(--hud-scale) * 12px);letter-spacing:.16em;text-transform:uppercase;color:#8a6320}.level-up-banner__headline{font-family:Georgia,Times New Roman,serif;font-size:calc(var(--hud-scale) * 20px);color:var(--forest-900,#1f3023);font-weight:700}.level-up-banner__details{gap:0 calc(var(--hud-scale) * 10px);flex-wrap:wrap;display:flex}.level-up-banner__detail{font-size:calc(var(--hud-scale) * 11px);color:#5c6b52}.level-up-banner--rank{border-color:#4f7a4a}.level-up-banner--rank .level-up-banner__title{color:#3f6b3c}.level-up-banner--rank .level-up-banner__glyph{color:#33562f;background:radial-gradient(circle at 35% 30%,#eaf6d8,#a8cf82)}.player-card--celebrate{box-shadow:0 0 0 calc(var(--hud-scale) * 3px) #c99a4a73;animation:1.8s ease-out player-card-celebrate}.player-card__level--gain{color:#8a6320;animation:1.8s ease-out player-card-level-gain}.player-card__rating--gain{animation:1.2s ease-out player-card-rating-gain}@keyframes player-card-celebrate{0%{box-shadow:0 0 #c99a4aa6}35%{box-shadow:0 0 0 calc(var(--hud-scale) * 6px) #c99a4a66}to{box-shadow:0 0 0 calc(var(--hud-scale) * 3px) #c99a4a00}}@keyframes player-card-level-gain{0%{transform:scale(1)}30%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes player-card-rating-gain{0%{opacity:1;transform:translateY(0)}40%{transform:translateY(calc(var(--hud-scale) * -3px));opacity:.6}to{opacity:1;transform:translateY(0)}}.quest-compass{width:calc(var(--hud-scale) * 26px);height:calc(var(--hud-scale) * 26px);pointer-events:none;flex-direction:column;align-items:center;animation:2.4s ease-in-out infinite quest-compass-bob;display:flex;position:absolute;transform:translate(-50%,-50%)}.quest-compass[hidden]{display:none}.quest-compass__arrow{color:#f0b62c;width:100%;height:100%;transform:rotate(var(--compass-angle,0deg));filter:drop-shadow(0 0 calc(var(--hud-scale) * 1.5px) #18241af2) drop-shadow(0 0 calc(var(--hud-scale) * 4px) #18241a80);place-items:center;display:grid}@keyframes quest-compass-bob{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.07)}}.hurt-vignette{z-index:8;pointer-events:none;opacity:0;background:radial-gradient(#a0141400 55%,#a014148c 100%);position:absolute;inset:0}.hurt-vignette--on{animation:.42s ease-out hurt-vignette}@keyframes hurt-vignette{0%{opacity:1}to{opacity:0}}@media (max-width:560px){.chat-box__log,.quest-tracker__objective{display:none}}@media (prefers-reduced-motion:reduce){.minimap,.skill-bar,.skill-slot--pressed,.minimap__server[data-status]:before,.skill-slot--cooldown .skill-slot__cooldown,.player-card--reveal,.player-card--celebrate,.player-card__level--gain,.player-card__rating--gain{animation:none}.level-up-banner{transition:opacity .12s linear;transform:translate(-50%)scale(1)}.quest-compass,.hurt-vignette--on{animation:none}}#ui-overlay{pointer-events:none;z-index:20;justify-content:center;align-items:flex-end;padding:3% 4%;display:flex;position:absolute;inset:0}.dialogue-panel{pointer-events:auto;color:#3a3a2a;cursor:pointer;background:#fff8ec;border:2px solid #b08a5f;border-radius:14px;width:min(720px,100%);padding:16px 20px 14px;font-family:Georgia,Times New Roman,serif;transition:transform .12s;position:relative;box-shadow:0 6px 24px #3a3a2859}.dialogue-panel:focus-visible{outline-offset:2px;outline:3px solid #d08a3e}.dialogue-panel:hover{transform:translateY(-1px)}.dialogue-panel.hidden{display:none}.dialogue-speaker{color:#8a5a2a;margin-bottom:6px;font-size:1.05rem;font-weight:700}.dialogue-text{min-height:1.45em;font-size:1rem;line-height:1.45}.dialogue-hint{color:#8a8a6a;margin-top:10px;font-size:.8rem;font-style:italic}.dialogue-menu{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.dialogue-menu[hidden]{display:none}.dialogue-option{color:#fff8ec;cursor:pointer;background:#6da56b;border:2px solid #4f7a4a;border-radius:10px;padding:8px 22px;font-family:inherit;font-size:.95rem;font-weight:700;box-shadow:0 2px #3a3a2840}.dialogue-option:hover{filter:brightness(1.08);transform:translateY(-1px)}.dialogue-option:focus-visible{outline-offset:2px;outline:3px solid #d08a3e}.dialogue-option:active{box-shadow:none;transform:translateY(1px)}.dialogue-close{color:#8a8a6a;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:1rem;line-height:1;position:absolute;top:8px;right:10px}.dialogue-close:hover{color:#5a3a1a;background:#0000000f}:root{--login-cream:#f7f0e3;--login-cream-soft:#fbf6ec;--login-ink:#3a5a3a;--login-ink-soft:#6d7a4f;--login-leaf:#8fc98a;--login-leaf-deep:#6da56b;--login-warm:#d08a3e;--login-error:#b3422a}.login-overlay{z-index:50;pointer-events:auto;background:radial-gradient(circle at 50% 35%,#f7f0e3f5 0%,#e4d5b8f5 70%);place-items:center;animation:.28s ease-out login-fade-in;display:grid;position:fixed;inset:0}.login-overlay[hidden]{display:none}.login-overlay__backdrop{pointer-events:none;mix-blend-mode:multiply;opacity:.7;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'><g fill='none' stroke='rgba(58, 90, 58, 0.06)' stroke-width='0.6'><circle cx='30' cy='40' r='1.5'/><circle cx='150' cy='60' r='1.2'/><circle cx='90' cy='130' r='1.8'/><circle cx='150' cy='150' r='1.4'/><circle cx='30' cy='120' r='1.1'/></g></svg>");background-size:180px 180px;position:absolute;inset:0}.login-card{background:var(--login-cream-soft);border:2px solid var(--login-leaf-deep);width:min(440px,100vw - 48px);color:var(--login-ink);text-align:center;border-radius:18px;padding:36px 30px 28px;font-family:Georgia,Iowan Old Style,serif;animation:.36s cubic-bezier(.2,.8,.2,1) login-card-rise;position:relative;box-shadow:inset 0 2px #8fc98a8c,0 12px 28px #3a5a3a2e,0 2px 6px #8fc98a99}.login-card:before,.login-card:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#8fc98a99 0%,#6da56b00 70%);width:26px;height:26px;position:absolute}.login-card:before{border-top:2px solid var(--login-leaf-deep);border-left:2px solid var(--login-leaf-deep);background:0 0;border-top-left-radius:18px;width:22px;height:22px;top:-10px;left:-10px}.login-card:after{border-bottom:2px solid var(--login-leaf-deep);border-right:2px solid var(--login-leaf-deep);background:0 0;border-bottom-right-radius:18px;width:22px;height:22px;bottom:-10px;right:-10px}.login-card__leaf{filter:drop-shadow(0 2px 4px #3a5a3a38);width:48px;height:48px;margin:0 auto 10px;animation:6s ease-in-out infinite login-leaf-sway;display:block}.login-card__title{color:var(--login-ink);letter-spacing:.01em;margin:0 0 4px;font-size:1.6rem;font-weight:700}.login-card__tagline{color:var(--login-ink-soft);margin:0 0 22px;font-size:.95rem;font-style:italic}.login-card__status{color:var(--login-ink-soft);min-height:1.4em;margin:14px 0 6px;font-size:.85rem}.login-card__error{color:var(--login-error);border-left:3px solid var(--login-error);background:#b3422a14;border-radius:0 6px 6px 0;margin:8px 0 0;padding:8px 12px;font-size:.85rem}.login-card__error[hidden]{display:none}.login-card__footnote{color:var(--login-ink-soft);margin:18px 0 0;font-size:.78rem;font-style:italic}.login-btn{background:var(--login-leaf);color:var(--login-ink);border:2px solid var(--login-leaf-deep);cursor:pointer;box-shadow:0 3px 0 var(--login-leaf-deep);border-radius:999px;align-items:center;gap:10px;padding:12px 22px;font-family:inherit;font-size:.98rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.login-btn:hover{box-shadow:0 4px 0 var(--login-leaf-deep);background:#a3d39e;transform:translateY(-1px)}.login-btn:active{box-shadow:0 1px 0 var(--login-leaf-deep);transform:translateY(2px)}.login-btn:focus-visible{outline:3px solid var(--login-warm);outline-offset:2px}.login-btn__icon{width:18px;height:18px;display:inline-flex}.login-btn__icon svg{width:100%;height:100%}@keyframes login-fade-in{0%{opacity:0}to{opacity:1}}@keyframes login-card-rise{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes login-leaf-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.character-desk{z-index:45;pointer-events:auto;background:radial-gradient(circle at 50% 35%,#f7f0e3f5 0%,#e4d5b8f5 70%);place-items:center;animation:.28s ease-out login-fade-in;display:grid;position:fixed;inset:0}.character-desk[hidden]{display:none}.character-desk__backdrop{pointer-events:none;mix-blend-mode:multiply;opacity:.7;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'><g fill='none' stroke='rgba(58, 90, 58, 0.06)' stroke-width='0.6'><circle cx='30' cy='40' r='1.5'/><circle cx='150' cy='60' r='1.2'/><circle cx='90' cy='130' r='1.8'/><circle cx='150' cy='150' r='1.4'/><circle cx='30' cy='120' r='1.1'/></g></svg>");background-size:180px 180px;position:absolute;inset:0}.desk-card{scrollbar-width:none;background:var(--login-cream-soft);border:2px solid var(--login-leaf-deep);width:min(460px,100vw - 40px);max-height:calc(100vh - 48px);color:var(--login-ink);text-align:center;border-radius:18px;padding:20px 24px 18px;font-family:Georgia,Iowan Old Style,serif;animation:.36s cubic-bezier(.2,.8,.2,1) login-card-rise;position:relative;overflow-y:auto;box-shadow:inset 0 2px #8fc98a8c,0 12px 28px #3a5a3a2e,0 2px 6px #8fc98a99}.desk-card::-webkit-scrollbar{display:none}.desk-card:before,.desk-card:after{content:"";pointer-events:none;width:22px;height:22px;position:absolute}.desk-card:before{border-top:2px solid var(--login-leaf-deep);border-left:2px solid var(--login-leaf-deep);background:0 0;border-top-left-radius:18px;top:-10px;left:-10px}.desk-card:after{border-bottom:2px solid var(--login-leaf-deep);border-right:2px solid var(--login-leaf-deep);background:0 0;border-bottom-right-radius:18px;bottom:-10px;right:-10px}.desk-card__leaf{filter:drop-shadow(0 2px 4px #3a5a3a38);width:28px;height:28px;margin:0 auto 6px;animation:6s ease-in-out infinite login-leaf-sway;display:block}.desk-card__title{color:var(--login-ink);margin:0 0 4px;font-size:1.2rem;font-weight:700}.desk-card__tagline{color:var(--login-ink-soft);margin:0 0 10px;font-size:.85rem;font-style:italic}.desk-card__status{color:var(--login-ink-soft);min-height:1.2em;margin:6px 0 4px;font-size:.82rem}.desk-card__error{color:var(--login-error);border-left:3px solid var(--login-error);text-align:left;background:#b3422a14;border-radius:0 6px 6px 0;margin:8px 0 0;padding:8px 12px;font-size:.85rem}.desk-card__error[hidden]{display:none}.desk-card__footnote{color:var(--login-ink-soft);margin:8px 0 0;font-size:.75rem;font-style:italic}.desk-list{text-align:left;flex-direction:column;gap:10px;margin:0 0 18px;display:flex}.char-option{width:100%;color:var(--login-ink);cursor:pointer;text-align:left;background:#fffdf6;border:2px solid #b08a5f73;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex}.char-option:hover{border-color:var(--login-leaf-deep);transform:translateY(-1px);box-shadow:0 4px 12px #3a5a3a24}.char-option:focus-visible{outline:3px solid var(--login-warm);outline-offset:2px}.char-option__badge{background:radial-gradient(circle at 35% 30%,#8fc98a8c,#6da56b40);border:1px solid #6da56b80;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:1.6rem;display:grid}.char-option__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.char-option__name{color:var(--login-ink);text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;font-weight:700;overflow:hidden}.char-option__meta{color:var(--login-ink-soft);font-size:.8rem}.char-option__play{color:var(--login-ink);background:var(--login-leaf);border:1px solid var(--login-leaf-deep);opacity:0;border-radius:999px;flex:none;padding:5px 11px;font-size:.78rem;font-weight:700;transition:opacity .12s,transform .12s;transform:translate(4px)}.char-option:hover .char-option__play{opacity:1;transform:translate(0)}.desk-form{text-align:left}.desk-field{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.desk-field__label{color:var(--login-ink);font-size:.85rem;font-weight:700}.desk-field__input{color:var(--login-ink);background:#fffdf6;border:2px solid #b08a5f73;border-radius:10px;padding:7px 12px;font-family:inherit;font-size:.98rem;transition:border-color .12s,box-shadow .12s}.desk-field__input:focus{border-color:var(--login-leaf-deep);outline:none;box-shadow:0 0 0 3px #8fc98a59}.desk-classes{border:none;margin:0 0 6px;padding:0}.class-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px;margin-top:5px;display:grid}.class-option{cursor:pointer;background:#fffdf6;border:2px solid #b08a5f73;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:7px 6px 6px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;position:relative}.class-option:hover{transform:translateY(-1px)}.class-option:has(.class-option__radio:checked){border-color:var(--login-leaf-deep);background:#8fc98a29;box-shadow:0 0 0 3px #8fc98a4d}.class-option:has(.class-option__radio:focus-visible){outline:3px solid var(--login-warm);outline-offset:2px}.class-option__radio{opacity:0;pointer-events:none;position:absolute}.class-option__emoji{font-size:1.25rem;line-height:1}.class-option__body{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.class-option__name{color:var(--login-ink);font-size:.82rem;font-weight:700}.class-option__desc{color:var(--login-ink-soft);font-size:.68rem;line-height:1.35}.desk-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:8px;display:flex}.desk-btn{cursor:pointer;border-radius:999px;padding:7px 14px;font-family:inherit;font-size:.85rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s}.desk-btn:focus-visible{outline:3px solid var(--login-warm);outline-offset:2px}.desk-btn--primary{background:var(--login-leaf);color:var(--login-ink);border:2px solid var(--login-leaf-deep);box-shadow:0 3px 0 var(--login-leaf-deep)}.desk-btn--primary:hover{box-shadow:0 4px 0 var(--login-leaf-deep);background:#a3d39e;transform:translateY(-1px)}.desk-btn--primary:active{box-shadow:0 1px 0 var(--login-leaf-deep);transform:translateY(2px)}.desk-btn--primary:disabled{opacity:.55;cursor:wait;transform:none}.desk-btn--ghost{color:var(--login-leaf-deep);border:2px solid var(--login-leaf-deep);background:0 0}.desk-btn--ghost:hover{background:#8fc98a2e}.desk-btn--text{color:var(--login-ink-soft);text-underline-offset:3px;background:0 0;border:none;padding:8px 10px;text-decoration:underline}.desk-btn--text:hover{color:var(--login-ink)}.net-status{z-index:60;color:var(--login-ink,#3a5a3a);pointer-events:none;-webkit-user-select:none;user-select:none;background:#fff8eceb;border:1px solid #b08a5f99;border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 9px;font-family:Georgia,Times New Roman,serif;font-size:12px;display:inline-flex;position:absolute;top:12px;right:14px;box-shadow:0 2px 8px #3a3a282e}.net-status:before{content:"";background:#b8b096;border-radius:50%;flex:none;width:8px;height:8px}.net-status[data-status=joined]:before{background:#7dbf6f;box-shadow:0 0 0 3px #7dbf6f40}.net-status[data-status=reconnecting]:before,.net-status[data-status=connecting]:before,.net-status[data-status=authenticating]:before,.net-status[data-status=fetching-token]:before{background:#d9a03c;animation:1.1s ease-in-out infinite net-pulse}.net-status[data-status=closed]:before{background:#c07b5a}@keyframes net-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.net-status[data-status=reconnecting]:before,.net-status[data-status=connecting]:before,.net-status[data-status=authenticating]:before,.net-status[data-status=fetching-token]:before{animation:none}}.maintenance-card{text-align:center}.maintenance-status{color:var(--login-warm,#d08a3e);border-left:3px solid var(--login-warm,#d08a3e);text-align:left;background:#d08a3e1a;border-radius:0 8px 8px 0;margin:14px 0 6px;padding:10px 14px;font-size:1rem;font-weight:700}.maintenance-detail{color:var(--login-ink-soft,#6d7a4f);text-align:left;margin:12px 0 0;font-size:.88rem;line-height:1.5}.capture-toast{z-index:70;width:min(360px,100% - 28px);color:var(--login-ink,#3a5a3a);pointer-events:none;-webkit-user-select:none;user-select:none;background:#fff8ecf7;border:1px solid #6da56bbf;border-radius:12px;align-items:center;gap:9px;padding:9px 12px;font-family:Georgia,Times New Roman,serif;animation:.18s ease-out capture-toast-in;display:flex;position:absolute;bottom:76px;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #281e0f3d}.capture-toast--leaving{animation:.18s ease-in forwards capture-toast-out}.capture-toast__icon{color:#fffdf6;background:var(--login-leaf-deep,#6da56b);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:14px;font-weight:700;display:grid}.capture-toast__copy{flex-direction:column;gap:2px;min-width:0;line-height:1.2;display:flex}.capture-toast__copy strong{font-size:13px}.capture-toast__copy span{color:var(--login-ink-soft,#6d7a4f);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}@keyframes capture-toast-in{0%{opacity:0;transform:translate(-50%,7px)}to{opacity:1;transform:translate(-50%)}}@keyframes capture-toast-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,5px)}}@media (prefers-reduced-motion:reduce){.capture-toast,.capture-toast--leaving{animation:none}}.client-update-notice{z-index:110;width:min(380px,100% - 28px);color:var(--login-ink,#3a5a3a);text-align:center;pointer-events:auto;background:#fff8ecf7;border:1px solid #6da56bc7;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:8px 10px 8px 14px;font-family:Georgia,Times New Roman,serif;font-size:12px;animation:.18s ease-out login-card-rise;display:inline-flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #281e0f3d}.client-update-notice__button{color:var(--login-ink,#3a5a3a);background:var(--login-leaf,#8fc98a);border:1px solid var(--login-leaf-deep,#6da56b);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:5px 9px;font-size:11px;font-weight:700}.client-update-notice__button:hover{background:#a3d39e}.client-update-notice__button:focus-visible{outline:2px solid var(--login-warm,#d08a3e);outline-offset:2px}.connection-diagnostic{z-index:100;color:#6e2e22;pointer-events:none;background:#fff5edf7;border:1px solid #b3422ab3;border-radius:10px;flex-direction:column;gap:3px;width:min(430px,100% - 28px);padding:10px 13px;font-family:Georgia,Times New Roman,serif;font-size:11px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #281e0f3d}.connection-diagnostic strong{font-size:13px}.profile-panel{z-index:80;place-items:center;padding:18px;font-family:Georgia,Iowan Old Style,serif;display:grid;position:absolute;inset:0}.profile-panel[hidden]{display:none}.profile-panel__backdrop{cursor:pointer;background:#16231c6b;border:0;position:absolute;inset:0}.profile-panel__card{width:min(620px,100%);max-height:min(680px,100vh - 36px);color:var(--login-ink);border:2px solid var(--login-leaf-deep);background:#fff9edfa;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 18px 50px #16231c52,inset 0 1px #fffc}.profile-panel__header{justify-content:space-between;align-items:center;padding:18px 20px 12px;display:flex}.profile-panel__heading{flex-direction:column;gap:3px;display:flex}.profile-panel__eyebrow{color:var(--login-ink-soft);letter-spacing:1.5px;font-size:10px}.profile-panel__title{margin:0;font-size:1.45rem}.profile-panel__close{color:var(--login-ink-soft);cursor:pointer;background:0 0;border:0;font-size:26px}.profile-panel__tabs{border-bottom:1px solid #6da56b4d;gap:4px;padding:0 16px;display:flex}.profile-panel__tab{color:var(--login-ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:1;padding:10px 6px;font-size:12px}.profile-panel__tab:hover,.profile-panel__tab--active{color:var(--login-ink);border-bottom-color:var(--login-leaf-deep)}.profile-panel__status{min-height:1.2em;color:var(--login-warm);margin:10px 20px 0;font-size:12px}.profile-panel__content{min-height:250px;max-height:calc(100vh - 190px);padding:16px 20px 20px;overflow-y:auto}.profile-panel__muted{color:var(--login-ink-soft);font-size:12px}.profile-hero{background:#8fc98a1f;border:1px solid #6da56b59;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.profile-hero__avatar{background:#8fc98a4d;border-radius:50%;place-items:center;width:54px;height:54px;font-size:28px;display:grid}.profile-hero strong,.profile-hero span{display:block}.profile-hero span{color:var(--login-ink-soft);margin-top:4px;font-size:12px}.profile-progress,.profile-section-heading{justify-content:space-between;gap:12px;margin:14px 0 8px;font-size:12px;display:flex}.profile-progress strong,.profile-section-heading span{color:var(--login-ink-soft);font-weight:400}.profile-stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.profile-stat{background:#ead9bc5c;border-radius:10px;flex-direction:column;gap:5px;padding:11px;display:flex}.profile-stat span{color:var(--login-ink-soft);font-size:11px}.profile-stat strong{font-size:14px}.inventory-grid{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.inventory-slot{aspect-ratio:1;cursor:help;background:#fffdf6;border:1px solid #b08a5f73;border-radius:10px;position:relative}.inventory-slot:disabled{cursor:default;opacity:.48}.inventory-slot--empty{cursor:copy;background:#fffdf68c;border-style:dashed}.inventory-slot[draggable=true]{cursor:grab}.inventory-slot[draggable=true]:active{cursor:grabbing}.inventory-slot__icon{color:var(--login-leaf-deep);font-size:22px}.inventory-slot__quantity{color:var(--login-ink);font-size:10px;font-weight:700;position:absolute;bottom:3px;right:5px}.inventory-slot__action{padding:3px 4px;font-size:9px;position:absolute;bottom:3px;left:3px;right:3px}.equipment-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.equipment-card{background:#8fc98a24;border:1px solid #6da56b8c;border-radius:10px;flex-direction:column;gap:4px;min-height:74px;padding:9px;display:flex}.equipment-card--empty{opacity:.7;background:#ead9bc33;border-color:#b08a5f59}.equipment-card__slot{color:var(--login-ink-soft);font-size:10px}.equipment-card strong{font-size:12px}.equipment-card .profile-panel__action{align-self:flex-start;padding:4px 8px;font-size:10px}.skill-tree{flex-direction:column;gap:8px;display:flex}.skill-tree__node{background:#ead9bc40;border:1px solid #b08a5f6b;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.skill-tree__node--unlocked{background:#8fc98a29;border-color:#6da56bb3}.skill-tree__node strong,.skill-tree__node p,.skill-tree__node span{margin:0;display:block}.skill-tree__node p{color:var(--login-ink-soft);margin:4px 0;font-size:11px}.skill-tree__node span{color:var(--login-ink-soft);font-size:10px}.profile-panel__action{border:1px solid var(--login-leaf-deep);color:var(--login-ink);background:var(--login-leaf);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:7px 11px;font-size:11px;font-weight:700}.profile-panel__action:disabled{opacity:.55;cursor:wait}@media (max-width:560px){.profile-panel{padding:8px}.profile-panel__card{max-height:calc(100vh - 16px)}.profile-panel__content{max-height:calc(100vh - 170px);padding:12px}.profile-stat-grid{grid-template-columns:repeat(2,1fr)}.inventory-grid{grid-template-columns:repeat(4,1fr)}.equipment-grid{grid-template-columns:repeat(2,1fr)}.skill-tree__node{flex-direction:column;align-items:flex-start}}.local-map-panel{z-index:900;color:#3b2719;place-items:center;padding:20px;font-family:Georgia,Times New Roman,serif;display:grid;position:fixed;inset:0}.local-map-panel[hidden]{display:none}.local-map-panel__backdrop{-webkit-backdrop-filter:blur(7px)saturate(80%);backdrop-filter:blur(7px)saturate(80%);cursor:pointer;background:#122b1cad;border:0;position:absolute;inset:0}.local-map-panel__shell{background:#f7ebcb;border:3px solid #c08b38;border-radius:18px;flex-direction:column;width:min(1480px,100%);max-height:min(900px,100vh - 40px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #fff6d6bf,0 20px 60px #0c1f126b}.local-map-panel__header{color:#fff7e4;background:linear-gradient(90deg,#183f2b,#28583b);border-bottom:2px solid #ddbd69;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.local-map-panel__eyebrow{color:#b8cb9d;letter-spacing:.14em;font:700 10px/1.2 Trebuchet MS,Arial,sans-serif}.local-map-panel__title{margin:3px 0 0;font-size:clamp(1.5rem,3vw,2.3rem)}.local-map-panel__subtitle{color:#e7d39b;margin:2px 0 0;font-size:.95rem}.local-map-panel__close{color:#fff7e4;cursor:pointer;background:#ffffff1a;border:1px solid #d6b464;border-radius:50%;width:42px;height:42px;font-size:28px}.local-map-panel__body{grid-template-columns:230px minmax(0,1fr) 270px;gap:14px;min-height:0;padding:14px;display:grid;overflow:hidden}.local-map-panel__sidebar,.local-map-panel__details{background:#fffae8bd;border:1px solid #d5ae68;border-radius:12px;min-height:0;padding:16px}.local-map-panel__search{color:#3b2719;background:#fff9e9;border:1px solid #c4a269;border-radius:18px;width:100%;margin:12px 0;padding:10px 12px;font:.85rem Georgia,serif}.local-map-panel__locations{gap:4px;display:grid}.local-map-panel__location{color:#3b2719;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px 7px;font:.9rem Georgia,serif;display:flex}.local-map-panel__location:hover{background:#e2eecb}.local-map-panel__location[hidden]{display:none}.local-map-panel__location span{text-align:center;width:24px;font-size:1.1rem}.local-map-panel__map-frame{background:#d8e1ad;border:2px solid #b38b45;border-radius:14px;place-items:center;min-height:440px;padding:14px;display:grid;position:relative;overflow:hidden}.local-map-panel__map-image{object-fit:contain;filter:saturate(1.06)contrast(.98);width:100%;height:100%;max-height:620px;display:block}.local-map-panel__map-label{z-index:1;color:#3b2719;text-align:center;background:#ffefc2ed;border:1px solid #ba8b45;border-radius:8px;gap:2px;min-width:200px;padding:8px 16px;display:grid;position:absolute;top:19px;left:50%;transform:translate(-50%);box-shadow:0 3px 7px #3626122e}.local-map-panel__map-label span{font-size:.75rem}.local-map-panel__map-fallback{color:#496b3f;font-size:1.15rem}.local-map-panel__details h2{margin:6px 0 10px;font-size:1.55rem}.local-map-panel__details p{font-size:.85rem;line-height:1.45}.local-map-panel__chips{flex-wrap:wrap;gap:5px;display:flex}.local-map-panel__chips span{background:#e5e8d6;border-radius:12px;padding:5px 8px;font:.72rem Trebuchet MS,sans-serif}.local-map-panel__details hr{border:0;border-top:1px solid #d3b67f;margin:16px 0}.local-map-panel__details ul{gap:8px;padding:0;font-size:.85rem;list-style:none;display:grid}.local-map-panel__details li{justify-content:space-between;display:flex}.local-map-panel__waypoint{color:#fff8e7;cursor:pointer;background:#245638;border:2px solid #c4933f;border-radius:9px;width:100%;margin-top:16px;padding:11px;font:700 .9rem Georgia,serif}.local-map-panel__footer{background:#fff8e1d1;border-top:1px solid #d5ae68;justify-content:center;gap:28px;padding:10px;font-size:.78rem;display:flex}.local-map-panel__footer kbd{background:#fffdf2;border:1px solid #9c7b45;border-radius:4px;place-items:center;min-width:20px;margin:0 2px;padding:2px 4px;font:700 .7rem Arial,sans-serif;display:inline-grid}body.map-open #game-container{filter:blur(2px)saturate(.75)}@media (max-width:900px){.local-map-panel{padding:10px}.local-map-panel__body{grid-template-columns:180px minmax(0,1fr)}.local-map-panel__details{display:none}}@media (max-width:620px){.local-map-panel__body{grid-template-columns:1fr;overflow:auto}.local-map-panel__sidebar{order:2}.local-map-panel__map-frame{min-height:310px}.local-map-panel__footer{flex-wrap:wrap;gap:8px 14px}}@media (prefers-reduced-motion:reduce){.minimap__server[data-status=connecting]:before,.minimap__server[data-status=authenticating]:before,.minimap__server[data-status=fetching-token]:before,.minimap__server[data-status=reconnecting]:before,.skill-slot--cooldown .skill-slot__cooldown{animation:none}}.hud-modal{z-index:80;place-items:center;padding:18px;font-family:Georgia,Iowan Old Style,serif;display:grid;position:absolute;inset:0}.hud-modal[hidden]{display:none}.hud-modal__backdrop{cursor:pointer;background:#16231c6b;border:0;position:absolute;inset:0}.hud-modal__card{width:min(560px,100%);max-height:min(680px,100vh - 36px);color:var(--login-ink);border:2px solid var(--login-leaf-deep);background:#fff9edfa;border-radius:18px;flex-direction:column;display:flex;position:relative;box-shadow:0 18px 50px #16231c52,inset 0 1px #fffc}.hud-modal__header{border-bottom:1px solid #6da56b4d;justify-content:space-between;align-items:center;padding:18px 20px 12px;display:flex}.hud-modal__eyebrow{color:var(--login-ink-soft);letter-spacing:1.5px;font-size:10px;display:block}.hud-modal__title{margin:3px 0 0;font-size:1.45rem}.hud-modal__close{color:var(--login-ink-soft);cursor:pointer;background:0 0;border:0;font-size:26px}.hud-modal__body{padding:14px 20px 20px;overflow-y:auto}.hud-modal button:focus-visible,.hud-modal input:focus-visible,.hud-modal select:focus-visible,.hud-modal summary:focus-visible{outline:3px solid var(--gold-400);outline-offset:2px}.quest-log__empty{color:var(--login-ink-soft);font-size:13px}.quest-log__section{margin:0 0 14px}.quest-log__heading{color:var(--login-ink-soft);letter-spacing:1px;text-transform:uppercase;margin:0 0 8px;font-size:12px}summary.quest-log__heading{cursor:pointer}.quest-log__quest{background:#ead9bc40;border:1px solid #b08a5f6b;border-radius:12px;margin:0 0 8px;padding:11px 13px}.quest-log__quest--active{background:#8fc98a29;border-color:#6da56bb3}.quest-log__quest--locked,.quest-log__quest--completed{opacity:.78}.quest-log__title{margin:0 0 4px;font-size:14px}.quest-log__quest p{margin:3px 0 0;font-size:12px}.quest-log__meta,.quest-log__rewards{color:var(--login-ink-soft)}.quest-log__progress{color:var(--login-leaf-deep);font-weight:700}.keybind-help__list{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;margin:0;display:grid}.keybind-help__keys{flex-wrap:wrap;gap:4px;margin:0;display:flex}.keybind-help__list dd{margin:0;font-size:13px}.keybind-help__heading{color:var(--login-ink-soft);letter-spacing:1px;text-transform:uppercase;margin:16px 0 6px;font-size:12px}.keybind-help__touch{margin:0;padding-left:18px;font-size:13px}.settings-panel__row{cursor:pointer;border-bottom:1px solid #b08a5f40;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;font-size:13px;display:flex}.settings-panel__row:last-child{border-bottom:0}.settings-panel__row input[type=checkbox]{width:18px;height:18px;accent-color:var(--login-leaf-deep)}.settings-panel__row input[type=range]{width:min(200px,50%);accent-color:var(--login-leaf-deep)}.settings-panel__row select{font:inherit;background:#fffdf6;border:1px solid #b08a5f99;border-radius:8px;padding:4px 8px}#hud-layer>.toast-stack{top:calc(var(--hud-edge,12px) * 2.5 + var(--hud-scale,1) * 72px);z-index:30;align-items:center;gap:calc(var(--hud-scale,1) * 6px);pointer-events:none;flex-direction:column;width:min(360px,100% - 28px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{max-width:100%;padding:calc(var(--hud-scale,1) * 7px) calc(var(--hud-scale,1) * 12px);color:var(--login-ink,#3a5a3a);font:600 calc(var(--hud-scale,1) * 12px) / 1.3 Georgia, "Times New Roman", serif;text-align:center;background:#fff8ecf7;border:1px solid #6da56bbf;border-radius:12px;animation:.18s ease-out toast-in;box-shadow:0 5px 16px #281e0f3d}.toast--success{border-color:var(--gold-500,#c99a32)}.toast--warning{border-color:var(--hp,#e85f57)}.toast--still{animation:none}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.chat-box__unread{min-width:calc(var(--hud-scale,1) * 18px);height:calc(var(--hud-scale,1) * 18px);padding:0 calc(var(--hud-scale,1) * 5px);color:var(--forest-950,#18351f);background:var(--gold-400,#e7bc55);font-size:calc(var(--hud-scale,1) * 10px);border-radius:999px;place-items:center;margin-left:auto;font-weight:700;display:inline-grid}.chat-box__unread[hidden]{display:none}.desk-card--wide{width:min(940px,100vw - 40px)}.desk-look{min-width:0;margin:0 0 6px}@media (min-width:820px){.desk-form__columns{grid-template-columns:minmax(220px,1fr) minmax(0,2.2fr);align-items:start;gap:18px;display:grid}.desk-form__main .class-grid{grid-template-columns:1fr}.desk-form__main .class-option{flex-direction:row;gap:10px;padding:7px 10px}.desk-form__main .class-option__body{text-align:left;align-items:flex-start}}.avatar-editor{text-align:left;color:var(--login-ink);grid-template-columns:220px minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (max-width:640px){.avatar-editor{grid-template-columns:1fr}}.avatar-editor__group{border:none;min-width:0;margin:0 0 10px;padding:0}.avatar-editor__legend{margin-bottom:5px;padding:0;font-size:.85rem;font-weight:700}.avatar-editor__species{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;display:grid}.species-option{color:var(--login-ink);cursor:pointer;background:#fffdf6;border:2px solid #b08a5f73;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:3px 4px 5px;font-family:inherit;font-size:.72rem;font-weight:700;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex}.species-option:hover{transform:translateY(-1px)}.species-option[aria-pressed=true]{border-color:var(--login-leaf-deep);background:#8fc98a29;box-shadow:0 0 0 3px #8fc98a4d}.species-option__thumb{width:72px;height:72px;image-rendering:pixelated}.avatar-editor__colors{flex-direction:column;gap:6px;display:flex}.color-row{grid-template-columns:68px minmax(0,1fr) auto auto;align-items:center;gap:6px;display:grid}.color-row__label{font-size:.78rem;font-weight:700}.color-row__swatches{flex-wrap:wrap;gap:4px;display:flex}.color-swatch{cursor:pointer;border:2px solid #fffdf6;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .12s;box-shadow:0 0 0 1px #49351f59}.color-swatch:hover{transform:scale(1.1)}.color-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--login-leaf-deep);transform:scale(1.12)}.color-row__custom{cursor:pointer;background:#fffdf6;border:1px solid #b08a5f99;border-radius:6px;width:32px;height:24px;padding:0 2px}.color-row__reset{color:var(--login-ink-soft);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:1rem}.color-row__reset:disabled{opacity:.35;cursor:default}.avatar-mirror{flex-direction:column;align-items:center;gap:6px;display:flex}.avatar-mirror__stage{aspect-ratio:1;background:radial-gradient(circle at 50% 38%,#fffdf6 0%,#f7ebcbf2 55%,#afc58c99 100%);border:2px solid #b08a5f73;border-radius:16px;place-items:center;width:100%;max-width:240px;display:grid;overflow:hidden}.avatar-mirror__figure{isolation:isolate;position:relative}.avatar-mirror__figure:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#3a5a3a57,#3a5a3a00 70%);border-radius:50%;width:46%;height:11%;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.avatar-mirror__canvas{image-rendering:pixelated;cursor:grab;touch-action:pan-y;display:block}.avatar-mirror__canvas:active{cursor:grabbing}.avatar-mirror__turn,.avatar-mirror__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.avatar-mirror__facing{text-align:center;min-width:4.5em;color:var(--login-ink-soft);font-size:.78rem}.avatar-mirror__button{color:var(--login-ink);cursor:pointer;background:#fffdf6;border:2px solid #b08a5f73;border-radius:999px;padding:3px 10px;font-family:inherit;font-size:.76rem;font-weight:700}.avatar-mirror__button:hover{border-color:var(--login-leaf-deep)}.avatar-mirror__button[aria-pressed=true]{background:var(--login-leaf);border-color:var(--login-leaf-deep)}.avatar-mirror__zoom{color:var(--login-ink-soft);align-items:center;gap:6px;font-size:.74rem;display:flex}.avatar-mirror__zoom input{width:110px;accent-color:var(--login-leaf-deep)}.avatar-mirror__canvas:focus-visible,.avatar-mirror__button:focus-visible,.species-option:focus-visible,.color-swatch:focus-visible,.color-row__reset:focus-visible{outline:3px solid var(--login-warm);outline-offset:2px}.salon-panel .hud-modal__card{width:min(780px,100%)}.salon-panel__actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}