:root{--app-height:100dvh;--gold:#d7ad59}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:var(--app-height);overflow:hidden;background:#071018;color:#fff;font-family:Arial,sans-serif;touch-action:none}
.hidden{display:none!important}
.screen{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at top,#20394b,#071018 75%)}
.auth-card{width:min(92vw,420px);padding:24px;background:#081019f2;border:1px solid var(--gold);border-radius:12px}
.auth-card h1,.auth-card h2{text-align:center;color:#efc96f}.auth-card input,.auth-card button{width:100%;padding:14px;margin-top:10px}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#game-wrap,#game{position:fixed;inset:0;width:100vw;height:var(--app-height);overflow:hidden}canvas{display:block;width:100vw!important;height:var(--app-height)!important}
#hud{position:fixed;inset:0;z-index:20;pointer-events:none}
.profile,.minimap,.quest-panel,.target-panel{background:linear-gradient(145deg,rgba(6,11,16,.94),rgba(24,18,13,.9));border:1px solid #8d6a34;box-shadow:0 5px 20px #0008}
.profile{position:absolute;left:8px;top:8px;width:62vw;max-width:360px;height:112px;padding:9px;display:flex;gap:8px}.avatar{width:82px;height:82px;border-radius:50%;border:3px solid var(--gold);background:radial-gradient(circle at 52% 34%,#d8aa80 0 16%,#211b1d 17% 34%,#495766 35% 58%,#101820 59%)}.profile-main{flex:1}.profile strong,.profile span{display:block}.profile span{font-size:10px;color:#e4d4b1}
.meter{position:relative;height:15px;margin-top:4px;background:#12161a;border:1px solid #7d6032;overflow:hidden}.meter i{display:block;height:100%}.meter b{position:absolute;inset:0;text-align:center;font-size:10px;line-height:13px}.hp i{background:linear-gradient(#ff5b50,#a10f15)}.mp i{background:linear-gradient(#43c7ff,#1168a8)}.exp i{background:linear-gradient(#e9d36f,#866621)}
.minimap{position:absolute;right:8px;top:8px;width:108px;padding:7px;text-align:center}.minimap strong,.minimap span{display:block;font-size:10px}.minimap img{width:92px;height:98px;object-fit:cover}
.quest-panel{position:absolute;left:8px;top:128px;width:62vw;max-width:320px;padding:10px}.quest-panel strong{color:#f3c96c;font-size:12px}.quest-panel p{font-size:11px}
.target-panel{position:absolute;left:50%;top:14px;transform:translateX(-50%);width:210px;padding:8px;text-align:center}.target-panel strong{font-size:12px;color:#ffb3a6}.target-hp{position:relative;height:14px;margin-top:5px;background:#181818;border:1px solid #8d6a34}.target-hp i{display:block;height:100%;background:linear-gradient(#f55,#8f1010)}.target-hp b{position:absolute;inset:0;font-size:10px;line-height:12px}
.character-panel-btn{pointer-events:auto;position:absolute;right:8px;top:142px;width:108px;padding:8px;background:linear-gradient(#2a3440,#121820);border:1px solid #8d6a34;color:#f2d59a}
.round{pointer-events:auto;position:absolute;border-radius:50%;border:3px solid var(--gold);overflow:hidden;background:#111}.round img{width:100%;height:100%;object-fit:cover}.attack{right:18px;bottom:118px;width:92px;height:92px}.skill{width:62px;height:62px}.s1{right:105px;bottom:175px}.s2{right:43px;bottom:236px}.s3{right:118px;bottom:252px}.target-btn{right:18px;bottom:330px;width:54px;height:54px;color:#fff;font-size:22px}
#loot-feed{position:absolute;right:8px;top:220px;width:170px;display:grid;gap:5px}.loot-line{padding:7px;background:#071018dc;border-left:3px solid #d7ad59;font-size:10px;animation:loot-in .25s ease}.loot-line.rare{border-left-color:#4c9dff;color:#82b8ff}.loot-line.epic{border-left-color:#b76cff;color:#d6a4ff}@keyframes loot-in{from{opacity:0;transform:translateX(20px)}}
#toast{position:absolute;left:50%;bottom:205px;transform:translateX(-50%);padding:8px 13px;background:#071018e8;border:1px solid var(--gold);border-radius:18px;opacity:0;transition:.2s;white-space:nowrap}#toast.show{opacity:1}
.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:84px;display:grid;grid-template-columns:repeat(7,1fr);background:linear-gradient(#0a1117f5,#071018);border-top:1px solid #8b6e35;pointer-events:auto}.bottom-nav button{background:transparent;border:0;color:#fff;font-size:24px}.bottom-nav span{display:block;font-size:9px;color:#ead19a}

.modal{pointer-events:auto;position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:14px;background:#000b}
.death-card{width:min(92vw,420px);padding:24px;text-align:center;background:#130f12;border:2px solid #9d3e3e;border-radius:12px}.death-card h2{color:#ff7777}.death-card button{padding:12px 24px;background:#8d2929;color:#fff;border:1px solid #e68585}
.character-card{width:min(96vw,520px);max-height:calc(var(--app-height) - 28px);overflow:auto;background:linear-gradient(160deg,#0a121a,#1a120e);border:2px solid #9d773a;border-radius:12px}.character-card>header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#0a1119f8;border-bottom:1px solid #72562d}.character-card>header strong,.character-card>header span{display:block}.character-card>header strong{color:#f2cf80}.character-card>header span{font-size:11px}.character-card>header button{width:38px;height:38px;border-radius:50%;background:#291814;border:1px solid #9d773a;color:#fff;font-size:24px}
.character-content{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;padding:12px}.paper-doll{position:relative;min-height:300px;background:radial-gradient(circle at center,#29415455,#090d12 68%);border:1px solid #604a2c}.paper-aura{position:absolute;left:50%;bottom:34px;width:180px;height:60px;transform:translateX(-50%);border:3px solid #68bfff;border-radius:50%;box-shadow:0 0 32px #2f8dff99}.paper-avatar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:112px}.equipment-slot{position:absolute;width:92px;min-height:62px;padding:6px;background:#0c141dee;border:1px solid #a8803d;color:#fff}.equipment-slot small,.equipment-slot strong{display:block}.equipment-slot small{font-size:10px;color:#d8b66e}.equipment-slot strong{font-size:11px}.weapon-slot{right:7px;top:18px}.robe-slot{left:7px;top:18px}
.stats-panel{padding:10px;background:#071018b8;border:1px solid #604a2c}.stats-panel h3,.equipment-list-wrap h3{margin:0 0 9px;color:#efcc80}.stats-panel div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #ffffff12}.stats-panel span{font-size:12px}.stats-panel b{color:#efcb79}
.equipment-list-wrap{padding:0 12px 14px}.equipment-list{display:grid;gap:8px}.equipment-item{display:grid;grid-template-columns:46px 1fr auto;gap:9px;align-items:center;padding:9px;background:#0a121ae8;border:1px solid #564226}.equipment-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #9d773a;background:#151d25;font-size:24px}.equipment-info strong,.equipment-info span{display:block}.equipment-info strong{font-size:13px}.equipment-info span{font-size:10px;color:#c9b88f}.equipment-item button{padding:8px;background:linear-gradient(#c59a49,#78501f);border:1px solid #e6c77d;font-weight:700}.equipment-item.equipped{border-color:#45bd74}.rarity-common{color:#e5e5e5}.rarity-rare{color:#5fa5ff}.rarity-epic{color:#ca81ff}

@media(max-width:420px){.profile{width:68vw}.quest-panel{width:68vw}.bottom-nav{height:74px}.bottom-nav button{font-size:19px}.character-content{grid-template-columns:1fr}.paper-doll{min-height:240px}.target-panel{top:120px;width:170px}}
@supports not (height:100dvh){:root{--app-height:100vh}}