@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Inter:wght@500;700;800&display=swap');
:root{--bg:#0c0d10;--panel:#181a1e;--panel2:#101216;--line:#3a3d45;--gold:#d9ad55;--gold2:#8c6428;--red:#8f2b2c;--red2:#d64b44;--green:#3db77b;--blue:#4b93d4;--text:#ede7d7;--muted:#9b9aa0;--shadow:0 18px 50px #0009}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#26313d 0,#101318 32%,#090a0d 100%);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh}.scanlines{pointer-events:none;position:fixed;inset:0;background:linear-gradient(#fff0 50%,#00000008 51%);background-size:100% 4px;mix-blend-mode:overlay;z-index:20}.topbar{height:72px;background:linear-gradient(#272a31,#121419);border-bottom:1px solid #4b4d53;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 8px 24px #0008}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--gold2);background:linear-gradient(145deg,#4a3520,#1c1710);font-family:Cinzel;font-size:24px;color:var(--gold);box-shadow:inset 0 0 0 2px #0006}.brand b{font:700 20px Cinzel;letter-spacing:2px}.brand small{display:block;color:#888;font-size:9px;letter-spacing:1.8px;margin-top:2px}.player-mini{display:flex;align-items:center;gap:10px}.avatar-mini{width:38px;height:38px;border:1px solid #555;background:radial-gradient(circle,#725e46,#1d1713);display:grid;place-items:center;font-size:23px}.top-lvl{color:var(--gold);font-size:11px;margin-top:2px}.resources{display:flex;gap:18px;font-size:14px}.resources b{color:#fff}.tabs{height:54px;display:flex;justify-content:center;gap:6px;padding:7px;background:linear-gradient(#1e2127,#111318);border-bottom:1px solid #3b3e45}.tab{font:700 12px Cinzel;color:#cfc6b8;background:#17191e;border:1px solid #3e4148;padding:0 18px;box-shadow:inset 0 1px #ffffff14}.tab.active,.tab:hover{color:#fff;background:linear-gradient(#4c3b26,#251d13);border-color:#a07b3e;box-shadow:inset 0 1px #fff2,0 0 18px #ac7d2522}.layout{max-width:1600px;margin:18px auto;padding:0 14px;display:grid;grid-template-columns:260px minmax(620px,1fr) 280px;gap:14px}.panel{background:linear-gradient(#1a1c21,#121419);border:1px solid #3a3c43;box-shadow:var(--shadow),inset 0 1px #fff1;border-radius:3px}.panel-title{padding:11px 13px;color:var(--gold);font:700 12px Cinzel;letter-spacing:1.3px;border-bottom:1px solid #33363c;background:#0f1115}.left-panel{min-height:780px}.portrait-wrap{padding:16px}.portrait{height:180px;border:1px solid #3f4047;background:radial-gradient(circle at 50% 35%,#8b775f22,#06070a 66%);position:relative;overflow:hidden}.hero-silhouette:before{content:"";position:absolute;left:50%;top:25px;transform:translateX(-50%);width:44px;height:52px;border-radius:45% 45% 42% 42%;background:linear-gradient(135deg,#a87a54,#3a2419);box-shadow:0 46px 0 8px #201810,0 86px 0 16px #15100d}.hero-silhouette:after{content:"";position:absolute;left:50%;top:69px;transform:translateX(-50%);width:95px;height:72px;background:linear-gradient(#7a7468,#241e1b);clip-path:polygon(20% 0,80% 0,100% 90%,0 90%);opacity:.95}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fff0 20%,#ffffff10 30%,#fff0 42%)}.portrait span{position:absolute;bottom:7px;left:8px;background:#0b0c0fdd;color:#d2b06d;font:700 9px Cinzel;padding:3px 7px;border:1px solid #6a522d}.level-row{display:flex;justify-content:space-between;padding:0 16px 8px;font-size:11px;color:#c4c1b9}.level-row b{color:#fff}.bar{height:10px;background:#0a0b0e;border:1px solid #33353b;overflow:hidden}.bar i{display:block;height:100%;transition:width .18s}.xp{margin:0 16px 12px}.xp i{width:0;background:linear-gradient(90deg,#76521c,#d9ad55)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0 13px 12px;background:#35373d}.stats-grid>div{background:#14161a;padding:8px}.stats-grid span{display:block;color:#7f8085;font-size:9px}.stats-grid b{font-size:13px;color:#eee}.equip-title{padding:9px 13px;color:#bcb5a8;font:700 10px Cinzel;border-top:1px solid #34363b;border-bottom:1px solid #34363b}.equip-grid{padding:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.slot{aspect-ratio:1;border:1px solid #4b4d53;background:linear-gradient(145deg,#22252b,#101115);display:grid;place-items:center;position:relative}.slot img{width:76%;height:76%;image-rendering:auto;filter:drop-shadow(0 5px 6px #000)}.slot small{position:absolute;left:3px;bottom:2px;color:#777;font-size:8px}.side-actions{display:flex;gap:6px;padding:10px}.side-actions button{flex:1;padding:8px;border-radius:2px}.gold-btn{background:linear-gradient(#8b6731,#513719);border:1px solid #b38843;color:#fff;font-weight:800}.dark-btn{background:#202227;border:1px solid #4b4d54;color:#c9c5bb}.center{overflow:hidden}.scene-head{padding:14px 18px 12px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #373941}.eyebrow{font-size:9px;letter-spacing:2px;color:#8c7757}.scene-head h1{font:700 22px Cinzel;margin:4px 0}.zone-sub{color:#777b84;font-size:10px}.zone-btn{background:#181a1e;color:#cbb682;border:1px solid #5a4b31;padding:8px 12px;font:700 10px Cinzel}.scene{position:relative;height:535px;overflow:hidden;background:linear-gradient(#2b4458,#6c7e86 56%,#26301f 56%,#12160e 100%)}.far-mountains{position:absolute;left:-4%;right:-4%;bottom:44%;height:45%;background:#28343c;clip-path:polygon(0 77%,8% 50%,16% 70%,24% 31%,32% 69%,40% 42%,47% 75%,56% 28%,64% 58%,73% 34%,80% 68%,90% 40%,100% 72%,100% 100%,0 100%);filter:drop-shadow(0 18px 0 #1b2328)}.moon{position:absolute;width:74px;height:74px;border-radius:50%;right:12%;top:13%;background:#b8c5c4;box-shadow:0 0 36px #d8f6ff33}.mist{position:absolute;left:-10%;right:-10%;bottom:38%;height:130px;background:linear-gradient(transparent,#c5d5cf18,transparent);filter:blur(10px)}.ground-ground{position:absolute;left:-7%;right:-7%;bottom:-21%;height:55%;background:linear-gradient(160deg,#263a1f,#11190e 70%);transform:skewY(-4deg)}.torii{position:absolute;left:18%;bottom:35%;width:145px;height:190px;opacity:.95}.torii:before{content:"";position:absolute;left:25px;bottom:0;width:16px;height:150px;background:#4e1f19;box-shadow:76px 0 #4e1f19}.torii:after{content:"";position:absolute;left:0;top:15px;width:150px;height:18px;background:#6e2a20;box-shadow:9px 25px 0 -2px #472019}.lantern{position:absolute;bottom:31%;width:22px;height:40px;background:linear-gradient(#8b5f2c,#472912);border:1px solid #c39b50;box-shadow:0 0 18px #d9a84a33}.lantern:after{content:"";position:absolute;left:7px;top:-14px;width:8px;height:14px;background:#2d2920}.l1{left:30%}.l2{right:25%;bottom:28%}.enemy-shadow{position:absolute;width:180px;height:34px;border-radius:50%;left:50%;bottom:24%;transform:translateX(-50%);background:#0008;filter:blur(5px)}.enemy-card{position:absolute;left:50%;top:18%;transform:translateX(-50%);width:300px;text-align:center}.enemy-name{display:flex;align-items:center;justify-content:center;gap:7px;font:700 15px Cinzel;text-shadow:0 3px 8px #000}.enemy-name em{font:600 9px Inter;color:#a9a9a9;background:#0e1013aa;border:1px solid #333;padding:2px 5px}.rarity-dot{width:7px;height:7px;background:#70c36e;border-radius:50%;box-shadow:0 0 10px #70c36e}.enemy-art{height:205px;display:grid;place-items:center}.enemy-art img{width:190px;height:190px;filter:drop-shadow(0 12px 9px #000);image-rendering:auto;transition:transform .08s}.enemy-art.hit img{transform:translateX(7px) scale(.97) rotate(-2deg);filter:brightness(2) drop-shadow(0 0 18px #ffdb8a)}.enemy-hp{margin:auto;width:240px}.enemy-hp .bar{height:13px;border-color:#16181b}.enemy-hp i{width:100%;background:linear-gradient(90deg,#732429,#d64b44)}.hp-label{display:flex;justify-content:space-between;margin-top:4px;font-size:9px;color:#a9a7a0}.click-zone{position:absolute;left:50%;bottom:17%;transform:translateX(-50%);width:250px;height:90px;cursor:pointer}.target-ring{position:absolute;inset:15px 45px;border:1px dashed #d9ad5544;border-radius:50%;box-shadow:0 0 22px #d9ad5512}.hit-hint{text-align:center;position:absolute;bottom:0;width:100%;font:700 9px Cinzel;color:#9c978d;opacity:.65}.combat-bar{position:absolute;bottom:0;left:0;right:0;display:flex;gap:7px;padding:10px;background:linear-gradient(transparent,#07080bdf 34%)}.combat-bar button{height:47px;border-radius:2px;font:800 11px Inter}.attack-btn{flex:1;background:linear-gradient(#a03b35,#5a2220);border:1px solid #d35a50;color:#fff;box-shadow:inset 0 1px #ffecdf18}.skill-btn{width:190px;background:linear-gradient(#70552d,#3c2b16);border:1px solid #b89350;color:#fff;position:relative}.skill-btn small,.potion-btn small{position:absolute;right:7px;bottom:4px;font-size:8px;color:#d6bb79}.potion-btn{width:130px;background:#2a2223;border:1px solid #66444a;color:#f2c5c5}.auto-panel{position:absolute;left:16px;top:16px;display:flex;align-items:center;gap:9px;background:#0c0e12c9;border:1px solid #44474f;padding:7px 9px}.auto-panel b{font:700 10px Cinzel}.auto-panel small{display:block;font-size:8px;color:#85878d}.switch{display:inline-block;width:36px;height:18px}.switch input{display:none}.switch span{display:block;width:36px;height:18px;border-radius:20px;background:#32343b;position:relative}.switch span:before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:#aaa;border-radius:50%;transition:.2s}.switch input:checked+span{background:#5c4a29}.switch input:checked+span:before{left:20px;background:#e0bb6a}.dps{font-size:9px;color:#a8a8aa}.loot-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#32343a}.loot-strip>div{background:#13151a;padding:8px 12px}.loot-label{display:block;color:#6e7076;font-size:8px}.loot-strip b{font-size:11px}.logs{height:84px;padding:8px 12px;overflow:hidden;display:flex;justify-content:flex-end;flex-direction:column;gap:2px;background:#0e1014}.log{font-size:9px;color:#a8a9ad}.log b{color:#d8ba77}.right-panel{min-height:780px}.quest{padding:10px}.quest-card{background:#121419;border:1px solid #2f3238;margin-bottom:7px;padding:8px}.quest-card b{font-size:10px}.quest-card small{display:block;color:#777;font-size:8px;margin:3px 0 6px}.quest-progress{height:6px;background:#22252a}.quest-progress i{display:block;height:100%;background:linear-gradient(90deg,#80632e,#d9ad55)}.quick-grid{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.quick-grid button{background:#17191d;border:1px solid #383b42;color:#cfc7ba;padding:10px 5px;font:700 9px Cinzel}.quick-grid span{display:block;margin-top:4px}.drop-list{padding:8px}.drop-list div{display:flex;align-items:center;gap:8px;padding:7px 3px;border-bottom:1px solid #292b31}.drop-list img{width:30px;height:30px}.drop-list span{flex:1;font-size:9px}.drop-list b{font-size:9px;color:#a99568}.damage-pop{position:absolute;color:#fff;font:800 22px Cinzel;text-shadow:0 3px 8px #000;animation:float .65s forwards;pointer-events:none;z-index:5}.damage-pop.crit{color:#ffd16a;font-size:28px}.heal-pop{color:#57d78e}.skill-flash{position:absolute;inset:8%;border:2px solid #e0ad50;box-shadow:0 0 55px #e0ad50aa inset,0 0 80px #e0ad5044;animation:flash .45s forwards;pointer-events:none}.toast{position:fixed;top:82px;left:50%;transform:translateX(-50%);z-index:50;background:#14161a;border:1px solid #8f6d33;color:#f1d99e;padding:9px 14px;font-size:10px;opacity:0;pointer-events:none}.toast.show{animation:toast 1.8s}.modal{position:fixed;inset:0;background:#020305aa;display:none;align-items:center;justify-content:center;z-index:40;padding:20px}.modal.show{display:flex}.modal-card{width:min(1050px,96vw);max-height:88vh;overflow:auto;background:linear-gradient(#1a1d22,#101216);border:1px solid #5a5c63;box-shadow:0 25px 90px #000;border-radius:4px}.modal-head{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #35383f}.modal-head h2{font:700 18px Cinzel;margin:0}.close{background:#25272c;color:#ddd;border:1px solid #494c54;padding:5px 8px}.modal-body{padding:16px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.ui-card{background:#131519;border:1px solid #34363d;padding:12px}.ui-card h3{font:700 13px Cinzel;margin:0 0 5px}.ui-card p{color:#888;font-size:9px;line-height:1.5}.ui-btn{width:100%;padding:8px;background:linear-gradient(#6b512a,#3c2b16);color:#fff;border:1px solid #a27d42;font-weight:800}.ui-btn:disabled{opacity:.4}.item-view{display:flex;gap:12px;align-items:center}.item-view img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 8px 8px #000)}.rarity{font-size:8px;font-weight:800;letter-spacing:1px}.common{color:#b0b0b0}.uncommon{color:#4dbd6d}.rare{color:#65a7e8}.epic{color:#a878e3}.legendary{color:#e6a63e}.mythic{color:#e84f7d}@keyframes float{from{opacity:1;transform:translate(-50%,0) scale(1)}to{opacity:0;transform:translate(-50%,-70px) scale(1.15)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,-8px)}15%,80%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-8px)}}@keyframes flash{0%{opacity:0;transform:scale(.95)}15%{opacity:1}100%{opacity:0;transform:scale(1.06)}}
@media(max-width:1100px){.layout{grid-template-columns:210px minmax(500px,1fr)}.right-panel{display:none}.tabs{overflow:auto;justify-content:flex-start}.tab{white-space:nowrap}.left-panel{min-height:0}.scene{height:500px}}