@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#e9e5d8;background:#071716;font-synthesis:none;--gold:#c9a96e;--teal:#5fc4aa;--ink:#081a1a;--panel:rgba(8,29,29,.94);--line:rgba(199,174,114,.28)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}.glass{background:linear-gradient(145deg,#0c2927f5,#071819f2);border:1px solid var(--line);box-shadow:0 18px 60px #0008,inset 0 1px #fff1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:700;margin:0 0 8px}.primary{width:100%;border:1px solid #d8b872;background:linear-gradient(#ad8042,#75532e);padding:13px 16px;border-radius:4px;color:#fff8df;font-family:Cinzel,serif;font-weight:700;letter-spacing:1px;cursor:pointer;box-shadow:0 5px 18px #0006,inset 0 1px #fff4}.primary:hover{filter:brightness(1.12)}.primary:disabled{opacity:.55}.auth-page{min-height:100%;display:grid;grid-template-columns:minmax(520px,1.3fr) minmax(380px,.7fr);align-items:center;gap:8vw;padding:8vh 9vw;background:radial-gradient(circle at 22% 45%,#1c554d88,transparent 32%),linear-gradient(90deg,#061513,#0b2320 45%,#071314);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 70px,#fff008 72px 73px),radial-gradient(ellipse at 30% 100%,#54aa7755,transparent 45%);opacity:.45}.stars{position:absolute;inset:0;background-image:radial-gradient(#e7d8a8 1px,transparent 1px);background-size:63px 63px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 75%);mask-image:linear-gradient(to bottom,#000,transparent 75%);opacity:.25}.lore-panel,.auth-card{position:relative;z-index:1}.brand-mark{width:62px;height:62px;border:1px solid #d6ba7c;border-radius:50%;display:grid;place-items:center;color:#d6ba7c;font-size:32px;margin-bottom:24px;box-shadow:0 0 35px #65c4a544}.lore-panel h1{font:700 clamp(52px,7vw,96px)/.88 Cinzel,serif;text-transform:uppercase;letter-spacing:-5px;margin:10px 0 30px;color:#efe6cc;text-shadow:0 5px 28px #000}.lore-panel h1 span{font-size:.56em;color:#c9a96e;letter-spacing:8px}.lead{max-width:660px;font:18px/1.8 Georgia,serif;color:#c7cec4}.feature-row{display:flex;gap:25px;margin-top:38px;color:#9fb6a9;font-size:12px;letter-spacing:.5px}.auth-card{padding:44px 48px;border-radius:8px;max-width:480px;width:100%}.auth-card .rune{font-size:28px;color:var(--gold);float:right}.auth-card h2{font:600 26px Cinzel,serif;margin:5px 0 28px}.auth-card label{display:block;color:#9eb1aa;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:14px 0}.auth-card input:not([type=checkbox]),.creation-panel input,.window-tools input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #34524b;background:#061817;color:#e8e8de;border-radius:3px;outline:0}.auth-card input:focus{border-color:#b99c64;box-shadow:0 0 0 2px #b99c6422}.auth-card .check{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0}.auth-card .check input{accent-color:#b68b4e}.error{font-size:12px;color:#ff9c8d;background:#5c1c1c66;border:1px solid #ae4b4233;padding:10px}.text-button,.demo-button{border:0;background:none;width:100%;padding:13px;color:#bfa774;cursor:pointer;font-size:12px}.demo-button{border:1px solid #476158;color:#bcd0c8}.divider{border-top:1px solid #ffffff17;text-align:center;margin:10px 0}.divider span{background:#0a2221;padding:0 10px;position:relative;top:-9px;font-size:10px;color:#657b73}.auth-card>small{display:block;text-align:center;color:#60746d;margin-top:12px}.character-page{height:100%;background:radial-gradient(circle,#153c38,#071716 68%);padding:0 4vw}.character-page>header{height:70px;border-bottom:1px solid #fff1;display:flex;justify-content:space-between;align-items:center;color:#738b82;font-size:12px}.logo-small{font:600 17px Cinzel,serif;color:#d6c69c}.character-layout{height:calc(100% - 70px);display:grid;grid-template-columns:330px 1fr 330px;align-items:center;gap:30px;max-width:1500px;margin:auto}.class-list h2{font:600 28px Cinzel,serif;margin:5px 0 20px}.class-card{display:flex;gap:16px;align-items:center;width:100%;background:#0b272566;border:1px solid #ffffff0e;padding:14px;margin:8px 0;text-align:left;cursor:pointer}.class-card.active{border-color:#b99b60;background:#173a3466}.class-card>b{font-size:25px;width:36px;text-align:center}.class-card span{display:flex;flex-direction:column;gap:5px}.class-card strong{font:600 14px Cinzel}.class-card small{color:#728b82;font-size:10px}.hero-preview{text-align:center;position:relative}.aether-ring{position:absolute;width:430px;height:430px;border:1px solid #7fc9b622;border-radius:50%;left:50%;top:42%;transform:translate(-50%,-50%);box-shadow:0 0 90px #41b79c22,inset 0 0 90px #41b79c11}.aether-ring:before,.aether-ring:after{content:"";position:absolute;inset:35px;border:1px dashed #c5aa6c44;border-radius:50%}.aether-ring:after{inset:95px;border-style:solid}.hero-orb{position:relative;margin:auto;width:170px;height:260px;border:1px solid var(--hero);border-radius:45% 45% 35% 35%;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--hero) 70%,white),color-mix(in srgb,var(--hero) 25%,#081b19));box-shadow:0 0 70px color-mix(in srgb,var(--hero) 40%,transparent)}.hero-orb span{font-size:78px;text-shadow:0 4px 20px #0008}.hero-preview h1{font:600 34px Cinzel;margin:35px 0 5px}.hero-preview p{font-size:11px;color:#879d95}.creation-panel{padding:28px}.creation-panel label{font-size:11px;color:#82978f}.appearance{display:flex;gap:7px;margin:16px 0 28px}.appearance button,.creation-panel .equipment button{flex:1;border:1px solid #365149;background:#071c1b;padding:9px;font-size:11px}.appearance button.active{border-color:var(--gold)}.stat-row{display:grid;grid-template-columns:100px 1fr 20px;gap:10px;align-items:center;font-size:11px;margin:12px 0;color:#91a79f}.stat-row i{height:4px;background:#1e3833}.stat-row em{display:block;height:100%;background:var(--gold)}.creation-panel .primary{margin-top:24px}.creation-panel>small{display:block;text-align:center;color:#60756e;font-size:9px;margin-top:12px}.game-shell{position:relative;width:100%;height:100%;background:#071716;overflow:hidden;-webkit-user-select:none;user-select:none}.game-canvas{position:absolute;inset:0}.vision-fog{pointer-events:none;position:absolute;inset:0;z-index:25;background:radial-gradient(circle at center,transparent 0 24%,rgba(8,20,20,.08) 34%,rgba(7,19,19,.34) 53%,rgba(4,10,10,.68) 72%,rgba(0,0,0,.86) 100%)}.game-shell:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 130px #0009}.top-left-hud{position:absolute;left:24px;top:20px;z-index:30;display:flex;align-items:center;gap:10px}.player-avatar{width:68px;height:68px;border-radius:50%;background:radial-gradient(circle,#48917d,#102e2a);border:3px double var(--gold);display:grid;place-items:center;font-size:28px;box-shadow:0 4px 22px #0009;position:relative;flex:0 0 68px}.player-avatar small{position:absolute;bottom:-3px;right:-3px;background:#9d733b;border:1px solid #e0c17c;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:10px}.player-bars{width:236px;margin-left:0;display:grid;gap:3px}.player-bars>b,.player-bars .bar{margin-left:8px;width:calc(100% - 8px)}.player-bars>b{display:block;background:#081b1be8;border:1px solid var(--line);padding:6px 14px 7px;font:600 14px Cinzel}.player-bars b em{font: 9px Inter;color:#83988f;margin-left:8px}.bar{height:17px;background:#171916;border:1px solid #000b;position:relative;overflow:hidden}.bar i{display:block;height:100%;transition:width .25s;background:linear-gradient(#c75448,#832b2b);box-shadow:inset 0 1px #fff3}.bar.mana i{background:linear-gradient(#3985b6,#245078)}.bar span{position:absolute;inset:0;text-align:center;font-size:9px;line-height:15px;text-shadow:0 1px 2px #000}.target-frame{position:absolute;z-index:31;top:18px;left:50%;transform:translate(-50%);display:flex;gap:10px;padding:8px 13px;width:310px}.target-portrait{width:48px;height:48px;border:1px solid #a05147;background:#4c2222;display:grid;place-items:center;font-size:22px}.target-frame>div:last-child{flex:1}.target-frame header{display:flex;justify-content:space-between;font:12px Cinzel}.target-frame header span{font:9px Inter;color:#9e8b78}.target-frame small{font-size:9px;color:#bf9084}.top-right{position:absolute;right:22px;top:18px;z-index:31;width:270px}.minimap-wrap{position:relative}.minimap{width:230px;height:178px;margin-left:auto;border:2px solid #8f7448;border-radius:48% 48% 18% 18%;overflow:hidden;background:radial-gradient(circle,#345d45,#173629);box-shadow:0 8px 24px #000a,inset 0 0 35px #0007}.map-path{position:absolute;width:270px;height:65px;background:#95784e;transform:rotate(-25deg);left:-15px;top:65px;opacity:.7}.map-player{position:absolute;left:50%;top:50%;color:#ffe18d;text-shadow:0 0 8px #fff}.map-enemy{position:absolute;width:5px;height:5px;background:#e4544e;border-radius:50%}.map-title{text-align:right;padding:6px 22px}.map-title b,.map-title small{display:block}.map-title b{font:12px Cinzel;color:#eddfbd}.map-title small{font-size:8px;color:#7c9288}.map-plus,.map-minus{position:absolute;right:-5px;border:1px solid #725e3d;background:#102c29;width:25px;height:25px}.map-plus{top:55px}.map-minus{top:82px}.quest-tracker{margin-top:10px;margin-left:auto;width:245px;padding:10px 12px}.quest-tracker header{display:flex;justify-content:space-between;font:700 9px Cinzel;letter-spacing:1px;color:#c9af74}.quest-tracker button{border:0;background:none}.quest-tracker article{border-top:1px solid #ffffff10;padding:9px 0}.quest-tracker article>div:first-child{display:flex;gap:7px}.quest-tracker article b{color:#ddb85e}.quest-tracker h4{font:600 11px Cinzel;margin:0}.quest-tracker p{font-size:9px;color:#9cafaa;margin:5px 0}.quest-progress{display:flex;gap:8px;align-items:center}.quest-progress i{height:3px;flex:1;background:#213c36}.quest-progress em{display:block;height:100%;background:#d3ae55}.quest-progress span{font-size:8px}.hud-buttons{position:absolute;z-index:32;right:20px;bottom:28px;display:flex;gap:6px}.hud-buttons button{width:48px;height:48px;border:1px solid #8b7145;background:#0d2826e8;font-size:20px;position:relative}.hud-buttons small{display:none;position:absolute;bottom:55px;right:0;white-space:nowrap;background:#071716;padding:6px;border:1px solid var(--line);font-size:9px}.hud-buttons button:hover small{display:block}.bottom-hud{position:absolute;z-index:31;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:8px}.status-orb{width:90px;height:90px;border:4px double #b99b5e;border-radius:50%;position:relative;overflow:hidden;background:#130d0d;box-shadow:0 6px 25px #000c}.orb-fill{position:absolute;bottom:0;width:100%;background:linear-gradient(#d6594e,#6e1518);transition:height .3s}.status-orb.mana .orb-fill{background:linear-gradient(#4ba0d2,#143f78)}.orb-glass{position:absolute;inset:3px;border-radius:50%;background:radial-gradient(circle at 35% 20%,#fff5,transparent 26%)}.status-orb>span{position:absolute;inset:0;display:grid;place-items:center;font:700 15px Cinzel;text-shadow:0 2px 3px #000}.status-orb small{font:8px Inter}.actionbar{display:flex;gap:4px;background:#071b1bd9;border:1px solid var(--line);padding:7px}.actionbar button{width:48px;height:48px;background:radial-gradient(circle,#34544b,#102521);border:1px solid #8a7148;position:relative;cursor:pointer}.actionbar button:hover{filter:brightness(1.25)}.actionbar button>span{font-size:21px}.actionbar button>b{position:absolute;top:2px;left:4px;font-size:9px;color:#cfc19c}.actionbar button>small{position:absolute;right:3px;bottom:2px;font-size:8px;color:#7cc5d4}.actionbar button.locked{filter:grayscale(1);opacity:.55}.chat-panel{width:390px;height:150px;background:linear-gradient(transparent,#051414dd);display:flex;flex-direction:column}.chat-panel nav{border-bottom:1px solid #ffffff14}.chat-panel nav button{border:0;background:none;font-size:9px;padding:6px 9px;color:#71877e}.chat-panel nav button.active{color:#d6bd82;border-bottom:1px solid #d6bd82}.chat-log{flex:1;overflow:auto;padding:4px 8px;font-size:10px;text-shadow:0 1px 2px #000}.chat-log p{margin:4px 0}.chat-log .system{color:#d3b868}.chat-log .local b{color:#75c9b2}.chat-panel form{display:flex;border:1px solid #30473f;background:#061614}.chat-panel form span{padding:5px;color:#bda46e}.chat-panel input{flex:1;border:0;background:transparent;color:#e4e4da;outline:0;font-size:10px}.expbar{position:absolute;z-index:33;left:0;bottom:0;width:100%;height:7px;background:#081413}.expbar i{display:block;height:100%;background:linear-gradient(90deg,#96703c,#dfbe68)}.expbar span{position:absolute;left:50%;bottom:5px;font-size:8px;text-shadow:0 1px 3px #000}.diagnostics{position:absolute;z-index:35;left:10px;bottom:7px;display:flex;gap:10px;font-size:8px;color:#8a9d95}.diagnostics span:first-child{color:#c0955e}.diagnostics span.online{color:#63c58e}.window{position:absolute;z-index:40;top:110px;padding:15px}.window>header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 10px}.window header h3{font:600 18px Cinzel;margin:0}.window header button{border:0;background:none;font-size:22px;color:#a58f68}.inventory-window{right:310px;width:370px}.window-tools{display:flex;gap:8px;align-items:center;margin:10px 0}.window-tools input{margin:0;padding:8px}.window-tools span{white-space:nowrap;font-size:9px;color:#768e85}.inventory-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.item-slot{aspect-ratio:1;background:#071817;border:1px solid #304c45;position:relative;font-size:22px}.item-slot b{position:absolute;right:3px;bottom:2px;font-size:9px}.item-slot.uncommon{border-color:#4f9d6b}.item-slot.rare{border-color:#4186bc}.item-slot.epic{border-color:#9a5bb3}.item-slot.legendary{border-color:#ce8d3c}.item-slot.mythic{border-color:#d44a6b}.item-slot.empty{opacity:.5}.inventory-window footer{display:flex;justify-content:space-between;margin-top:12px;font-size:11px}.inventory-window footer button{background:none;border:1px solid #415b53}.tooltip-card{position:absolute;right:100%;top:70px;width:240px;background:#071817f7;border:1px solid var(--line);padding:14px;box-shadow:0 10px 30px #000c}.tooltip-card p{font:600 13px Cinzel;margin:0}.tooltip-card p.epic{color:#ca7cdd}.tooltip-card small{color:#748b82}.tooltip-card div{font:11px/1.5 Georgia;margin:10px 0;color:#bcc6c0}.tooltip-card ul{padding-left:17px;color:#72c795;font-size:10px}.tooltip-card>b{font-size:9px;color:#baa56f}.character-window{left:30px;width:360px}.paper-doll{display:grid;grid-template-columns:50px 1fr 50px;gap:10px;align-items:center;padding:18px 5px}.equipment{display:flex;flex-direction:column;gap:8px}.equipment button{height:44px;background:#071817;border:1px solid #365148}.portrait-large{height:170px;border:1px solid #6c805c;background:radial-gradient(#4c826c,#16302b);display:grid;place-items:center;font-size:60px;position:relative}.portrait-large small{position:absolute;bottom:5px;border:1px solid var(--gold);background:#76572f;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font:11px Inter}.character-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px}.character-stats div,.derived p{display:flex;justify-content:space-between;background:#0c2523;padding:7px;margin:0;text-transform:capitalize;font-size:10px}.character-stats b{color:#c9af73}.derived{border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.derived p{background:none;padding:4px}.derived span{color:#7f958d}@media(max-width:1000px){.auth-page{grid-template-columns:1fr;padding:5vh 8vw}.lore-panel{display:none}.auth-card{margin:auto}.character-layout{grid-template-columns:260px 1fr}.creation-panel,.top-right{display:none}.chat-panel{width:240px}.inventory-window{right:20px}.status-orb{display:none}.hud-buttons{bottom:190px}}.hero-sprite-preview{--hero-col:0;--hero-row:0;position:relative;margin:auto;width:250px;height:335px;background-image:url(/assets/pixel/heroes.png);background-size:400% 300%;background-position:calc(var(--hero-col)*33.333%) calc(var(--hero-row)*50%);background-repeat:no-repeat;image-rendering:pixelated;filter:drop-shadow(0 18px 20px #0009);animation:hero-idle 2.1s ease-in-out infinite;z-index:2}@keyframes hero-idle{50%{transform:translateY(-7px)}}.appearance button{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.appearance button small{font-size:8px;color:#6f8e84}.appearance button.active small{color:#d5bd84}.drag-handle{cursor:grab;touch-action:none}.drag-handle:active{cursor:grabbing}.window{max-height:calc(100vh - 16px);overflow:visible}.window>header{-webkit-user-select:none;user-select:none}.atlas-icon{--icon-x:0;--icon-y:0;display:inline-block;width:36px;height:36px;background-image:url(/assets/pixel/icons.png);background-size:800% 800%;background-position:calc(var(--icon-x)*14.2857%) calc(var(--icon-y)*14.2857%);background-repeat:no-repeat;image-rendering:pixelated;filter:drop-shadow(0 2px 2px #000b)}.atlas-icon.large{width:54px;height:54px;flex:0 0 54px}.inventory-window{width:430px;max-height:calc(100vh - 30px);overflow:visible}.inventory-grid{grid-template-columns:repeat(10,1fr);max-height:410px;overflow:auto;padding-right:3px}.item-slot{min-height:37px;padding:0;display:grid;place-items:center}.item-slot.filtered{opacity:.18}.item-slot:empty{background:#07181799}.item-slot .atlas-icon{width:100%;height:100%}.tooltip-card button{width:100%;border:1px solid #806b44;background:#16342f;color:#e5d6ac;padding:7px;margin:3px 0 9px;cursor:pointer}.tooltip-card>b{display:block}.inventory-window footer button:disabled{opacity:.5}.paper-hero{--hero-x:0;--hero-y:0;width:100%;height:100%;background:url(/assets/pixel/heroes.png) calc(var(--hero-x)*33.333%) calc(var(--hero-y)*50%)/400% 300% no-repeat;image-rendering:pixelated}.portrait-large{overflow:hidden}.equipment button{padding:2px;display:grid;place-items:center}.equipment button small{font-size:7px;color:#637d73}.equipment .atlas-icon{width:40px;height:40px}.hud-hero{display:block;width:58px;height:58px;background-image:url(/assets/pixel/heroes.png);background-size:400% 300%;background-position:0 0;background-repeat:no-repeat;image-rendering:pixelated}.hud-hero.ranger{background-position:33.333% 0}.hud-hero.mage{background-position:66.666% 0}.hud-hero.guardian{background-position:100% 0}.skills-window{left:50%;top:95px;width:470px}.skill-tabs{display:flex;border-bottom:1px solid var(--line);margin:8px 0}.skill-tabs button{flex:1;border:0;background:none;color:#71877e;padding:8px;cursor:pointer}.skill-tabs button.active{color:#e1c982;border-bottom:1px solid #d6bd82}.skill-list{display:grid;gap:6px;max-height:485px;overflow:auto}.skill-list article{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid #ffffff12;background:#0b2825;cursor:grab}.skill-list article.locked{filter:grayscale(1);opacity:.4;cursor:not-allowed}.skill-list h4{font:600 12px Cinzel;margin:0}.skill-list h4 small{color:#d5b46e}.skill-list p{font-size:10px;color:#9eb1aa;margin:4px 0}.skill-list b{font-size:8px;color:#c3aa70}.skill-help,.empty-state{font-size:9px;color:#789087;text-align:center}.social-window{left:calc(50% + 250px);top:135px;width:340px}.selected-player,.social-request,.trade-mvp{padding:12px;background:#0c2926;border:1px solid #ffffff13;margin:8px 0}.selected-player>b,.selected-player>span{display:block}.selected-player>span,.trade-mvp p{font-size:10px;color:#8da39b;margin:5px 0}.selected-player div{display:flex;gap:5px;margin-top:10px}.selected-player button,.social-request button{border:1px solid #6e6041;background:#12332e;font-size:9px;padding:7px;cursor:pointer}.social-request p{font-size:10px}.trade-mvp span{font-size:9px;color:#d1b76e}.actionbar button>em{position:absolute;inset:0;display:grid;place-items:center;background:#071716b9;font:700 14px Cinzel;color:#fff;font-style:normal}.actionbar button.onCooldown .atlas-icon{filter:grayscale(1) brightness(.5)}.actionbar .atlas-icon{width:39px;height:39px}.actionbar button:disabled{cursor:not-allowed}.minimap svg{width:100%;height:100%;display:block}.mini-zone{fill:#7c9b6e;fill-opacity:.12;stroke:#a7c48c;stroke-opacity:.25;stroke-width:7}.mini-zone.optional_pvp{fill:#9c5b54}.mini-zone.safe{fill:#5b9c7b}.mini-transition{fill:#e7c66b;stroke:#fff0af;stroke-width:8}.mini-enemy{fill:#ef554f;stroke:#621b1b;stroke-width:5}.mini-remote{fill:#75a7e0}.mini-player{fill:#ffe18d;stroke:#fff;stroke-width:4}.map-title small{text-transform:capitalize}.minimap{background:#173b31}.chat-log .global b{color:#8eb4ec}.chat-log .whisper{color:#d69bea}.chat-log .party b{color:#8ed7d2}@media(max-height:760px){.inventory-grid{max-height:300px}.skill-list{max-height:320px}.bottom-hud{transform:translate(-50%) scale(.86);transform-origin:bottom}.window{top:8px!important}}.npc-dialogue{position:absolute;z-index:60;left:50%;bottom:118px;transform:translate(-50%);width:min(760px,calc(100vw - 32px));min-height:220px;padding:20px 52px 20px 176px;border-color:#b99a5a88;background:linear-gradient(145deg,#081c1bfa,#051213fa);box-shadow:0 24px 80px #000c,inset 0 1px #fff1}.npc-dialogue:before{content:"";position:absolute;inset:7px;border:1px solid #d4b66c20;pointer-events:none}.npc-dialogue-close{position:absolute;right:14px;top:12px;z-index:2;width:30px;height:30px;border:1px solid #7e6841;background:#102725;color:#d9c595;font-size:18px;cursor:pointer}.npc-portrait{position:absolute;left:22px;bottom:20px;width:132px;height:178px;overflow:hidden;border:1px solid #90764a;background:radial-gradient(circle at 50% 35%,#356151,#102925 68%);box-shadow:inset 0 0 35px #0008}.npc-portrait i{--npc-x:0;--npc-y:2;display:block;width:100%;height:100%;background-image:url(/assets/pixel/creatures.png);background-size:600% 400%;background-position:calc(var(--npc-x)*20%) calc(var(--npc-y)*33.333%);background-repeat:no-repeat;image-rendering:pixelated;filter:drop-shadow(0 10px 10px #0008)}.npc-dialogue-copy header>span{display:block;color:#c6a85f;font-size:9px;font-weight:700;letter-spacing:3px}.npc-dialogue-copy h3{margin:4px 0 0;font:600 22px Cinzel,serif;color:#f0e5c8}.npc-dialogue-copy header p{margin:3px 0 13px;color:#899f96;font-size:10px}.npc-dialogue-copy blockquote{margin:0;padding:14px 16px;border-left:2px solid #b89a5a;background:#0b2523;color:#e5e0d1;font:15px/1.55 Georgia,serif}.npc-services{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.npc-services span{padding:4px 7px;border:1px solid #45625a;background:#102e2a;color:#9eb8ad;font-size:8px;text-transform:uppercase;letter-spacing:.8px}.npc-quest-note{margin:9px 0 0;color:#e2bf68;font-size:10px}.npc-answers{display:grid;gap:6px;margin-top:12px}.npc-answers button,.npc-goodbye{display:flex;align-items:center;gap:9px;width:100%;border:1px solid #4b625b;background:#0c2926;padding:9px 11px;text-align:left;color:#d9dfd8;cursor:pointer}.npc-answers button:hover,.npc-goodbye:hover{border-color:#c1a25f;background:#153630}.npc-answers b{display:grid;place-items:center;width:20px;height:20px;border:1px solid #8e7447;color:#e3c06e;font-size:9px}.npc-answers span{font-size:11px}.npc-goodbye{justify-content:center;margin-top:14px;color:#cdb77f}.game-shell:has(.npc-dialogue) .actionbar{filter:brightness(.72)}@media(max-width:700px){.npc-dialogue{bottom:78px;padding:18px 42px 18px 18px}.npc-portrait{display:none}.npc-dialogue-copy blockquote{font-size:13px}}.official-logo{display:block;width:min(430px,68vw);height:190px;object-fit:contain;object-position:left center;filter:drop-shadow(0 12px 34px #000a)}.elyndrift-login .lore-panel h1{font-size:clamp(52px,7vw,92px);letter-spacing:3px;margin:2px 0 20px}.public-status{display:flex;align-items:center;gap:18px;margin-top:26px;font-size:10px;letter-spacing:1px;color:#9bad9f}.public-status b{color:#5bd893}.public-status b.maintenance{color:#e8ae5e}.landing-news{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;max-width:660px}.landing-news article{display:grid;gap:5px;padding:12px;border:1px solid #ffffff12;background:#061715aa}.landing-news small{color:var(--gold);text-transform:uppercase;font-size:8px}.landing-news span{font-size:10px;color:#91a39c}.success-note{font-size:11px;color:#8cdbad;background:#123c2d;padding:9px}.auth-links{display:grid;grid-template-columns:1fr 1fr}.auth-card footer{display:flex;gap:12px;justify-content:center;margin-top:18px;font-size:9px;color:#607970}.auth-card footer a{color:#9baf9f}.logo-small{border:0;background:none;cursor:pointer}.fog-system{position:absolute;inset:0;z-index:25;pointer-events:none;overflow:hidden}.fog-canvas{display:block;width:100%;height:100%}.party-panel{position:absolute;z-index:34;left:22px;top:112px;width:248px;padding:8px;background:#061918e8;border:1px solid var(--line);box-shadow:0 10px 28px #0008}.party-panel header{display:flex;justify-content:space-between;align-items:center;font:700 9px Cinzel;color:var(--gold);margin-bottom:5px}.party-panel select{max-width:112px;background:#0b2925;color:#a9bbb3;border:1px solid #3a5149;font-size:8px;padding:3px}.party-member{display:flex;gap:7px;width:100%;text-align:left;border:1px solid transparent;background:#0a2220aa;padding:5px;margin:3px 0}.party-member.selected{border-color:#a98d55}.party-member.dead{filter:grayscale(.8)}.party-member.offline{opacity:.45}.party-member>i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#193d36;color:#d2bb81}.party-member>span{flex:1}.party-member b,.party-member small{display:block;font-size:9px}.party-member small{font-size:7px;color:#789087}.party-member em{display:block;height:3px;margin-top:3px;background:#301818}.party-member em u{display:block;height:100%;background:#bb5147}.party-member em.mp{background:#142738}.party-member em.mp u{background:#397eb2}.party-actions{display:flex;flex-wrap:wrap;gap:3px;margin:5px 0}.party-actions button,.party-leave{border:1px solid #4c6159;background:#102c28;padding:4px 6px;font-size:8px}.danger{border-color:#813f3f!important;color:#e5a09a!important}.party-leave{width:100%;color:#9bafa7}.trade-window{left:50%;top:86px;transform:translate(-50%);width:min(900px,calc(100vw - 30px));background:#071b1af7}.trade-status{display:flex;gap:16px;align-items:center;padding:8px;margin:8px 0;background:#0d2d29;text-transform:uppercase;font-size:9px}.trade-status b{color:var(--gold)}.trade-status strong{margin-left:auto;font:700 20px Cinzel}.trade-layout{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:9px}.trade-layout section{min-height:260px;padding:10px;border:1px solid #304941;background:#081f1d}.trade-layout h3{font:600 12px Cinzel;margin:0 0 9px}.trade-inventory{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;max-height:310px;overflow:auto}.trade-inventory button{min-height:55px;border:1px solid #385149;background:#0a2522;display:grid;place-items:center;padding:2px}.trade-inventory small{font-size:7px}.offer>button,.offer>div{display:flex;justify-content:space-between;width:100%;border:1px solid #3b514a;background:#0d2925;padding:7px;margin:4px 0;font-size:9px}.offer>p{color:#6f847c;font-size:9px;text-align:center;margin:35px 0}.offer label{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:9px}.offer input{width:90px;background:#061615;color:#e6dfcf;border:1px solid #576057;padding:6px}.offer em{display:block;margin-top:10px;padding:5px;background:#392621;color:#c99a7c;text-align:center;font-size:8px}.offer em.accepted{background:#173b2d;color:#83d29c}.trade-window>footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-top:10px}.trade-window>footer button{width:auto;padding:9px 15px}.trade-window>footer b{font-size:10px;color:#8bd1a1}.world-map-window{position:absolute;z-index:47;inset:42px 55px 68px;background:#061816f5;border:1px solid #9b8150;box-shadow:0 28px 90px #000e;display:flex;flex-direction:column}.world-map-window>header{display:flex;align-items:center;gap:8px;padding:12px 15px;border-bottom:1px solid var(--line)}.world-map-window header div{margin-right:auto}.world-map-window h2{font:600 20px Cinzel;margin:0}.world-map-window input,.world-map-window select{background:#081f1c;color:#d7d7ca;border:1px solid #3e5a50;padding:8px}.world-map-window button{border:1px solid #6b6043;background:#102c27;padding:7px 10px}.world-map-window .close{font-size:20px}.world-map-canvas{flex:1;min-height:0;overflow:hidden;cursor:grab;background:#071b1c}.world-map-canvas:active{cursor:grabbing}.world-map-canvas svg{width:100%;height:100%;touch-action:none}.world-sea{fill:#081d23}.world-region{fill:#173a33;stroke:#426653;stroke-width:2}.world-route{stroke:#9e895c;stroke-width:3;stroke-dasharray:7 5}.world-location circle{fill:#bf9b57;stroke:#f0d798;stroke-width:2}.world-location circle.dungeon{fill:#6e536e}.world-location circle.city{fill:#b87d4e}.world-location circle.current{stroke:#fff;animation:map-pulse 1.5s infinite}.world-location text,.world-marker text{fill:#e9e1c8;font:10px Inter;paint-order:stroke;stroke:#061413;stroke-width:3}.world-marker path{fill:#7fcfbc;stroke:#e0fff6}.current-player{fill:#fff1a5;stroke:#fff;stroke-width:2}@keyframes map-pulse{50%{r:21;opacity:.6}}.world-map-window>footer{display:flex;gap:18px;padding:8px 14px;color:#93a79f;font-size:8px}.world-map-window>footer b{margin-left:auto}.minimap{height:auto;border:1px solid #8f7448;border-radius:4px;overflow:hidden;background:#0c2723cc;box-shadow:0 8px 24px #000a}.minimap header,.minimap footer{display:flex;align-items:center;gap:3px;padding:4px}.minimap header span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:9px Cinzel}.minimap header button,.minimap footer button{border:1px solid #526359;background:#102a26;font-size:8px}.minimap-square{width:100%;background:#102a24;transition:height .2s}.mini-ground{fill:#24483a}.mini-transitions rect{fill:#e7c66b}.mini-enemy{fill:#ed5b53}.mini-party{fill:#72c6db}.mini-player{fill:#ffdf7b;stroke:#fff;stroke-width:.5}.minimap footer{font-size:7px}.minimap footer label{display:flex;gap:2px}.minimap.collapsed{width:180px!important}.top-right{width:320px}.chat-panel{width:440px}.chat-log p{position:relative;display:flex;gap:5px}.chat-log time{color:#536e65}.chat-name{border:0;background:none;padding:0;color:#78c7b1;font-weight:700;cursor:pointer}.chat-log .global .chat-name{color:#88abe3}.chat-log .party .chat-name{color:#7ed3ca}.chat-log .whisper .chat-name{color:#d49ce7}.chat-log .trade .chat-name{color:#e0a96d}.chat-menu{position:absolute;bottom:100%;left:40px;z-index:3;display:flex;background:#061716;border:1px solid #786947}.chat-menu button{border:0;background:#102b27;padding:5px;font-size:7px}.character-window{width:410px}.stat-heading{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:8px 2px;font-size:10px}.stat-heading b{color:var(--gold)}.character-stats.detailed{display:block}.character-stats.detailed>div{display:grid;grid-template-columns:1fr 24px 28px 24px;align-items:center;margin-bottom:3px}.character-stats.detailed span small{display:block;font-size:7px;text-transform:none;color:#6e857d}.character-stats.detailed button{border:1px solid #4c5c54;background:#102b27;padding:2px}.stat-actions{display:flex;gap:5px;margin-top:8px}.stat-actions button{flex:1;width:auto;padding:7px;border:1px solid #5b604b;background:#102b27;font-size:8px}.chat-panel form,.chat-panel input{-webkit-user-select:text;user-select:text}.chat-panel input{font-size:12px;padding:2px 0}.diagnostics{max-width:min(560px,70vw)}.diagnostics span:nth-child(2){max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagnostics .connection-error{color:#dc6c62}.diagnostics .connection-reconnecting{color:#d6aa55}.diagnostics .connection-offline{color:#88928d}.lobby-admin{border:1px solid #74613e;background:#122b27;color:#d9c487;padding:9px 12px;text-decoration:none;font-size:9px;white-space:nowrap}@media(max-width:900px){.world-map-window{inset:10px 10px 60px}.world-map-window>header{flex-wrap:wrap}.trade-layout{grid-template-columns:1fr;overflow:auto}.trade-window{top:8px;max-height:calc(100vh - 16px);overflow:auto}.party-panel{top:100px;width:210px}.landing-news{display:none}}.account-lobby{height:100%;overflow:auto;background:radial-gradient(circle at 50% -20%,#24584c,#071716 55%);color:#e8e3d5}.lobby-header{position:sticky;top:0;z-index:5;height:78px;display:flex;align-items:center;gap:22px;padding:0 4vw;background:#061716ec;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.lobby-header>img{width:180px;height:66px;object-fit:contain}.lobby-header nav{display:flex;height:100%;margin-left:20px}.lobby-header nav button{border:0;border-bottom:2px solid transparent;background:none;padding:0 16px;color:#81978e;font-size:10px;text-transform:uppercase;letter-spacing:1px}.lobby-header nav button.active{color:#e1ca91;border-color:var(--gold)}.server-pill{margin-left:auto;display:flex;align-items:center;gap:8px}.server-pill i{width:8px;height:8px;border-radius:50%;background:#58cd8c;box-shadow:0 0 8px #58cd8c}.server-pill i.maintenance{background:#dfa95c}.server-pill span,.server-pill small{display:block;font-size:9px}.server-pill small{font-size:7px;color:#6d867c;margin-top:3px}.lobby-logout{border:1px solid #425b53;background:#0c2824;padding:8px 12px;font-size:9px}.lobby-content{max-width:1500px;margin:auto;padding:42px 4vw 80px}.lobby-welcome{text-align:center;margin-bottom:30px}.lobby-welcome h1{font:600 34px Cinzel;margin:3px}.lobby-welcome>p:last-child{color:#91a59d;font:14px Georgia}.success-banner{max-width:700px;margin:0 auto 14px;padding:9px;background:#163c2e;color:#8bd4a6;border:1px solid #2d644d}.character-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.lobby-character-card{min-height:450px;display:flex;flex-direction:column;align-items:center;padding:15px;background:linear-gradient(#0c2926eb,#071817f5);border:1px solid #355148;box-shadow:0 18px 45px #0005;position:relative;overflow:hidden}.lobby-character-card:hover{border-color:#a58b57;transform:translateY(-2px)}.lobby-character-card.empty{justify-content:center;border-style:dashed;opacity:.8}.slot-number{align-self:flex-start;color:#bda266;font-size:8px;letter-spacing:2px}.lobby-hero{height:230px;width:100%;display:grid;place-items:center;background:radial-gradient(circle,#34705e55,transparent 65%)}.lobby-hero i{display:block;width:150px;height:220px;background:url(/assets/pixel/heroes.png) 0 0/400% 300% no-repeat;image-rendering:pixelated;filter:drop-shadow(0 14px 14px #000)}.lobby-hero.ranger i{background-position:33.333% 0}.lobby-hero.mage i{background-position:66.666% 0}.lobby-hero.guardian i{background-position:100% 0}.lobby-character-card h2{font:600 20px Cinzel;margin:8px 0 4px}.lobby-character-card p{font-size:10px;color:#9caea7}.lobby-character-card>small{min-height:34px;text-align:center;color:#687e76;font-size:8px;text-transform:capitalize}.lobby-character-card>.primary{margin-top:auto}.slot-actions{display:flex;width:100%;gap:4px;margin-top:8px}.slot-actions button{flex:1;border:1px solid #3a504a;background:#0b2421;padding:6px;font-size:8px}.danger-text{color:#dc8c83!important}.empty-rune{font-size:58px;color:#ac955e}.lobby-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.lobby-grid>div,.lobby-grid>aside{padding:24px;background:#0a2421dd;border:1px solid #2c4740}.lobby-grid h2{font:600 19px Cinzel}.news-card{padding:14px 0;border-bottom:1px solid #ffffff0d}.news-card>span{font-size:8px;color:var(--gold);text-transform:uppercase}.news-card h3{font:600 13px Cinzel;margin:5px 0}.news-card p{font-size:10px;color:#8fa29a}.lobby-grid>aside>b{font:600 32px Cinzel;color:#d3b777}.session-card{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #ffffff0d}.session-card b,.session-card span,.session-card small{display:block}.session-card span{font-size:9px;color:#9cada6;margin:4px 0;max-width:500px;overflow:hidden;text-overflow:ellipsis}.session-card small{font-size:7px;color:#647b72}.session-card button{border:1px solid #71443d;background:#2d1a18;padding:7px;font-size:8px}.notification{border-bottom:1px solid #ffffff0d;padding:10px 0}.notification b{font-size:10px}.notification p,.notification small{font-size:8px;color:#849991}.account-lobby .error{max-width:700px;margin:0 auto 14px}@media(max-width:1100px){.character-slots{grid-template-columns:1fr 1fr}.lobby-header nav{margin-left:0}.server-pill{display:none}}@media(max-width:650px){.lobby-header{height:auto;flex-wrap:wrap;padding:8px 12px}.lobby-header>img{width:130px}.lobby-header nav{order:3;width:100%;height:38px}.lobby-header nav button{flex:1;padding:0}.lobby-logout{margin-left:auto}.character-slots,.lobby-grid{grid-template-columns:1fr}.lobby-content{padding:25px 12px}.lobby-character-card{min-height:390px}.lobby-hero{height:180px}}.account-danger{margin:12px 0;border:1px solid #74443f;background:#2c1918;padding:9px;color:#dda097;font-size:9px}.password-form{display:grid;gap:7px;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.password-form input{background:#061716;color:#e2e2d7;border:1px solid #365149;padding:9px}.password-form .primary{padding:9px;font-size:9px}