@font-face{font-family:BossUI;src:local("Arial Black")}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090505;color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif}button{font:700 12px/1.1 inherit;letter-spacing:.08em;color:#fff;background:linear-gradient(#281511,#160b09);border:1px solid #7b4023;padding:13px 18px;cursor:pointer;transition:.18s transform,.18s filter,.18s border-color}button:hover{filter:brightness(1.25);border-color:#ff9b45;transform:translateY(-1px)}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(110deg,#a83a18,#f47b2d);border-color:#ffc071;box-shadow:0 0 32px #ff6b2233;text-shadow:0 1px 2px #000;font-size:14px}.hidden{display:none!important}.glass{background:linear-gradient(145deg,#24100eea,#090708e8);border:1px solid #8f4b2b;box-shadow:0 18px 70px #000b,inset 0 0 0 1px #ffb05b12;backdrop-filter:blur(12px)}#app,#world{position:fixed;inset:0;width:100%;height:100%}#world{display:block;background:#0b0504}.screen{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center}.screen.visible{display:flex}.modal-screen{background:#050203b8;backdrop-filter:blur(10px)}.cinematic-bars:before,.cinematic-bars:after{content:"";position:fixed;z-index:8;left:0;right:0;height:1.2vh;background:#020101;pointer-events:none}.cinematic-bars:before{top:0}.cinematic-bars:after{bottom:0}#vignette{position:fixed;inset:0;z-index:7;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 68%,rgba(35,9,5,.12) 88%,rgba(8,2,2,.28) 100%);mix-blend-mode:normal}#damage-flash{position:fixed;inset:0;z-index:45;pointer-events:none;opacity:0;background:radial-gradient(circle,transparent 30%,#ff2d1d88 100%);transition:opacity .08s}.loading-card{width:min(560px,88vw);padding:42px;text-align:center}.loading-logo{width:min(360px,70vw);filter:drop-shadow(0 12px 24px #000)}.loading-card p{letter-spacing:.15em;font-weight:800}.loading-card small{color:#b6a4a0}.load-track,.quest-track,.boss-track{height:7px;background:#201517;border:1px solid #4b2a21;overflow:hidden}.load-track i,.quest-track i,.boss-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff3f22,#ffb347);box-shadow:0 0 16px #ff6633}.menu-backdrop,.menu-shade{position:absolute;inset:0}.menu-backdrop{background:url('assets/ui/boss-scene.webp') center/cover no-repeat;transform:scale(1.04);animation:menuDrift 18s ease-in-out infinite alternate}.menu-shade{background:linear-gradient(90deg,#080304f2 0%,#100706c7 42%,#0d05056b 72%,#050202c9 100%),linear-gradient(0deg,#050202e8,transparent 45%)}@keyframes menuDrift{to{transform:scale(1.1) translate(-1.5%,1%)}}.menu-content{position:relative;z-index:2;width:min(1480px,94vw);height:min(900px,94vh);display:grid;grid-template-columns:1fr 620px;grid-template-rows:auto 1fr auto;gap:22px;align-items:center}.brand-block{align-self:start;padding-top:30px}.boss-logo{width:min(560px,45vw);filter:drop-shadow(0 20px 35px #000)}.brand-block p{margin:-18px 0 0 60px;font-weight:900;letter-spacing:.25em;color:#ffd9b5;text-shadow:0 2px 8px #000}.menu-panel{grid-column:2;grid-row:1/3;padding:34px}.menu-panel h1{font:900 32px BossUI,Arial Black,sans-serif;letter-spacing:.04em;margin:0 0 8px;color:#ffe4c7}.menu-panel .lead{color:#cbb8af;line-height:1.55}.class-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.class-card{display:grid;grid-template-columns:72px 1fr;align-items:center;text-align:left;padding:12px;background:#110b0bd9;border-color:#593021}.class-card img{width:62px;height:62px;object-fit:contain;border-radius:50%;background:radial-gradient(circle,#ffb05e33,#0000);filter:drop-shadow(0 5px 6px #000)}.class-card b{font-size:14px}.class-card small{display:block;color:#9f918b;margin-top:5px;letter-spacing:.02em;line-height:1.35}.class-card.selected{border-color:#ff9b46;background:linear-gradient(110deg,#3b1a12,#1b0e0c);box-shadow:0 0 22px #ff6b2533}.menu-panel>.primary{width:100%;height:58px}.menu-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.menu-foot{grid-column:1/3;align-self:end;display:flex;align-items:center;gap:20px;color:#b9aaa3;font-size:12px;letter-spacing:.05em}.menu-foot img{width:190px}.modal{width:min(480px,90vw);padding:36px;display:grid;gap:12px;text-align:center}.modal.wide{width:min(900px,92vw)}.modal h2{font:900 34px BossUI,Arial Black;margin:0;color:#ffe7ce}.modal .close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:30px}.how-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;text-align:left;align-items:center}.how-grid img{width:100%;border:1px solid #704029}.how-grid p{margin:10px 0;color:#d8c7bf}.how-grid kbd{display:inline-block;padding:4px 7px;border:1px solid #a65d35;background:#160d0b;color:#ffc48e}.hud{position:fixed;inset:0;z-index:20;pointer-events:none}.hud button{pointer-events:auto}.topbar{position:absolute;left:18px;right:18px;top:18px;height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 14px}.top-brand{display:flex;align-items:center;gap:14px}.top-brand img{width:120px;max-height:58px;object-fit:contain}.top-brand b{display:block;letter-spacing:.13em}.top-brand small{color:#a99084;letter-spacing:.18em}.mission{font-weight:900;letter-spacing:.16em;display:flex;align-items:center;gap:13px}.mission i{width:7px;height:7px;border-radius:50%;background:#74f4ad;box-shadow:0 0 12px #74f4ad}.top-actions{justify-self:end;display:flex;gap:8px}.party-panel,.quest-panel{position:absolute;top:104px;width:310px;padding:18px}.party-panel{left:18px}.quest-panel{right:18px}.party-panel h3,.quest-panel h3{font-size:11px;letter-spacing:.22em;color:#ffb75d;margin:0 0 14px}.party-row{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;margin:9px 0}.party-row img{width:48px;height:48px;object-fit:contain;border-radius:50%;background:#1d100c;border:2px solid var(--c);filter:drop-shadow(0 3px 5px #000)}.party-row .name{display:flex;justify-content:space-between;font-weight:800;font-size:11px}.party-row .mini-bar{height:5px;margin-top:6px;background:#241718}.party-row .mini-bar i{display:block;height:100%;background:linear-gradient(90deg,#5bf69d,#e8ff77)}.quest-panel strong{display:block;font-size:19px;margin:3px 0 8px}.quest-panel p{font-size:12px;color:#b9aaa3}.quest-panel b{display:block;text-align:right;margin-top:8px}.combat-feed{position:absolute;right:26px;top:290px;width:320px;text-align:right;font-size:11px;color:#e6d7ce}.combat-feed div{margin:5px 0;text-shadow:0 2px 5px #000}.combat-feed b{color:#ffb751}#minimap{position:absolute;right:30px;bottom:124px;width:150px;height:150px;border-radius:50%;background:#100907bb;border:1px solid #8a492a;box-shadow:0 0 25px #0009}.bottombar{position:absolute;left:18px;right:18px;bottom:18px;height:102px;display:grid;grid-template-columns:430px 1fr 310px;align-items:center;padding:10px 18px}.player-card{display:flex;align-items:center;gap:14px}.player-card>img{width:78px;height:78px;object-fit:contain;border-radius:50%;background:radial-gradient(circle,#ff9a4a44,#0000);border:2px solid #f3893f}.player-info{flex:1}.player-info>div:first-child{display:flex;justify-content:space-between}.bar{position:relative;height:18px;margin-top:6px;background:#160c0e;border:1px solid #351c20;overflow:hidden}.bar i{display:block;height:100%;width:100%;transition:width .2s}.bar.hp i{background:linear-gradient(90deg,#b8243d,#f05265)}.bar.energy i{background:linear-gradient(90deg,#087891,#42d7f5)}.bar span{position:absolute;inset:0;display:grid;place-items:center;font-size:9px;font-weight:900;text-shadow:0 1px 2px #000}.skill-bar{display:flex;justify-content:center;gap:10px}.skill{position:relative;width:88px;height:82px;padding:6px;background:linear-gradient(#1a1d21,#0c0d0f);border-color:#765134}.skill img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 0 8px #ffae5544)}.skill kbd{position:absolute;top:4px;left:5px;color:#ffc36d}.skill small{display:block;font-size:8px;letter-spacing:0}.skill .cd{position:absolute;inset:0;background:#050506bb;display:grid;place-items:center;font-size:24px}.stats{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;text-align:right}.stats small{display:block;color:#9c8e88;font-size:9px;letter-spacing:.14em}.stats b{font-size:23px}.boss-hud{position:absolute;top:104px;left:50%;transform:translateX(-50%);width:min(620px,55vw);padding:10px 16px;text-align:center}.boss-hud small{letter-spacing:.2em;color:#ffb562}.boss-track{margin:7px 0}.boss-track i{width:100%;background:linear-gradient(90deg,#9b1029,#ff4d29)}.toast{position:absolute;left:50%;top:20%;transform:translate(-50%,-20px);opacity:0;font:900 28px BossUI,Arial Black;color:#ffe5c5;text-shadow:0 4px 12px #000;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.reticle{position:absolute;width:34px;height:34px;border:1px solid #ffad64;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 12px #ff7f36}.reticle:before,.reticle:after{content:"";position:absolute;background:#ffb06a}.reticle:before{left:50%;top:-8px;bottom:-8px;width:1px}.reticle:after{top:50%;left:-8px;right:-8px;height:1px}.result-card{width:min(650px,90vw)}.result-card #result-kicker{color:#ff8f5f;letter-spacing:.25em;font-weight:900}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0;background:#120b0b}.result-grid div{padding:18px;border-right:1px solid #74351f}.result-grid div:last-child{border:0}.result-grid small{display:block;color:#9f8d86}.result-grid b{font-size:28px;color:#ff8b5a}.touch-ui{position:fixed;z-index:60;inset:0;pointer-events:none}.touch-stick{position:absolute;left:35px;bottom:145px;width:120px;height:120px;border:2px solid #ffad5a55;border-radius:50%;background:#150b0b88;pointer-events:auto}.touch-stick i{position:absolute;left:35px;top:35px;width:48px;height:48px;border-radius:50%;background:#ff8d45aa}.touch-actions{position:absolute;right:30px;bottom:145px;display:grid;grid-template-columns:repeat(2,62px);gap:10px;pointer-events:auto}.touch-actions button{height:62px;border-radius:50%;font-size:20px}.engine-note{color:#bfaba3;font-size:12px}@media(max-width:1100px){.menu-content{grid-template-columns:1fr;overflow:auto}.menu-panel{grid-column:1;grid-row:auto;width:min(620px,94vw);justify-self:center}.brand-block{text-align:center}.brand-block p{margin:0}.menu-foot{grid-column:1}.party-panel{width:240px}.quest-panel{width:250px}.bottombar{grid-template-columns:320px 1fr 210px}.skill{width:70px}.top-brand div{display:none}}@media(max-width:760px){.party-panel,.quest-panel,.combat-feed,#minimap,.top-brand div,.stats{display:none}.topbar{left:6px;right:6px;top:6px;height:58px;grid-template-columns:100px 1fr auto}.top-brand img{width:90px}.mission{font-size:10px}.top-actions button:not(#pause-btn){display:none}.bottombar{left:6px;right:6px;bottom:6px;height:90px;grid-template-columns:160px 1fr;padding:5px}.player-card>img{width:50px;height:50px}.skill{width:54px;height:70px}.skill img{width:34px;height:34px}.skill small{display:none}.menu-actions{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr}.touch-ui:not(.hidden){display:block!important}}

.damage-number{position:fixed;z-index:85;pointer-events:none;font:900 24px/1 BossUI,Arial Black,sans-serif;text-shadow:0 2px 3px #000,0 0 12px currentColor;will-change:transform,opacity}.party-row.down{filter:grayscale(.85);opacity:.58}.party-row.down .mini-bar i{background:#8b2636}.menu-panel{position:relative;overflow:hidden}.menu-panel:before{content:"";position:absolute;inset:-120% 45% auto -20%;height:180%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,#ff9a4620,transparent);animation:menuSweep 6s linear infinite;pointer-events:none}@keyframes menuSweep{to{transform:translateX(240%) rotate(22deg)}}

/* V7 optimized RPG fusion */
.hud .glass{backdrop-filter:none;background:linear-gradient(145deg,rgba(36,16,14,.94),rgba(9,7,8,.93))}
.performance-mode .glass{box-shadow:0 8px 28px #0009,inset 0 0 0 1px #ffb05b0d}
.performance-mode .menu-panel:before,.performance-mode .menu-backdrop{animation:none!important}
.performance-mode #vignette{display:none}
.bar.xp{height:10px}.bar.xp i{background:linear-gradient(90deg,#6c3ee8,#d783ff,#ffe26d)}.bar.xp span{font-size:7px}
.stats{grid-template-columns:1.55fr repeat(4,.7fr);gap:10px}.stats b{font-size:20px}.stats div:nth-child(2) b{color:#ffd467}.stats div:nth-child(3) b{color:#80e9ff}
.target-panel{position:absolute;z-index:70;transform:translate(-50%,-115%);width:150px;text-align:center;pointer-events:none;filter:drop-shadow(0 3px 10px #000)}
.target-panel b{font-size:10px;letter-spacing:.13em;color:#ffd4a0}.target-panel>div{height:5px;background:#1c0b0d;border:1px solid #5e2c25;margin:5px 0}.target-panel i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#e73435,#ff9c45)}.target-panel small{font-size:7px;color:#ad9184}.target-panel.locked b{color:#fff}.target-panel.locked{filter:drop-shadow(0 0 10px #ff8738)}.reticle.locked{border-color:#fff;box-shadow:0 0 18px #ff7f36,0 0 4px #fff}
.perf-label{position:absolute;left:28px;bottom:127px;font-size:8px;letter-spacing:.16em;color:#a58f84;text-shadow:0 1px 3px #000}
.loot-feed{position:absolute;left:50%;top:105px;transform:translateX(-50%);display:grid;gap:7px;z-index:65;pointer-events:none}.loot-toast{display:flex;align-items:center;gap:10px;min-width:220px;padding:8px 14px;background:linear-gradient(90deg,#140b0bea,#2b160fea,#140b0bea);border:1px solid var(--loot-color);box-shadow:0 5px 22px #0009,0 0 18px color-mix(in srgb,var(--loot-color) 30%,transparent);opacity:0;transform:translateY(-10px) scale(.96);transition:.22s}.loot-toast.show{opacity:1;transform:none}.loot-toast img{width:30px;height:30px;object-fit:contain;image-rendering:auto}.loot-toast b{color:var(--loot-color);font-size:11px;letter-spacing:.08em}
.inventory-modal{width:min(1020px,94vw);max-height:88vh;overflow:auto;text-align:left;padding:28px}.inventory-head{display:flex;justify-content:space-between;align-items:center}.inventory-head p,.reward-modal>p{margin:0;color:#ff9d55;font-size:10px;letter-spacing:.22em;font-weight:900}.inventory-head h2{margin:4px 0}.wallet{display:flex;gap:14px}.wallet span{display:flex;align-items:center;gap:7px;padding:8px 12px;background:#100a0a;border:1px solid #583123}.wallet img{width:26px;height:26px}.equipment-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.equip-slot{min-height:98px;display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto 1fr;align-items:center;gap:2px 12px;padding:12px;background:#100a0a;border:1px solid #5a3325}.equip-slot small{grid-column:1/3;color:#a99085;letter-spacing:.16em}.equip-slot img{width:58px;height:58px;object-fit:contain;image-rendering:auto}.equip-slot span{color:#6f625d}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;min-height:170px}.inventory-item{display:grid;grid-template-columns:54px 1fr;grid-template-rows:1fr auto;text-align:left;gap:2px 10px;padding:10px;border-color:var(--rarity);background:#100a0a}.inventory-item img{grid-row:1/3;width:50px;height:50px;object-fit:contain}.inventory-item small{color:var(--rarity);font-size:8px}.empty-inventory{grid-column:1/-1;display:grid;place-items:center;color:#8d7b74;border:1px dashed #4f3025}.inventory-help{display:block;margin-top:15px;color:#9f8d86}
.reward-modal{width:min(900px,94vw);text-align:center}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.reward-card{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 50% 20%,#63301f,#180c0a 55%,#090506);border-color:#ff9f56}.reward-card>span{font-size:44px;color:#ffd072;text-shadow:0 0 18px #ff7c32}.reward-card b{font-size:14px}.reward-card small{color:#bba59b;line-height:1.4}.reward-card:hover{box-shadow:0 0 35px #ff782544}
@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.stats div:nth-child(n+4){display:none}.inventory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){#inventory-btn,.perf-label{display:none}.reward-grid{grid-template-columns:1fr}.reward-modal{max-height:90vh;overflow:auto}.equipment-slots{grid-template-columns:1fr}.inventory-grid{grid-template-columns:1fr}.loot-feed{top:70px}.target-panel{display:none}.bar.xp{display:none}}

/* V7 RPG HUD fit */
@media(min-width:1101px){.bottombar{grid-template-columns:430px 1fr 410px}.stats{grid-template-columns:1.4fr repeat(4,1fr);gap:12px}}