@import url('/assets/fonts.css');
.quest-panel.collapsed{display:none}
:root{--gold:#d4b26a;--gold-light:#f3dfad;--ink:#15231f;--text:#f0ead9;--muted:#a8b1a3;--line:rgba(207,187,133,.28);font-family:'Segoe UI',sans-serif;color:var(--text);background:#243b2a;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}button{touch-action:manipulation}canvas{display:block}#game,#world,.hud,.vignette,#labels,#damage-layer{position:fixed;inset:0}#world{width:100%;height:100%;touch-action:none}.vignette{pointer-events:none;background:radial-gradient(ellipse at 50% 40%,transparent 37%,#06181125 75%,#06181180 100%)}.hud{pointer-events:none;z-index:3}.hud button,.hud input,.hud form,.panel,.map-panel{pointer-events:auto}.hidden{display:none!important}.panel{background:linear-gradient(125deg,#172923ec,#14231edc);border:1px solid var(--line);box-shadow:0 8px 30px #06160b25,inset 0 1px #fff1;backdrop-filter:blur(12px)}.hero-panel{position:absolute;top:28px;left:30px;width:304px;padding:12px;display:flex;gap:12px;border-radius:5px}.portrait{position:relative;width:64px;height:72px;flex-shrink:0;background:radial-gradient(#786d49,#28382c);border:1px solid #c9ad6877;overflow:visible}.portrait img{width:100%;height:100%;object-fit:cover}.portrait>span{position:absolute;bottom:-8px;left:20px;width:25px;height:25px;background:#223029;border:1px solid #b99c5a;display:grid;place-items:center;font:14px Georgia;color:#edd49a;transform:rotate(0)}.hero-info{flex:1;min-width:0}.hero-name{display:flex;flex-direction:column;gap:3px;margin:1px 0 9px}.hero-name strong{font:18px Georgia;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hero-name>span{font-size:8px;letter-spacing:2.5px;color:var(--gold)}.vital{height:14px;position:relative;background:#09130f;border:1px solid #6d795b4f;margin-top:5px;overflow:hidden}.vital>div{height:100%;width:100%;transition:width .15s;background:linear-gradient(90deg,#752b2c,#b35845)}.vital>span{position:absolute;inset:0;text-align:center;font-size:9px;line-height:12px;text-shadow:0 1px 3px #000}.mana{height:10px}.mana>div{background:linear-gradient(90deg,#28556d,#5c9dad)}.mana>span{font-size:8px;line-height:8px}.world-title{position:absolute;left:50%;top:32px;transform:translateX(-50%);font:12px Georgia;letter-spacing:3px;text-align:center;text-shadow:0 2px 10px #0009;white-space:nowrap;color:#fff9e4}.world-title small{display:block;font:10px 'Segoe UI',sans-serif;letter-spacing:1px;color:#e0dfc8b8;margin-top:10px}.diamond{color:var(--gold);padding:0 12px}.map-panel{position:absolute;right:30px;top:25px;width:184px}.map-frame{position:relative;width:172px;height:172px;margin:auto;border-radius:50%;padding:5px;border:1px solid #d9c188b0;box-shadow:0 0 0 4px #13251faa,0 8px 25px #0004;background:#15291d}.map-frame canvas{width:160px;height:160px;border-radius:50%}.north{position:absolute;top:6px;left:50%;transform:translateX(-50%);font:10px Georgia;color:#e5cc8d}.map-caption{display:flex;gap:6px;align-items:center;margin-top:14px;color:#c5d2bd;font-size:9px;letter-spacing:.3px}.map-caption #coordinates{margin-left:auto;color:#e1d4ad}.live-dot{width:5px;height:5px;border-radius:50%;background:#b3dc85;box-shadow:0 0 8px #b3dc8555}.quest-panel{position:absolute;left:30px;top:156px;width:277px;border-radius:4px;padding:17px 18px}.section-label{display:flex;align-items:center;font-size:8px;letter-spacing:1.6px;color:#a5b29b;gap:8px}.section-label>span{color:var(--gold);font-size:16px}.section-label kbd{margin-left:auto}kbd{font:9px 'Segoe UI',sans-serif;border:1px solid #b9b79a44;border-radius:2px;padding:2px 4px;color:#c5c5ad;box-shadow:0 1px 0 #0004}.quest-panel h2{font:21px Georgia;margin:14px 0 10px;color:#eedbb0}.quest-panel p{font-size:11px;line-height:1.75;color:#b6c1af;margin:0 0 16px}.objective{font-size:10px;display:flex;align-items:center;gap:7px;line-height:1.6;margin:8px 0}.objective b{margin-left:auto;color:#e9d6a0;font-weight:500}.objective-dot{width:6px;height:6px;border-radius:50%;border:1px solid var(--gold)}.objective.complete{color:#c0dca6}.objective.complete .objective-dot{background:#bbd590;border-color:#bbd590}.muted{color:#92a08e!important}.quest-reward{display:flex;align-items:center;gap:14px;padding-top:13px;border-top:1px solid var(--line);margin-top:15px}.quest-reward>span{font-size:7px;letter-spacing:1.5px;color:#8f9f8d;margin-right:auto}.quest-reward b{font-size:11px;color:#d6bd80;font-weight:500}.quest-reward small{font-size:7px;color:#a2b49b}.quest-reward i{font-style:normal;color:#f1c95e}.top-actions{position:absolute;right:36px;top:244px;display:flex;gap:10px}.round-button{width:33px;height:33px;border-radius:50%;border:1px solid #c8b37555;background:#172c23db;color:#d5d9bd;font:17px Georgia;transition:.2s}.round-button:hover,.round-button[aria-pressed=true]{color:#ffe0a1;border-color:#dbc08b;background:#34412c}.target-panel{position:absolute;top:90px;left:50%;transform:translateX(-50%);width:235px;padding:13px 18px;text-align:center;border-radius:4px}.target-panel>small{display:block;font-size:7px;letter-spacing:2px;color:#b7b9a0}.target-panel>strong{font:17px Georgia;display:block;margin:6px}.target-panel .vital{height:10px}.target-panel .vital>span{font-size:8px;line-height:8px}.notification{position:absolute;left:50%;top:29%;transform:translateX(-50%);padding:12px 26px;background:linear-gradient(90deg,transparent,#172d24e8 15%,#172d24e8 85%,transparent);color:#f3dfac;font:16px Georgia;text-align:center;max-width:600px;text-shadow:0 1px 2px #0008}.chat-panel{position:absolute;bottom:30px;left:30px;width:300px;border-radius:4px;background:#11281bc9}.chat-tabs{display:flex;gap:17px;padding:11px 13px 9px;border-bottom:1px solid #96ab7728;font-size:8px;letter-spacing:1px;color:#839b7b}.chat-tabs .active{color:#e7c988}.chat-tabs #online-count{margin-left:auto;font-size:8px;letter-spacing:0;color:#9bb58d}.chat-log{height:90px;overflow:auto;padding:9px 13px;scrollbar-width:thin;scrollbar-color:#6c7551 transparent}.chat-log p{font-size:10px;line-height:1.7;margin:0 0 3px;color:#d3dcc6}.chat-log .system{color:#91aa85}.chat-log .reward{color:#d9bd78}.chat-log b{color:#c7b781;font-weight:500}#chat-form{display:flex;align-items:center;border-top:1px solid #96ab7728;padding:7px 11px}#chat-input{width:100%;border:0;background:transparent;color:#e3e6d8;font-size:10px;outline:0}#chat-input::placeholder{color:#78916e}#chat-form button{border:0;background:transparent;color:#abb997}.bottom-hud{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:425px;pointer-events:auto}.resource-line{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:0 7px 12px;color:#eee2ba;text-shadow:0 1px 6px #000}.resource-line i{color:#efd187;font-style:normal;padding-right:4px}.resource-line b{font-weight:500}.region-mark{font-size:8px;letter-spacing:1.8px;color:#d8d8b3}.region-mark em{color:var(--gold);padding:0 6px}.resource-line button{border:0;background:transparent;color:#dddfc8;font-size:10px;padding:0}.resource-line kbd{margin-left:3px}.hotbar{display:flex;gap:8px;align-items:center;background:linear-gradient(#24392ae8,#122319f2);border:1px solid #bea26680;border-radius:5px;padding:10px 12px;box-shadow:0 8px 32px #03170966,inset 0 1px #ffffff18}.skill{width:63px;height:62px;position:relative;padding:0;border:1px solid #c6a56699;background:#19251b;box-shadow:inset 0 0 0 2px #0008;border-radius:3px;isolation:isolate;transition:border-color .2s,transform .15s}.skill:hover{border-color:#fff0be;transform:translateY(-3px)}.skill img{width:100%;height:100%;object-fit:cover;border-radius:2px;filter:saturate(.7)}.skill kbd{position:absolute;z-index:3;left:3px;top:2px;background:#10170bc9;border:0;padding:0 3px;font-size:10px;color:#fff0c6}.skill-name{position:absolute;bottom:0;left:0;right:0;font-size:8px;padding:10px 2px 3px;background:linear-gradient(transparent,#08160de8);text-shadow:0 1px 2px black}.cooldown{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#071710bc;font:22px Georgia;color:#e4e0c8;z-index:2}.skill.cooling .cooldown{display:flex}.skill.unavailable{filter:grayscale(.7)}.hotbar-divider{width:1px;height:43px;background:#b4a47844;margin:0 4px}.camp-button{flex:1;min-width:60px;background:none;border:0;display:flex;flex-direction:column;align-items:center;color:#cab682;gap:4px}.camp-button>span{font-size:27px;line-height:29px}.camp-button>small{font-size:7px;letter-spacing:1.5px}.xp-track{height:3px;background:#11291a;border:1px solid #a6a77722;margin:9px 4px 0}.xp-track>div{height:100%;width:0;background:linear-gradient(90deg,#a5965c,#e5c782);transition:width .3s}.xp-caption{display:flex;justify-content:space-between;margin:6px 5px;color:#d1d5b6;font-size:8px;text-shadow:0 1px 3px #000}.xp-caption>span:last-child{font-size:7px;color:#a9b59b}.xp-caption em{font-style:normal;padding:0 4px}.build-label{position:absolute;right:30px;bottom:28px;font-size:7px;letter-spacing:2px;color:#c0cbb180}.build-label span{color:#d0b77b}.interact{position:absolute;left:50%;bottom:194px;transform:translateX(-50%);pointer-events:auto}.interact button{border:1px solid #cdb77788;border-radius:3px;background:#142b20df;padding:10px 17px;font-size:11px;display:flex;gap:12px;align-items:center;color:#f4deb0;box-shadow:0 5px 20px #0003}.interact kbd{font-size:11px;color:#f4deb0}.overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#0c2019b3,transparent 70%);backdrop-filter:blur(3px)}.intro-card{text-align:center;padding:38px 48px 30px;width:440px;border:1px solid #c0b17650;background:linear-gradient(145deg,#122a22f2,#101e19f5);box-shadow:0 20px 100px #00150a66;position:relative}.intro-card:before,.intro-card:after{content:'';position:absolute;width:35px;height:35px;border-color:#d1b46e;border-style:solid;pointer-events:none}.intro-card:before{top:6px;left:6px;border-width:1px 0 0 1px}.intro-card:after{bottom:6px;right:6px;border-width:0 1px 1px 0}.eyebrow{color:#b9bb98;font-size:8px;letter-spacing:2.5px}.crest{color:#d6bd7b;font-size:35px;margin:13px 0 4px;text-shadow:0 0 20px #b6903d33}h1{font:31px Georgia;letter-spacing:4px;margin:0;color:#f0dfb5;text-shadow:0 2px 0 #000}h1 span{color:#c4a15c}.ornament{display:flex;align-items:center;justify-content:center;gap:12px;color:#c5a35e;font-size:13px;margin:15px 0}.ornament span{height:1px;width:75px;background:linear-gradient(90deg,transparent,#baa365)}.ornament span:last-child{transform:rotate(180deg)}.intro-card h2{font:27px Georgia;margin:0 0 14px}.intro-description{font-size:12px;line-height:1.85;color:#b6c5af;margin:0 0 22px}.name-label{display:block;text-align:left;font-size:8px;letter-spacing:1.8px;color:#b2bd9f;margin-bottom:9px}.name-input{width:100%;border:1px solid #b09e635c;background:#06170c77;color:#eee5c8;border-radius:2px;height:41px;padding:0 13px;font:15px Georgia}.name-input::placeholder{color:#778b71}.class-choice{display:flex;align-items:center;gap:11px;border:1px solid #a9a16d4d;background:#5e6b4320;padding:10px;margin-top:12px;text-align:left}.class-choice img{width:34px;height:34px;object-fit:cover;border:1px solid #c1a56477}.class-choice strong{display:block;font:14px Georgia;color:#ead6a6}.class-choice small{font-size:8px;color:#92aa8d;display:block;margin-top:4px}.class-choice>span{margin-left:auto;color:#d0b575}.gold-button{width:100%;margin-top:17px;min-height:46px;border:1px solid #e6ca85;background:linear-gradient(#d3b16b,#ad8847);color:#202b1c;font:15px Georgia;letter-spacing:.5px;box-shadow:inset 0 1px #fff6,0 5px 16px #0002;transition:.2s}.gold-button:hover:not(:disabled){background:linear-gradient(#f3d793,#c29e58);box-shadow:0 0 25px #cfad5c30}.gold-button:disabled{opacity:.5;cursor:wait}.load-status{font-size:9px;color:#8faa87;margin:11px 0 0;min-height:12px}.prototype-note{display:block;font-size:8px;line-height:1.7;color:#738c76;margin:16px 0 0}.intro-controls{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:center;gap:30px;font-size:8px;letter-spacing:1px;color:#f0e9d1b0;text-shadow:0 2px 3px #000}.intro-controls kbd{margin:0 1px}dialog{max-width:480px;width:calc(100% - 32px);border:1px solid #b7a76d;background:linear-gradient(140deg,#1b3429,#101e19);padding:35px;color:#e9e5cf;box-shadow:0 20px 70px #0008}dialog::backdrop{background:#00140bb0;backdrop-filter:blur(4px)}dialog h2{font:27px Georgia;color:#e8d1a0;margin:12px 0 20px}dialog p{font-size:12px;line-height:1.7;color:#bdc8b7}dialog small{font-size:10px}.close-dialog{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#cabc93;font-size:25px}dl{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;font-size:11px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}dt{color:#d9c494}dd{margin:0;color:#b3c3ab}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.item,.empty-item{min-height:110px;border:1px solid #b19e604d;background:#0b1f1699;padding:10px;text-align:center}.item img{width:43px;height:43px;border:1px solid #a4925577}.item strong{display:block;font:11px Georgia;color:#dacc9d;margin-top:8px}.item small{display:block;margin-top:5px;font-size:8px;color:#829b7c}.empty-item{display:grid;place-items:center;color:#c3ad6540}.fang-icon{display:block;font-size:38px;height:43px;color:#e0d7af}.death-card{max-width:430px;padding:40px;border:1px solid var(--line);background:#10271df5;text-align:center}.death-card h2{font:30px Georgia;color:#d5be85}.death-card p{font-size:12px;color:#a7b99e;line-height:1.8}.entity-label{position:absolute;left:0;top:0;pointer-events:none;transform:translate(-50%,-100%);color:#fff8dc;text-align:center;font-size:10px;text-shadow:0 2px 3px #001a0b,1px 0 2px #001a0b;white-space:nowrap}.entity-label.enemy{color:#ecd8af;font-size:9px}.entity-label.npc{color:#f5dc9c}.entity-label .mini-health{height:3px;background:#1b2014c9;border:1px solid #07170d77;margin:5px auto 0;width:45px}.entity-label .mini-health>div{height:100%;background:#a14339}.damage-number{position:absolute;left:0;top:0;color:#f4e2a1;font:bold 23px Georgia;text-shadow:0 2px 3px #2c1a12;pointer-events:none;transform:translate(-50%,-50%)}.damage-number.hurt{color:#ffaf95}.mobile-pad{display:none}#labels,#damage-layer{pointer-events:none;z-index:2}#death-overlay{z-index:12;background:#0a1814b8;backdrop-filter:grayscale(.7) blur(3px)}
@media(min-width:1600px){.quest-panel{top:170px}.chat-panel{width:330px}.hero-panel{width:322px}.bottom-hud{bottom:32px}.chat-log{height:120px}}
@media(max-width:1100px){.hero-panel{left:18px;top:18px;width:260px}.hero-name strong{font-size:16px}.portrait{width:51px;height:61px}.portrait>span{left:13px}.quest-panel{left:18px;top:135px;width:239px;padding:13px}.quest-panel p{font-size:10px}.world-title{top:25px;font-size:10px;letter-spacing:1px}.map-panel{right:20px;top:18px;width:146px}.map-frame{width:138px;height:138px}.map-frame canvas{width:126px;height:126px}.top-actions{right:22px;top:196px}.chat-panel{left:18px;bottom:23px;width:245px}.bottom-hud{width:380px;left:58%;bottom:22px}.hotbar{padding:8px;gap:7px}.skill{width:57px;height:57px}.chat-log{height:78px}.build-label{right:20px;font-size:6px}.xp-caption>span:last-child{display:none}.intro-card{padding:26px 40px 23px;width:410px}.intro-description{margin-bottom:16px}.crest{margin-top:8px}.intro-controls{bottom:15px}}
@media(max-width:760px){.hero-panel{width:220px;padding:8px;gap:9px;top:12px;left:12px}.portrait{width:43px;height:53px}.portrait>span{left:11px;width:21px;height:21px;font-size:11px}.hero-name{margin:0 0 5px}.hero-name strong{font-size:14px}.hero-name>span{font-size:7px}.vital{height:11px}.vital>span{font-size:8px;line-height:9px}.mana{height:8px}.mana>span{font-size:6px;line-height:6px}.world-title{top:103px;font-size:9px;left:122px;letter-spacing:1px}.world-title small,.diamond{display:none}.quest-panel{top:135px;width:214px;padding:12px;left:12px}.section-label{font-size:7px;letter-spacing:1px}.quest-panel h2{font-size:19px;margin:9px 0}.quest-panel p,.quest-reward{display:none}.objective{font-size:9px}.map-panel{right:12px;top:12px;width:115px}.map-frame{width:105px;height:105px;padding:4px}.map-frame canvas{width:95px;height:95px}.map-caption{font-size:7px;margin-top:10px;gap:3px}.top-actions{right:14px;top:151px;gap:5px}.round-button{width:29px;height:29px}.target-panel{top:12px;width:180px}.target-panel>strong{font-size:14px}.bottom-hud{left:50%;bottom:18px;width:330px}.skill{width:50px;height:51px}.hotbar{gap:6px}.camp-button{min-width:45px}.camp-button>small{font-size:6px}.region-mark{font-size:6px;letter-spacing:1px}.chat-panel{display:none}.build-label{bottom:4px;right:10px;font-size:5px}.xp-caption{margin-top:4px}.mobile-pad{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,36px);position:absolute;bottom:175px;left:18px;gap:3px;pointer-events:auto}.mobile-pad button{background:#12291ec9;border:1px solid #b4ac6b66;border-radius:5px;color:#e1d7ac;font-size:20px;user-select:none;touch-action:none}.mobile-pad button:first-child{grid-column:2}.mobile-pad button:nth-child(2){grid-column:1;grid-row:2}.mobile-pad button:nth-child(3){grid-column:2;grid-row:2}.mobile-pad button:nth-child(4){grid-column:3;grid-row:2}.interact{bottom:153px;max-width:260px}.interact button{font-size:9px;padding:8px}.notification{top:44%;width:90%;font-size:14px}.intro-card{max-width:calc(100vw - 32px);padding:22px 30px 20px}.intro-controls{display:none}.intro-description{font-size:11px}.prototype-note{font-size:7px}.intro-card h1{font-size:27px}.crest{font-size:28px;margin:8px 0}.intro-card h2{font-size:24px}.name-input{height:36px}.gold-button{min-height:42px}.target-panel{top:260px;left:auto;right:12px;transform:none;width:155px}.target-panel>small{font-size:6px}.inventory-grid{grid-template-columns:repeat(3,1fr)}dialog{padding:25px}.quest-panel.collapsed{display:none}}
@media(max-height:680px){.intro-card{padding-top:17px;padding-bottom:17px}.intro-card .crest{display:none}.intro-description{margin-bottom:13px}.intro-card h2{font-size:24px}.ornament{margin:10px 0}.prototype-note{margin-top:10px}.intro-controls{display:none}.quest-panel p{display:none}.chat-log{height:65px}}