:root{color-scheme:dark;--ink:#e2dfca;--muted:#989e8e;--gold:#c4aa70;--border:rgba(177,165,119,.23);--glass:rgba(17,25,22,.9);font-family:Arial,Helvetica,sans-serif;font-size:13px;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:#141e1b;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #c4aa70;outline-offset:4px}button{border:0;background:none}button:hover{color:#fff4ce}button:disabled{cursor:wait;opacity:.6}.hidden{display:none!important}#world{display:block;width:100vw;height:100vh;cursor:crosshair;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 160px 35px rgba(4,9,8,.65);background:linear-gradient(180deg,rgba(7,12,11,.58),transparent 28%,transparent 70%,rgba(7,12,11,.8))}.hud{position:fixed;inset:0;pointer-events:none}.hud button,.hud .skill,.minimap-wrap,.quest-claim{pointer-events:auto}.glass{background:linear-gradient(130deg,rgba(31,40,33,.94),rgba(13,21,19,.94));border:1px solid var(--border);box-shadow:0 5px 25px #0003}.topbar{height:77px;position:absolute;top:0;left:0;right:0;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a4976425;background:linear-gradient(#111a18d9,#111a1800)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:3px;font-family:Georgia,'Times New Roman',serif;font-size:19px}.brand-mark{font-size:44px;color:var(--gold);line-height:1}.brand small{display:block;font:8px Arial;letter-spacing:4px;color:#8d9a88;margin-top:6px}.build{font:8px Arial;letter-spacing:1px;color:#9caa93;border:1px solid #8a9c7836;padding:5px 7px;margin-left:10px}.top-actions{display:flex;align-items:center;gap:24px}.connection{font-size:11px;color:#9eaf94}.connection:before,.online-dot{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#8faf84;box-shadow:0 0 7px #8faf8466;margin-right:7px}.connection.offline{color:#d5a074}.connection.offline:before{background:#d5a074}.text-btn{font-size:11px;color:#bec1ae;padding:8px 0}.text-btn span{margin-left:12px;color:var(--gold)}.round-btn{width:27px;height:27px;border:1px solid var(--border);border-radius:50%;font-family:Georgia;color:var(--gold)}.character{position:absolute;top:101px;left:30px;padding:12px;display:flex;width:285px;gap:13px;border-radius:3px}.portrait{width:58px;height:66px;position:relative;flex:none;background:radial-gradient(#61725b55,#151d18);border:1px solid #ac9b6266;clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,0 100%)}.portrait svg{width:100%;height:100%}.portrait>span{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;color:#f1d699;background:#17201bd9;padding:2px}.character-stats{flex:1}.name-line{display:flex;justify-content:space-between;align-items:center;margin:1px 0 9px;gap:8px}.name-line strong{font-family:Georgia;font-size:15px;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:130px}.name-line>span{font-size:10px;color:#9aaa92}.stat-bar{height:13px;position:relative;background:#090f0ebd;box-shadow:inset 0 0 0 1px #c6b9871c;margin-top:5px;overflow:hidden}.stat-bar i{position:absolute;inset:1px;right:auto;width:100%;transition:width .18s}.stat-bar span{position:absolute;inset:0;text-align:center;font-size:9px;line-height:13px;text-shadow:0 1px 3px #000}.hp i{background:linear-gradient(90deg,#753a35,#a96751)}.mp i{background:linear-gradient(90deg,#35576a,#72949a)}.pet{position:absolute;top:199px;left:30px;width:236px;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:3px}.wolf-symbol{font-size:33px;color:#abb8ab}.pet>div{flex:1}.pet .name-line{margin:0 0 5px}.pet .name-line strong{font-size:12px}.pet-hp{height:5px;margin:0}.pet-hp i{background:#75896a}.pet small{display:block;font-size:9px;color:#9aa28f;margin-top:5px}.pet button{font-size:22px;color:var(--gold);padding:3px}.target-panel{position:absolute;top:100px;left:50%;transform:translateX(-50%);width:265px;padding:10px 14px;border-radius:2px}.target-panel>div:first-child{display:flex;align-items:center;gap:7px;margin-bottom:8px}.target-panel strong{font:14px Georgia}.target-panel small{font-size:7px;color:#b28170;margin-left:auto;letter-spacing:.5px}#targetLevel{font-size:11px;color:var(--gold)}.map-column{position:absolute;right:30px;top:101px;width:249px}.location{text-align:right;padding-bottom:13px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}.location h1{font-size:26px;letter-spacing:.5px;margin:7px 0}.location p{font-size:10px;color:#aab3a1;margin:0}.sun{color:var(--gold);font-size:16px;margin-right:5px}.divider{margin:0 8px;color:#6e7568}.minimap-wrap{height:164px;border:1px solid #b4a57050;padding:5px;background:#101914c9;position:relative;clip-path:polygon(0 0,93% 0,100% 10%,100% 100%,7% 100%,0 90%)}#minimap{width:100%;height:100%}.north{position:absolute;top:10px;left:50%;font:9px Georgia;color:#c5b984}.map-coordinates{position:absolute;right:13px;bottom:12px;font-size:8px;color:#a9b299;letter-spacing:1px}.map-footer{display:flex;align-items:center;justify-content:flex-end;font-size:9px;color:#a4ad98;padding:10px 3px}.quest{margin-top:12px;padding:17px 15px;border-radius:3px}.quest .eyebrow{font-size:8px;letter-spacing:1.5px}.quest .eyebrow>span{font-size:16px;margin-right:7px}.quest h2{font-size:20px;margin:9px 0 8px}.quest p{font-size:10px;line-height:1.7;color:#a1aa98;margin:0 0 16px}.objective{display:flex;align-items:center;gap:7px;margin:11px 0;font-size:10px}.objective b{font-size:10px;font-weight:400;color:#bfb387;margin-left:auto;white-space:nowrap}.check{color:#899476}.objective.complete{color:#a7c297}.objective.complete .check{color:#a7c297}.quest-reward{border-top:1px solid #a899662a;padding-top:13px;margin-top:16px;font-size:9px;color:#89947f}.quest-reward span{display:block;margin-top:6px;color:#bfb083;font-size:10px}.quest-claim{margin-top:13px;border:1px solid #aa966255;background:#84723c33;padding:9px;font-size:10px;color:#e2cd95;width:100%}.quest-finished{font-size:10px;color:#aac397;margin-top:12px}.left-bottom{position:absolute;left:30px;bottom:33px;width:330px}.world-note{font-size:9px;letter-spacing:.5px;color:#91a187;margin-bottom:12px}.event-log{font-size:10px;line-height:1.9;color:#b0b69f;max-height:120px;overflow:hidden;mask-image:linear-gradient(transparent,#000 15%)}.event-log div:first-child{opacity:.5}.event-log time{color:#78856e;margin-right:10px;font-size:9px}.quick-hints{font-size:9px;color:#85957f;margin-top:14px;line-height:1.9}.quick-hints>span{margin:0 5px}kbd{font:9px Arial;border:1px solid #a29c7140;border-radius:2px;background:#16201bb0;color:#b7bc9f;padding:2px 4px}.bottom-center{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:498px}.context-hint{height:28px;font-size:10px;text-align:center;color:#c8c8a9;text-shadow:0 1px 4px #000}.action-dock{display:flex;align-items:center;justify-content:center;padding:10px 13px;border-radius:4px;position:relative;gap:14px;box-shadow:0 8px 45px #0009}.skills{display:flex;gap:5px}.skill{width:57px;height:64px;border:1px solid #ad9c5a45;position:relative;background:linear-gradient(135deg,#39473766,#17231b);padding:0;overflow:hidden;transition:border-color .15s,background .15s}.skill:hover{border-color:#c6ad71;background-color:#40533d}.skill kbd{position:absolute;top:2px;left:3px;border:0;background:none;font-size:9px;padding:0;color:#d1c99f}.skill svg{width:35px;height:35px;stroke:#b7c69b;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block;margin:2px auto 3px}.skill span{font-size:8px;color:#b3bfa2;display:block}.skill em{position:absolute;inset:0;display:none;background:#070e0bc9;align-items:center;justify-content:center;font:22px Georgia;color:#d3d8ba}.skill.cooling em{display:flex}.wolf-skill.active{border-color:#b3b879;box-shadow:inset 0 0 12px #94b06b26}.dock-separator{width:1px;height:41px;background:#9f955233;margin-left:-5px;margin-right:-6px}.inventory-btn{position:relative;padding:0;display:flex;flex-direction:column;align-items:center;gap:4px}.inventory-btn svg{width:28px;height:28px;fill:none;stroke:#a29f7a;stroke-width:1.4}.inventory-btn kbd{font-size:8px;border:0;background:none}.orb{width:62px;height:62px;position:relative;border-radius:50%;border:2px solid #8f81584d;flex:none;box-shadow:0 0 0 4px #111b16,0 0 0 5px #9c90552e,inset 0 0 10px #000;background:#111715}.orb>div{position:absolute;inset:3px;border-radius:50%;background:radial-gradient(circle at 32% 23%,#c8806666,transparent 35%),radial-gradient(circle at 50% 85%,#ab5a46,#65382f 58%,#34261c);clip-path:inset(0 0 0 0);transition:clip-path .2s}.orb.energy>div{background:radial-gradient(circle at 32% 23%,#a4cab866,transparent 35%),radial-gradient(circle at 50% 85%,#709788,#3b655a 58%,#203c36)}.orb>span{position:absolute;top:24px;left:0;right:0;text-align:center;font-size:10px;color:#f0e6cf;text-shadow:0 1px 4px #000}.orb small{position:absolute;top:-20px;left:0;right:0;text-align:center;letter-spacing:1.5px;font-size:7px;color:#b0b293;display:none}.xp-row{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:8px;letter-spacing:.6px;color:#a5a48a}.xp-track{height:3px;background:#aaa67526;flex:1}.xp-track i{display:block;height:100%;background:#b8a674;width:0;transition:width .2s}.bottom-right{position:absolute;bottom:27px;right:30px;text-align:right;display:flex;flex-direction:column;gap:10px;font-size:9px;color:#7c8c77}.bottom-right .text-btn{font-size:10px}.toasts{position:absolute;left:50%;top:24%;transform:translateX(-50%);width:440px;text-align:center;display:flex;flex-direction:column;gap:7px}.toast{background:#15221cdb;border:1px solid #bbaa673b;padding:12px 19px;font-size:12px;color:#e0d7b6;animation:toast-in .2s ease-out}.toast.error{color:#dab39d}@keyframes toast-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.login-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#0a1410c7,#0e1b1277,#0a1410c7);backdrop-filter:blur(2px)}.login-card{width:460px;padding:38px 44px 30px;text-align:center;background:linear-gradient(145deg,#1d2b21f0,#0e1915f5);border:1px solid #ae9b6555;box-shadow:0 25px 140px #0009;position:relative}.login-card:before,.login-card:after{content:'';position:absolute;width:35px;height:35px;border-color:#c8b77b;border-style:solid;pointer-events:none}.login-card:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.login-card:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.login-emblem{font-size:66px;color:#c0b07e;line-height:1;margin-bottom:20px}.login-card>.eyebrow{font-size:8px;letter-spacing:2.1px}.login-card h1{font-size:53px;letter-spacing:1px;margin:16px 0;color:#e8e1c7}.ornament{display:flex;align-items:center;gap:12px;justify-content:center;color:#aa9869;font-size:9px}.ornament span{width:66px;height:1px;background:linear-gradient(90deg,transparent,#a595625e)}.ornament span:last-child{transform:rotate(180deg)}.login-intro{font:15px/1.8 Georgia;color:#b8c0ac;margin:22px 0 30px}form{text-align:left}form label{font-size:8px;letter-spacing:1.6px;color:#b8bb9d}input{width:100%;background:#0b1611;border:1px solid #b2a56c42;color:#e3dec1;padding:14px;margin:10px 0 12px;border-radius:2px}input::placeholder{color:#71806b;font-size:12px}.primary-btn{width:100%;text-align:left;padding:15px 18px;background:linear-gradient(110deg,#9c8954,#c0aa70);color:#152017;font-size:13px;font-weight:600;border:1px solid #d6c28b;box-shadow:0 4px 24px #b69e3520}.primary-btn:hover{background:#cbb982;color:#101b13}.primary-btn span{float:right;font-size:18px;line-height:15px}.form-error{color:#dba98c;font-size:11px;min-height:14px;margin:8px 0}.login-details{display:flex;justify-content:space-between;font-size:9px;color:#b1b79a;border-top:1px solid #9b915633;padding-top:22px;margin-top:9px}.save-note{display:block;color:#748570;font-size:9px;line-height:1.8;margin-top:21px}.login-footer{position:absolute;bottom:25px;font-size:8px;letter-spacing:3px;color:#82927d}dialog{background:linear-gradient(145deg,#223025,#111c17);color:var(--ink);border:1px solid #bdad7159;width:440px;padding:30px;box-shadow:0 20px 150px #000b}dialog::backdrop{background:#050c09a8;backdrop-filter:blur(3px)}dialog .close{position:absolute;right:13px;top:9px;font-size:25px;color:#a7ae96}dialog h2{font-size:29px;margin:10px 0 24px}.equipped{display:flex;gap:18px;align-items:center;border:1px solid #c0ac6b36;padding:16px}.equipped>span{font-size:40px;color:#b7c698}.equipped small{font-size:8px;color:#a4a483;letter-spacing:1px}.equipped h3{margin:7px 0;font-size:19px}.equipped p{margin:0;font-size:10px;color:#929f88}.bag-grid{display:flex;gap:9px;margin:16px 0 25px}.bag-grid>div{flex:1;border:1px solid #b2a97226;background:#0e19124d;text-align:center;padding:18px 3px}.item-icon{font-size:30px;display:block;margin-bottom:9px}.gold{color:#cbb178}.green{color:#acbe8d}.blue{color:#90b8b3}.bag-grid b{font-size:16px;font-weight:400;display:block}.bag-grid small{display:block;margin-top:7px;font-size:9px;color:#99a58d}.muted{font-size:11px;line-height:1.8;color:#9ca991}.help-row{display:flex;align-items:center;gap:15px;margin:16px 0;font-size:11px;color:#b6c0a8}.help-row kbd{min-width:35px;text-align:center}.help-row span{line-height:1.5}
@media(max-width:1150px){.topbar{padding:0 20px}.build{display:none}.map-column{right:20px;width:220px}.character,.pet{left:20px}.left-bottom{left:20px;bottom:145px;width:250px}.quick-hints{display:none}.bottom-right{bottom:20px;right:20px}.bottom-center{bottom:17px}.quest p{display:none}.quest{padding:12px}.objective{font-size:9px}.connection{display:none}.target-panel{width:220px}.target-panel small{display:none}}
@media(max-height:750px){.topbar{height:62px}.character,.map-column,.target-panel{top:80px}.pet{top:178px}.map-column{width:220px}.minimap-wrap{height:130px}.quest{margin-top:0;padding:12px}.quest p{display:none}.quest h2{font-size:18px}.quest-reward{margin-top:10px;padding-top:10px}.location h1{font-size:22px}.location{padding-bottom:9px}.login-card{padding:22px 38px}.login-emblem{font-size:45px;margin-bottom:13px}.login-card h1{font-size:44px;margin:12px 0}.login-intro{margin:17px 0 22px}.login-details{padding-top:15px}.save-note{margin-top:16px}}
@media(max-width:760px){.topbar{height:55px;padding:0 12px}.brand{font-size:15px;gap:7px}.brand-mark{font-size:30px}.brand small{font-size:6px;letter-spacing:3px}.top-actions{gap:12px}.top-actions .text-btn{font-size:0}.top-actions .text-btn span{font-size:17px}.character{left:12px;top:68px;width:225px;padding:8px;gap:8px}.portrait{width:45px;height:58px}.name-line strong{font-size:13px;max-width:108px}.pet{top:151px;left:12px;width:207px;padding:7px}.map-column{right:12px;top:68px;width:140px}.location h1{font-size:18px}.location .eyebrow{font-size:6px;letter-spacing:1px}.location p{font-size:8px}.minimap-wrap{height:105px}.map-footer{font-size:8px}.quest{position:fixed;top:219px;left:12px;width:207px}.quest h2{font-size:16px}.quest .eyebrow{font-size:7px}.quest .objective{font-size:8px}.quest-reward{display:none}.target-panel{top:auto;bottom:155px;width:220px}.left-bottom,.bottom-right{display:none}.bottom-center{width:370px;bottom:16px}.action-dock{padding:10px 8px;gap:8px}.skill{width:46px;height:58px}.skills{gap:3px}.skill svg{width:30px;height:30px}.skill span{font-size:7px}.orb{width:43px;height:43px}.orb>span{top:15px;font-size:8px}.inventory-btn svg{width:22px}.dock-separator{margin:0}.context-hint{font-size:9px}.toasts{width:min(90vw,400px);top:45%}.login-card{width:min(92vw,430px);padding:24px}.login-card h1{font-size:44px}.login-details{font-size:8px}dialog{width:90vw;padding:24px}.xp-row{font-size:7px}}

/* 0.3 local painted UI atlas; semantic labels remain available. */
.asset-loader{display:grid;gap:10px;margin:12px 0 20px;color:#d2c69c;font-size:12px}.asset-loader progress{width:100%;height:7px;accent-color:#b6ca86}.asset-loader button{padding:12px;border:1px solid #8c9471;background:#263d30;color:#eedcb2;cursor:pointer}.primary-btn:disabled{opacity:.45;cursor:wait}.graphics-options{display:grid;grid-template-columns:1fr auto;gap:10px;margin:18px 0;padding:14px;background:#1e3126;border:1px solid #72806455}.graphics-options select{font:inherit;color:#e1d4b1;background:#263f30;padding:9px;border:1px solid #768768;border-radius:4px;min-height:44px}.graphics-options small{grid-column:1/-1;color:#aab79c}.skill{background-image:url('/assets/icons.png');background-size:200% 200%;background-repeat:no-repeat}.skill[data-action=thorn]{background-position:0 0}.skill[data-action=roots]{background-position:100% 0}.skill[data-action=heal]{background-position:0 100%}.skill[data-action=summon]{background-position:100% 100%}.skill svg{opacity:0}.skill span{background:#101d16cc;border-radius:3px;padding:1px 3px;text-shadow:0 1px 2px #000}.skill kbd{background:#14231bd9}.login-card{max-height:calc(100dvh - 32px);overflow-y:auto}.login-overlay{overflow-y:auto}.portrait.druid-portrait{background:#263b2d;}.portrait.druid-portrait svg{opacity:0}

#druidIcon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wolf-symbol canvas{width:36px;height:36px}.item-icon canvas,.equipped>span canvas{width:100%;height:100%;object-fit:contain}.equipped>span{display:block;width:56px;height:56px}

.item-icon{width:48px;height:48px;margin:0 auto 9px}

#fullscreenBtn{font-size:23px;min-width:44px;min-height:44px;touch-action:manipulation}#latencyStats{white-space:pre-wrap;overflow-wrap:anywhere;font:11px monospace;color:#adbc9e}html:fullscreen{width:100%;height:100%;background:#17271f}html:-webkit-full-screen{width:100%;height:100%;background:#17271f}