:root{--app-height:100dvh;--gold:#ddb96b;--panel:#071018e8}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:var(--app-height);overflow:hidden;background:#020507;color:#fff;font-family:Arial,Helvetica,sans-serif;touch-action:none}
button,input{font:inherit}.hidden{display:none!important}
.boot,.screen,.asset-gate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:radial-gradient(circle at top,#183147,#020609 72%)}
.boot-card,.auth-card,.gate-card{width:min(92vw,480px);padding:26px;text-align:center;background:linear-gradient(145deg,#081018f7,#1a110cf4);border:1px solid var(--gold);box-shadow:0 25px 85px #000}
.boot-card h1,.auth-card h1,.auth-card h2,.gate-card h2{margin:0 0 10px;color:#f0ce83;letter-spacing:1px}.boot-card p,.auth-card p,.gate-card p{color:#cdbb96;line-height:1.5}
.progress{height:11px;margin:18px 0 8px;background:#0d151c;border:1px solid #73562c;overflow:hidden}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#7e4e1d,#edcf7b);transition:.2s}
.error{max-height:160px;overflow:auto;text-align:left;white-space:pre-wrap;background:#170b0e;border:1px solid #8e3d43;color:#ff9da3;padding:9px;font-size:11px}
.boot-card button,.auth-card button{padding:11px 15px;background:linear-gradient(#c99b4d,#74491d);border:1px solid #e2c274;color:#fff}
.auth-card input{width:100%;padding:13px;margin-top:10px;background:#071018;border:1px solid #70542d;color:#fff}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-card button{width:100%;margin-top:10px}
.seal{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 14px;border:2px solid #d6b265;border-radius:50%;color:#f2d388;font-size:24px;font-weight:800;background:#08131c}
.asset-checks{display:grid;gap:8px;margin:16px 0;text-align:left}.asset-check{padding:10px;border:1px solid #374755;background:#081018}.asset-check.ok{border-color:#3d8e5c;color:#80e6a2}.asset-check.bad{border-color:#8f4146;color:#ff9ca3}.asset-check.warn{border-color:#997438;color:#f1cd7d}
.gate-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.gate-actions a,.tool-link{display:block;padding:11px;background:#805421;border:1px solid #dfbd6f;color:#fff;text-decoration:none}.gate-card code{display:block;margin-top:13px;padding:10px;background:#05090d;border:1px solid #263643;color:#a9c5d8;word-break:break-all}

.game-shell,#webgl{position:fixed;inset:0;width:100%;height:var(--app-height);display:block}
#hud{position:fixed;inset:0;z-index:20;pointer-events:none}
.panel{background:linear-gradient(145deg,rgba(5,9,13,.93),rgba(27,18,12,.88));border:1px solid #956f37;box-shadow:inset 0 0 0 1px #000,0 7px 25px #0009}
.profile{position:absolute;left:8px;top:max(8px,env(safe-area-inset-top));width:min(64vw,365px);height:118px;padding:9px;display:flex;gap:9px;clip-path:polygon(0 0,100% 0,93% 100%,0 100%)}
.portrait{width:88px;height:88px;border-radius:50%;border:3px solid var(--gold);display:grid;place-items:center;background:radial-gradient(circle,#3b607a,#0d151c 72%);color:#efd18b;font-weight:800}.portrait span{font-size:18px}
.profile-main{flex:1}.profile-title{display:flex;justify-content:space-between}.profile-title span{font-size:11px;color:#ead7aa}
.meter{position:relative;height:15px;margin-top:4px;background:#11171c;border:1px solid #785b30;overflow:hidden;transform:skewX(-12deg)}.meter i{display:block;height:100%}.meter b{position:absolute;inset:0;text-align:center;font-size:10px;line-height:13px;transform:skewX(12deg)}.hp i{background:linear-gradient(#ff6256,#a20f15)}.mp i{background:linear-gradient(#42c9ff,#0f66a2)}.exp i{background:linear-gradient(#ead579,#856323)}
.power{margin-top:4px;color:#e6bd68;font-size:11px}.power b{font-size:16px}
.minimap{position:absolute;right:8px;top:max(8px,env(safe-area-inset-top));width:112px;padding:7px;text-align:center}.minimap strong,.minimap span{display:block;font-size:10px}.map-grid{position:relative;width:96px;height:88px;margin:4px 0;background:linear-gradient(145deg,#2b4a38,#1a3043);border:1px solid #8d7039;overflow:hidden}.map-grid:before{content:"";position:absolute;left:43px;top:-8px;width:21px;height:118px;background:#a49270;transform:rotate(8deg)}#player-dot,.enemy-dot{position:absolute;width:9px;height:9px;border-radius:50%;z-index:2;box-shadow:0 0 8px currentColor}#player-dot{left:48px;top:56px;background:#5be976;color:#5be976}.enemy-dot{left:70px;top:24px;background:#ff5e57;color:#ff5e57}
.quest{position:absolute;left:8px;top:132px;width:min(63vw,320px);padding:11px}.quest header{display:flex;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid #76582d}.quest header b{color:#f0ce86}.quest header span,.quest p,.quest small{font-size:10px}.quest>strong{display:block;margin-top:8px;color:#f1c45e;font-size:12px}
.target{position:absolute;left:50%;top:14px;transform:translateX(-50%);width:205px;padding:8px;text-align:center}.target>strong{font-size:12px;color:#ff9e8f}.target-meter{position:relative;height:14px;margin-top:5px;background:#151719;border:1px solid #805d2e}.target-meter i{display:block;height:100%;background:linear-gradient(#f05b52,#8f1014)}.target-meter b{position:absolute;inset:0;font-size:10px;line-height:12px}
.joystick{pointer-events:auto;position:absolute;left:20px;bottom:25px;width:145px;height:145px;border-radius:50%}.joystick-ring{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#17212b99 0 30%,#05080aa8 31% 100%);border:2px solid #a9854c}.joystick i{position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#61788b,#18232d 70%);border:2px solid #c6a15c}
.utility-button,.combat-button{pointer-events:auto;position:absolute;padding:0;border:0;border-radius:50%;background:transparent;filter:drop-shadow(0 7px 9px #000);overflow:hidden}.utility-button img,.combat-button img{width:100%;height:100%}.target-button{right:18px;bottom:240px;width:58px;height:58px}.menu-button{right:18px;top:142px;width:50px;height:50px}.attack-button{right:16px;bottom:22px;width:102px;height:102px}.skill-button{right:103px;bottom:84px;width:67px;height:67px}.dash-button{right:40px;bottom:140px;width:67px;height:67px}.combat-button>b{position:absolute;right:4px;bottom:2px;width:19px;height:19px;border-radius:50%;background:#111c;font-size:10px;line-height:19px}.cooldown{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#000b var(--cd,0%),transparent 0)}
.asset-warning{position:absolute;left:50%;top:245px;transform:translateX(-50%);max-width:80vw;padding:8px 12px;background:#21150ee8;border:1px solid #c39248;color:#f0d096;font-size:10px;text-align:center}
#damage-layer{position:fixed;inset:0;pointer-events:none}.damage-number{position:absolute;color:#fff;font-size:25px;font-weight:800;text-shadow:0 3px 3px #000;animation:damage-up .75s ease-out forwards}.damage-number.critical{color:#ffd459;font-size:31px}@keyframes damage-up{to{transform:translateY(-70px) scale(1.15);opacity:0}}
.toast{position:absolute;left:50%;bottom:122px;transform:translateX(-50%);padding:8px 13px;background:#071018e8;border:1px solid var(--gold);border-radius:18px;opacity:0;transition:.2s;white-space:nowrap;font-size:11px}.toast.show{opacity:1}.loot-feed{position:absolute;right:8px;top:225px;width:175px;display:grid;gap:5px}.loot-line{padding:7px;background:#071018e8;border-left:3px solid var(--gold);font-size:10px}.loot-line.rare{border-color:#58a7ff}.loot-line.epic{border-color:#c56fff}
.drawer{pointer-events:auto;position:fixed;inset:14px;z-index:9999;overflow:auto;background:linear-gradient(155deg,#081018fa,#1b120cfa);border:2px solid #a47b3d}.drawer>header{position:sticky;top:0;display:flex;justify-content:space-between;padding:13px 15px;background:#081018fa}.drawer>header strong,.drawer>header span{display:block}.drawer>header span{font-size:11px;color:#b8c2ca}.drawer>header button{width:38px;height:38px;border-radius:50%;background:#21150f;border:1px solid #9c7639;color:#fff;font-size:24px}.drawer-body{padding:13px}.runtime-status,.quality{padding:12px;background:#071018;border:1px solid #604923;margin-bottom:10px}.runtime-status pre{white-space:pre-wrap;word-break:break-word;color:#bcd0dd}.quality{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quality h3{grid-column:1/-1}.quality button{padding:10px;background:#17212a;border:1px solid #5f7180;color:#fff}.quality button.active{border-color:#dfbc6b;color:#f0d18b}
.death{pointer-events:auto;position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#000b}.death>div{width:min(90vw,420px);padding:25px;text-align:center;background:#160f12;border:2px solid #a44747}.death h2{color:#ff7878}.death button{padding:12px 25px;background:#8f2d2d;border:1px solid #eb8b8b;color:#fff}
@media(max-width:420px){.profile{width:69vw}.quest{width:67vw}.minimap{width:98px}.joystick{width:135px;height:135px}.attack-button{width:92px;height:92px}.skill-button{bottom:78px}.dash-button{bottom:132px}}
@supports not (height:100dvh){:root{--app-height:100vh}}