:root{--bg:#07090d;--panel:#11151d;--panel2:#171c26;--line:#293141;--text:#edf3fb;--muted:#8995a8;--gold:#e4b45e;--red:#db4c4c}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 50% 0,#151b27 0,#07090d 48%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100%;-webkit-tap-highlight-color:transparent}
body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
#app{max-width:720px;margin:auto;min-height:100dvh}
header{height:72px;padding:calc(12px + env(safe-area-inset-top)) 16px 10px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #1c2330;background:rgba(7,9,13,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}
.eyebrow{font-size:10px;letter-spacing:.25em;color:var(--gold);font-weight:900}.stage{font-weight:850;font-size:15px;margin-top:2px}.currency{font-size:10px;color:var(--muted);text-align:right}.currency b{display:block;color:#f4d08b;font-size:15px}
main{padding:12px;display:grid;gap:10px}.hunt-card,.progress-card,.equipment-card,.inventory-card{background:linear-gradient(180deg,rgba(23,28,38,.96),rgba(13,17,24,.98));border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.hunt-card{padding:14px}.hunt-top{display:flex;justify-content:space-between;gap:10px}.tag{font-size:9px;letter-spacing:.18em;border:1px solid #4d596c;padding:3px 7px;border-radius:20px;color:#b5c1d2}.hunt-top h1{margin:6px 0 0;font-size:25px}.hunt-top p{margin:1px 0;color:var(--muted);font-size:12px}.power{text-align:right;font-size:9px;color:var(--muted)}.power b{display:block;font-size:23px;color:white}
.enemy-visual{height:218px;margin:12px -4px 10px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px;background:radial-gradient(circle,#29222a 0,#131722 46%,#0b0e14 72%);border:1px solid #242b38}
.enemy-visual:before,.enemy-visual:after{content:"";position:absolute;width:130%;height:1px;background:linear-gradient(90deg,transparent,#704e3c,transparent);transform:rotate(-13deg);opacity:.28}.enemy-visual:after{transform:rotate(17deg)}
.sigil{position:absolute;font-size:170px;color:#6b4a3d;opacity:.12;filter:blur(1px);animation:pulse 3s infinite}.enemy-core{width:96px;height:96px;border-radius:50% 42% 50% 44%;background:radial-gradient(circle at 38% 32%,#ffb25f 0 4%,#8e342d 5% 16%,#321c22 17% 60%,#13141a 61%);box-shadow:0 0 22px #9c3d2c66,0 0 70px #6f281d44;position:relative;animation:idle 1.7s ease-in-out infinite}
.enemy-core:before,.enemy-core:after{content:"";position:absolute;width:44px;height:13px;background:#171318;top:12px;border-radius:80% 10% 80% 10%;transform:rotate(-38deg)}.enemy-core:before{left:-24px}.enemy-core:after{right:-24px;transform:scaleX(-1) rotate(-38deg)}
.damage{position:absolute;font-size:28px;font-weight:950;color:white;text-shadow:0 2px 4px #000;opacity:0;transform:translateY(0)}.damage.pop{animation:damage .55s ease-out}
.hp,.progress{height:10px;background:#07090d;border:1px solid #30394a;border-radius:10px;overflow:hidden}.hp i,.progress i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#9c262e,#ed5d55);transition:width .2s}.hp-row,.row{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:5px}.combat-log{text-align:center;color:#aab4c4;font-size:11px;min-height:18px;margin:9px 0}
.target-row{display:flex;justify-content:space-between;align-items:center;background:#0b0e14;border:1px solid #252c39;border-radius:12px;padding:10px}.target-row small{display:block;font-size:8px;letter-spacing:.16em;color:#788498}.target-row strong{display:block;font-size:13px;margin:2px 0}.target-row span{font-size:10px;color:#9b86d7}.target-row button{border:1px solid #6b5632;background:#2b2419;color:#f1cb83;font-size:10px;font-weight:900;padding:8px 10px;border-radius:9px}
.progress-card,.equipment-card,.inventory-card{padding:12px}.progress{margin-top:8px;height:7px}.progress i{background:linear-gradient(90deg,#b4873e,#f1d082);width:0}.boss-note{text-align:center;font-size:10px;color:#7e899b;margin-top:7px}.section-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;color:#9ba7b9;font-weight:900}.section-title b{color:#d9bd7d}.section-title button{background:none;border:0;color:#9ba7b9;font-weight:800}.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.slot{aspect-ratio:1;border:1px solid #323b4b;border-radius:10px;background:#0a0d12;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.slot .ico{font-size:19px}.slot small{font-size:7px;color:#6f7b8d;margin-top:4px}.slot.filled{box-shadow:inset 0 0 18px var(--rarityGlow)}
.recent{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.loot-mini{background:#0a0d12;border:1px solid var(--c);border-radius:10px;padding:8px;min-height:66px;box-shadow:inset 0 0 15px color-mix(in srgb,var(--c) 18%,transparent)}.loot-mini b{font-size:9px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loot-mini span{font-size:8px;color:var(--c)}.loot-mini small{font-size:8px;color:#778396}.empty{grid-column:1/-1;color:#6f7a8a;text-align:center;font-size:10px;padding:12px}
nav{position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom));padding:6px max(10px,env(safe-area-inset-left)) env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:rgba(7,9,13,.94);border-top:1px solid #242b38;backdrop-filter:blur(16px);z-index:10}nav button{border:0;background:none;color:#697588;font-size:9px;font-weight:900;letter-spacing:.08em}nav .active{color:#e9c376}
.modal,.drawer{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:30;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(8px)}.hidden{display:none!important}.loot-reveal{width:min(390px,100%);background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--drop) 24%,#141923),#0d1118 58%);border:1px solid var(--drop);border-radius:22px;padding:25px 18px 18px;text-align:center;box-shadow:0 0 35px color-mix(in srgb,var(--drop) 35%,transparent),0 25px 80px #000}.drop-label{font-size:9px;letter-spacing:.3em;color:#8793a5}.rarity{color:var(--drop);font-size:20px;font-weight:950;letter-spacing:.12em;margin-top:6px;text-shadow:0 0 18px var(--drop)}.item-icon{font-size:74px;color:var(--drop);text-shadow:0 0 30px var(--drop);margin:13px 0}.loot-reveal h2{font-size:24px;margin:0}.item-power{font-size:15px;font-weight:900;margin-top:6px}.loot-reveal p{color:#aeb8c8;font-size:11px}.serial{font-family:monospace;color:#697688;font-size:10px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.modal-actions button{padding:12px;border-radius:10px;border:1px solid #343d4d;background:#171c25;color:#aab5c5;font-weight:900}.modal-actions .primary{background:var(--drop);color:#080a0e;border-color:var(--drop)}
.drawer{align-items:flex-end;padding:0}.drawer-panel{width:min(720px,100%);max-height:75dvh;background:#11151d;border-radius:20px 20px 0 0;border:1px solid #303848;padding:14px 14px calc(20px + env(safe-area-inset-bottom));overflow:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head h2{margin:0}.drawer-head button{font-size:28px;background:none;border:0;color:white}.inv-item{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border:1px solid #293242;border-left:3px solid var(--c);padding:9px;margin-top:8px;border-radius:10px}.inv-item .ii{font-size:25px;color:var(--c)}.inv-item b{display:block;font-size:12px}.inv-item span{font-size:9px;color:#7f8b9c}.inv-item button{background:#202734;color:#d9e1eb;border:1px solid #394456;border-radius:8px;padding:7px;font-size:9px;font-weight:900}
@keyframes idle{50%{transform:translateY(-6px) scale(1.03)}}@keyframes pulse{50%{opacity:.2;transform:scale(1.05)}}@keyframes damage{0%{opacity:0;transform:translateY(10px) scale(.7)}20%{opacity:1}100%{opacity:0;transform:translateY(-45px) scale(1.1)}}
@media(min-width:760px){main{grid-template-columns:1.2fr .8fr}.hunt-card{grid-row:span 3}.enemy-visual{height:350px}.slots{grid-template-columns:repeat(5,1fr)}}


/* V0.2 — ACTIVE IDLE RPG */
.mode-card{padding:12px;background:linear-gradient(180deg,rgba(23,28,38,.96),rgba(13,17,24,.98));border:1px solid var(--line);border-radius:16px}
.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}
.modes button{border:1px solid #30394a;background:#0b0e14;border-radius:11px;padding:9px 6px;color:#8f9bac;text-align:left;min-height:55px}
.modes button b{display:block;color:#c9d3df;font-size:10px;letter-spacing:.08em}
.modes button span{display:block;font-size:8px;margin-top:3px}
.modes button.active{border-color:#d0a45b;box-shadow:inset 0 0 18px #d0a45b22;background:#17140f}
.modes button.active b{color:#f0cb83}
.bar-label{display:flex;justify-content:space-between;font-size:9px;color:#8a96a8;margin:5px 2px}
.player-label{margin-top:8px}
.player-hp i{background:linear-gradient(90deg,#3f7d54,#6ac27c)}
.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}
.skills button{position:relative;border:1px solid #3a4558;background:linear-gradient(180deg,#1b2230,#0e1219);border-radius:11px;color:#dce5f1;min-height:66px;padding:8px 5px}
.skills button b{display:block;font-size:9px;letter-spacing:.04em}
.skills button span{display:block;font-size:8px;color:#8996a8;margin-top:4px}
.skills button em{display:block;font-style:normal;font-size:8px;color:#e8bf74;margin-top:4px;font-weight:900}
.skills button.cooldown{opacity:.48}
.skills button.ready{box-shadow:inset 0 0 15px rgba(228,180,94,.12)}
.incoming{position:absolute;font-size:23px;font-weight:950;color:#ff8d7f;text-shadow:0 2px 4px #000;opacity:0}
.incoming.pop{animation:incoming .55s ease-out}
.death-panel{width:min(390px,100%);background:linear-gradient(180deg,#181219,#0c0f15);border:1px solid #71363b;border-radius:22px;padding:25px 18px 18px;text-align:center;box-shadow:0 25px 80px #000}
.death-panel h2{margin:10px 0 4px;color:#f2dfe1}
.death-panel p{color:#9e8f94;font-size:11px}
@keyframes incoming{0%{opacity:0;transform:translateY(-5px) scale(.8)}20%{opacity:1}100%{opacity:0;transform:translateY(40px) scale(1.08)}}
@media(max-width:470px){.modes{grid-template-columns:repeat(2,1fr)}.skills{grid-template-columns:1fr 1fr 1fr}.skills button{min-height:72px}}
.build-card{padding:12px;background:linear-gradient(180deg,rgba(23,28,38,.96),rgba(13,17,24,.98));border:1px solid var(--line);border-radius:16px}.modes button{min-height:70px}.build-effects{display:grid;gap:6px;margin-top:9px}.effect{display:flex;justify-content:space-between;padding:8px;border:1px solid #30394a;border-left:3px solid var(--ec);border-radius:9px;background:#0a0d12}.effect b{font-size:9px;color:var(--ec)}.effect span{font-size:8px;color:#8995a7}
/* ZARVYTH V0.2 */
.currency-wrap{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.essence{border-color:#4e466b;color:#bda8ff}.essence b{color:#d7caff}
.forge-card{padding:12px;background:linear-gradient(180deg,rgba(23,28,38,.96),rgba(13,17,24,.98));border:1px solid var(--line);border-radius:16px}
.forge-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
.forge-grid button{border:1px solid #3a4558;background:linear-gradient(180deg,#171d27,#0c1016);border-radius:11px;color:#dce5f1;text-align:left;padding:10px}
.forge-grid button b{display:block;font-size:9px}.forge-grid button span{display:block;font-size:8px;color:#8996a8;margin-top:4px}.forge-grid button em{display:block;font-style:normal;color:#bda8ff;font-size:8px;margin-top:6px;font-weight:900}
.forge-note{font-size:8px;color:#7f8b9b;margin-top:8px}
.compare{margin:7px auto 0;width:max-content;padding:5px 9px;border-radius:20px;border:1px solid #334156;color:#92a0b4;font-size:9px;font-weight:900;letter-spacing:.04em}
.compare.up{border-color:#3e7852;color:#7ed694;background:#102116}.compare.down{border-color:#783e46;color:#e6818d;background:#241216}
.slot .level{font-size:7px;color:#bda8ff;margin-top:2px}
@media(max-width:520px){.forge-grid{grid-template-columns:1fr}}

.save-state{font-size:7px;letter-spacing:.12em;color:#667386;text-align:right;transition:.2s}.save-state.ok{color:#72d58b;text-shadow:0 0 8px #72d58b55}
.forge-grid button:active{transform:scale(.98);border-color:#bda8ff}

/* ZARVYTH V0.3 — LUMINOUS RIFT UI */
:root{--bg:#eef4fb;--panel:#ffffff;--line:#cbd8e8;--text:#172235;--muted:#66758a;--accent:#536ee8}
html,body{background:linear-gradient(160deg,#dcecff 0%,#f8fbff 42%,#eee8ff 100%)!important;color:var(--text)!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 4%,rgba(111,139,255,.24),transparent 34%),radial-gradient(circle at 10% 70%,rgba(80,211,204,.13),transparent 30%)}
.app{max-width:1080px}
header,.topbar{background:rgba(255,255,255,.82)!important;border-color:#c7d5e8!important;box-shadow:0 8px 30px rgba(55,81,120,.10);backdrop-filter:blur(14px)}
.logo,.brand h1,h1{color:#263c7a!important;text-shadow:none!important}
.card,.battle-card,.inventory-card,.forge-card,.build-card,.hunt-card,.panel,.equipment-card{background:rgba(255,255,255,.88)!important;border-color:#cbd9e9!important;box-shadow:0 10px 30px rgba(64,87,125,.10)!important;color:#172235!important}
.section-title span,.section-title b{color:#344765!important}
.modes button,.forge-grid button,.skill,.slot{background:linear-gradient(180deg,#fff,#edf3fb)!important;border-color:#c4d2e4!important;color:#20304a!important;box-shadow:0 4px 12px rgba(63,86,120,.08)}
.modes button.active{background:linear-gradient(135deg,#5f7cf2,#7e66dc)!important;color:white!important;border-color:#6d70e8!important;box-shadow:0 8px 22px rgba(91,105,220,.28)!important}
.skill.ready{background:linear-gradient(180deg,#fff,#e9f1ff)!important;border-color:#849be8!important}
.currency{background:#f7faff!important;border-color:#ccd8e8!important;color:#586b85!important}.currency b{color:#253b71!important}
.essence{background:#f7f2ff!important;color:#765fa0!important;border-color:#d8cbed!important}.essence b{color:#6d50a0!important}
.enemy-core{filter:drop-shadow(0 10px 18px rgba(69,89,150,.20))}
.hpbar,.bar{background:#dbe5f1!important;border-color:#c2d0e0!important}
.forge-note,.muted,small{color:#68788d!important}
.save-state{color:#61718a!important}.save-state.ok{color:#23874b!important;text-shadow:none!important}
.modal-card{background:#fff!important;color:#172235!important;border-color:#cbd8e8!important}
button{cursor:pointer}

/* =========================================================
   ZARVYTH V0.4 — RIFT CITADEL GAME UI
   Full game-interface transformation.
   ========================================================= */
:root{
  --ink:#050713;
  --ink2:#0b1022;
  --panel:#10172d;
  --panel2:#171f3b;
  --line:#3d4f81;
  --text:#eef4ff;
  --muted:#91a1c7;
  --violet:#8b5cf6;
  --cyan:#36d6ff;
  --gold:#f6c453;
  --red:#ff4b63;
  --green:#46e29a;
}

*{box-sizing:border-box}
html,body{
  min-height:100%;
  background:
    radial-gradient(circle at 50% -10%,rgba(85,75,255,.34),transparent 34%),
    radial-gradient(circle at 15% 38%,rgba(15,190,255,.13),transparent 24%),
    radial-gradient(circle at 85% 62%,rgba(190,52,255,.12),transparent 25%),
    linear-gradient(180deg,#050713 0%,#090d1d 42%,#040611 100%)!important;
  color:var(--text)!important;
}
body:before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(110,145,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(110,145,255,.035) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,black,transparent 92%);
}
#app{position:relative;z-index:1;max-width:1280px!important;margin:auto;padding:16px 18px 90px!important}

header{
  min-height:88px;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:14px 18px!important;
  background:linear-gradient(180deg,rgba(17,25,52,.94),rgba(8,12,28,.94))!important;
  border:1px solid #394c7b!important;
  border-radius:18px!important;
  box-shadow:0 0 0 1px rgba(95,128,255,.08),0 14px 42px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05)!important;
}
.brand-lockup{display:flex;align-items:center;gap:13px}
.zarvyth-mark{
  width:52px;height:52px;display:grid;place-items:center;
  font-weight:1000;font-size:31px;font-style:italic;
  color:#fff;border:1px solid #7e6bff;border-radius:14px;
  background:
    radial-gradient(circle at 38% 30%,rgba(76,230,255,.72),transparent 18%),
    linear-gradient(145deg,#753cff,#15285c 58%,#071020);
  box-shadow:0 0 24px rgba(115,83,255,.55),inset 0 0 18px rgba(45,220,255,.18);
}
.eyebrow{
  color:#fff!important;font-size:19px!important;font-weight:1000!important;
  letter-spacing:.28em!important;line-height:1!important;text-shadow:0 0 18px rgba(104,107,255,.75)!important
}
.brand-sub{margin-top:5px;font-size:7px;letter-spacing:.2em;color:#6fe8ff;font-weight:800}
.stage{margin-top:7px!important;color:#aebce0!important;font-size:10px!important}
.save-state{color:#65769e!important}
.save-state.ok{color:#58efa7!important;text-shadow:0 0 10px rgba(70,226,154,.4)!important}
.currency-wrap{gap:8px!important}
.currency{
  min-width:84px;padding:9px 12px!important;border-radius:12px!important;
  background:linear-gradient(180deg,#141d37,#0a1022)!important;
  color:#9babcc!important;border:1px solid #344974!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04)
}
.currency b{display:block;color:#fff!important;font-size:15px!important}
.essence{border-color:#6149a4!important;color:#bba9ee!important}
.essence b{color:#cfbfff!important}

main{
  margin-top:14px!important;
  display:grid!important;
  grid-template-columns:230px minmax(360px,1fr) 330px!important;
  grid-template-areas:
    "mode hunt equipment"
    "progress hunt equipment"
    "build hunt forge"
    "inventory hunt forge"!important;
  gap:12px!important;
  align-items:stretch;
}
.mode-card{grid-area:mode}
.hunt-card{grid-area:hunt}
.progress-card{grid-area:progress}
.equipment-card{grid-area:equipment}
.build-card{grid-area:build}
.forge-card{grid-area:forge}
.inventory-card{grid-area:inventory}

.mode-card,.progress-card,.equipment-card,.build-card,.forge-card,.inventory-card{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(19,28,57,.96),rgba(8,13,29,.98))!important;
  border:1px solid #334775!important;border-radius:16px!important;
  box-shadow:0 16px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)!important;
  color:var(--text)!important;
}
.mode-card:before,.equipment-card:before,.forge-card:before{
  content:"";position:absolute;left:14px;right:14px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#6e68ff,#3fe5ff,transparent);
  opacity:.75;
}
.section-title{position:relative;z-index:1}
.section-title span{font-size:9px!important;color:#d7e1ff!important;letter-spacing:.17em!important}
.section-title b{font-size:8px!important;color:#667cae!important}

.mode-card{padding:13px!important}
.modes{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:10px!important}
.modes button{
  min-height:62px!important;padding:10px 11px 10px 14px!important;text-align:left!important;
  position:relative;overflow:hidden;
  background:linear-gradient(105deg,#111a35,#0b1228)!important;
  border:1px solid #344b7a!important;border-radius:12px!important;color:#dbe5ff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03)!important;
}
.modes button:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:#5268a0;box-shadow:0 0 11px currentColor
}
.modes button b{font-size:10px!important;letter-spacing:.08em}
.modes button span{display:block;margin-top:5px;color:#7285b0!important;font-size:7px!important}
.modes button.active{
  transform:translateX(4px);
  background:linear-gradient(105deg,rgba(102,62,245,.68),rgba(18,38,83,.98))!important;
  border-color:#726cff!important;color:#fff!important;
  box-shadow:0 0 22px rgba(104,83,255,.27),inset 0 0 26px rgba(53,209,255,.08)!important;
}
.modes button.active:before{background:#48e8ff;box-shadow:0 0 15px #48e8ff}
.modes button.active span{color:#b7cfff!important}

.hunt-card{
  min-height:700px!important;position:relative;overflow:hidden;
  padding:18px!important;
  background:
    radial-gradient(circle at 50% 44%,rgba(95,61,211,.20),transparent 30%),
    radial-gradient(circle at 50% 48%,rgba(24,187,230,.08),transparent 42%),
    linear-gradient(180deg,#111936,#070b1a 78%)!important;
  border:1px solid #52659b!important;border-radius:20px!important;
  box-shadow:0 0 42px rgba(73,73,200,.16),0 20px 50px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.055)!important
}
.hunt-card:before{
  content:"";position:absolute;inset:64px 14px 148px;border:1px solid rgba(103,128,196,.14);
  clip-path:polygon(50% 0,100% 15%,100% 85%,50% 100%,0 85%,0 15%);
  pointer-events:none
}
.hunt-card:after{
  content:"";position:absolute;left:50%;top:135px;width:330px;height:330px;transform:translateX(-50%);
  border-radius:50%;border:1px solid rgba(118,87,255,.19);
  box-shadow:0 0 0 34px rgba(82,71,200,.035),0 0 0 70px rgba(49,190,238,.018);
  pointer-events:none
}
.hunt-top{position:relative;z-index:2;border-bottom:1px solid rgba(106,129,185,.24);padding-bottom:12px}
.tag{background:#101935!important;border:1px solid #5270b4!important;color:#7ee8ff!important;padding:5px 9px!important;box-shadow:0 0 10px rgba(54,214,255,.1)}
.hunt-top h1{font-size:30px!important;color:#fff!important;letter-spacing:.015em!important;text-shadow:0 0 22px rgba(105,81,255,.32)!important;margin:7px 0 1px!important}
.hunt-top p{color:#7d91be!important}
.power{font-size:7px!important;color:#8294bc!important}.power b{font-size:18px!important;color:#ffd66c!important;text-shadow:0 0 14px rgba(246,196,83,.32)}

.enemy-visual{
  height:330px!important;margin:14px 0 12px!important;border-radius:16px!important;position:relative!important;
  background:
    radial-gradient(circle at 50% 52%,rgba(127,70,255,.25),transparent 24%),
    radial-gradient(circle at 50% 52%,rgba(49,215,255,.11),transparent 42%),
    linear-gradient(180deg,#070b17,#090d20)!important;
  border:1px solid #2c3e6a!important;overflow:hidden!important;
  box-shadow:inset 0 0 70px rgba(70,74,170,.11),0 12px 28px rgba(0,0,0,.28)!important;
}
.enemy-visual:before,.enemy-visual:after{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none
}
.enemy-visual:before{
  width:250px;height:250px;border:1px dashed rgba(105,103,255,.28);
  animation:zarSpin 18s linear infinite
}
.enemy-visual:after{
  width:190px;height:190px;border:1px solid rgba(54,214,255,.13);
  box-shadow:0 0 45px rgba(100,70,255,.08),inset 0 0 32px rgba(54,214,255,.05)
}
@keyframes zarSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.enemy-core{
  width:118px!important;height:118px!important;left:50%!important;top:50%!important;
  transform:translate(-50%,-50%)!important;
  background:
    radial-gradient(circle at 42% 36%,#ffcc7a 0 4%,#ff714e 5% 11%,transparent 12%),
    radial-gradient(circle,#6e2037 0 38%,#25152b 39% 68%,#0c1020 69%)!important;
  box-shadow:0 0 20px rgba(255,71,85,.28),0 0 60px rgba(125,58,241,.3)!important;
}
.sigil{font-size:42px!important;color:#af8dff!important;text-shadow:0 0 20px #8b5cf6!important}
.damage,.incoming{font-weight:1000!important;text-shadow:0 2px 5px #000!important}

.bar-label{color:#91a4d1!important;font-size:8px!important}
.hp{height:10px!important;background:#090d18!important;border:1px solid #26375f!important;box-shadow:inset 0 2px 5px #000!important}
.hp i{background:linear-gradient(90deg,#bd2d48,#ff596b)!important;box-shadow:0 0 12px rgba(255,75,99,.35)}
.player-hp i{background:linear-gradient(90deg,#16865c,#49e1a0)!important;box-shadow:0 0 12px rgba(70,226,154,.25)}
.combat-log{color:#7488b3!important;font-size:9px!important}

.skills{gap:8px!important}
.skills button{
  min-height:66px!important;border-radius:12px!important;
  background:linear-gradient(180deg,#182342,#0b1123)!important;
  border:1px solid #415786!important;color:#eef4ff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 6px 14px rgba(0,0,0,.18)!important
}
.skills button:hover,.skills button:active{border-color:#7c72ff!important;box-shadow:0 0 17px rgba(113,91,255,.2)!important}
.skills button b{font-size:9px!important}.skills button span{color:#7e91bc!important}.skills button em{color:#ffd15f!important}
.target-row{
  background:linear-gradient(100deg,#10192e,#0a1020)!important;border:1px solid #374b75!important;border-radius:12px!important;
  box-shadow:inset 3px 0 #8765ff!important
}
.target-row small{color:#667cae!important}.target-row strong{color:#fff!important}.target-row span{color:#bc9cff!important}
#pauseBtn{background:#251d0d!important;color:#ffd366!important;border-color:#745a24!important}

.progress-card{padding:12px!important}
.progress{background:#080d1b!important;border-color:#2b3b63!important}.progress i{background:linear-gradient(90deg,#35d5ff,#806dff,#ffd15c)!important;box-shadow:0 0 10px rgba(54,214,255,.25)}
.row,.boss-note{color:#8295bf!important}

.equipment-card{padding:13px!important}
.slots{grid-template-columns:repeat(2,1fr)!important;gap:7px!important;margin-top:10px!important}
.slot{
  min-height:69px!important;
  background:linear-gradient(145deg,#121b34,#0a1021)!important;border:1px solid #344a79!important;color:#dbe6ff!important;border-radius:12px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03)!important
}
.slot:hover{border-color:#675df0!important;box-shadow:0 0 14px rgba(103,93,240,.14)!important}
.slot small{color:#6e82ad!important}
.slot .level{color:#c79cff!important}

.build-card,.forge-card,.inventory-card{padding:12px!important}
.build-effects .empty,.recent .empty{color:#6276a1!important}
.forge-grid{grid-template-columns:1fr!important}
.forge-grid button{
  background:linear-gradient(100deg,#151f3c,#0a1123)!important;border:1px solid #3b5081!important;color:#eef4ff!important
}
.forge-grid button em{color:#d0a7ff!important}
.forge-note{color:#7285af!important}
#inventoryBtn{background:#111a33!important;border:1px solid #38507f!important;color:#bcd1ff!important}

nav{
  position:fixed!important;z-index:20!important;bottom:14px!important;left:50%!important;transform:translateX(-50%)!important;
  width:min(720px,calc(100% - 24px))!important;padding:7px!important;border-radius:16px!important;
  background:rgba(7,11,25,.94)!important;border:1px solid #354a78!important;box-shadow:0 12px 40px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.04)!important;
  backdrop-filter:blur(16px)!important
}
nav button{color:#7184ad!important;background:transparent!important;border:0!important;border-radius:10px!important}
nav button.active{color:#fff!important;background:linear-gradient(135deg,#6247e9,#223c83)!important;box-shadow:0 0 18px rgba(98,71,233,.3)!important}

.modal{background:rgba(1,3,10,.82)!important;backdrop-filter:blur(12px)!important}
.loot-reveal,.death-panel,.drawer-panel{
  background:linear-gradient(180deg,#151e3a,#070b18)!important;color:#eef4ff!important;border:1px solid #5669a3!important;
  box-shadow:0 0 60px rgba(91,64,234,.26),0 30px 80px rgba(0,0,0,.6)!important
}
.item-icon{filter:drop-shadow(0 0 18px currentColor)}
.compare{background:#0d1429!important;color:#b9c6e4!important;border-color:#344b78!important}
.compare.up{background:#0b2319!important;color:#68eda1!important;border-color:#2d7654!important}
.compare.down{background:#2b1017!important;color:#ff8490!important;border-color:#783645!important}
.modal-actions button{background:#111b34!important;color:#c8d7f5!important;border-color:#3a4f7d!important}
.modal-actions .primary{background:linear-gradient(135deg,#6749ef,#24498b)!important;color:#fff!important;border-color:#7b6cff!important;box-shadow:0 0 18px rgba(102,73,239,.24)!important}

@media(max-width:900px){
  #app{padding:10px 10px 86px!important}
  header{min-height:76px;padding:11px!important}
  .zarvyth-mark{width:43px;height:43px;font-size:25px}
  .eyebrow{font-size:15px!important}
  .brand-sub{display:none}
  main{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "hunt"
      "mode"
      "progress"
      "equipment"
      "build"
      "forge"
      "inventory"!important
  }
  .hunt-card{min-height:auto!important}
  .enemy-visual{height:300px!important}
  .modes{grid-template-columns:repeat(2,1fr)!important}
  .slots{grid-template-columns:repeat(5,1fr)!important}
}
@media(max-width:560px){
  .currency{min-width:67px;padding:7px 8px!important}
  .currency b{font-size:12px!important}
  .save-state{display:none}
  .hunt-card{padding:13px!important}
  .hunt-top h1{font-size:25px!important}
  .enemy-visual{height:255px!important}
  .modes{grid-template-columns:1fr 1fr!important}
  .modes button{min-height:58px!important;padding:9px!important}
  .skills{grid-template-columns:repeat(3,1fr)!important}
  .skills button{min-height:62px!important;padding:6px!important}
  .slots{grid-template-columns:repeat(2,1fr)!important}
  nav button{font-size:8px!important}
}

/* ZARVYTH V0.5 — equipment state clarity */
.slot.filled{
  border-color:var(--rarityGlow)!important;
  box-shadow:0 0 16px color-mix(in srgb,var(--rarityGlow) 28%,transparent),inset 0 0 24px rgba(255,255,255,.025)!important;
}
.equipped-name{
  display:block;width:100%;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#fff;font-size:8px;line-height:1.15;text-align:center
}
.equipped-power{display:block;color:#74e7ff;font-size:7px;font-weight:900;margin-top:3px}
.equipped-rarity{display:block;color:var(--rarityGlow);font-style:normal;font-size:6px;margin-top:2px;font-weight:900}
.empty-slot{display:block;color:#4e6087;font-size:6px;margin-top:4px}
.game-toast{
  position:fixed;z-index:1000;left:50%;top:13%;transform:translate(-50%,-12px) scale(.96);
  opacity:0;pointer-events:none;padding:12px 18px;border-radius:12px;
  color:#fff;font-size:10px;font-weight:1000;letter-spacing:.12em;
  background:linear-gradient(135deg,rgba(92,62,220,.97),rgba(16,55,106,.97));
  border:1px solid #7e76ff;box-shadow:0 0 30px rgba(111,84,255,.48),0 14px 38px rgba(0,0,0,.45);
  transition:.18s ease
}
.game-toast.show{opacity:1;transform:translate(-50%,0) scale(1)}
@media(max-width:900px){
  .account-strip{bottom:72px;left:10px;right:10px}
}
@media(max-width:560px){
  .account-strip{font-size:6px}
  .slot{min-height:92px!important}
}

/* ZARVYTH V0.6.1 — forge progression visibility */
.slot{position:relative}
.forge-badge{
  position:absolute;top:6px;right:6px;padding:3px 5px;border-radius:999px;
  font-size:5px;font-weight:1000;letter-spacing:.08em;
  color:#b9c9ea;background:#0a1123;border:1px solid #334a78
}
.slot.filled .forge-badge{
  color:#fff;border-color:var(--rarityGlow);
  box-shadow:0 0 10px color-mix(in srgb,var(--rarityGlow) 35%,transparent)
}
.forge-gain{
  display:block;margin-top:3px;font-size:6px;font-weight:900;color:#75f1b3;
}
.forge-gain.muted{color:#526582}
.forge-result{
  margin-top:8px;padding:8px 10px;border-radius:10px;
  background:linear-gradient(180deg,#101934,#0a1021);
  border:1px solid #354c7b;color:#9fb2dc;font-size:7px;font-weight:900
}
.slot.forge-flash{
  animation:forgeFlash .75s ease;
}
@keyframes forgeFlash{
  0%{transform:scale(1);box-shadow:0 0 0 rgba(118,102,255,0)}
  40%{transform:scale(1.035);box-shadow:0 0 34px color-mix(in srgb,var(--rarityGlow) 70%,transparent)}
  100%{transform:scale(1);box-shadow:0 0 16px color-mix(in srgb,var(--rarityGlow) 28%,transparent)}
}