:root {
  color-scheme: dark;
  --ink: #f6fbff;
  --muted: #a9bac9;
  --cyan: #37e4ff;
  --blue: #167dff;
  --orange: #ff6b2c;
  --navy: #08131f;
}

/* World operations: daily missions, district events, mastery, bestiary and run blessings. */
.district-event-hud{position:absolute;z-index:24;top:126px;left:50%;width:min(330px,72vw);translate:-50% 0;padding:9px 12px;border:1px solid #ffd36e;border-radius:12px;background:#10182dea;box-shadow:0 8px 26px #0008,0 0 20px #ffc95b22;color:#fff;text-align:left;pointer-events:none}.district-event-hud>span,.district-event-hud>strong,.district-event-hud>small{display:block}.district-event-hud>span{color:#ffd36e;font-size:7px;font-weight:950;letter-spacing:.17em}.district-event-hud>strong{margin-top:2px;font-size:11px}.district-event-hud>small{margin-top:2px;color:#b9ccda;font-size:8px}.district-event-hud>i{height:4px;margin-top:6px;display:block;overflow:hidden;border-radius:99px;background:#ffffff20}.district-event-hud>i>b{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#ffb839,#fff06f);transition:width .2s ease}
.operations-modal,.blessing-modal{position:fixed;z-index:150;inset:0;display:grid;place-items:center;padding:18px;background:#020712d9;backdrop-filter:blur(12px)}.operations-modal[hidden],.blessing-modal[hidden]{display:none}.operations-card,.blessing-card{position:relative;width:min(720px,96vw);max-height:90vh;overflow:auto;border:1px solid #38718d;border-radius:22px;padding:22px;background:linear-gradient(155deg,#102d40,#07131f 58%,#11142c);box-shadow:0 30px 100px #000c;color:#edfaff}.operations-card>h2,.blessing-card>h2{margin:5px 40px 14px 0;font-size:24px;font-style:italic}.operations-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:1px solid #49758a;border-radius:10px;background:#10293a;color:#fff;font-size:20px;cursor:pointer}.operations-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.operations-summary span{padding:10px;border:1px solid #284e63;border-radius:11px;background:#071a27}.operations-summary small,.operations-summary strong{display:block}.operations-summary small{color:#7da4b8;font-size:7px;font-weight:900;letter-spacing:.1em}.operations-summary strong{margin-top:3px;color:#6ce9ff;font-size:12px}.operations-section{margin-top:12px;padding:13px;border:1px solid #23485d;border-radius:14px;background:#071824cc}.operations-section>header{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:9px}.operations-section>header small,.operations-section>header h3{display:block;margin:0}.operations-section>header small{color:#6ee8ff;font-size:7px;font-weight:950;letter-spacing:.14em}.operations-section>header h3{margin-top:2px;font-size:15px}.operations-section>header>span{color:#7995a5;font-size:7px;font-weight:850}.operations-missions{display:grid;gap:7px}.operation-mission{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid #25495b;border-radius:10px;background:#0b2230}.operation-mission.complete{border-color:#56dba7;background:#0d2c2a}.operation-mission strong,.operation-mission small,.operation-mission i{display:block}.operation-mission small{margin-top:2px;color:#8eaaba;font-size:8px}.operation-mission i{height:4px;margin-top:7px;overflow:hidden;border-radius:10px;background:#ffffff1a}.operation-mission i>b{height:100%;display:block;background:linear-gradient(90deg,#42bfff,#5ff1b2)}.operation-mission button{min-width:86px;padding:9px;border:1px solid #57e6b0;border-radius:8px;background:#147a64;color:#fff;font-size:8px;font-weight:950;cursor:pointer}.operation-mission button:disabled{border-color:#34505f;background:#172b35;color:#6e8795}.operations-mastery,.operations-bestiary{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.mastery-tile,.bestiary-tile{min-width:0;padding:8px;border:1px solid #27495b;border-radius:9px;background:#091f2c;text-align:center}.mastery-tile strong,.mastery-tile small,.bestiary-tile strong,.bestiary-tile small{display:block;overflow:hidden;text-overflow:ellipsis}.mastery-tile strong,.bestiary-tile strong{font-size:9px;white-space:nowrap}.mastery-tile b{display:block;margin:4px 0;color:#ffd35f;letter-spacing:.08em}.mastery-tile small,.bestiary-tile small{color:#7798aa;font-size:7px}.bestiary-tile.locked{filter:grayscale(1);opacity:.48}.bestiary-tile i{display:block;margin-bottom:3px;color:#ff86af;font-size:16px}.synergy-section #operations-synergy{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.synergy-chip{padding:10px;border:1px solid #2e556a;border-radius:10px;background:#0b2130}.synergy-chip.active{border-color:#aa83ff;background:#251c46}.synergy-chip strong,.synergy-chip small{display:block}.synergy-chip small{margin-top:3px;color:#8faabd;font-size:7px}.blessing-card{width:min(640px,96vw);text-align:center}.blessing-card>small{display:block;margin:-6px 0 16px;color:#99b4c3}.blessing-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.blessing-option{min-height:150px;padding:14px;border:1px solid #38627a;border-radius:15px;background:linear-gradient(150deg,#11344a,#10152e);color:#fff;cursor:pointer}.blessing-option:hover,.blessing-option:focus{border-color:#77efff;translate:0 -2px;box-shadow:0 12px 34px #2cdfff24}.blessing-option i,.blessing-option strong,.blessing-option small{display:block}.blessing-option i{font-size:30px;font-style:normal}.blessing-option strong{margin-top:8px;color:#75ebff;font-size:13px}.blessing-option small{margin-top:6px;color:#a8becb;font-size:9px;line-height:1.45}
@media(max-width:620px){.operations-card,.blessing-card{padding:17px}.operations-summary{grid-template-columns:1fr}.operations-mastery,.operations-bestiary{grid-template-columns:repeat(2,1fr)}.synergy-section #operations-synergy,.blessing-options{grid-template-columns:1fr}.blessing-option{min-height:0}.district-event-hud{top:116px;width:min(300px,74vw)}}

/* Premium World Operations presentation. Kept independent from the playful home-screen type. */
.operations-card{width:min(790px,96vw);padding:26px;font-family:Inter,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 18% 0,#16465a 0,transparent 34%),linear-gradient(155deg,#0d2a3c,#06131f 58%,#12172d);border:1px solid #4b8ca7;box-shadow:0 32px 100px #000d,inset 0 1px #a8efff24}.operations-card>h2{margin:3px 48px 18px 0;font-size:27px;font-style:normal;font-weight:950;letter-spacing:.025em;text-shadow:0 2px 14px #27cfff3d}.operations-card>.eyebrow{color:#51dfff;font-size:8px;font-weight:900;letter-spacing:.22em}.operations-close{border-color:#5e9bb4;background:#0e3043;font-family:inherit;font-weight:900;transition:.18s ease}.operations-close:hover{border-color:#8eeeff;background:#16475f;transform:translateY(-1px)}
.operations-summary{gap:10px}.operations-summary span{min-height:67px;padding:11px 13px;background:linear-gradient(145deg,#0a2231,#071a27);border-color:#315d71;box-shadow:inset 0 1px #b9f5ff0d}.operations-summary small{color:#8db8ca;font-size:7px}.operations-summary strong{font-size:13px}.operations-summary em{display:block;margin-top:4px;color:#7d9eae;font-size:7px;font-style:normal;font-weight:850;letter-spacing:.06em}
.operations-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:4px 0 15px}.operations-guide article{display:flex;gap:10px;padding:12px;border:1px solid #28546a;border-radius:12px;background:linear-gradient(145deg,#0c2636,#091b2a)}.operations-guide article>i{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:9px;color:#ffe27a;background:#ffd85b15;border:1px solid #ffd85b45;font-size:17px;font-style:normal}.operations-guide article:nth-child(2)>i{color:#ff8fbd;background:#ff6fa415;border-color:#ff8fbd45}.operations-guide strong{display:block;color:#eafaff;font-size:9px;letter-spacing:.055em}.operations-guide p{margin:5px 0 0;color:#95b2c1;font-size:8px;line-height:1.48}.operations-guide b{color:#6fe9ff}
.operations-section{margin-top:13px;padding:15px;border-color:#28556b;border-radius:15px;background:linear-gradient(150deg,#081c29e8,#071722e8);box-shadow:inset 0 1px #d8f8ff0a}.operations-section>header{align-items:center;margin-bottom:11px}.operations-section>header small{color:#5cdcf4;font-size:7px}.operations-section>header h3{margin-top:3px;color:#f0fbff;font-size:16px;letter-spacing:.015em}.operations-section>header>span{max-width:52%;color:#789bac;text-align:right;font-size:7px;line-height:1.4}.operations-section-copy{margin:-2px 0 12px;color:#8daab9;font-size:8px;line-height:1.55}
.operation-mission{min-height:65px;padding:11px 12px;border-color:#2b5367;background:linear-gradient(135deg,#0c2534,#0a1e2c)}.operation-mission strong{color:#f0fbff;font-size:12px;letter-spacing:.015em}.operation-mission small{font-size:8px;line-height:1.35}.operation-mission button{min-width:94px;font-family:inherit;font-size:8px}.operation-mission.complete{background:linear-gradient(135deg,#0c302d,#0b252a)}
.mastery-world-switcher{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;padding:9px;border:1px solid #315d72;border-radius:12px;background:#0b2433}.mastery-world-switcher button{height:38px;border:1px solid #3d7188;border-radius:9px;color:#86eaff;background:#0d3042;font-family:inherit;font-size:24px;font-weight:900;cursor:pointer}.mastery-world-switcher button:disabled{opacity:.3;cursor:default}.mastery-world-switcher div{text-align:center}.mastery-world-switcher small,.mastery-world-switcher strong{display:block}.mastery-world-switcher small{color:#6d94a8;font-size:7px;font-weight:900;letter-spacing:.14em}.mastery-world-switcher strong{margin-top:2px;color:#eafbff;font-size:13px;letter-spacing:.04em}.operations-world-tabs{display:flex;gap:6px;margin:8px 0;overflow-x:auto;padding:1px 1px 5px;scrollbar-width:thin}.operations-world-tabs button{min-width:78px;padding:7px 9px;border:1px solid #2e5669;border-radius:8px;color:#7e9dad;background:#081b27;font-family:inherit;font-size:8px;font-weight:900;cursor:pointer}.operations-world-tabs button.active{color:#071925;border-color:#62e5ff;background:linear-gradient(135deg,#69eaff,#6cb9ff);box-shadow:0 4px 16px #3bcfff28}.mastery-progress-copy{margin:7px 0 9px;padding:8px 10px;border-left:3px solid #ffd45f;color:#91adbb;background:#ffd45f0a;font-size:8px;line-height:1.45}.mastery-progress-copy strong{color:#ffe283}
.operations-mastery{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.mastery-tile{padding:9px;border-color:#2b5264;background:linear-gradient(150deg,#0b2534,#081b27);text-align:left}.mastery-tile.mastered{border-color:#e6b94f;background:linear-gradient(150deg,#2f2917,#10222b);box-shadow:inset 0 0 18px #ffd85a0c}.mastery-tile strong{font-size:9px}.mastery-tile b{font-size:13px}.mastery-tile small{white-space:normal;line-height:1.35}.mastery-checks{display:grid;gap:3px;margin-top:7px}.mastery-checks span{display:flex;justify-content:space-between;gap:4px;color:#6f91a2;font-size:6.5px;font-weight:850}.mastery-checks span.done{color:#6de7ae}.mastery-checks i{height:3px;display:block;overflow:hidden;border-radius:5px;background:#ffffff12}.mastery-checks i b{height:100%;display:block;margin:0;background:linear-gradient(90deg,#3fc5ff,#64ecaf)}
.operations-bestiary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.bestiary-tile{position:relative;min-height:93px;padding:10px 10px 9px 41px;border-color:#2b5265;background:linear-gradient(150deg,#0b2534,#081b27);text-align:left}.bestiary-tile>i{position:absolute;left:10px;top:11px;width:24px;height:24px;display:grid;place-items:center;border:1px solid #ff80ae55;border-radius:7px;background:#ff6b9b10}.bestiary-tile strong{color:#f0fbff;font-size:9px}.bestiary-tile small{margin-top:3px;color:#7f9eae;font-size:7px;white-space:normal;line-height:1.35}.bestiary-tile b{display:block;margin-top:7px;color:#66e5ff;font-size:7px}.bestiary-tile.locked{padding-left:41px}.bestiary-tile.locked b{color:#657b86}
.synergy-section #operations-synergy{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.synergy-chip{position:relative;min-height:98px;padding:12px;border-color:#31586c;background:linear-gradient(145deg,#0c2636,#091c29);overflow:hidden}.synergy-chip::after{content:"";position:absolute;inset:auto -20px -38px auto;width:90px;height:90px;border-radius:50%;background:#46cfff0b}.synergy-chip.active{border-color:#ad8aff;background:linear-gradient(145deg,#2d2050,#171b37);box-shadow:0 0 24px #9d72ff18}.synergy-chip strong{position:relative;color:#f0f8ff;font-size:12px}.synergy-chip small{position:relative;color:#91aebd;font-size:8px;line-height:1.4}.synergy-chip .synergy-requirement{color:#6edff3}.synergy-chip .synergy-progress{height:4px;margin:9px 0 6px;display:block;overflow:hidden;border-radius:8px;background:#ffffff12}.synergy-chip .synergy-progress b{height:100%;display:block;background:linear-gradient(90deg,#4bd5ff,#b28aff)}.synergy-chip em{position:relative;color:#708e9e;font-size:7px;font-style:normal;font-weight:850}.synergy-chip.active em{color:#cbb8ff}
@media(max-width:620px){.operations-card{padding:18px 14px}.operations-card>h2{font-size:22px}.operations-guide{grid-template-columns:1fr}.operations-summary{grid-template-columns:repeat(3,1fr)}.operations-summary span{min-height:61px;padding:9px}.operations-summary strong{font-size:10px}.operations-summary em{font-size:6px}.operations-section{padding:12px}.operations-mastery{grid-template-columns:repeat(2,1fr)}.operations-bestiary{grid-template-columns:1fr}.synergy-section #operations-synergy{grid-template-columns:1fr}.operations-section>header>span{max-width:44%}}

/* Borderless, readable feedback for every permanent character-stat change. */
.level-stats-popup{top:150px!important;width:min(94%,620px)!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;text-align:center;filter:none}
.level-stats-popup>strong{display:block;color:#f3fff7!important;font-size:13px!important;font-weight:1000;letter-spacing:.1em;text-shadow:0 2px 2px #001b0f,0 0 7px #001b0f,0 0 14px #55ff9c}
.level-stats-popup>div{margin-top:7px!important;display:flex!important;justify-content:center;gap:5px 14px!important}
.level-stats-popup span{min-width:125px;padding:0!important;display:flex;flex-direction:column;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;text-shadow:0 2px 2px #00170c,0 0 6px #00170c}
.level-stats-popup span b{font-size:14px!important;font-weight:1000}.level-stats-popup span small{margin-top:1px;color:#f3fff7;font-size:9px;font-weight:950;letter-spacing:.04em}
.level-stats-popup span.gain b{color:#72ffad!important;text-shadow:0 2px 2px #002714,0 0 6px #003d20,0 0 13px #39ff8f}.level-stats-popup span.loss b{color:#ff8898!important;text-shadow:0 2px 2px #35000a,0 0 7px #ff385f}
.level-stats-popup span.neutral b{color:#f3fff7!important;text-shadow:0 2px 2px #001b0f,0 0 7px #4adf91}
.level-stats-popup.show{visibility:visible;animation:character-stat-change-show 3s ease-out both!important}
@keyframes character-stat-change-show{0%{opacity:0;transform:translate(-50%,12px) scale(.96)}8%,82%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-18px) scale(.98)}}

* { box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #03080e;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  touch-action: none;
  user-select: none;
}

body { display: grid; place-items: center; }

#game-shell {
  position: relative;
  width: min(100vw, 540px);
  height: 100dvh;
  max-height: 960px;
  overflow: hidden;
  background: var(--navy);
  isolation: isolate;
}

@media (max-width:600px), (pointer:coarse) {
  #game-shell { max-height: none; }
}

#game { width: 100%; height: 100%; display: block; }

#hud {
  position: absolute;
  inset: 0 0 auto;
  z-index: 5;
  padding: max(16px, env(safe-area-inset-top)) 17px 0;
  pointer-events: none;
  background: linear-gradient(#07111fd9 0%, transparent 100%);
}
#hud.hidden { opacity: 0; visibility: hidden; }
.stage-info-button{position:absolute;z-index:31;left:12px;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));width:42px;height:42px;display:grid;place-items:center;padding:0;pointer-events:auto;border:3px solid #fff;border-radius:50%;color:#1764b4;background:#dff7ff;box-shadow:0 5px 0 #4d9bc6,0 10px 24px #285c7b55;font:1000 22px/1 Georgia,serif;font-style:italic;touch-action:manipulation}.stage-info-button[hidden]{display:none!important}.stage-info-button:active{translate:0 3px;box-shadow:0 2px 0 #4d9bc6}.stage-stats-modal[hidden]{display:none}.stage-stats-modal{position:absolute;inset:0;z-index:70;padding:18px;display:grid;place-items:center;background:#72b9d8d9;backdrop-filter:blur(7px);pointer-events:auto}.stage-stats-card{position:relative;width:min(100%,470px);max-height:min(88vh,760px);padding:22px 18px 18px;overflow-y:auto;color:#17395f;border:3px solid #fff;border-radius:24px;background:#f8fdff;box-shadow:0 8px 0 #5296bf,0 24px 55px #24577866}.stage-stats-close{position:absolute;right:14px;top:14px;width:42px;height:42px;padding:0;border:3px solid #fff;border-radius:50%;color:#fff;background:#ff6674;box-shadow:0 4px 0 #b7364a;font-size:25px;font-weight:1000}.stage-stats-card>p{margin:0;color:#7654a4;font-size:9px;font-weight:1000;letter-spacing:.11em}.stage-stats-card>h2{margin:5px 52px 14px 0;color:#1764b4;font-size:28px;letter-spacing:-.04em}.stage-stats-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}.stage-stats-summary span{min-width:0;padding:9px 6px;text-align:center;border:2px solid #c9dfec;border-radius:14px;background:#edf9ff}.stage-stats-summary small,.stage-stats-summary strong{display:block}.stage-stats-summary small{color:#638098;font-size:7px;letter-spacing:.07em}.stage-stats-summary strong{margin-top:3px;color:#174f7e;font-size:12px}.stage-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.stage-stats-grid>div{min-width:0;min-height:72px;padding:10px;border:2px solid #c6dfeb;border-radius:14px;background:#fff}.stage-stats-grid span,.stage-stats-grid strong,.stage-stats-grid small{display:block}.stage-stats-grid span{color:#618098;font-size:8px;font-weight:1000;letter-spacing:.06em}.stage-stats-grid strong{margin-top:4px;color:#173f63;font-size:14px;overflow-wrap:anywhere}.stage-stats-grid small{margin-top:4px;color:#7a5aa0;font-size:7px;font-weight:900;line-height:1.3}.stage-stats-card>small{display:block;margin-top:12px;color:#60798d;font-size:8px;line-height:1.45;text-align:center}@media(max-width:430px){.stage-info-button{left:8px;bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px));width:38px;height:38px;font-size:20px}.stage-stats-modal{padding:9px}.stage-stats-card{padding:18px 12px 14px}.stage-stats-grid>div{min-height:66px;padding:8px}.stage-stats-grid strong{font-size:12px}}

.top-row, .stat-row { display: flex; align-items: center; gap: 10px; }
.top-row { height: 35px; }
.brand { display: flex; align-items: baseline; gap: 5px; min-width: 80px; }
.brand span, .stat span, .weapon-chip span { font-size: 9px; letter-spacing: .14em; color: var(--muted); font-weight: 800; }
.brand strong { font-size: 20px; font-style: italic; }
.progress { height: 7px; flex: 1; border-radius: 99px; overflow: hidden; background: #ffffff1d; box-shadow: inset 0 0 0 1px #ffffff12; }
.progress i { display: block; width: 0%; height: 100%; background: linear-gradient(90deg, var(--blue), var(--cyan)); box-shadow: 0 0 12px var(--cyan); transition: width .15s; }
.stage-wallet { position: relative; z-index: 8; min-width: 176px; height: 30px; padding: 0 7px; display: flex !important; flex: 0 0 auto; align-items: center; justify-content: center; gap: 5px; overflow: visible; visibility: visible !important; opacity: 1 !important; white-space: nowrap; border: 1px solid #ffc85266; border-radius: 99px; background: #091829f2; box-shadow: inset 0 1px #ffffff12,0 3px 12px #0005; }
.coin-pill { min-width: 0; height: auto; padding: 0; display: flex !important; flex: 0 0 auto; gap: 3px; align-items: center; visibility: visible !important; opacity: 1 !important; border: 0; border-radius: 0; background: transparent; color: #ffd360; font-size: 10px; font-weight: 950; }
.coin-pill span { font-size: 9px; }
.stage-wallet .coin-pill:first-child,.stage-wallet .coin-pill:first-child span,.stage-wallet #coin-count { display: flex; opacity: 1; color: #ffd360; }
.stage-wallet #coin-count { position: relative; z-index: 1; }
.coin-pill.gold-bar-pill { padding-left: 6px; color: #fff1a0; border-left: 1px solid #fff2a638; }
.coin-pill.gold-bar-pill span { font-size: 10px; }
.coin-pill.silver-stone-pill { padding-left: 6px; color: #dcecff; border-left: 1px solid #b8d9ff38; }
.coin-pill.silver-stone-pill span { color: #b8d9ff; font-size: 10px; }
.coin-pill.pet-shard-pill { padding-left: 6px; color: #ffaef0; border-left: 1px solid #ff8de338; }
.coin-pill.pet-shard-pill span { color: #ff82dc; font-size: 10px; }
.coin-pill.skill-tome-pill { padding-left: 6px; color: #8e6ad8; border-left: 1px solid #9b78dc55; }
.coin-pill.skill-tome-pill span { color: #7c56c6; font-size: 10px; }
.icon-button { width: 34px; height: 34px; border: 1px solid #ffffff20; border-radius: 50%; color: white; background: #ffffff12; pointer-events: auto; font-size: 17px; }
.icon-button.muted { opacity: .45; }
.leave-stage-button { display: none; min-width: 47px; height: 30px; padding: 0 9px; border: 1px solid #ff795d88; border-radius: 8px 3px; color: #ffb29e; background: #30121bd9; pointer-events: auto; font: 950 9px/1 inherit; letter-spacing: .08em; box-shadow: 0 0 16px #ff4c3622; }
.leave-stage-button.visible { display: block; }
.leave-stage-button:active { transform: translateY(1px); background: #5a1921; }

.stat-row { margin-top: 11px; align-items: stretch; }
.stat, .weapon-chip { min-width: 84px; padding: 8px 11px; border: 1px solid #ffffff18; background: #091829c9; backdrop-filter: blur(8px); border-radius: 9px; display: flex; flex-direction: column; }
.stat strong, .weapon-chip strong { font-size: 19px; line-height: 1; margin-top: 3px; }
.stat.damage strong { color: var(--cyan); }
.stat.hp { min-width:67px; }
.stat.hp strong { color: #7ef0a2; }
.stat.damage.claim { animation: damage-claim .62s cubic-bezier(.2,.8,.2,1); }
.stat.damage.claim strong { color: #fff; text-shadow: 0 0 14px var(--cyan); }
@keyframes damage-claim {
  0% { transform: scale(1); border-color: #ffffff18; }
  35% { transform: scale(1.14); border-color: var(--cyan); box-shadow: 0 0 28px #35e2ff66, inset 0 0 18px #35e2ff26; }
  100% { transform: scale(1); border-color: #ffffff18; }
}
.weapon-chip { margin-left: auto; text-align: right; }
.weapon-chip strong { font-size: 12px; color: #dbe8f5; }
.weapon-chip.unlocked { border-color: #ff8d44aa; box-shadow: 0 0 20px #ff6b2c33; }
.weapon-chip.unlocked strong { color: #ff9a55; }

.compact-xp { width: 100%; margin-top: 8px; padding: 7px 10px 8px; border: 1px solid #7e6dff46; border-radius: 8px 3px; background: #091528d9; box-shadow: 0 5px 18px #02091599; }
.compact-xp > div,.home-xp > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.compact-xp span,.home-xp span { color: #b9afd9; font-size: 9px; font-weight: 950; letter-spacing: .1em; }
.compact-xp span b,.home-xp span b { color: #d8d0ff; font-size: 12px; }
.stage-xp-level-percent{margin-left:1px;color:inherit;font-size:inherit;font-style:normal;font-weight:1000;letter-spacing:0}
.compact-xp strong,.home-xp strong { color: #d9d4ff; font-size: 10px; }
.compact-xp > i,.home-xp > i { height: 6px; margin-top: 6px; display: block; overflow: hidden; border-radius: 99px; background: #ffffff17; }
.compact-xp > i b,.home-xp > i b { width: 0; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,#7658ff,#d064ff,#62e8ff); box-shadow: 0 0 13px #bd5eff; transition: width .32s ease; }
.compact-xp.gain,.home-xp.gain { animation: xp-bar-gain .65s ease-out; }
.stage-buffs { width: 100%; margin-top: 7px; display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; }
.stage-buffs[hidden] { display: none; }
.stage-buffs span { min-width: 66px; padding: 5px 8px; border: 1px solid #63f0b555; border-radius: 7px 2px; color: #8affcb; background: #08251edb; box-shadow: 0 4px 13px #0008, inset 0 1px #ffffff12; font-size: 9px; font-weight: 950; letter-spacing: .04em; text-align: center; }
.stage-buffs span b { color: white; }
.stage-buffs span.debuff { color: #ff8292; border-color: #ff536466; background: #32121bdb; }
.stage-buffs span.skill-buff { color: #7b5813; border-color: #fff; background: #fff0a7; box-shadow: 0 3px 0 #d8a933,0 0 16px #ffd65c88; }

.skill-dock { position: absolute; z-index: 28; left: 50%; bottom: max(10px,env(safe-area-inset-bottom)); width: min(calc(100% - 18px),520px); padding: 7px; transform: translateX(-50%); border: 2px solid #fff; border-radius: 18px; background: #eafaffee; box-shadow: 0 6px 0 #409bc5,0 12px 26px #14537645; pointer-events: auto; }
.skill-dock[hidden] { display: none; }
.skill-dock-heading { display: flex; align-items: center; gap: 8px; padding: 0 5px 6px; color: #23618c; font-size: 9px; font-weight: 1000; letter-spacing: .07em; }
.skill-dock-heading > strong { margin-left: auto; color: #7450b2; }
.skill-dock-heading i { font-style: normal; }
.skill-dock-heading small { padding: 3px 6px; border-radius: 20px; color: #287653; background: #caffdf; font-size: 8px; }
.skill-buttons { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
.skill-buttons button { min-width: 0; min-height: 58px; padding: 6px; display: grid; grid-template-columns: 25px minmax(0,1fr); grid-template-rows: 1fr auto; align-items: center; gap: 1px 5px; border: 2px solid #fff; border-radius: 13px; color: #174d6f; background: linear-gradient(145deg,#c9f7ff,#8ce5f5); box-shadow: 0 4px 0 #38a5c7; font: inherit; text-align: left; cursor: pointer; touch-action: manipulation; }
.skill-buttons button:nth-child(2) { color: #166454; background: linear-gradient(145deg,#d5ffe8,#91edca); box-shadow: 0 4px 0 #3ead8a; }
.skill-buttons button:nth-child(3) { color: #745014; background: linear-gradient(145deg,#fff7b8,#ffd76a); box-shadow: 0 4px 0 #d2a333; }
.skill-buttons button > i { grid-row: 1 / 3; font-size: 22px; font-style: normal; text-align: center; }
.skill-buttons button span { min-width: 0; display: flex; flex-direction: column; line-height: 1.05; }
.skill-buttons button span strong { overflow: hidden; font-size: 9px; font-weight: 1000; text-overflow: ellipsis; white-space: nowrap; }
.skill-buttons button span small { margin-top: 3px; font-size: 7px; font-weight: 900; }
.skill-buttons button > b { font-size: 8px; font-weight: 1000; }
.skill-buttons button:active:not(:disabled) { transform: translateY(3px); box-shadow: 0 1px 0 #278cb1; }
.skill-buttons button.cooling,.skill-buttons button:disabled { filter: grayscale(.75); opacity: .68; cursor: default; }
.skill-dock.locked { filter: grayscale(.88); opacity: .85; }
@keyframes xp-bar-gain { 35% { transform: scale(1.025); border-color: #d66cff; box-shadow: 0 0 25px #a75cff77,inset 0 0 14px #b256ff2b; } }

.panel {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 0 28px max(48px, calc(env(safe-area-inset-bottom) + 28px));
  text-align: center;
  background: linear-gradient(180deg, #06111a1c 20%, #06111ad9 63%, #050b12 100%);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: .35s ease;
}

.panel.visible { opacity: 1; visibility: visible; transform: none; }
.logo-mark { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 14px; transform: skew(-8deg); border: 2px solid var(--cyan); border-radius: 13px 4px 13px 4px; color: var(--cyan); font-weight: 950; font-style: italic; font-size: 23px; box-shadow: inset 0 0 24px #1ddfff22, 0 0 30px #1ddfff1f; }
.eyebrow { margin: 0 0 7px; color: var(--cyan); font-size: 10px; font-weight: 900; letter-spacing: .24em; }
.panel h1, .panel h2 { margin: 0; font-size: clamp(52px, 14vw, 76px); line-height: .82; letter-spacing: -.06em; font-style: italic; font-weight: 1000; filter: drop-shadow(0 5px 0 #001524); }
.panel h1 em, .panel h2 em { color: var(--orange); font-style: inherit; }
.intro { max-width: 380px; margin: 22px 0 24px; color: #c0ced9; font-size: 14px; line-height: 1.55; }
.primary-button { width: min(100%, 345px); min-height: 59px; border: 0; border-radius: 12px 4px 12px 4px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; color: white; background: linear-gradient(100deg, #087cf2, #26cee9); box-shadow: 0 11px 34px #009ee555, inset 0 1px #ffffff66; font: 950 italic 17px/1 inherit; letter-spacing: .04em; cursor: pointer; }
.primary-button:active { transform: translateY(2px); }
.primary-button span { font-size: 20px; }
.hint { margin: 14px 0 0; color: #728596; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }

.result-stats { width: min(100%, 345px); display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 24px 0 16px; }
.result-stats div { padding: 12px 5px; background: #ffffff0b; border: 1px solid #ffffff14; border-radius: 8px; }
.result-stats span { display: block; font-size: 9px; color: var(--muted); text-transform: uppercase; letter-spacing: .08em; }
.result-stats strong { display: block; margin-top: 5px; color: white; font-size: 16px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; }
.result-leave-button { width: min(100%,345px); min-height: 54px; margin-top: 10px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #ff8b6a88; border-radius: 11px 4px; color: #ffd0c2; background: linear-gradient(100deg,#4c1d1caa,#18202add); box-shadow: inset 0 1px #ffffff18; font: 950 15px/1 inherit; letter-spacing: .06em; }
.result-leave-button span { color: #ff8b6a; font-size: 21px; }
.result-leave-button:active { transform: translateY(2px); }

.complete-panel { justify-content: center; padding-top: max(36px, env(safe-area-inset-top)); background: radial-gradient(circle at 50% 34%, #0d716d55, transparent 34%), linear-gradient(180deg, #04111bd9, #041019f5); }
.complete-panel::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(115deg, transparent 0 36px, #4df6c008 37px 38px); }
.complete-panel > * { position: relative; z-index: 1; }
.complete-badge { width: 66px; height: 66px; margin-bottom: 18px; display: grid; place-items: center; border: 2px solid #65f4bd; border-radius: 50%; color: #07151f; background: linear-gradient(145deg,#baffde,#3ee6ae); box-shadow: 0 0 0 9px #52edb31a,0 0 44px #39eeb46b; font-size: 34px; font-weight: 1000; animation: complete-badge-in .55s cubic-bezier(.2,1.35,.4,1) both; }
.complete-panel h2 em { color: #62f1ae; }
.complete-rewards { width: min(100%,365px); margin: 20px 0 17px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.complete-rewards div { min-height: 78px; padding: 10px 9px; display: grid; grid-template-columns: 29px 1fr; align-items: center; column-gap: 7px; border: 1px solid #5fe8b64d; border-radius: 11px 4px; background: linear-gradient(145deg,#123043dd,#091724e8); box-shadow: inset 0 1px #ffffff14; }
.complete-rewards i { grid-row: 1/3; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: #07151f; background: #67f1b8; font: 1000 11px/1 system-ui; box-shadow: 0 0 15px #67f1b855; }
.complete-rewards span { display: block; color: #9db4c2; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.complete-rewards strong { display: block; color: #67f1b8; font-size: 19px; line-height: 1; }
.complete-rewards .loot-gold { border-color: #ffc94e66; }
.complete-rewards .loot-gold i { background: #ffd35b; box-shadow: 0 0 15px #ffc43c77; }
.complete-rewards .loot-gold strong { color: #ffd45b; }
.complete-rewards .loot-silver { border-color: #a5c9ea66; }
.complete-rewards .loot-silver i { background: #c8e7ff; box-shadow: 0 0 15px #8acbff66; }
.complete-rewards .loot-silver strong { color: #c8e7ff; }
.complete-rewards .loot-essence { border-color:#c88cff88; }.complete-rewards .loot-essence i{background:#c88cff}.complete-rewards .loot-essence strong{color:#e0bdff}.complete-rewards .loot-special{grid-column:1/-1;border-color:#ffd45b88}.complete-rewards .loot-special i{background:#ffd45b}.complete-rewards .loot-special strong{color:#ffe891;font-size:11px;line-height:1.3}
.complete-rewards .loot-pet { border-color: #ff8bd866; }
.complete-rewards .loot-pet i { background: #ff83d8; box-shadow: 0 0 15px #ff55c477; }
.complete-rewards .loot-pet strong { color: #ffb8e9; }
.complete-rewards .loot-xp i { color: white; background: #8b66ff; box-shadow: 0 0 15px #8b66ff66; }
.complete-rewards .loot-equipment-xp { grid-column:1/-1; min-height:142px; border-color:#65d9ff77; }
.complete-rewards .loot-equipment-xp i { color:#08304b; background:#71dcff; box-shadow:0 0 15px #46cbff66; }
.complete-rewards .loot-equipment-xp > strong { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-top:6px; color:#b9edff; font-size:10px; line-height:1.15; }
.complete-rewards .loot-equipment-xp small { min-width:0; padding:5px 6px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 5px; border:1px solid #67d8ff55; border-radius:7px; background:#0a293b99; font:900 8px/1.15 system-ui; }
.complete-rewards .loot-equipment-xp small b { grid-column:1/-1; display:flex; justify-content:space-between; gap:5px; min-width:0; }
.complete-rewards .loot-equipment-xp small b span { overflow:hidden; color:#d9f6ff; font-size:8px; letter-spacing:.04em; text-overflow:ellipsis; white-space:nowrap; }
.complete-rewards .loot-equipment-xp small em { color:#75ddff; font-size:8px; font-style:normal; white-space:nowrap; }
.complete-rewards .loot-equipment-xp small u { overflow:hidden; color:#a9c9d8; font-size:8px; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; }
.complete-rewards .loot-equipment-xp small mark { color:#68efba; background:none; font-size:8px; white-space:nowrap; }
.complete-rewards .loot-soon { opacity: .55; border-style: dashed; }
.complete-rewards .loot-soon i { color: #8fa4b4; background: #223444; box-shadow: none; }
.complete-rewards .loot-soon strong { color: #8fa4b4; font-size: 10px; letter-spacing: .06em; }
.complete-actions { width: min(100%,345px); display: grid; gap: 9px; }
.complete-actions .primary-button,.complete-actions .result-leave-button { width: 100%; margin: 0; }
.complete-replay-button { width: 100%; min-height: 54px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #4ce5ff99; border-radius: 11px 4px; color: #baf6ff; background: linear-gradient(100deg,#0b3c54e8,#0b2538e8); box-shadow: inset 0 1px #ffffff1c; font: 950 15px/1 inherit; letter-spacing: .05em; }
.complete-replay-button span { color: #52e8ff; font-size: 22px; }
.complete-actions button:active { transform: translateY(2px); }
.complete-actions button:disabled { cursor: default; opacity: .42; filter: grayscale(.8); box-shadow: none; }
.complete-home-button { border-color: #ffffff2c; color: #c6d2da; background: #0b1721d9; }
.complete-home-button span { color: #a5b7c3; }
@keyframes complete-badge-in { from { opacity: 0; transform: scale(.3) rotate(-18deg); } to { opacity: 1; transform: scale(1); } }

#toast { position: absolute; z-index: 8; top: 150px; left: 50%; width: max-content; max-width: 88%; padding: 10px 15px; border-radius: 7px; color: white; background: #071522de; border: 1px solid #43dcff66; font-size: 12px; font-weight: 850; letter-spacing: .04em; transform: translate(-50%, -12px); opacity: 0; transition: .2s; pointer-events: none; }
#toast.show { opacity: 1; transform: translate(-50%, 0); }
#toast.bad { border-color: #ff604f88; }

#claim-banner { position: absolute; z-index: 8; left: 50%; top: 58%; min-width: 210px; padding: 11px 22px 10px; text-align: center; transform: translate(-50%, 30px) scale(.75); opacity: 0; pointer-events: none; border-radius: 10px 3px; background: #051521e8; border: 1px solid var(--cyan); box-shadow: 0 0 40px #28dcff44; }
#claim-banner strong { display: block; color: var(--cyan); font-size: 25px; line-height: 1; font-weight: 1000; font-style: italic; }
#claim-banner span { display: block; margin-top: 5px; color: #fff; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
#claim-banner.negative { border-color: var(--orange); box-shadow: 0 0 40px #ff6b2c44; }
#claim-banner.negative strong { color: var(--orange); }
#claim-banner.show { animation: clean-claim .9s cubic-bezier(.2,.75,.2,1) both; }
#claim-banner.admin-reward.show{animation:admin-claim 3s cubic-bezier(.2,.75,.2,1) both;border-color:#ffd65c;box-shadow:0 0 48px #ffcf4b66}#claim-banner.admin-reward strong{color:#ffe071}
.monster-loot-popup { position:absolute; z-index:9; top:calc(100% + 7px); left:50%; min-width:200px; padding:7px 11px; opacity:0; visibility:hidden; transform:translate(-50%,-10px) scale(.94); pointer-events:none; border:1px solid #9be8ff55; border-radius:10px 3px; background:#06152170; box-shadow:0 0 18px #4ccfff24; text-align:center; transition:.2s ease; }
.monster-loot-popup.show { opacity:1; visibility:visible; transform:translate(-50%,0) scale(1); }
.monster-loot-popup small { color:#c6efff; font-size:9px; font-weight:950; letter-spacing:.18em; }
.monster-loot-popup div { display:flex; justify-content:center; gap:10px; margin-top:4px; }
.monster-loot-popup span { color:#b8d9ff; font-size:10px; font-weight:900; }
.monster-loot-popup span:last-child { color:#ff9ce5; }
.monster-loot-popup .loot-equipment{color:#6ee7ff}.monster-loot-popup .loot-coins{color:#ffe47a}.monster-loot-popup .loot-silver{color:#ff9ce5}
.monster-loot-popup b { margin-left:3px; color:white; font-size:13px; }
.xp-gain { position: absolute; z-index: 12; top: 166px; left: 50%; min-width: 150px; padding: 8px 16px; opacity: 0; transform: translate(-50%,18px) scale(.72); text-align: center; pointer-events: none; border: 1px solid #c66cff; border-radius: 9px 3px; background: linear-gradient(110deg,#28135feb,#10162bea); box-shadow: 0 0 28px #a84dff77,inset 0 1px #ffffff3d; }
.xp-gain strong { display: block; color: #ead7ff; font-size: 18px; line-height: 1; font-weight: 1000; font-style: italic; text-shadow: 0 0 12px #c15cff; }
.xp-gain span { display: block; margin-top: 4px; color: #89eaff; font-size: 8px; font-weight: 950; letter-spacing: .14em; }
.xp-gain.show { animation: xp-gain-pop 1.15s cubic-bezier(.2,.8,.2,1) both; }
@keyframes xp-gain-pop { 0% { opacity: 0; transform: translate(-50%,18px) scale(.72); } 18%,70% { opacity: 1; transform: translate(-50%,0) scale(1); } 100% { opacity: 0; transform: translate(-50%,-25px) scale(.92); } }
.level-stats-popup { position: absolute; z-index: 19; top: 225px; left: 50%; width: min(88%,340px); padding: 11px 13px; opacity: 0; visibility: hidden; transform: translate(-50%,12px) scale(.78); pointer-events: none; text-align: center; border: 1px solid #72f6bd; border-radius: 11px 4px; background: linear-gradient(120deg,#071724f2,#102d2af2); box-shadow: 0 0 32px #4ff2a966,inset 0 1px #fff4; }
.level-stats-popup > strong { color: #fff3a0; font-size: 11px; font-weight: 1000; letter-spacing: .12em; }
.level-stats-popup > div { margin-top: 8px; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; }
.level-stats-popup span { padding: 6px 8px; color: #c6d5dd; border: 1px solid #ffffff1e; border-radius: 6px 2px; background: #ffffff0a; font-size: 10px; font-weight: 950; }
.level-stats-popup del { color: #ff6675; text-decoration: none; }.level-stats-popup b { color: #61f3a9; font-size: 12px; }
.level-stats-popup.show { visibility: visible; animation: level-stats-show 4s cubic-bezier(.18,.8,.2,1) both; }
@keyframes level-stats-show { 0% { opacity: 0; transform: translate(-50%,12px) scale(.78); } 5%,88% { opacity: 1; transform: translate(-50%,0) scale(1); } 100% { opacity: 0; transform: translate(-50%,-18px) scale(.92); } }
.critical-hit { position: absolute; z-index: 10; left: 50%; top: 41%; width: max-content; padding: 7px 12px 6px; text-align: center; opacity: 0; transform: translate(-50%,-50%) scale(.6) rotate(-4deg); pointer-events: none; border: 1px solid #ff9a91; border-radius: 9px 3px; background: radial-gradient(circle at 50% 0,#ff5a4f66,#310609ed 68%); box-shadow: 0 0 13px #ff332fbb,0 0 30px #ff174f66,inset 0 1px #fff7; }
.critical-hit strong { display: block; color: #fff0ed; font-size: 19px; line-height: .9; font-weight: 1000; font-style: italic; letter-spacing: -.01em; text-shadow: 0 1px #7b0010,0 0 10px #ff3a3a; }
.critical-hit span { display: block; margin-top: 5px; color: #ff8279; font-size: 9px; font-weight: 1000; letter-spacing: .11em; }

.critical-hit.show { animation: critical-pop .62s cubic-bezier(.16,.78,.2,1) both; }
.damage-number-layer { position: absolute; inset: 0; z-index: 11; overflow: hidden; pointer-events: none; }
.damage-float { position: absolute; min-width: 46px; padding: 2px 6px; transform: translate(-50%,-50%); color: #ff5e58; text-align: center; font: 1000 italic 13px/1 inherit; letter-spacing: -.02em; text-shadow: 0 2px #52000c,0 0 8px #ff394f; animation: damage-float .7s cubic-bezier(.18,.75,.25,1) both; }
.damage-float.critical { padding: 4px 7px; color: #fff3b0; border: 1px solid #ffbd4d99; border-radius: 6px 2px; background: #5c160bdc; box-shadow: 0 0 13px #ff653f88; font-size: 15px; }
.damage-float.critical::before { content: 'CRIT '; color: #ffb43d; font-size: 9px; letter-spacing: .06em; }
.damage-float.pet-heal{min-width:58px;padding:5px 8px;color:#7dffad;border:2px solid #baffd2;border-radius:12px;background:#075a3dcc;box-shadow:0 0 16px #43ff9c99;font-size:16px;text-shadow:0 2px #06482f,0 0 10px #67ffab}
.damage-float.hp-regen-heal{min-width:72px;padding:4px 8px;color:#8dffb9;border:2px solid #c7ffda;border-radius:11px;background:#075b3ee8;box-shadow:0 0 18px #38f58caa;font-size:14px;text-shadow:0 2px #06462f,0 0 10px #62ffa5}.damage-float.hp-regen-heal::before{content:'REGEN ';color:#d8ffe5;font-size:7px;letter-spacing:.06em}
@keyframes damage-float { 0% { opacity: 0; transform: translate(-50%,4px) scale(.72); } 18% { opacity: 1; transform: translate(-50%,-3px) scale(1); } 75% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%,-30px) scale(.92); } }

.boss-zone { position: absolute; z-index: 18; top: 37%; left: 50%; width: 122%; display: flex; align-items: center; gap: 13px; opacity: 0; visibility: hidden; transform: translate(-50%,-50%) rotate(-3deg) scale(1.25); pointer-events: none; }
.boss-zone i { height: 4px; flex: 1; background: linear-gradient(90deg,transparent,#ff174d); box-shadow: 0 0 14px #ff174d; }
.boss-zone i:last-child { background: linear-gradient(90deg,#ff174d,transparent); }
.boss-zone div { min-width: 280px; padding: 13px 22px 14px; text-align: center; border-block: 3px solid #ff315d; background: linear-gradient(100deg,#19040bea,#50091aee,#19040bea); box-shadow: 0 0 38px #ff174d88,inset 0 0 24px #ff174d24; clip-path: polygon(5% 0,100% 0,95% 100%,0 100%); }
.boss-zone small,.boss-zone strong,.boss-zone span { display: block; }
.boss-zone small { color: #ff8da3; font-size: 9px; font-weight: 950; letter-spacing: .34em; }
.boss-zone strong { margin-top: 3px; color: white; font-size: 44px; line-height: .9; font-weight: 1000; font-style: italic; letter-spacing: -.05em; text-shadow: 4px 4px #960022,0 0 18px #ff174d; }
.boss-zone span { margin-top: 8px; color: #ffdbe2; font-size: 10px; font-weight: 900; letter-spacing: .11em; }
.boss-zone.show { visibility: visible; animation: boss-zone-anime 1.65s cubic-bezier(.16,.8,.25,1) both; }
@keyframes boss-zone-anime { 0% { opacity: 0; transform: translate(-80%,-50%) rotate(-7deg) scale(1.5); } 18%,68% { opacity: 1; transform: translate(-50%,-50%) rotate(-3deg) scale(1); } 100% { opacity: 0; transform: translate(-20%,-50%) rotate(2deg) scale(.9); } }

.boss-reward { position: absolute; z-index: 17; top: 42%; left: 50%; width: min(88%,390px); padding: 17px 18px 16px; opacity: 0; visibility: hidden; transform: translate(-50%,-50%) scale(.74); text-align: center; pointer-events: none; border: 1px solid #ffd25c; border-radius: 14px 4px; background: radial-gradient(circle at 50% 0,#7b5a1955,#071522f2 62%); box-shadow: 0 0 45px #ffc83d66,inset 0 1px #fff7; }
.boss-reward > small { color: #69efbd; font-size: 10px; font-weight: 950; letter-spacing: .2em; }
.boss-reward > strong { display: block; margin-top: 4px; color: #fff4b0; font-size: 28px; font-style: italic; }
.boss-reward > div { margin-top: 13px; display: grid; grid-template-columns: repeat(2,1fr); gap: 6px; }
.boss-reward span { padding: 9px 4px; color: white; border: 1px solid #ffd25c3d; border-radius: 7px 2px; background: #ffffff0b; font-size: 10px; font-weight: 950; }
.boss-reward.show { visibility: visible; animation: boss-reward-show 2s ease both; }
@keyframes boss-reward-show { 0% { opacity: 0; transform: translate(-50%,-50%) scale(.7); } 12%,82% { opacity: 1; transform: translate(-50%,-50%) scale(1); } 100% { opacity: 0; transform: translate(-50%,-56%) scale(.94); } }
@keyframes critical-pop { 0% { opacity: 0; transform: translate(-50%,-42%) scale(.45) rotate(-5deg); } 22% { opacity: 1; transform: translate(-50%,-58%) scale(1.12) rotate(2deg); } 58% { opacity: 1; transform: translate(-50%,-64%) scale(1) rotate(-1deg); } 100% { opacity: 0; transform: translate(-50%,-115%) scale(.9) rotate(0); } }
@keyframes clean-claim { 0% { opacity: 0; transform: translate(-50%, 30px) scale(.75); } 20%, 65% { opacity: 1; transform: translate(-50%, 0) scale(1); } 100% { opacity: 0; transform: translate(-50%, -22px) scale(.94); } }
@keyframes admin-claim{0%{opacity:0;transform:translate(-50%,30px) scale(.75)}8%,88%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-22px) scale(.94)}}

#drag-hint { position: absolute; z-index: 6; left: 50%; bottom: max(24px, env(safe-area-inset-bottom)); transform: translateX(-50%); padding: 8px 14px; color: #d8edf6; background: #061421b8; border-radius: 99px; border: 1px solid #ffffff1c; font-size: 10px; font-weight: 900; letter-spacing: .12em; opacity: 0; transition: opacity .3s; pointer-events: none; }
#drag-hint.visible { opacity: 1; }
#drag-hint span { color: var(--cyan); font-size: 17px; vertical-align: -1px; margin-right: 6px; }

.shop-panel { justify-content: center; padding: max(16px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom)); background: #030a11e8; }
.shop-card { width: 100%; max-height: 100%; overflow-y: auto; padding: 18px; text-align: left; border: 1px solid #ffffff16; border-radius: 18px 5px; background: linear-gradient(155deg,#0b1c2cf5,#06111df8); box-shadow: 0 24px 80px #000a; scrollbar-width: none; }
.shop-card::-webkit-scrollbar { display: none; }
.shop-heading { display: flex; justify-content: space-between; align-items: flex-start; }
.shop-heading h2 { font-size: 42px; line-height: .9; }
.shop-heading .eyebrow { text-align: left; }
.shop-coins { min-width: 84px; padding: 9px 12px; text-align: right; border: 1px solid #ffc85255; border-radius: 9px 3px; background: #ffc8520d; }
.shop-coins span { display: block; color: #aebdca; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.shop-coins strong { display: block; margin-top: 2px; color: #ffd360; font-size: 19px; }
.profile-row { display: flex; gap: 10px; margin-top: 17px; }
.level-orb { width: 78px; min-width: 78px; height: 78px; display: grid; place-content: center; text-align: center; border: 1px solid #36e4ff77; border-radius: 50%; background: #21d7ff12; box-shadow: inset 0 0 20px #2cdfff17; }
.level-orb span,.level-orb small { color: #8da5b5; font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.level-orb strong { color: var(--cyan); font-size: 25px; line-height: 1; }
.profile-stats { flex: 1; display: grid; grid-template-columns: repeat(2,1fr); gap: 6px; }
.profile-stats div { display: grid; place-content: center; padding: 6px; text-align: center; background: #ffffff08; border: 1px solid #ffffff10; border-radius: 8px; }
.profile-stats span { color: #8fa3b2; font-size: 7px; text-transform: uppercase; }
.profile-stats strong { margin-top: 4px; font-size: 13px; }
.cp-summary { margin-top: 11px; padding: 11px 12px; display: grid; grid-template-columns: minmax(130px,.9fr) 1.4fr; gap: 12px; align-items: center; border: 1px solid #ffd45b66; border-radius: 12px 4px; background: radial-gradient(circle at 5% 50%,#ffd45b1d,transparent 42%),linear-gradient(110deg,#161b2f,#071725); box-shadow: inset 0 1px #fff2,0 7px 22px #0004; }
.cp-summary div span,.cp-summary div strong { display: block; }
.cp-summary div span { color: #ffe28b; font-size: 8px; font-weight: 1000; letter-spacing: .12em; }
.cp-summary div strong { margin-top: 4px; color: white; font-size: 23px; line-height: 1; text-shadow: 0 0 18px #ffd45b55; }
.cp-summary section { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; }
.cp-summary section span { padding: 7px 4px; color: #8fa8b9; text-align: center; border: 1px solid #ffffff10; border-radius: 7px 2px; background: #ffffff07; font-size: 7px; font-weight: 900; }
.cp-summary section b { margin-top: 3px; display: block; color: #70eaff; font-size: 10px; }
.cp-summary.compact { margin-top: 12px; padding: 9px 10px; }
.upgrade-button { width: 100%; height: 42px; margin-top: 9px; padding: 0 13px; display: flex; justify-content: space-between; align-items: center; border: 1px solid #36e4ff55; border-radius: 8px 3px; color: white; background: #20cfea15; font: 900 10px/1 inherit; letter-spacing: .06em; }
.upgrade-button strong { color: #ffd360; }
.upgrade-button:disabled { opacity: .4; }
.stats-copy { margin-top: 12px; }
.hp-level-growth{margin-top:10px;padding:10px 12px;border:2px solid #9fd8bb;border-radius:14px;background:#e8fff1}.hp-level-growth span,.hp-level-growth strong,.hp-level-growth small{display:block}.hp-level-growth span{color:#39745a;font-size:8px;font-weight:950;letter-spacing:.08em}.hp-level-growth strong{margin-top:4px;color:#176a46;font-size:15px}.hp-level-growth small{margin-top:3px;color:#56806b;font-size:8px;line-height:1.35}
.level-progress { margin-top: 12px; padding: 10px 12px; border: 1px solid #44ddff33; border-radius: 10px 3px; background: #081a29b8; }
.level-progress > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.level-progress span { color: #91aaba; font-size: 9px; font-weight: 950; letter-spacing: .1em; }.level-progress strong { color: #c9f8ff; font-size: 11px; }.level-progress > i { height: 7px; margin-top: 8px; display: block; overflow: hidden; border-radius: 99px; background: #ffffff16; }.level-progress > i b { width: 0; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,#1688ff,#3ee8ff,#64f1bb); box-shadow: 0 0 12px #3de8ff; transition: width .25s; }
.stat-point-bank { min-height: 51px; margin-top: 9px; padding: 8px 12px; display: grid; grid-template-columns: 1fr auto; align-items: center; border: 1px solid #63f0bf66; border-radius: 10px 3px; background: linear-gradient(110deg,#0c3b354f,#081725); }.stat-point-bank span { color: #a9c7c1; font-size: 10px; font-weight: 950; letter-spacing: .08em; }.stat-point-bank strong { grid-row: 1/3; grid-column: 2; color: #6af3c1; font-size: 27px; }.stat-point-bank small { margin-top: 3px; color: #6eb9a2; font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.stat-batch-controls { margin-top: 9px; padding: 5px; display: grid; grid-template-columns: auto repeat(5,1fr); gap: 4px; align-items: center; border: 1px solid #ffffff13; border-radius: 10px 3px; background: #020b14a6; }.stat-batch-controls > span { padding: 0 5px; color: #8298a8; font-size: 8px; font-weight: 950; letter-spacing: .08em; }.stat-batch-controls button { height: 32px; border: 1px solid transparent; border-radius: 7px 2px; color: #9cb0bd; background: #ffffff08; font: 950 9px/1 inherit; }.stat-batch-controls button.active { color: #04151d; border-color: #bafff0; background: linear-gradient(120deg,#3ee8ff,#65f1b8); }
.stat-upgrades { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.stat-upgrade { width: 100%; min-height: 64px; padding: 9px 10px 9px 13px; display: grid; grid-template-columns: minmax(0,1fr) 76px 116px; gap: 9px; align-items: center; text-align: left; border: 1px solid #2edfff35; border-radius: 12px 4px; color: white; background: linear-gradient(110deg,#163047,#0a1a29 68%); box-shadow: inset 0 1px #ffffff0b; }
.stat-upgrade.premium { border-color: #ffc85255; background: linear-gradient(110deg,#392b1438,#0a1a29 70%); }
.stat-copy b,.stat-copy small,.stat-progress strong,.stat-progress small { display: block; }
.stat-copy b { color: #f4fbff; font-size: 13px; font-weight: 1000; letter-spacing: .055em; }
.stat-copy small { margin-top: 5px; color: #91aaba; font-size: 9px; line-height: 1.25; }
.stat-progress { text-align: right; }
.stat-progress strong { color: var(--cyan); font-size: 13px; }
.premium .stat-progress strong { color: #ffd360; }
.stat-progress small { margin-top: 4px; color: #728b9b; font-size: 8px; font-weight: 900; }
.stat-buy { min-height: 40px; padding: 8px 7px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border: 1px solid #39dfff66; border-radius: 9px 3px; color: white; background: linear-gradient(135deg,#078ee6,#1dcddd); font-size: 9px; font-weight: 1000; letter-spacing: .06em; text-align: center; }
.stat-buy b { color: #fff5b0; font-size: 9px; }
.premium .stat-buy { border-color: #ffd56d88; background: linear-gradient(135deg,#815900,#d89300); }
.stat-upgrade:disabled { opacity: .64; }
.stat-upgrade:disabled .stat-buy { filter: grayscale(.75); }
.reset-button { width: 100%; margin-top: 7px; padding: 8px 10px; display: flex; justify-content: space-between; border: 1px solid #ff765133; border-radius: 8px 3px; color: #ffb19a; background: #ff6b2c0c; font: 850 8px/1 inherit; letter-spacing: .09em; }
.reset-button:disabled { opacity: .3; }
.reset-button strong { color: #ffd360; }

/* Stats uses a larger, phone-first type scale than the dense equipment shop. */
#stats-panel .shop-card { padding: 20px; }
#stats-panel .shop-heading .eyebrow { font-size: 12px; }
#stats-panel .shop-heading h2 { font-size: 48px; }
#stats-panel .shop-coins { min-width: 92px; padding: 11px 13px; }
#stats-panel .shop-coins span { font-size: 10px; }
#stats-panel .shop-coins strong { font-size: 22px; }
#stats-panel .level-orb { width: 86px; min-width: 86px; height: 86px; }
#stats-panel .level-orb span,#stats-panel .level-orb small { font-size: 9px; }
#stats-panel .level-orb strong { font-size: 29px; }
#stats-panel .profile-stats span { font-size: 9px; font-weight: 800; }
#stats-panel .profile-stats strong { font-size: 16px; }
#stats-panel .stats-copy { font-size: 15px; line-height: 1.55; }
#stats-panel .stat-upgrades { gap: 10px; }
#stats-panel .stat-upgrade { min-height: 76px; padding: 11px 11px 11px 14px; grid-template-columns: minmax(0,1fr) 86px 128px; gap: 11px; }
#stats-panel .stat-copy b { font-size: 16px; letter-spacing: .045em; }
#stats-panel .stat-copy small { margin-top: 6px; font-size: 11px; line-height: 1.35; }
#stats-panel .stat-progress strong { font-size: 16px; }
#stats-panel .stat-progress small { margin-top: 5px; font-size: 10px; }
#stats-panel .stat-buy { min-height: 50px; padding: 9px 8px; font-size: 12px; }
#stats-panel .stat-buy b { font-size: 11px; }
#stats-panel .reset-button { min-height: 48px; margin-top: 10px; padding: 10px 12px; font-size: 12px; }
#stats-panel .secondary-button { min-height: 50px; font-size: 12px; }

@media (max-width: 420px) {
  .top-row { gap: 6px; }
  .brand { min-width: 66px; gap: 3px; }
  .brand span { font-size: 8px; }
  .brand strong { font-size: 17px; }
  .stage-wallet { min-width: 153px; height: 28px; padding: 0 4px; gap: 3px; }
  .coin-pill { gap: 2px; font-size: 8px; }
  .coin-pill.gold-bar-pill,.coin-pill.silver-stone-pill,.coin-pill.pet-shard-pill { padding-left: 3px; }
  .leave-stage-button { min-width: 42px; padding: 0 7px; }
  .icon-button { width: 31px; height: 31px; }
  #stats-panel .shop-card { padding: 16px; }
  #stats-panel .stats-copy { font-size: 12px; }
  #stats-panel .stat-upgrade { grid-template-columns: minmax(0,1fr) 68px 104px; gap: 7px; padding-left: 11px; }
  #stats-panel .stat-copy b { font-size: 15px; }
  #stats-panel .stat-copy small { font-size: 10px; }
  #stats-panel .stat-progress strong { font-size: 14px; }
  #stats-panel .stat-buy { font-size: 11px; }
}
.shop-tabs { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; margin-top: 14px; padding: 4px; border: 1px solid #ffffff10; border-radius: 12px 4px; background: #020b14a6; }
.shop-tab { height: 35px; border: 0; border-radius: 8px 3px; color: #8298a8; background: transparent; font: 950 9px/1 inherit; letter-spacing: .11em; }
.shop-tab.active { color: #06121c; background: linear-gradient(110deg,var(--cyan),#68f5d0); box-shadow: 0 5px 20px #24ddff33; }
.shop-tab-panel { display: none; }
.shop-tab-panel.active { display: block; animation: tab-in .2s ease-out; }
@keyframes tab-in { from { opacity: 0; transform: translateY(4px); } }
.shop-section { margin-top: 17px; }
.section-title { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; }
.section-title span { font-size: 10px; font-weight: 950; letter-spacing: .16em; }
.section-title small { color: #8295a4; font-size: 8px; text-transform: uppercase; letter-spacing: .1em; }
.item-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; max-height: 178px; overflow-y: auto; padding: 1px 2px 5px 1px; scrollbar-width: thin; scrollbar-color: #35dfff44 transparent; }
.item-list::-webkit-scrollbar { display: none; }
.shop-item { min-height: 78px; padding: 9px; text-align: left; border: 1px solid #ffffff13; border-radius: 11px 3px; color: white; background: linear-gradient(145deg,#ffffff09,#ffffff03); }
.shop-item span { display: block; color: #9db0be; font-size: 7px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.shop-item strong { display: block; margin: 3px 0 8px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.shop-item em { color: #ffd360; font: 900 9px/1 inherit; }
.shop-item.owned em { color: #8da5b5; }
.shop-item.equipped { border-color: var(--cyan); background: #2adfff14; box-shadow: inset 0 0 17px #31dfff10; }
.shop-item:disabled { opacity: .42; }
.shop-card .primary-button { width: 100%; margin-top: 18px; min-height: 52px; }
.privacy-link { position: relative; z-index: 2; display: inline-block; margin-top: 8px; color: #8ca6b6; font-size: 10px; letter-spacing: .08em; pointer-events: auto; }

.home-panel { justify-content: initial; padding: 0; background: radial-gradient(circle at 50% 42%,#20cfe21d 0 19%,transparent 38%),linear-gradient(180deg,#061521dd 0%,transparent 25%,#06111a20 56%,#020a12f5 88%); }
.home-brand { position: absolute; z-index: 4; top: max(18px,env(safe-area-inset-top)); left: 17px; right: 17px; display: flex; align-items: flex-start; gap: 11px; text-align: left; }
.home-brand .logo-mark { width: 43px; height: 43px; margin: 0; font-size: 17px; border-radius: 10px 3px; }
.home-brand > div:nth-child(2) { min-width: 0; padding-top: 2px; }
.home-brand .eyebrow { margin-bottom: 4px; font-size: 10px; }
.home-brand h1 { font-size: clamp(23px,6.5vw,29px); line-height: .9; letter-spacing: -.04em; filter: none; white-space: nowrap; }
.home-brand h1 em { color: var(--orange); }
.home-wallet { width: 150px; margin-left: auto; flex: 0 0 150px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }
.home-currency { min-width: 0; padding: 7px 9px; color: #ffd360; text-align: right; border: 1px solid #ffc85255; border-radius: 99px; background: #071827dc; font-size: 10px; }
.home-currency strong { font-size: 12px; }
.home-currency.gold-bar { color: #fff1a0; border-color: #fff2a666; background: linear-gradient(100deg,#332900dd,#171506dd); }
.home-currency.silver-stone { color: #dcecff; border-color: #b8d9ff77; background: linear-gradient(100deg,#28394add,#101925dd); }
.home-currency.pet-shard { color: #ffc2f0; border-color: #ff88dd77; background: linear-gradient(100deg,#462244dd,#15101ddd); }
.home-currency.skill-tome { grid-column: 1 / -1; color: #7653b2; border-color: #ae91df88; background: linear-gradient(100deg,#f1e8ff,#fff8dc); text-align: center; }
.hero-card { position: absolute; left: 50%; bottom: 215px; width: min(72%,300px); transform: translateX(-50%); padding: 10px 15px; text-align: center; border: 1px solid #43e7ff3d; border-radius: 11px 3px; background: #061624d9; box-shadow: 0 12px 36px #0008; }
.hero-card span { display: block; color: white; font-size: 21px; font-weight: 1000; font-style: italic; }
.hero-card strong { display: block; margin-top: 4px; color: var(--cyan); font-size: 10px; letter-spacing: .11em; }
.home-xp { position: absolute; z-index: 3; top: calc(max(18px,env(safe-area-inset-top)) + 106px); left: 50%; width: min(calc(100% - 42px),370px); padding: 10px 13px; transform: translateX(-50%); border: 1px solid #9b75ff55; border-radius: 11px 4px; background: linear-gradient(105deg,#121733e8,#091a2ae8); box-shadow: 0 8px 26px #0007,inset 0 1px #ffffff12; }
.home-xp.gain { animation: home-xp-gain .65s ease-out; }
@keyframes home-xp-gain { 35% { transform: translateX(-50%) scale(1.025); border-color: #d66cff; box-shadow: 0 0 25px #a75cff77; } }
.home-cp { position: absolute; z-index: 3; top: calc(max(18px,env(safe-area-inset-top)) + 170px); left: 50%; width: min(calc(100% - 78px),330px); min-height: 49px; padding: 8px 12px; display: grid; grid-template-columns: 1fr auto; align-items: center; transform: translateX(-50%); text-align: left; border: 1px solid #ffd45b70; border-radius: 11px 4px; background: linear-gradient(105deg,#30260de8,#101928eb); box-shadow: 0 8px 25px #0007,0 0 20px #ffd45b18,inset 0 1px #fff2; }
.home-cp span { color: #ffe28b; font-size: 8px; font-weight: 1000; letter-spacing: .14em; }
.home-cp strong { color: white; font-size: 18px; text-shadow: 0 0 15px #ffd45b77; }
.home-cp small { grid-column: 1/-1; margin-top: 3px; color: #99b0c0; font-size: 7px; font-weight: 850; letter-spacing: .05em; }
.home-coming-soon-actions { position:absolute; z-index:3; top:calc(max(18px,env(safe-area-inset-top)) + 242px); left:17px; right:17px; display:flex; align-items:center; justify-content:space-between; pointer-events:none; }
.home-feature-button { width:91px; min-height:46px; padding:7px 8px; display:grid; grid-template-columns:24px 1fr; grid-template-rows:auto auto; align-items:center; text-align:left; color:#dff9ff; border:1px solid #55ddff55; border-radius:12px 4px; background:linear-gradient(120deg,#082235de,#10182ae8); box-shadow:0 8px 22px #0007,inset 0 1px #fff2; opacity:.78; }
.home-feature-button i { grid-row:1/3; width:22px; height:22px; display:grid; place-items:center; color:#7eeeff; border-radius:7px; background:#42dfff16; font-size:13px; font-style:normal; }
.home-feature-button span { font-size:9px; font-weight:1000; letter-spacing:.07em; }.home-feature-button small { color:#7f9bad; font-size:6px; font-weight:900; letter-spacing:.08em; }
.home-feature-button.shop-feature { border-color:#d777ff55; }.home-feature-button.shop-feature i { color:#f19bff; background:#dc5eff16; }
.home-feature-button:disabled { cursor:not-allowed; }
.rebirth-button { grid-column: 1; grid-row: 2; min-width: 0; min-height: 66px; padding: 8px 9px; display: grid; align-content: center; gap: 5px; overflow: hidden; text-align: left; border: 1px solid #9f7cff66; border-radius: 13px 4px; color: white; background: linear-gradient(105deg,#281d4be8,#10192be8); box-shadow: 0 8px 25px #0007,inset 0 1px #fff2; }
.rebirth-button span,.rebirth-button small,.rebirth-button strong,.rebirth-button > b { display: block; }.rebirth-button small { color: #bba9ff; font-size: 7px; font-weight: 950; letter-spacing: .12em; }.rebirth-button strong { margin-top: 3px; font-size: 13px; }.rebirth-button > b { overflow: hidden; color: #b7a8cf; font-size: 7px; line-height: 1.15; letter-spacing: .04em; text-overflow: ellipsis; }
.rebirth-button.available { border-color: #ffe06b; background: linear-gradient(110deg,#57400be8,#41265be8); box-shadow: 0 0 22px #ffd85b55,0 8px 25px #0008; animation: rebirth-ready 1.25s ease-in-out infinite alternate; }.rebirth-button.available small,.rebirth-button.available > b { color: #ffe477; }
.rebirth-button:disabled { opacity: .7; }
@keyframes rebirth-ready { to { filter: brightness(1.16); box-shadow: 0 0 34px #ffd85b88,0 8px 25px #0008; } }
.home-stage-actions { position: absolute; z-index: 4; left: 17px; right: 17px; bottom: max(88px,calc(env(safe-area-inset-bottom) + 80px)); display: grid; grid-template-columns: minmax(92px,.78fr) minmax(150px,1.45fr) minmax(105px,.9fr); grid-template-rows: 36px 66px; gap: 7px; pointer-events: none; }
.home-stage-actions > button,
.home-stage-actions > #home-activities,
.home-stage-actions > #home-activities > button { pointer-events: auto; }
.stage-select-open { grid-column: 2; grid-row: 1; width: 100%; min-width: 0; min-height: 36px; padding: 0 14px; border: 1px solid #7ceeff88; border-radius: 10px 4px; color: #eafbff; background: #071b2bf2; box-shadow: 0 8px 24px #0008,0 0 18px #42e7ff22; font: 950 10px/1 inherit; letter-spacing: .09em; }
.stage-select-open span { margin-right: 7px; color: var(--cyan); font-size: 15px; vertical-align: -1px; }
.enter-stage-button { grid-column: 2; grid-row: 2; min-width: 0; min-height: 66px; padding: 9px 12px; display: flex; align-items: center; justify-content: center; gap: 9px; text-align: left; border: 2px solid #b9f8ff; border-radius: 16px 5px; color: white; background: linear-gradient(145deg,#087fe8,#22cadf); box-shadow: 0 9px 26px #16bce05c,inset 0 1px #fff6; }
.enter-stage-button i { width: 31px; height: 31px; flex: 0 0 31px; display: grid; place-items: center; border-radius: 9px; background: #ffffff1c; font: 900 16px/1 system-ui; font-style: normal; }
.enter-stage-button span,.enter-stage-button small,.enter-stage-button strong { display: block; }
.enter-stage-button small { color: #dffcff; font-size: 8px; font-weight: 950; letter-spacing: .12em; }
.enter-stage-button strong { margin-top: 4px; color: white; font-size: 18px; line-height: 1; letter-spacing: .06em; }
.time-reward-button{grid-column:3;grid-row:2;min-width:0;min-height:66px;padding:8px;display:grid;align-content:center;gap:5px;text-align:left;color:#275b78;border:3px solid #fff;border-radius:18px;background:linear-gradient(145deg,#e5fbff,#ccefff);box-shadow:0 5px 0 #58aaca,0 0 18px #6ee6ff55;font:inherit}.time-reward-button span,.time-reward-button b,.time-reward-button small,.time-reward-button strong{display:block}.time-reward-button b{color:#1764b4;font-size:10px}.time-reward-button small{margin-top:3px;color:#648297;font-size:7px;font-weight:900}.time-reward-button>strong{color:#23738d;font-size:8px;font-weight:1000}.time-reward-button.ready{color:#785400;background:linear-gradient(145deg,#fff9c9,#ffe66d);box-shadow:0 5px 0 #d29c24,0 0 25px #ffe567aa;animation:stage-one-guide-pulse 1.1s ease-in-out infinite}.time-reward-button.ready b,.time-reward-button.ready>strong{color:#805900}
.time-reward-modal{position:absolute;z-index:92;inset:0;display:grid;place-items:center;padding:20px;background:#173f6366;backdrop-filter:blur(7px)}.time-reward-modal[hidden]{display:none}.time-reward-card{position:relative;width:min(100%,410px);padding:28px 22px 22px;text-align:center;color:#173f63;border:4px solid #fff;border-radius:25px;background:linear-gradient(155deg,#f7fdff,#e5f8ff 62%,#fff6bd);box-shadow:0 9px 0 #4c9fc7,0 22px 55px #173f6377}.time-reward-card>#time-reward-close{position:absolute;top:13px;right:13px;width:40px;height:40px;color:#fff;border:3px solid #fff;border-radius:50%;background:#ff6272;box-shadow:0 4px 0 #bd3348;font:1000 24px/1 inherit}.time-reward-card>p{margin:4px 0;color:#7a651d;font-size:9px;font-weight:1000;letter-spacing:.12em}.time-reward-card>h3{margin:7px 0 4px;color:#1764b4;font-size:30px}.time-reward-card>small{display:block;color:#5c788b;font-size:11px;font-weight:850;line-height:1.45}.time-reward-card>.time-reward-elapsed{margin:14px 0 10px;padding:10px;display:grid;gap:4px;border:2px solid #83d8ec;border-radius:14px;background:#dcf8ff}.time-reward-elapsed small{color:#54768d;font-size:8px;font-weight:1000;letter-spacing:.08em}.time-reward-elapsed strong{color:#1764b4;font-size:15px}.time-reward-card>.time-reward-loot{margin:0 0 15px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.time-reward-loot>span{padding:14px 8px;display:grid;gap:4px;border:2px solid #b9deed;border-radius:17px;background:#fff}.time-reward-loot i{color:#e1a914;font-size:22px;font-style:normal}.time-reward-loot small{color:#668397;font-size:8px;font-weight:1000}.time-reward-loot strong{color:#1764b4;font-size:23px}.time-reward-card>#time-reward-claim{width:100%;min-height:52px;color:#fff;border:3px solid #fff;border-radius:16px;background:#32b9df;box-shadow:0 5px 0 #197eab;font:1000 13px/1 inherit}.time-reward-card>#time-reward-claim:disabled{filter:grayscale(1);opacity:.5}
.home-nav { position: absolute; z-index: 3; left: 12px; right: 12px; bottom: max(18px,env(safe-area-inset-bottom)); height: 86px; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); align-items: center; gap: 4px; padding: 7px; border: 1px solid #66dcff2e; border-radius: 20px; background: linear-gradient(180deg,#0b1d2bf7,#06111df8); box-shadow: 0 14px 44px #000b,0 0 24px #1bdcff12,inset 0 1px #ffffff12; }
.nav-button { position: relative; height: 64px; min-width: 0; padding: 5px 2px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; border: 1px solid transparent; border-radius: 13px; color: #a8c0cf; background: transparent; font-family: Inter,ui-sans-serif,system-ui,sans-serif; }
.nav-button i { width: 27px; height: 27px; display: grid; place-items: center; color: #d9edf7; border-radius: 9px; background: #ffffff08; font: 900 18px/1 system-ui; font-style: normal; }
.nav-button span,.nav-button strong { max-width: 100%; font-size: 9px; line-height: 1; font-weight: 900; letter-spacing: .07em; white-space: nowrap; }
.nav-button.inactive { opacity: .34; }
.nav-button.equipment-nav { color: #e7ccff; border-color: #b468ff2e; background: linear-gradient(180deg,#a558ff16,transparent); }
.nav-button.equipment-nav i { color: #e2b5ff; background: #a65cff20; box-shadow: 0 0 14px #b255ff30; }
.nav-button.pets-nav { color: #ffc1eb; border-color: #ff67cd2e; background: linear-gradient(180deg,#ff4cbd16,transparent); }
.nav-button.pets-nav i { color: #ffb4e5; background: #ff55bd20; box-shadow: 0 0 14px #ff55bd30; }
.nav-button.pets-nav:disabled { opacity: .35; filter: grayscale(.7); }
.nav-button small { color: #7792a3; font-size: 7px; line-height: 1; font-weight: 900; letter-spacing: .08em; }
.nav-button.stage-button { height: 76px; margin: 0; color: white; border: 2px solid #b9f8ff; border-radius: 18px; background: linear-gradient(145deg,#087fe8,#22cadf); box-shadow: 0 7px 22px #16bce05c,inset 0 1px #fff6; transform: translateY(-7px); }
.stage-button i { width: 31px; height: 31px; color: white; background: #ffffff1c; font-size: 17px; }
.stage-button strong { font-size: 10px; letter-spacing: .1em; }
.stage-button small { color: #eaffff; font-size: 9px; }
.home-panel .privacy-link { position: absolute; bottom: 8px; margin: 0; }
.stage-select-modal[hidden] { display: none; }
.stage-select-modal { position: absolute; inset: 0; z-index: 30; padding: max(18px,env(safe-area-inset-top)) 15px max(18px,env(safe-area-inset-bottom)); display: grid; place-items: center; text-align: left; background: #01060de8; backdrop-filter: blur(8px); }
.stage-select-card { width: min(100%,480px); max-height: 92%; overflow: hidden; padding: 20px; display: flex; flex-direction: column; border: 1px solid #47dfff66; border-radius: 20px 6px; color: white; background: linear-gradient(150deg,#10263a,#06111d 72%); box-shadow: 0 28px 90px #000d,0 0 38px #2ce5ff1b; }
.stage-select-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.stage-select-heading span { color: var(--cyan); font-size: 10px; font-weight: 950; letter-spacing: .14em; }
.stage-select-heading h2 { margin-top: 4px; font-size: 35px; line-height: .95; }
#stage-select-close { width: 42px; height: 42px; flex: 0 0 42px; border: 1px solid #ffffff38; border-radius: 50%; color: white; background: #ffffff0e; font-size: 25px; }
.current-stage-entry { width: 100%; min-height: 62px; margin-top: 15px; padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; text-align: left; border: 1px solid #61ebff88; border-radius: 12px 4px; color: white; background: linear-gradient(105deg,#0d5674,#0e9bb3); box-shadow: 0 8px 25px #19dcff22,inset 0 1px #fff3; }
.current-stage-entry small,.current-stage-entry strong { display: block; }.current-stage-entry small { color: #b8f7ff; font-size: 9px; font-weight: 950; letter-spacing: .12em; }.current-stage-entry strong { margin-top: 4px; font-size: 18px; }.current-stage-entry > b { color: #eaffff; font-size: 14px; }
.world-tabs { margin-top: 14px; padding-bottom: 7px; display: flex; flex: 0 0 auto; gap: 6px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #4de8ff66 transparent; }
.world-tabs button { min-width: 94px; height: 43px; padding: 0 9px; border: 1px solid #ffffff1d; border-radius: 9px 3px; color: #a9bfce; background: #ffffff08; font: 900 10px/1 inherit; letter-spacing: .05em; }
.world-tabs button span { display: block; margin-bottom: 3px; color: #6edfff; font-size: 8px; }.world-tabs button.active { color: #04131d; border-color: #aef8ff; background: linear-gradient(120deg,#4de5ff,#70f4c6); }.world-tabs button.active span { color: #075169; }.world-tabs button:disabled { opacity: .3; }
.stage-grid { margin-top: 8px; padding: 2px 3px 5px 1px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #43e7ff55 transparent; }
.stage-choice { min-height: 68px; padding: 8px 5px; border: 1px solid #ffffff1c; border-radius: 10px 3px; color: white; background: linear-gradient(145deg,#13283a,#081521); text-align: center; }
.stage-choice small,.stage-choice strong,.stage-choice span { display: block; }.stage-choice small { overflow: hidden; color: #7f9aaa; font-size: 7px; text-overflow: ellipsis; }.stage-choice strong { margin-top: 3px; font-size: 17px; }.stage-choice span { margin-top: 4px; color: #62eec1; font-size: 7px; font-weight: 950; letter-spacing: .08em; }.stage-choice.current { border-color: #ffd563; box-shadow: inset 0 0 18px #ffcc3d15; }.stage-choice.current span { color: #ffd563; }.stage-choice:disabled { opacity: .28; filter: grayscale(.6); }.stage-choice:disabled span { color: #8b99a3; }
.stage-select-note { margin: 12px 2px 0; color: #8fa8b8; font-size: 10px; line-height: 1.4; text-align: center; }

.sub-panel .shop-card { max-width: 480px; }
.page-copy { margin: 14px 0 4px; color: #a9bfce; font-size: 13px; line-height: 1.5; }
.secondary-button { width: 100%; min-height: 44px; margin-top: 15px; border: 1px solid #46ddff3d; border-radius: 9px 3px; color: #b9edfa; background: #17cce814; font: 900 10px/1 inherit; letter-spacing: .1em; }
.character-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 9px; max-height: 310px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #35dfff66 transparent; }
.character-list:has(.character-card:only-child) { grid-template-columns: 1fr; }
.character-list:has(.character-card:only-child) .character-card { min-height: 148px; grid-template-columns: 92px 1fr; }
.character-list:has(.character-card:only-child) .character-aura { margin-inline: auto; }
.character-card { position: relative; min-height: 132px; padding: 12px 10px; display: grid; grid-template-columns: 42px 1fr; gap: 10px; align-items: center; text-align: left; border: 1px solid #ffffff20; border-radius: 12px 3px; color: white; background: linear-gradient(145deg,#132739,#071523); }
.character-card,.equipment-slot { --rarity-glow:#58dff5; --rarity-glow-soft:#58dff533; }
.character-card.rarity-rare,.equipment-slot.rarity-rare { --rarity-glow:#638cff; --rarity-glow-soft:#638cff38; }
.character-card.rarity-epic,.equipment-slot.rarity-epic { --rarity-glow:#c455ff; --rarity-glow-soft:#c455ff3d; }
.character-card.rarity-legendary,.equipment-slot.rarity-legendary { --rarity-glow:#ffc83d; --rarity-glow-soft:#ffc83d42; }
.character-card.rarity-mythic,.equipment-slot.rarity-mythic { --rarity-glow:#ffffff; --rarity-glow-soft:#ffffff42; }
.character-card.rarity-ascended,.equipment-slot.rarity-ascended { --rarity-glow:#63fff1; --rarity-glow-soft:#63fff147; }
.character-card.rarity-celestial,.equipment-slot.rarity-celestial { --rarity-glow:#70baff; --rarity-glow-soft:#70baff4d; }
.character-card.rarity-divine,.equipment-slot.rarity-divine { --rarity-glow:#ffe680; --rarity-glow-soft:#ffe68050; }
.character-card.rarity-eternal,.equipment-slot.rarity-eternal { --rarity-glow:#ff75df; --rarity-glow-soft:#ff75df52; }
.character-card.rarity-transcendent,.equipment-slot.rarity-transcendent { --rarity-glow:#baffda; --rarity-glow-soft:#baffda5c; }
.character-card > i { width: 42px; height: 65px; display: block; border-radius: 50% 50% 32% 32%; background: radial-gradient(circle at 50% 20%,#fff7 0 12%,transparent 13%),var(--character-color); box-shadow: 0 0 20px color-mix(in srgb,var(--character-color),transparent 55%); }
.character-card span strong,.character-card span small,.character-card em,.character-card mark { display: block; }
.character-card span strong { font-size: 14px; }
.character-card span strong b { color: var(--cyan); font-size: 11px; }
.character-card span small { margin-top: 5px; color: #bbccd6; font-size: 10px; line-height: 1.45; }
.character-card em { margin-top: 7px; color: #ffd360; font: 900 11px/1.3 inherit; }
.character-card .character-cp { width: fit-content; margin-top: 7px; padding: 4px 6px; display: block; color: #fff4b0; border: 1px solid #ffd45b40; border-radius: 5px 2px; background: #ffd45b0d; font: 1000 10px/1 inherit; text-decoration: none; }
.character-card.substats-2 { min-height: 148px; }
.character-card.substats-3 { min-height: 166px; }
.character-card.substats-2 em,.character-card.substats-3 em { line-height: 1.55; }
.character-card mark { position: absolute; right: 8px; top: 7px; padding: 4px 7px; color: #b8cbd7; background: #ffffff0f; border-radius: 99px; font-size: 8px; font-weight: 950; }
.character-card.selected { border-color: var(--rarity-glow); background:linear-gradient(145deg,color-mix(in srgb,var(--rarity-glow) 15%,#132739),#071523); box-shadow:inset 0 0 30px var(--rarity-glow-soft),0 0 20px var(--rarity-glow-soft); }
.character-card.selected mark { color: #06131c; background: var(--cyan); }
.character-card.rarity-rare { border-color: #638cff55; }
.character-card.rarity-epic { border-color: #c455ff66; }
.character-card.rarity-legendary { border-color: #ffc83d77; box-shadow: inset 0 0 20px #ffc83d0c; }
.character-card.rarity-mythic { border-color: #fff; box-shadow: inset 0 0 24px #55eaff20,0 0 14px #fff2; }
.character-card.rarity-ascended,.equipment-slot.rarity-ascended,.compare-equipment-card.rarity-ascended { border-color:#63fff1aa; box-shadow:inset 0 0 24px #63fff118; }
.character-card.rarity-celestial,.equipment-slot.rarity-celestial,.compare-equipment-card.rarity-celestial { border-color:#70baffbb; box-shadow:inset 0 0 25px #70baff20,0 0 12px #70baff20; }
.character-card.rarity-divine,.equipment-slot.rarity-divine,.compare-equipment-card.rarity-divine { border-color:#ffe680cc; box-shadow:inset 0 0 28px #ffe68020,0 0 14px #ffe68026; }
.character-card.rarity-eternal,.equipment-slot.rarity-eternal,.compare-equipment-card.rarity-eternal { border-color:#ff75dfdd; box-shadow:inset 0 0 30px #ff75df25,0 0 16px #ff75df30; }
.character-card.rarity-transcendent,.equipment-slot.rarity-transcendent,.compare-equipment-card.rarity-transcendent { border-color:#fff; box-shadow:inset 0 0 34px #baffda36,0 0 22px #baffda55; }
.character-card:disabled { opacity: .43; }

/* Aura collection: rarity controls scale and flame complexity; tier drives the inline glow/speed variables. */
.character-card { grid-template-columns: 68px 1fr; overflow: hidden; }
.character-card > i.character-aura { position: relative; width: 62px; height: 88px; display: block; overflow: visible; border-radius: 0; background: none; box-shadow: none; transform: scale(var(--aura-size)); transform-origin: 50% 70%; filter: drop-shadow(0 0 var(--aura-glow) var(--character-color)); isolation: isolate; }
.character-aura::before { content: ''; position: absolute; inset: 17% 10% 7%; z-index: -2; border-radius: 48% 52% 44% 56%; background: radial-gradient(ellipse at 50% 70%,#fff 0 8%,var(--character-color) 24%,color-mix(in srgb,var(--character-color),transparent 65%) 52%,transparent 72%); filter: blur(7px); animation: aura-breathe var(--aura-speed) ease-in-out infinite alternate; }
.character-aura::after { content: ''; position: absolute; left: 13%; right: 13%; bottom: 4%; height: 11px; z-index: 4; border: 2px solid color-mix(in srgb,var(--character-color),white 42%); border-radius: 50%; background: color-mix(in srgb,var(--character-color),transparent 60%); box-shadow: 0 0 12px var(--character-color),inset 0 0 10px var(--character-color); animation: aura-ring calc(var(--aura-speed) * .8) linear infinite; }
.character-aura > b,.character-aura > s { position: absolute; bottom: 10px; display: block; text-decoration: none; transform-origin: 50% 100%; border-radius: 52% 48% 44% 56% / 72% 68% 32% 28%; background: radial-gradient(ellipse at 50% 82%,#fff 0 9%,color-mix(in srgb,var(--character-color),white 22%) 26%,var(--character-color) 58%,transparent 76%); filter: blur(.8px); mix-blend-mode: screen; }
.character-aura > b { left: 14%; width: 72%; height: 76%; z-index: 2; opacity: .88; animation: aura-flame var(--aura-speed) ease-in-out infinite alternate; }
.character-aura > s { width: 42%; height: 55%; z-index: 1; opacity: .58; animation: aura-side calc(var(--aura-speed) * .72) ease-in-out infinite alternate; }
.character-aura > s:nth-of-type(1) { left: 1%; transform: rotate(-15deg); }
.character-aura > s:nth-of-type(2) { right: 1%; transform: rotate(15deg); animation-delay: calc(var(--aura-speed) * -.45); }
.rarity-rare .character-aura > b { height: 81%; }
.rarity-epic .character-aura > b { height: 88%; filter: brightness(1.18); }
.rarity-legendary .character-aura > b { height: 96%; filter: brightness(1.35) saturate(1.2); }
.rarity-mythic .character-aura { filter: drop-shadow(0 0 var(--aura-glow) white) drop-shadow(0 0 14px var(--character-color)); }
.rarity-mythic .character-aura > b { height: 104%; background: linear-gradient(180deg,transparent 0%,#fff 28%,var(--character-color) 59%,#fff 100%); filter: brightness(1.5); }
.character-card.selected .character-aura { animation: selected-aura .9s ease-in-out infinite alternate; }
@keyframes aura-flame { 0% { transform: scale(.9,1) skewX(-2deg); } 45% { transform: scale(1.08,.92) skewX(3deg); } 100% { transform: scale(.95,1.1) skewX(-4deg); } }
@keyframes aura-side { from { scale: .85 1; translate: 0 2px; } to { scale: 1.15 .84; translate: 0 -5px; } }
@keyframes aura-breathe { from { opacity: .58; transform: scale(.88,1); } to { opacity: 1; transform: scale(1.12,.94); } }
@keyframes aura-ring { 50% { transform: scaleX(1.22); opacity: .55; } }
@keyframes selected-aura { to { filter: drop-shadow(0 0 calc(var(--aura-glow) * 1.35) var(--character-color)); } }
.currency-stack { display: flex; gap: 5px; }
.currency-stack .shop-coins { min-width: 75px; }
.bar-wallet { border-color: #fff0a455; }
.bar-wallet strong { color: #fff1a0; }
.pet-wallet { border-color: #ff78d566; background: linear-gradient(120deg,#ff5ac417,#3e18380a); }
.pet-wallet strong { color: #ffb8e9; }
.pets-card { border-color: #ff73d84f; box-shadow: 0 24px 70px #000b,0 0 35px #ff4fc817; }
.pet-cp-summary section { grid-template-columns: repeat(4,1fr); }
.pet-summon-row { margin-top: 11px; }
.pet-summon-row .pet-roll { margin-top: 0; }
.pet-auto-summon { border-color: #ff70d9aa; background: linear-gradient(160deg,#301143,#8d247f); box-shadow: inset 0 1px #fff3,0 0 22px #ff55cc30; }
.pet-auto-summon[aria-pressed="true"] { border-color: #ff8093; background: linear-gradient(160deg,#791b3b,#d93a6a); box-shadow: 0 0 22px #ff315b55,inset 0 1px #fff4; }
.pet-loadout-heading { margin-top: 5px; }
.pet-intro { border-left-color: #ff68cf; }
.pet-roll { margin-top: 11px; background: linear-gradient(110deg,#912b8d,#ef4eb8); box-shadow: 0 8px 26px #e849bc35,inset 0 1px #fff4; }
.pet-list { margin-top: 10px; display: grid; gap: 8px; max-height: 360px; overflow-y: auto; }
.pet-card { min-height: 92px; padding: 11px; display: grid; grid-template-columns: 64px 1fr auto; gap: 10px; align-items: center; border: 1px solid #ff74d044; border-radius: 12px 4px; color: white; background: linear-gradient(130deg,#1d1c36,#0a1524); }
.pet-card.selected { border-color: #65f4bd; box-shadow: inset 0 0 24px #48e9a91a; }
.pet-card i { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50% 50% 44% 44%; color: #fff; background: radial-gradient(circle at 38% 30%,#fff 0 7%,transparent 8%),linear-gradient(145deg,var(--pet-color),#151f38); box-shadow: 0 0 20px color-mix(in srgb,var(--pet-color),transparent 42%); font: 1000 26px/1 system-ui; font-style: normal; }
.pet-card section { display: grid; gap: 4px; }
.pet-card small { color: #9fb3c1; font-size: 8px; font-weight: 900; }
.pet-card strong { font-size: 15px; }
.pet-card b { color: #72eaff; font-size: 10px; }
.pet-card em { color: #ffd66b; font-size: 10px; line-height: 1.4; }
.pet-card mark { padding: 5px 7px; border-radius: 99px; color: #83f4cb; background: #48e9aa16; font-size: 8px; font-weight: 950; }
.pet-reveal-wallet { border-color: #ff76dca0; background: #2d1029e8; box-shadow: 0 0 24px #ff51c460; }
.summon-tier { margin-top: 12px; padding: 11px; display: grid; grid-template-columns: 82px 1fr 110px; gap: 8px; align-items: center; border: 1px solid #8e6cff55; border-radius: 12px 4px; background: linear-gradient(120deg,#6038b422,#091827); }
.summon-tier > div:first-child span { display: block; color: #c3b2ff; font-size: 9px; font-weight: 950; letter-spacing: .1em; }
.summon-tier > div:first-child strong { display: block; color: white; font-size: 25px; line-height: 1; }
.summon-tier > div:first-child small { color: #8095a4; font-size: 9px; }
.summon-odds-button { min-height: 42px; padding: 7px 10px; display: flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid #9d83ff66; border-radius: 9px 3px; color: #e3dfff; background: #9c60ff14; }
.summon-odds-button span { font-size: 10px; font-weight: 950; letter-spacing: .08em; }
.summon-odds-button b { width: 23px; height: 23px; display: grid; place-items: center; border: 1px solid #d7cbff; border-radius: 50%; color: white; background: #8e6cff55; font: 1000 14px/1 system-ui; }
.auto-sell-filter-button { width: 100%; min-height: 44px; margin: 10px 0; padding: 8px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid #f5bc3d66; border-radius: 10px 3px; color: white; background: linear-gradient(105deg,#49340d99,#111d2d); box-shadow: inset 0 1px #fff1; }
.auto-sell-filter-button span { font-size: 11px; font-weight: 950; letter-spacing: .06em; }
.auto-sell-filter-button strong { color: #ffd45b; font-size: 9px; letter-spacing: .06em; text-align: right; }
.auto-sell-card > p:not(.eyebrow) { color: #a8bdcb; font-size: 11px; line-height: 1.5; }
.auto-sell-list { margin: 14px 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.auto-sell-type-list { margin-bottom: 12px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.auto-sell-type-list .auto-sell-option { min-width: 0; padding-inline: 8px; }
.auto-sell-type-list .auto-sell-option span { min-width: 0; }
.auto-sell-divider { display: flex; align-items: center; gap: 10px; color: #8299aa; font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.auto-sell-divider::before,.auto-sell-divider::after { content: ''; height: 1px; flex: 1; background: #37516a; }
.auto-sell-divider + .auto-sell-list { margin-top: 12px; }
.auto-sell-option { min-height: 48px; padding: 9px 10px; display: flex; align-items: center; gap: 9px; border: 1px solid #37516a; border-radius: 9px 3px; background: #0a1725; cursor: pointer; }
.auto-sell-option:has(input:checked) { border-color: #ffbd3d; background: #3b2b0e; box-shadow: 0 0 18px #ffb52a22; }
.auto-sell-option input { width: 18px; height: 18px; margin: 0; accent-color: #ffc23e; }
.auto-sell-option span { display: grid; gap: 2px; color: white; font-size: 11px; font-weight: 950; }
.auto-sell-option small { color: #8ea5b5; font-size: 8px; font-weight: 800; }
.auto-sell-card .secondary-button { width: 100%; }
.auto-sell-stat-copy { margin: 10px 0 0 !important; color: #9fb5c4 !important; font-size: 10px !important; line-height: 1.45 !important; }
.auto-sell-stat-list { margin-top: 10px; }
.auto-sell-stat-option:has(input:checked) { border-color: #48e5ff; background: #0c3040; box-shadow: 0 0 18px #38dcff24; }
.auto-sell-stat-option { position:relative; grid-template-columns:1fr auto; }
.auto-sell-stat-option .stat-toggle-input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.auto-sell-stat-option:focus-within { outline:2px solid #8cefff; outline-offset:2px; }
.stat-toggle { position:relative; width:43px; height:23px; flex:0 0 auto; border:1px solid #526575; border-radius:99px; background:#26323c; box-shadow:inset 0 2px 6px #0008; transition:.18s ease; }
.stat-toggle::before { content:''; position:absolute; left:3px; top:3px; width:15px; height:15px; border-radius:50%; background:#9aabb6; box-shadow:0 1px 4px #000b; transition:.18s ease; }
.stat-toggle::after { content:'OFF'; position:absolute; right:5px; top:6px; color:#91a0aa; font:900 7px/1 inherit; letter-spacing:.04em; }
.auto-sell-stat-option .stat-toggle-input:checked ~ .stat-toggle { border-color:#50e8ff; background:#08738b; box-shadow:0 0 14px #2ae1ff55,inset 0 1px #ffffff55; }
.auto-sell-stat-option .stat-toggle-input:checked ~ .stat-toggle::before { transform:translateX(19px); background:#e9fdff; box-shadow:0 0 9px #fff; }
.auto-sell-stat-option .stat-toggle-input:checked ~ .stat-toggle::after { content:'ON'; left:6px; right:auto; color:#dfffff; }
.auto-sell-stat-option small { color: #7fe8f6; }

.rebirth-modal[hidden] { display: none; }
.rebirth-modal { position: absolute; inset: 0; z-index: 1000; isolation: isolate; padding: 18px; display: grid; place-items: center; background: #02060df5; backdrop-filter: blur(12px); transform: translateZ(10px); }
.rebirth-card { position: relative; width: min(100%,410px); max-height: min(92vh,780px); overflow-y: auto; padding: 25px 22px 22px; border: 1px solid #a88aff99; border-radius: 21px 7px; color: white; background: radial-gradient(circle at 85% 0,#7655c82b,transparent 34%),linear-gradient(155deg,#182541,#08131f 72%); box-shadow: 0 28px 100px #000e,0 0 45px #7f5cff2e; scrollbar-width: thin; scrollbar-color: #8874e8 #101b2d; }
.rebirth-close { position: absolute; top: 13px; right: 14px; width: 36px; height: 36px; border: 1px solid #ffffff33; border-radius: 50%; color: white; background: #ffffff0c; font-size: 23px; }
.rebirth-card h2 { margin: 4px 0 0; font-size: 34px; line-height: 1; font-style: italic; }.rebirth-card h2 em { color: #ffe071; font-style: inherit; }
.rebirth-copy { margin: 12px 0 15px; color: #b6c7d3; font-size: 11px; line-height: 1.55; }
.rebirth-progress-card { padding: 13px; border: 1px solid #7666cf66; border-radius: 12px 4px; background: #0b1629c9; }.rebirth-progress-card > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.rebirth-progress-card span { color: #a99be8; font-size: 8px; font-weight: 950; letter-spacing: .1em; }.rebirth-progress-card strong { font-size: 16px; }.rebirth-progress-card i { height: 8px; margin-top: 9px; display: block; overflow: hidden; border-radius: 99px; background: #ffffff12; }.rebirth-progress-card i b { width: 0; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,#755aff,#e26bff,#ffe16d); transition: width .25s ease; }.rebirth-progress-card > small { display: block; margin-top: 8px; color: #c5b9e8; font-size: 8px; font-weight: 900; letter-spacing: .08em; }
.rebirth-reward-section,.rebirth-total-section { margin-top: 16px; }.rebirth-reward-section > span,.rebirth-total-section > span { display: block; margin-bottom: 8px; color: #b8aaff; font-size: 8px; font-weight: 950; letter-spacing: .12em; }
.rebirth-rewards,.rebirth-total-rewards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }.rebirth-rewards > div,.rebirth-total-rewards > div { min-height: 63px; padding: 9px 10px; border: 1px solid #ffffff18; border-radius: 10px 3px; background: #ffffff08; }.rebirth-rewards span,.rebirth-total-rewards span { display: block; color: #92a9b8; font-size: 7px; font-weight: 950; letter-spacing: .09em; }.rebirth-rewards strong,.rebirth-total-rewards strong { display: block; margin-top: 5px; color: #ffe071; font-size: 15px; line-height: 1; }.rebirth-rewards small,.rebirth-total-rewards small { display: block; margin-top: 5px; color: #aebfca; font-size: 7px; line-height: 1.3; }
.rebirth-total-section { padding-top: 14px; border-top: 1px solid #ffffff17; }.rebirth-total-rewards > div { min-height: 54px; background: #17332b70; border-color: #61eeb83d; }.rebirth-total-rewards strong { color: #65efbc; }
.rebirth-actions { margin-top: 17px; display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: 8px; }
.rebirth-actions button { width: 100%; min-height: 55px; margin: 0; padding: 9px 10px; border-radius: 12px 4px; color: white; }.rebirth-actions span,.rebirth-actions strong { display: block; }.rebirth-actions span { font-size: 12px; font-weight: 1000; }.rebirth-actions strong { margin-top: 4px; font-size: 7px; letter-spacing: .06em; }
.rebirth-cancel { border: 1px solid #8293a4; background: #142231; box-shadow: 0 10px 24px #0006; }.rebirth-cancel strong { color: #aabac6; }
.rebirth-confirm { border: 1px solid #ffe073; background: linear-gradient(120deg,#8f5d00,#e39e14,#5f3a00); box-shadow: 0 10px 28px #0008,0 0 24px #ffd45b33; }.rebirth-confirm strong { color: #fff3b4; }.rebirth-confirm:disabled { border-color: #526679; color: #7f94a2; background: #172331; box-shadow: none; }.rebirth-confirm:disabled strong { color: #768b99; }
.equipment-summon-row { display: grid; grid-template-columns: minmax(0,1fr) 54px; gap: 8px; align-items: stretch; }
.equipment-summon-row .equipment-roll { width: 100%; margin-right: 0; }
.auto-summon-button { min-width: 54px; margin: 0; padding: 6px 3px; display: grid; place-items: center; align-content: center; gap: 3px; border: 1px solid #b968f1aa; border-radius: 10px 3px; color: #e6c6ff; background: linear-gradient(150deg,#492269,#15172d); box-shadow: inset 0 1px #fff2,0 0 18px #ad43ef22; }
.auto-summon-button i { font: 1000 24px/1 system-ui; font-style: normal; }
.auto-summon-button span { font-size: 8px; font-weight: 1000; letter-spacing: .08em; }
.auto-summon-button[aria-pressed="true"] { color: white; border-color: #58edff; background: linear-gradient(145deg,#087c9c,#5932a1); box-shadow: 0 0 22px #36ddff66,inset 0 1px #fff4; }
.auto-summon-button[aria-pressed="true"] i { animation: auto-summon-spin .8s linear infinite; }
.auto-summon-button:disabled { opacity: .4; filter: grayscale(.5); }
@keyframes auto-summon-spin { to { transform: rotate(360deg); } }
.auto-summon-floating-stop[hidden] { display: none; }
.auto-summon-floating-stop { position: absolute; z-index: 40; left: 50%; bottom: max(22px,env(safe-area-inset-bottom)); width: min(76%,290px); min-height: 50px; padding: 8px 16px; display: flex; align-items: center; justify-content: center; gap: 10px; transform: translateX(-50%); border: 1px solid #ff6a7d; border-radius: 25px 8px; color: white; background: linear-gradient(110deg,#8f1733,#df3b5d); box-shadow: 0 10px 35px #000b,0 0 28px #ff315b66,inset 0 1px #fff5; pointer-events: auto; touch-action: manipulation; }
.auto-summon-floating-stop i { font: 1000 22px/1 system-ui; font-style: normal; animation: auto-summon-spin .8s linear infinite; }
.auto-summon-floating-stop span { font-size: 11px; font-weight: 1000; letter-spacing: .08em; }
.auto-summon-floating-stop:active { transform: translateX(-50%) scale(.96); }
.summon-odds-modal[hidden] { display: none; }
.summon-odds-modal { position: absolute; inset: 0; z-index: 24; padding: 18px; display: grid; place-items: center; background: #01060ddb; backdrop-filter: blur(7px); }
.summon-odds-card { width: min(100%,470px); max-height: min(90vh,740px); overflow-y: auto; padding: 21px; border: 1px solid #9d83ff88; border-radius: 20px 7px; color: white; background: linear-gradient(150deg,#182945,#08131f 72%); box-shadow: 0 24px 90px #000c,0 0 38px #704bff2e; scrollbar-width: thin; scrollbar-color: #8d7dffaa #162538; }
.summon-odds-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.summon-odds-heading span { color: #b9aaff; font-size: 10px; font-weight: 950; letter-spacing: .12em; }
.summon-odds-heading h3 { margin-top: 5px; font: 1000 italic 30px/.95 Inter,ui-sans-serif,system-ui,sans-serif; letter-spacing: -.02em; }
#summon-odds-close,#equipment-odds-close,#pet-odds-close { width: 42px; height: 42px; flex: 0 0 42px; border: 1px solid #ffffff38; border-radius: 50%; color: white; background: #ffffff0e; font-size: 25px; line-height: 1; }
.summon-odds-card > p { margin: 15px 0; color: #d0dee7; font: 600 13px/1.55 Inter,ui-sans-serif,system-ui,sans-serif; }
.summon-odds-list { display: grid; gap: 8px; }
.summon-odds-row { min-height: 76px; padding: 12px 13px; display: grid; grid-template-columns: minmax(120px,1fr) minmax(170px,.82fr); gap: 13px; align-items: center; border: 1px solid #ffffff20; border-left-width: 4px; border-radius: 12px 4px; background: linear-gradient(110deg,#ffffff09,#07142070); }
.summon-odds-row > div { min-width: 0; }
.summon-odds-row .odds-copy > strong { display: block; color: #f4f9fc; font: 900 15px/1.1 Inter,ui-sans-serif,system-ui,sans-serif; letter-spacing: .04em; }
.summon-odds-row .odds-copy > small { display: block; margin-top: 6px; color: #b7cbd7; font: 600 10px/1.45 Inter,ui-sans-serif,system-ui,sans-serif; }
.odds-values { display: grid; grid-template-columns: 1fr 14px 1fr; gap: 5px; align-items: center; }
.odds-values > span { min-width: 0; padding: 7px 5px; border: 1px solid #ffffff17; border-radius: 8px 3px; background: #050d17a8; text-align: center; }
.odds-values small { display: block; margin: 0 0 4px; color: #8198a8; font: 800 7px/1 Inter,ui-sans-serif,system-ui,sans-serif; letter-spacing: .08em; }
.odds-values b { display: block; color: #edf7fc; font: 900 13px/1 Inter,ui-sans-serif,system-ui,sans-serif; white-space: nowrap; }
.odds-values > i { color: #6d8798; font: 900 15px/1 system-ui; font-style: normal; text-align: center; }
.odds-values .up { border-color: #59edab42; background: #0d392b80; }.odds-values .up small,.odds-values .up b { color: #69f3b0; }
.odds-values .down { border-color: #ff66733d; background: #43152270; }.odds-values .down small,.odds-values .down b { color: #ff8994; }
.odds-values .same b { color: #b5c7d2; }
.summon-odds-row.rarity-common { border-left-color: #58dff5; }.summon-odds-row.rarity-rare { border-left-color: #638cff; }.summon-odds-row.rarity-epic { border-left-color: #c455ff; }.summon-odds-row.rarity-legendary { border-left-color: #ffc83d; }.summon-odds-row.rarity-mythic { border-left-color: #fff; }
.summon-odds-row.rarity-ascended{border-left-color:#63fff1}.summon-odds-row.rarity-celestial{border-left-color:#70baff}.summon-odds-row.rarity-divine{border-left-color:#ffe680}.summon-odds-row.rarity-eternal{border-left-color:#ff75df}.summon-odds-row.rarity-transcendent{border-left-color:#baffda}
.summon-odds-row.unavailable { opacity: .58; }
.summon-odds-total { margin-top: 12px; padding: 12px 13px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ffffff24; }
.summon-odds-total span { color: #afc2cf; font-size: 11px; font-weight: 900; letter-spacing: .08em; }.summon-odds-total strong { color: #66f0be; font-size: 19px; }
#upgrade-summon-tier,#upgrade-pet-tier { min-width: 0; min-height: 43px; padding: 6px 8px; display: grid; place-content: center; border: 1px solid #b99aff55; border-radius: 8px 3px; color: white; background: #9c60ff18; overflow: hidden; }
#upgrade-summon-tier span,#upgrade-summon-tier strong,#upgrade-pet-tier span,#upgrade-pet-tier strong { display: block; min-width: 0; font-size: 9px; font-weight: 950; line-height: 1.05; text-align: center; white-space: nowrap; }
#upgrade-summon-tier strong,#upgrade-pet-tier strong { margin-top: 4px; color: #ffd360; }
#upgrade-summon-tier:disabled,#upgrade-pet-tier:disabled { opacity: .35; }
.roll-button { width: 100%; min-height: 58px; margin-top: 9px; padding: 9px 16px; display: grid; grid-template-columns: 1fr auto; text-align: left; border: 1px solid #fff3a477; border-radius: 12px 4px; color: white; background: linear-gradient(105deg,#745000,#e6a900,#7e4b00); box-shadow: 0 8px 25px #ffbd2733,inset 0 1px #fff6; }
.roll-button span { font-size: 13px; font-weight: 1000; font-style: italic; }
.roll-button strong { color: #fff6b6; font-size: 15px; }
.roll-button strong b { font-size: inherit; }
.roll-button small { grid-column: 1/-1; margin-top: 4px; color: #fff0b8; font-size: 10px; letter-spacing: .09em; }
.roll-button:disabled { opacity: .35; filter: grayscale(.8); }
.collection-title { margin-top: 11px; color: var(--cyan); font-size: 10px; font-weight: 950; letter-spacing: .07em; }
.roll-reveal { position: absolute; inset: 0; z-index: 20; display: flex; flex-direction: column; align-items: center; justify-content: center; visibility: hidden; opacity: 0; background: radial-gradient(circle,#7961ff55,#020712f8 55%); transition: .2s; }
.roll-reveal.visible { visibility: visible; opacity: 1; }
.reveal-wallet { position: absolute; z-index: 2; top: max(24px,env(safe-area-inset-top)); left: 50%; min-width: 190px; padding: 10px 16px; transform: translateX(-50%); text-align: center; border: 1px solid #ffffff30; border-radius: 12px 4px; background: linear-gradient(120deg,#0c1b2bee,#10152cee); box-shadow: 0 10px 35px #0009,inset 0 1px #fff3; }
.reveal-wallet > span { display: block; color: #a9c5d5; font: 900 9px/1 Inter,ui-sans-serif,system-ui,sans-serif; letter-spacing: .1em; }
.reveal-wallet > strong { margin-top: 6px; display: flex; align-items: center; justify-content: center; gap: 7px; font: 1000 22px/1 Inter,ui-sans-serif,system-ui,sans-serif; }
.reveal-wallet strong i { color: #d9c7ff; font-style: normal; text-shadow: 0 0 14px #9b67ff; }.reveal-wallet strong b { color: white; }
.aura-reveal-wallet { border-color: #ffd45b66; background: linear-gradient(120deg,#372805ee,#171526ee); }.aura-reveal-wallet strong i { color: #ffe368; text-shadow: 0 0 14px #ffc82e; }
.summon-circles { width:min(86%,460px); min-height:130px; display:grid; grid-template-columns:repeat(var(--summon-columns,1),minmax(0,1fr)); align-items:center; justify-items:center; align-content:center; gap:clamp(4px,1.1vw,8px); }
.summon-orb { --orb-size:108px; width: var(--orb-size); height: var(--orb-size); flex: 0 0 var(--orb-size); display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 28px #62eaff,0 0 65px #9854ff; animation: summon-spin .65s linear infinite; }
.summon-circles[data-count="2"] .summon-orb { --orb-size:clamp(88px,25vw,110px); }
.summon-circles[data-count="3"] .summon-orb { --orb-size:clamp(68px,19vw,88px); }
.summon-circles[data-count="4"] .summon-orb,.summon-circles[data-count="5"] .summon-orb { --orb-size:clamp(54px,14vw,70px); }
.summon-circles[data-count="6"] .summon-orb,.summon-circles[data-count="7"] .summon-orb,.summon-circles[data-count="8"] .summon-orb,.summon-circles[data-count="9"] .summon-orb,.summon-circles[data-count="10"] .summon-orb { --orb-size:clamp(42px,11vw,56px); }
.summon-circles[data-count="11"] .summon-orb,.summon-circles[data-count="12"] .summon-orb,.summon-circles[data-count="13"] .summon-orb { --orb-size:clamp(34px,9vw,46px); }
.summon-circles[data-count="14"] .summon-orb,.summon-circles[data-count="15"] .summon-orb,.summon-circles[data-count="16"] .summon-orb,.summon-circles[data-count="17"] .summon-orb,.summon-circles[data-count="18"] .summon-orb,.summon-circles[data-count="19"] .summon-orb,.summon-circles[data-count="20"] .summon-orb,.summon-circles[data-count="21"] .summon-orb,.summon-circles[data-count="22"] .summon-orb,.summon-circles[data-count="23"] .summon-orb,.summon-circles[data-count="24"] .summon-orb,.summon-circles[data-count="25"] .summon-orb { --orb-size:clamp(25px,7vw,36px); }
.summon-orb:nth-child(5n+2) { animation-delay:-.18s; }.summon-orb:nth-child(5n+3) { animation-delay:-.36s; }.summon-orb:nth-child(5n+4) { animation-delay:-.12s; }.summon-orb:nth-child(5n+5) { animation-delay:-.28s; }
.summon-orb i { width: 48%; height: 48%; border-radius: 28% 72% 55% 45%; background: white; box-shadow: 0 0 34px white; animation: summon-morph .42s ease-in-out infinite alternate; }
.summon-circles.condensed-summon { display:grid; grid-template-columns:1fr; min-height:150px; }
.bulk-summon-count { width:min(88%,330px); padding:24px 18px; display:grid; place-items:center; border:1px solid #d49aff77; border-radius:18px 5px; background:linear-gradient(135deg,#5c1f8f99,#0a1628ee); box-shadow:0 0 38px #b84dff3d,inset 0 1px #fff3; animation:reveal-pop .65s ease-out both; }
.bulk-summon-count span,.bulk-summon-count small { color:#d8b5ff; font-size:11px; font-weight:1000; letter-spacing:.18em; }
.summon-circles .bulk-summon-count strong { max-width:none; margin:7px 0 4px; color:white; font-size:clamp(42px,12vw,68px); line-height:.9; text-shadow:0 0 24px #c65dff; }
.equipment-reveal-progress { width:min(76%,330px); margin:72px 0 14px; padding:9px 12px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:6px; color:#c7a9ff; border:1px solid #a96dff55; border-radius:10px 3px; background:#11172bd9; box-shadow:0 7px 22px #0007; }
.equipment-reveal-progress span { font-size:9px; font-weight:1000; letter-spacing:.12em; }.equipment-reveal-progress > strong { max-width:none; color:white; font-size:10px; }.equipment-reveal-progress > i { grid-column:1/-1; height:5px; overflow:hidden; border-radius:99px; background:#ffffff13; }.equipment-reveal-progress > i b { width:0; height:100%; display:block; border-radius:inherit; background:linear-gradient(90deg,#8f63ff,#56e9ff); box-shadow:0 0 12px #8c70ff; transition:width .25s ease; }
.roll-reveal p { margin: 26px 0 6px; color: #86f0ff; font-size: 11px; font-weight: 950; letter-spacing: .2em; }
.roll-reveal strong { max-width: 84%; color: white; text-align: center; font-size: 17px; }
.roll-reveal strong small { color: #ffd768; font-size: 11px; line-height: 1.55; }
.roll-reveal.revealed .summon-orb { animation: reveal-pop .55s ease-out both; border-color: #ffd45b; box-shadow: 0 0 55px #ffd45b,0 0 120px #fff; }
.roll-reveal.featured-reveal { --feature-color:#ffd45b; --feature-glow:#ff9d18; background: radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--feature-color) 34%,transparent),#080611f5 48%,#02050cfb 72%); }
.roll-reveal.featured-reveal.rarity-common{--feature-color:#58dff5;--feature-glow:#168fff}.roll-reveal.featured-reveal.rarity-rare{--feature-color:#638cff;--feature-glow:#284cff}.roll-reveal.featured-reveal.rarity-epic{--feature-color:#c455ff;--feature-glow:#741dff}.roll-reveal.featured-reveal.rarity-legendary{--feature-color:#ffd45b;--feature-glow:#ff8a00}.roll-reveal.featured-reveal.rarity-mythic{--feature-color:#fff;--feature-glow:#a66cff}.roll-reveal.featured-reveal.rarity-ascended{--feature-color:#63fff1;--feature-glow:#00bfae}.roll-reveal.featured-reveal.rarity-celestial{--feature-color:#70baff;--feature-glow:#3268ff}.roll-reveal.featured-reveal.rarity-divine{--feature-color:#ffe680;--feature-glow:#ff9f1c}.roll-reveal.featured-reveal.rarity-eternal{--feature-color:#ff75df;--feature-glow:#c51b91}.roll-reveal.featured-reveal.rarity-transcendent{--feature-color:#baffda;--feature-glow:#37e98d}
.featured-reveal .summon-circles { min-height: 240px; overflow: visible; }
.featured-reveal .summon-orb { position: relative; isolation: isolate; cursor: pointer; border: 3px solid var(--feature-color); background: radial-gradient(circle,#fff 0 8%,var(--feature-color) 22%,transparent 62%); box-shadow: 0 0 28px var(--feature-color),0 0 95px var(--feature-glow),0 0 170px color-mix(in srgb,var(--feature-color) 50%,transparent); animation: featured-orb-pulse 1.05s ease-in-out infinite; }
.featured-reveal .summon-orb::before,.featured-reveal .summon-orb::after { content:""; position:absolute; z-index:-1; width:72%; height:100%; bottom:13%; border-radius:55% 45% 62% 38%; background:linear-gradient(to top,var(--feature-glow),var(--feature-color) 58%,#fff 86%,transparent); filter:blur(7px); transform-origin:50% 100%; animation:featured-flame .7s ease-in-out infinite alternate; }
.featured-reveal .summon-orb::after { width:55%; height:82%; animation-delay:-.34s; animation-duration:.52s; transform:translateX(25%) rotate(18deg); opacity:.78; }
.featured-reveal .summon-orb i { width:42%; height:58%; background:linear-gradient(to top,var(--feature-glow),#fff 75%); box-shadow:0 0 30px var(--feature-color),0 0 65px var(--feature-glow); animation:featured-core .48s ease-in-out infinite alternate; }
.featured-reveal p { color:var(--feature-color); font-size:13px; text-shadow:0 0 18px var(--feature-glow); }
.featured-reveal > strong { color:white; font-size:15px; letter-spacing:.08em; text-shadow:0 0 14px var(--feature-color); }
.featured-reveal .summon-orb:focus-visible { outline:3px solid white; outline-offset:8px; }
.featured-reveal.featured-open .summon-orb { animation:featured-open .62s ease-out both; }
@keyframes featured-orb-pulse { 50% { transform:translateY(-9px) scale(1.08); filter:brightness(1.24); } }
@keyframes featured-flame { to { transform:translateX(-16%) rotate(-18deg) scale(.84,1.18); border-radius:38% 62% 35% 65%; } }
@keyframes featured-core { to { transform:scale(.78,1.24) rotate(12deg); border-radius:65% 35% 48% 52%; } }
@keyframes featured-open { 45% { transform:scale(1.75); filter:brightness(2.2); } 100% { transform:scale(.12); opacity:0; } }
.equipment-result.featured-result { --feature-color:#ffd45b; --feature-glow:#ff8a00; background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--feature-color) 28%,transparent),#030712f7 58%); }
.equipment-result.featured-result.rarity-common{--feature-color:#58dff5;--feature-glow:#168fff}.equipment-result.featured-result.rarity-rare{--feature-color:#638cff;--feature-glow:#284cff}.equipment-result.featured-result.rarity-epic{--feature-color:#c455ff;--feature-glow:#741dff}.equipment-result.featured-result.rarity-legendary{--feature-color:#ffd45b;--feature-glow:#ff8a00}.equipment-result.featured-result.rarity-mythic{--feature-color:#fff;--feature-glow:#a66cff}.equipment-result.featured-result.rarity-ascended{--feature-color:#63fff1;--feature-glow:#00bfae}.equipment-result.featured-result.rarity-celestial{--feature-color:#70baff;--feature-glow:#3268ff}.equipment-result.featured-result.rarity-divine{--feature-color:#ffe680;--feature-glow:#ff9f1c}.equipment-result.featured-result.rarity-eternal{--feature-color:#ff75df;--feature-glow:#c51b91}.equipment-result.featured-result.rarity-transcendent{--feature-color:#baffda;--feature-glow:#37e98d}
.featured-result .equipment-result-card { position:relative; border-color:var(--feature-color); box-shadow:0 0 30px color-mix(in srgb,var(--feature-color) 55%,transparent),0 24px 90px #000d; animation:featured-card-arrive .7s cubic-bezier(.2,.9,.25,1.2) both; }
.featured-result .equipment-result-card::before { content:attr(data-featured-rarity) " ENERGY REVEAL"; position:absolute; top:-13px; left:50%; z-index:2; padding:6px 13px; transform:translateX(-50%); border:1px solid var(--feature-color); border-radius:99px; color:#071018; background:var(--feature-color); box-shadow:0 0 22px var(--feature-glow); font-size:9px; font-weight:1000; letter-spacing:.12em; white-space:nowrap; }
.featured-result .compare-equipment-card.candidate { border-color:var(--feature-color); box-shadow:inset 0 0 25px color-mix(in srgb,var(--feature-color) 14%,transparent),0 0 28px color-mix(in srgb,var(--feature-color) 32%,transparent); }
@keyframes featured-card-arrive { from { opacity:0; transform:scale(.72) translateY(36px); filter:brightness(2.4); } 70% { filter:brightness(1.2); } to { opacity:1; transform:scale(1) translateY(0); filter:brightness(1); } }
@keyframes summon-spin { to { transform: rotate(360deg); } }
@keyframes summon-morph { to { transform: scale(1.35) rotate(45deg); border-radius: 50%; } }
@keyframes reveal-pop { 50% { transform: scale(1.45); } 100% { transform: scale(.9); } }
.daily-shop { margin-top: 14px; padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #ffc85255; border-radius: 12px 4px; background: linear-gradient(110deg,#ffbb2418,#ff6b2c0b); }
.daily-shop span,.daily-shop strong,.daily-shop small { display: block; }
.daily-shop span { color: #ffd360; font-size: 8px; font-weight: 950; letter-spacing: .14em; }
.daily-shop strong { margin-top: 4px; font-size: 14px; }
.daily-shop small { margin-top: 3px; color: #8fa5b4; font-size: 8px; }
.daily-shop > b { padding: 7px 9px; border-radius: 99px; color: #07131d; background: #ffd360; font-size: 8px; }
.premium-placeholder { margin-top: 14px; padding: 12px; text-align: center; border: 1px dashed #b778ff45; border-radius: 10px; background: #9f50ff09; }
.premium-placeholder span,.premium-placeholder strong,.premium-placeholder small { display: block; }
.premium-placeholder span { color: #ba8cff; font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.premium-placeholder strong { margin-top: 3px; font-size: 13px; }
.premium-placeholder small { margin-top: 4px; color: #8195a4; font-size: 8px; }

/* Equipment forge: a focused summon, compare, equip-or-sell loop. */
.equipment-card { overflow-y: auto; padding: 20px; border-color: #a866ff33; background: radial-gradient(circle at 20% 0,#42236655,transparent 42%),linear-gradient(155deg,#101b31f7,#060d18fb); }
.equipment-card .shop-heading h2 { font-size: clamp(34px,8.5vw,46px); letter-spacing: -.045em; }
.equipment-intro { margin: 16px 0 0; padding: 12px 14px; color: #c8d9e7; font-size: 13px; line-height: 1.45; border-left: 3px solid #b96cff; border-radius: 4px; background: #ffffff08; }
.silver-wallet { border-color: #b8d9ff66; background: linear-gradient(120deg,#d5e9ff17,#839fba0a); }
.silver-wallet strong { color: #dcebff; }
.equipment-character-stats { margin-top: 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.equipment-character-stats div { min-height: 48px; padding: 8px 11px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #ffffff15; border-radius: 9px 3px; background: linear-gradient(110deg,#ffffff0a,#ffffff03); }
.equipment-character-stats span { color: #91a8ba; font-size: 9px; font-weight: 950; letter-spacing: .08em; }
.equipment-character-stats strong { color: #69eaff; font-size: 15px; }
.equipment-character-stats .equipment-cp-total { grid-column: 1/-1; min-height: 59px; display: grid; grid-template-columns: 1fr auto; border-color: #ffd45b55; background: radial-gradient(circle at 5% 50%,#ffd45b1b,transparent 45%),linear-gradient(110deg,#23230d55,#091827); }
.equipment-character-stats .equipment-cp-total span { color: #ffe28b; }
.equipment-character-stats .equipment-cp-total strong { color: white; font-size: 20px; text-shadow: 0 0 16px #ffd45b55; }
.equipment-character-stats .equipment-cp-total small { grid-column: 1/-1; color: #8fa7b8; font-size: 8px; font-weight: 850; }
.equipment-tier { margin-top: 12px; padding: 12px; display: grid; grid-template-columns: 78px 1fr 112px; align-items: center; gap: 8px; border: 1px solid #a86dff66; border-radius: 14px 5px; background: linear-gradient(115deg,#7638be2e,#0a1727); box-shadow: inset 0 1px #fff1; }
.equipment-tier > .summon-odds-button { min-width: 0; }
.equipment-odds-card .summon-odds-row small { color: #9fb4c4; }
.equipment-tier > div:first-child span { display: block; color: #caa8ff; font-size: 9px; font-weight: 950; letter-spacing: .1em; }
.equipment-tier > div:first-child strong { display: block; color: white; font-size: 27px; line-height: 1; }
.equipment-tier > div:first-child small { color: #8296a6; font-size: 9px; }
.equipment-odds { display: flex; flex-wrap: wrap; gap: 4px; }
.equipment-odds[hidden] { display: none; }
.equipment-odds span { padding: 4px 6px; color: #cbd9e4; border: 1px solid #ffffff14; border-radius: 99px; background: #02091388; font-size: 8px; font-weight: 850; }
.equipment-odds b { margin-right: 3px; color: white; }
#upgrade-equipment-tier { min-height: 43px; padding: 6px; color: white; border: 1px solid #c397ff66; border-radius: 9px 3px; background: #9b5cff20; }
#upgrade-equipment-tier span,#upgrade-equipment-tier strong { display: block; font-size: 9px; font-weight: 950; }
#upgrade-equipment-tier strong { margin-top: 4px; color: #ffd360; }
#upgrade-equipment-tier:disabled { opacity: .38; }
.equipment-roll { min-height: 67px; margin-top: 12px; background: linear-gradient(105deg,#49126d,#c244e6,#5f1a98); box-shadow: 0 10px 30px #b349ed45,inset 0 1px #fff7; }
.loadout-heading { margin-top: 17px; display: flex; justify-content: space-between; align-items: end; }
.loadout-heading span,.loadout-heading strong { display: block; }
.loadout-heading span { color: #65eaff; font-size: 10px; font-weight: 1000; letter-spacing: .13em; }
.loadout-heading strong { margin-top: 3px; font-size: 15px; }
.loadout-heading small { color: #8499aa; font-size: 9px; }
.equipment-loadout { margin-top: 8px; display: grid; gap: 8px; }
.equipment-slot { min-height: 77px; padding: 10px; display: grid; grid-template-columns: 48px 1fr auto; gap: 10px; align-items: center; border: 1px solid #ffffff18; border-radius: 12px 4px; background: linear-gradient(105deg,#ffffff0b,#ffffff03); }
.equipment-slot > div { display: grid; place-items: center; gap: 3px; }
.equipment-slot > div i { width: 42px; height: 42px; display: grid; place-items: center; color: white; font: 1000 20px/1 inherit; font-style: normal; border: 1px solid #fff4; border-radius: 12px 4px; background: linear-gradient(145deg,#20bde8,#7655e7); box-shadow: 0 0 20px #39cfff30; }
.equipment-slot > div span,.equipment-slot section small { color: #91a7b7; font-size: 8px; font-weight: 900; letter-spacing: .08em; }
.equipment-slot section strong,.equipment-slot section b,.equipment-slot section em,.equipment-slot section u { display: block; }
.equipment-slot section strong { color: white; font-size: 14px; }
.equipment-item-name { margin-top:2px; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.equipment-item-name strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.equipment-item-name .equipment-enhancement-badge { flex:0 0 auto; margin:0; padding:2px 5px; color:#65f2a9; border:1px solid #54eaa74a; border-radius:5px 2px; background:#3ce99e10; box-shadow:0 0 11px #3ce99e20; font-size:11px; font-weight:1000; }
.equipment-item-name .equipment-enhancement-badge.zero { color:#6f8291; border-color:#ffffff12; background:#ffffff07; box-shadow:none; }
.equipment-level-progress { display:grid; gap:5px; margin:7px 0 3px; }
.equipment-level-progress span { color:#ccefff; font-size:10px; font-weight:900; letter-spacing:.06em; }
.equipment-level-progress i { display:block; height:7px; overflow:hidden; border:1px solid #73dfff55; border-radius:999px; background:#071a2d; }
.equipment-level-progress i b { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#2fd8ff,#8bffcb); box-shadow:0 0 10px #35cfff; transition:width .25s ease; }
.equipment-slot-icon { position:relative; isolation:isolate; overflow:visible; }
.equipment-slot-icon > i { position:relative; z-index:3; }
.equipment-slot .equipment-slot-icon > i { border-color:color-mix(in srgb,var(--rarity-glow) 62%,white); background:linear-gradient(145deg,color-mix(in srgb,var(--rarity-glow) 54%,#12304a),color-mix(in srgb,var(--rarity-glow) 44%,#503278)); box-shadow:inset 0 0 10px #ffffff1c; }
.equipment-slot.burning::before,.equipment-slot.burning::after { content:none; }
.equipment-slot-icon.burning::before { content:""; position:absolute; z-index:1; width:58px; height:70px; left:50%; top:-20px; translate:-50% 0; opacity:var(--fire-opacity); border-radius:46% 46% 38% 38%; background:radial-gradient(ellipse at 50% 84%,#fff 0 7%,color-mix(in srgb,var(--fire-color) 78%,#fff) 10% 22%,transparent 45%),radial-gradient(ellipse at 18% 95%,var(--fire-color) 0 23%,transparent 52%),radial-gradient(ellipse at 82% 95%,var(--fire-color) 0 23%,transparent 52%),linear-gradient(to top,var(--fire-color),transparent 72%); filter:blur(.7px) drop-shadow(0 0 calc(var(--fire-glow) * .62) var(--fire-color)); clip-path:polygon(5% 100%,2% 68%,15% 79%,11% 42%,29% 61%,35% 16%,49% 53%,61% 2%,70% 57%,91% 30%,84% 72%,100% 60%,95% 100%); mix-blend-mode:screen; transform-origin:50% 100%; animation:equipment-icon-fire-body var(--fire-speed) ease-in-out infinite alternate; pointer-events:none; }
.equipment-slot-icon.burning::after { content:""; position:absolute; z-index:2; width:58px; height:calc(48px + var(--fire-height)); left:50%; bottom:7px; translate:-50% 0; opacity:var(--fire-opacity); background:linear-gradient(to top,#fff 0 7%,color-mix(in srgb,var(--fire-color) 65%,#fff) 13% 24%,var(--fire-color) 48%,color-mix(in srgb,var(--fire-color) 68%,transparent) 72%,transparent 100%); clip-path:polygon(0 100%,3% 57%,14% 76%,20% 27%,31% 62%,40% 0,50% 55%,61% 17%,70% 64%,82% 8%,88% 72%,100% 42%,100% 100%); filter:drop-shadow(0 0 calc(var(--fire-glow) * .52) var(--fire-color)); mix-blend-mode:screen; transform-origin:50% 100%; animation:equipment-icon-fire-tongues calc(var(--fire-speed) * .7) steps(5,end) infinite alternate; pointer-events:none; }
.equipment-slot.burning .equipment-slot-icon > i { border-color:var(--fire-color); box-shadow:0 0 calc(var(--fire-glow) * .42) color-mix(in srgb,var(--fire-color) 78%,transparent),inset 0 0 12px color-mix(in srgb,var(--fire-color) 25%,transparent); }
.equipment-slot.fire-tier-2 .equipment-slot-icon::before { width:56px; height:64px; top:-15px; }.equipment-slot.fire-tier-2 .equipment-slot-icon::after { width:52px; }
.equipment-slot.fire-tier-3 .equipment-slot-icon::before { width:61px; height:71px; top:-21px; filter:blur(.65px) drop-shadow(0 0 calc(var(--fire-glow) * .7) var(--fire-color)); }.equipment-slot.fire-tier-3 .equipment-slot-icon::after { width:57px; }
.equipment-slot.fire-tier-4 .equipment-slot-icon::before { width:66px; height:78px; top:-28px; animation-duration:calc(var(--fire-speed) * .62); }.equipment-slot.fire-tier-4 .equipment-slot-icon::after { width:62px; animation-duration:calc(var(--fire-speed) * .45); }
@keyframes equipment-icon-fire-body { 0%{transform:scale(.93,.82) skewX(-4deg);filter:blur(1px) drop-shadow(0 0 calc(var(--fire-glow) * .42) var(--fire-color))} 55%{transform:scale(1.04,1.08) skewX(3deg)} 100%{transform:scale(.96,1.18) skewX(-2deg);filter:blur(.65px) drop-shadow(0 0 calc(var(--fire-glow) * .68) var(--fire-color))} }
@keyframes equipment-icon-fire-tongues { 0%{transform:translateY(4px) scale(.92,.72) skewX(-6deg);background-position:0 100%,24% 100%,50% 100%,74% 100%,100% 100%} 50%{transform:translateY(0) scale(1.04,1.08) skewX(4deg);background-position:0 92%,24% 100%,50% 88%,74% 98%,100% 91%} 100%{transform:translateY(-3px) scale(.96,1.2) skewX(-2deg);background-position:0 100%,24% 88%,50% 100%,74% 86%,100% 100%} }
.equipment-slot section b { margin-top: 3px; color: #63eaff; font-size: 11px; }
.equipment-slot section em { margin-top: 3px; color: #ffd05a; font-size: 9px; line-height: 1.35; }
.equipment-slot section u { width: fit-content; margin-top: 4px; padding: 3px 5px; color: #fff2a5; border-radius: 4px 2px; background: #ffd45b12; font-size: 9px; font-weight: 1000; text-decoration: none; }
.equipment-slot mark { padding: 5px 7px; color: #5ff0bc; border: 1px solid #5ff0bc44; border-radius: 99px; background: #5ff0bc0d; font-size: 8px; font-weight: 950; }
.equipment-slot-actions { display:grid; justify-items:end; gap:6px; }
.equipment-slot-actions button { min-width:68px; padding:7px 8px; color:#fff4ad; border:1px solid #ffd45b77; border-radius:8px 3px; background:linear-gradient(135deg,#5d370d,#c47b08); box-shadow:0 0 16px #ffbd2630; font-size:8px; font-weight:1000; cursor:pointer; }
.equipment-slot-actions button b { display:block; margin-top:2px; color:white; font-size:11px; }
.equipment-slot-actions button:disabled{opacity:.48;filter:grayscale(.65);cursor:not-allowed}
.equipment-slot-actions mark { display:block; }
.equipment-slot { position:relative; border-color:color-mix(in srgb,var(--rarity-glow) 58%,transparent); box-shadow:none; }
.equipment-slot.rarity-rare { border-color: #638cff88; }.equipment-slot.rarity-epic { border-color: #c455ff99; }.equipment-slot.rarity-legendary { border-color: #ffc83daa; }.equipment-slot.rarity-mythic { border-color: #fff; }
.equipment-enhance-modal[hidden] { display:none; }
.equipment-enhance-modal { position:absolute; inset:0; z-index:28; padding:18px; display:grid; place-items:center; background:#01050ce8; backdrop-filter:blur(9px); }
.equipment-enhance-card { position:relative; width:min(100%,390px); max-height:calc(100% - 12px); padding:22px 18px 18px; overflow-x:hidden; overflow-y:auto; text-align:center; border:1px solid #ffd45b88; border-radius:20px 6px; background:radial-gradient(circle at 50% 31%,#8a520d30,transparent 36%),linear-gradient(160deg,#172238,#080d17); box-shadow:0 28px 90px #000e,0 0 50px #ffb32524,inset 0 1px #fff3; scrollbar-width:none; }
.equipment-enhance-card::-webkit-scrollbar { display:none; }
.equipment-enhance-card h3 { margin:4px 0 0; color:white; font-size:27px; }
.equipment-progression-wallet{margin:12px 0 4px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:2px solid #d9b9f4;border-radius:15px;background:#f7edff;color:#65458a;font-size:9px;font-weight:1000}.equipment-progression-wallet strong{display:block;color:#7838ae;font-size:17px}.equipment-progression-wallet button{padding:8px 10px;border:2px solid #fff;border-radius:12px;color:#fff;background:#8a59c7;box-shadow:0 3px 0 #63399c;font-size:8px;font-weight:1000}.equipment-progression-wallet button b{display:block;font-size:15px}.equipment-progression-wallet button:disabled{opacity:.45}
.slot-ascend-stats{margin:16px 0 10px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.slot-ascend-stats div{padding:12px 8px;border:1px solid #cbb4e7;border-radius:12px;background:#f6efff}.slot-ascend-stats span,.slot-ascend-stats small{display:block;color:#6f7890;font-size:8px;font-weight:900}.slot-ascend-stats strong{display:block;margin:4px 0;color:#7542ad;font-size:17px}.slot-ascend-stats>i{color:#8c66b8;font-size:24px;font-style:normal}
.equipment-enhance-action,.reforge-actions button{width:100%;min-height:52px;padding:8px;border:2px solid #fff;border-radius:14px;color:#fff;background:linear-gradient(135deg,#8656c3,#b66be3);box-shadow:0 4px 0 #61368e;font-weight:1000}.equipment-enhance-action span,.equipment-enhance-action strong,.reforge-actions span,.reforge-actions strong{display:block}.equipment-enhance-action strong,.reforge-actions strong{margin-top:3px;color:#fff4ac;font-size:9px}.equipment-enhance-action:disabled,.reforge-actions button:disabled{opacity:.45;filter:grayscale(.5)}
.equipment-reforge-card,.equipment-chest-card{width:min(100%,520px)}.reforge-substat-list{margin:14px 0 8px;display:grid;gap:7px}.reforge-substat-list button{padding:10px 11px;display:flex;justify-content:space-between;gap:8px;text-align:left;border:2px solid #c7dfea;border-radius:12px;color:#244f6b;background:#fff;font-weight:900}.reforge-substat-list button strong{color:#7a8fa0;font-size:8px}.reforge-substat-list button.locked{border-color:#c08be9;background:#f4e8ff}.reforge-substat-list button.locked strong{color:#743aa6}.reforge-preview{margin:8px 0;padding:10px;display:grid;gap:6px;text-align:left;border:2px solid #75d6ae;border-radius:13px;background:#e7fff4}.reforge-preview small{color:#23815d;font-weight:1000}.reforge-preview span{color:#245d4b;font-size:10px;font-weight:900}.reforge-preview span.locked{color:#7544a2}.reforge-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reforge-actions #equipment-reforge-keep{background:linear-gradient(135deg,#536b82,#7893aa);box-shadow:0 4px 0 #354b61}.reforge-actions button:last-child{background:linear-gradient(135deg,#2ea979,#56d7a4);box-shadow:0 4px 0 #197454}
.equipment-chest-options{margin-top:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.equipment-chest-choice{min-width:0;padding:10px 7px;display:grid;justify-items:center;gap:5px;border:3px solid #fff;border-radius:16px;color:#17395f;background:#f5fbff;box-shadow:0 4px 0 #7bb4ce;font:inherit}.equipment-chest-choice .equipment-art{width:74px;height:74px}.equipment-chest-choice small{color:#617e94;font-size:7px}.equipment-chest-choice strong{font-size:12px;line-height:1.1;overflow-wrap:anywhere}.equipment-chest-choice span,.equipment-chest-choice em{font-size:8px;line-height:1.25}.equipment-chest-choice em{color:#7e5c18;font-style:normal}.equipment-chest-choice>b{margin-top:auto;padding:7px 9px;border-radius:10px;color:#fff;background:#258fc8;font-size:8px}
@media(max-width:430px){.equipment-chest-options{grid-template-columns:1fr}.equipment-chest-choice{grid-template-columns:62px 1fr;justify-items:start;text-align:left}.equipment-chest-choice .equipment-art{grid-row:1/6;width:58px;height:58px}.equipment-chest-choice>b{grid-column:2}.reforge-actions{grid-template-columns:1fr}.slot-ascend-stats strong{font-size:13px}}
.equipment-enhance-item { margin:6px 0 0; color:#a9bdcc; font-size:11px; font-weight:900; }
.equipment-enhance-level { margin:16px auto 0; display:flex; align-items:center; justify-content:center; gap:16px; }
.equipment-enhance-level span,.equipment-enhance-level strong { min-width:70px; padding:9px; border:1px solid #ffffff1d; border-radius:9px 3px; background:#050d18aa; color:#93a6b5; font-size:22px; }
.equipment-enhance-level strong { color:#ffe36e; border-color:#ffd45b66; box-shadow:0 0 18px #ffc13a1d; }
.equipment-enhance-level i { color:#65eaff; font-style:normal; font-weight:1000; }
.equipment-forge-stage { position:relative; height:116px; margin:8px 0 0; display:grid; place-items:center; }
.forge-stone { position:absolute; top:55px; color:#b889ff; font-size:55px; line-height:1; filter:drop-shadow(0 0 16px #824cff); transform:scaleX(1.25); }
.forge-hammer { position:absolute; z-index:2; top:10px; left:calc(50% + 12px); font-size:52px; transform:rotate(-34deg); transform-origin:80% 80%; filter:drop-shadow(0 0 9px #ffd45b66); }
.forge-flare { position:absolute; top:64px; width:18px; height:18px; opacity:0; border-radius:50%; background:white; box-shadow:0 0 16px #fff,0 0 36px #ffd45b,0 0 75px #ff8a00; }
.forge-fragment { position:absolute; top:71px; color:#b889ff; opacity:0; font-size:13px; }.forge-fragment.one{left:42%;--n:-1}.forge-fragment.two{left:50%;--n:.2}.forge-fragment.three{left:57%;--n:1}
.equipment-enhance-card.forging .forge-hammer { animation:forge-hammer-strike 1s ease-in-out both; }
.equipment-enhance-card.forging .forge-stone { animation:forge-stone-charge 1s ease-in-out both; }
.equipment-enhance-card.forging .forge-flare { animation:forge-impact .55s .43s ease-out both; }
.equipment-enhance-card.success { border-color:#77ffc6; box-shadow:0 28px 90px #000e,0 0 60px #3dffac55,inset 0 0 38px #3dffac18; animation:forge-success-card .8s ease-out; }
.equipment-enhance-card.success .forge-stone { color:#fff4a6; filter:drop-shadow(0 0 14px #fff) drop-shadow(0 0 32px #55ffc0); animation:forge-success-stone .8s ease-out; }
.equipment-enhance-card.success .forge-flare { opacity:1; background:#caffea; box-shadow:0 0 24px #fff,0 0 60px #3dffac,0 0 110px #ffd45b; animation:forge-success-flare 1.2s ease-out both; }
.equipment-enhance-card.failed { border-color:#ff657488; animation:forge-fail-card .5s ease-out; }
.equipment-enhance-card.failed .forge-hammer { animation:forge-broken-hammer .8s ease-in both; }
.equipment-enhance-card.failed .forge-stone { color:#6c7280; filter:grayscale(1) drop-shadow(0 0 8px #ff4350); animation:forge-broken-stone .65s ease-out both; }
.equipment-enhance-card.failed .forge-fragment { animation:forge-fragment .8s ease-out both; }
.equipment-enhance-card.failed .forge-fragment.two { animation-delay:.06s }.equipment-enhance-card.failed .forge-fragment.three { animation-delay:.1s }
.equipment-enhance-result{display:block;min-height:18px;margin:2px 0;padding:7px 9px;color:#688093;border:2px solid transparent;border-radius:11px;font-size:11px;line-height:1.3;letter-spacing:.08em;overflow-wrap:anywhere}.success .equipment-enhance-result{color:#087052;border-color:#63d9ae;background:#dcf9ed;box-shadow:0 3px 0 #9bcfbd;text-shadow:none}.failed .equipment-enhance-result{color:#a52e43;border-color:#eca4b0;background:#ffe5ea;text-shadow:none}
.equipment-enhance-details { margin-top:12px; display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.equipment-enhance-details div { padding:10px 8px; text-align:left; border:1px solid #ffffff15; border-radius:8px 3px; background:#030a14a8; }
.equipment-enhance-details span,.equipment-enhance-details strong { display:block; }.equipment-enhance-details span{color:#8fa5b5;font-size:8px;font-weight:950;letter-spacing:.07em}.equipment-enhance-details strong{margin-top:4px;color:#fff;font-size:13px}.equipment-enhance-details div:nth-child(2) strong{color:#6effbc}.equipment-enhance-details div:nth-child(3) strong{color:#ffe071}.equipment-enhance-details div:nth-child(4) strong{color:#c19cff}
.equipment-enhance-action { width:100%; min-height:58px; margin-top:12px; color:white; border:1px solid #ffd45baa; border-radius:11px 4px; background:linear-gradient(135deg,#a85a00,#e7a600); box-shadow:0 10px 30px #e9960038,inset 0 1px #fff5; cursor:pointer; }.equipment-enhance-action span,.equipment-enhance-action strong{display:block;font-size:12px;font-weight:1000}.equipment-enhance-action strong{margin-top:3px;color:#fff1ae;font-size:9px}.equipment-enhance-action:disabled{opacity:.42;cursor:default}
.equipment-enhance-guarantee{margin-top:11px;padding:9px 10px;border:2px solid #c9b6ef;border-radius:13px;background:#f1eaff;text-align:left}.equipment-enhance-guarantee span{display:block;color:#604d8b;font-size:9px;font-weight:1000;letter-spacing:.06em}.equipment-enhance-guarantee i{height:8px;margin-top:6px;display:block;overflow:hidden;border-radius:99px;background:#d2c6e5}.equipment-enhance-guarantee b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8a68dd,#39c6e7);transition:width .25s ease}
#equipment-enhance-bonus{font-size:10px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.equipment-enhance-note { margin:10px 4px 0; color:#7f94a4; font-size:9px; line-height:1.45; }
@keyframes forge-hammer-strike{0%,25%{transform:rotate(-38deg) translate(0,0)}48%{transform:rotate(9deg) translate(-21px,27px)}62%{transform:rotate(-10deg) translate(-8px,8px)}100%{transform:rotate(-28deg)}}
@keyframes forge-stone-charge{0%{filter:drop-shadow(0 0 8px #824cff)}45%{filter:drop-shadow(0 0 28px #c79cff);transform:scaleX(1.25) scale(1.1)}100%{filter:drop-shadow(0 0 18px #ffd45b)}}
@keyframes forge-impact{0%{opacity:0;transform:scale(.2)}35%{opacity:1;transform:scale(3)}100%{opacity:0;transform:scale(6)}}
@keyframes forge-success-card{35%{transform:scale(1.025)}100%{transform:none}}@keyframes forge-success-stone{45%{transform:scale(1.35) rotate(180deg)}100%{transform:scaleX(1.25)}}@keyframes forge-success-flare{0%{transform:scale(.3);opacity:1}100%{transform:scale(8);opacity:0}}
@keyframes forge-fail-card{25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}100%{transform:none}}@keyframes forge-broken-hammer{35%{transform:rotate(12deg) translate(-20px,28px)}100%{transform:rotate(65deg) translate(30px,42px);opacity:.35}}@keyframes forge-broken-stone{40%{transform:scaleX(1.25) scale(1.1)}100%{transform:scaleX(1.5) scaleY(.55) translateY(18px);opacity:.4}}@keyframes forge-fragment{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(calc((var(--n,1))*24px),35px) rotate(240deg)}}
.equipment-result { position: absolute; inset: 0; z-index: 24; display: grid; place-items: center; padding: 22px; visibility: hidden; opacity: 0; pointer-events: none; background: radial-gradient(circle,#6b31a45e,#01060ded 58%); backdrop-filter: blur(7px); transition: .22s; }
.equipment-result[hidden] { display: none; }
.equipment-result.visible { visibility: visible; opacity: 1; pointer-events: auto; }
.equipment-result-card { position: relative; z-index: 2; width: min(100%,420px); max-height: calc(100% - 20px); overflow-y: auto; padding: 18px; text-align: center; pointer-events: auto; border: 1px solid #c276ff88; border-radius: 20px 6px; background: linear-gradient(160deg,#17233a,#080d18); box-shadow: 0 28px 85px #000d,0 0 48px #b446ff3d,inset 0 1px #fff3; transform: translateY(16px) scale(.94); transition: .25s; scrollbar-width: none; }
.equipment-result.visible .equipment-result-card { transform: none; }
.equipment-result-card::-webkit-scrollbar { display: none; }
.equipment-compare-heading > span { color: #65eaff; font-size: 9px; font-weight: 1000; letter-spacing: .17em; }
.equipment-compare-heading h3 { margin-top: 4px; font-size: 25px; }
.equipment-compare-heading p { margin-top: 5px; color: #94a9b8; font-size: 10px; }
.compare-equipment-card { margin-top: 12px; padding: 12px; text-align: left; border: 1px solid #ffffff1e; border-radius: 13px 4px; background: linear-gradient(120deg,#ffffff0c,#ffffff03); }
.compare-equipment-card.equipped { border-color: #58eebc77; box-shadow: inset 0 0 24px #43eeb814; }
.compare-equipment-card.rarity-rare { border-color: #638cff88; }.compare-equipment-card.rarity-epic { border-color: #c455ffaa; }.compare-equipment-card.rarity-legendary { border-color: #ffc83dcc; box-shadow: inset 0 0 24px #ffc83d15; }.compare-equipment-card.rarity-mythic { border-color: white; box-shadow: inset 0 0 26px #55eaff20,0 0 15px #fff2; }
.compare-card-top { display: flex; justify-content: space-between; align-items: center; }
.compare-card-top mark { padding: 4px 7px; color: #61efbc; border: 1px solid #61efbc44; border-radius: 99px; background: #61efbc0d; font-size: 8px; font-weight: 950; }
.candidate .compare-card-top mark { color: #d8c3ff; border-color: #b879ff55; background: #b879ff0d; }
.compare-card-body { margin-top: 9px; display: grid; grid-template-columns: 54px 1fr; gap: 10px; align-items: center; }
.compare-card-body > i { width: 52px; height: 52px; display: grid; place-items: center; color: white; border: 1px solid #ffffff44; border-radius: 14px 4px; background: linear-gradient(145deg,#178dc1,#624ccc); font: 1000 10px/1 inherit; font-style: normal; }
.compare-card-body small,.compare-card-body strong,.compare-card-body em,.compare-card-body u { display: block; }
.compare-card-body small { color: #8fa6b7; font-size: 8px; font-weight: 900; letter-spacing: .08em; }
.compare-card-body strong { margin-top: 2px; color: white; font-size: 17px; }
.compare-card-body em { margin-top: 3px; color: #64eaff; font-size: 11px; font-weight: 900; }
.compare-card-body u { width: fit-content; margin-top: 5px; padding: 4px 6px; color: #fff2a5; border: 1px solid #ffd45b38; border-radius: 5px 2px; background: #ffd45b0d; font-size: 10px; font-weight: 1000; text-decoration: none; }
.compare-card-affixes { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 5px; }
.compare-card-affixes span { padding: 5px 7px; color: #ffd45b; border: 1px solid #ffd45b2b; border-radius: 5px; background: #ffd45b0a; font-size: 9px; font-weight: 850; }
.compare-card-deltas { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 5px; }
.compare-card-deltas b { padding: 5px 7px; border-radius: 5px; font-size: 9px; }
.compare-card-deltas .positive { color: #64f0b9; background: #32d69b17; }.compare-card-deltas .negative { color: #ff8093; background: #ff385418; }.compare-card-deltas .neutral { color: #9db0bf; background: #ffffff0a; }
.equipment-swap-divider { height: 24px; margin: 1px 0 -7px; display: flex; align-items: center; justify-content: center; gap: 7px; color: #bd82ff; }
.equipment-swap-divider span { font-size: 19px; }.equipment-swap-divider b { font-size: 8px; letter-spacing: .13em; }
.equipment-rarity { display: inline-block; padding: 5px 10px; color: #07111b; border-radius: 99px; background: #6de6ff; font-size: 9px; font-weight: 1000; letter-spacing: .13em; }
.equipment-rarity.rarity-rare { background: #638cff; color: white; }.equipment-rarity.rarity-epic { background: #c455ff; color: white; }.equipment-rarity.rarity-legendary { background: #ffc83d; }.equipment-rarity.rarity-mythic { color: #091019; background: white; box-shadow: 0 0 20px white; }
.equipment-rarity.rarity-ascended{background:#63fff1}.equipment-rarity.rarity-celestial{background:#70baff;color:white}.equipment-rarity.rarity-divine{background:#ffe680}.equipment-rarity.rarity-eternal{background:#ff75df;color:white}.equipment-rarity.rarity-transcendent{background:linear-gradient(90deg,#baffda,#fff,#95e4ff);box-shadow:0 0 22px #baffda}
.equipment-result-icon { width: 92px; height: 92px; margin: 18px auto 12px; display: grid; place-items: center; color: white; border: 2px solid #ffffff55; border-radius: 28px 8px; background: linear-gradient(145deg,#1e96c9,#5544bd); box-shadow: 0 0 36px #3ddfff44; font-size: 18px; font-weight: 1000; }
.equipment-result-icon.rarity-epic { background: linear-gradient(145deg,#6d2cb0,#d044db); }.equipment-result-icon.rarity-legendary { background: linear-gradient(145deg,#a65a00,#ffc83d); }.equipment-result-icon.rarity-mythic { background: linear-gradient(145deg,#48dbea,#fff,#b97aff); color: #171527; }
.equipment-result-card > small { color: #91a8b8; font-size: 9px; font-weight: 950; letter-spacing: .14em; }
.equipment-result-card h3 { margin-top: 5px; color: white; font-size: 27px; line-height: 1; }
.equipment-result-stats { margin-top: 15px; padding: 13px; display: grid; gap: 5px; border: 1px solid #ffffff17; border-radius: 10px 3px; background: #02091399; }
.equipment-result-stats strong { color: #68eaff; font-size: 15px; }.equipment-result-stats span { color: #ffd45b; font-size: 12px; font-weight: 850; }
.equipment-compare { margin: 10px 0 0; color: #5ff0bc; font-size: 10px; font-weight: 950; }.equipment-compare.worse { color: #ff7b8f; }
.equipment-result-actions { position: relative; z-index: 5; margin-top: 16px; display: grid; grid-template-columns: 1fr 1.25fr; gap: 8px; pointer-events: auto; }
.equipment-result-actions button { position: relative; z-index: 6; min-height: 58px; color: white; border: 1px solid #ffffff33; border-radius: 11px 4px; background: #ffffff0a; cursor: pointer; touch-action: manipulation; pointer-events: auto; }
.equipment-result-actions button:last-child { border-color: #62efff99; background: linear-gradient(135deg,#078cdb,#26d3d8); box-shadow: 0 8px 24px #22cddd33; }
.equipment-result-actions span,.equipment-result-actions strong { display: block; font-size: 11px; font-weight: 1000; }.equipment-result-actions strong { margin-top: 3px; color: #ffe071; font-size: 10px; }.equipment-result-actions button:last-child strong { color: white; }
.aura-result-card { border-color: #ffb24d88; background: radial-gradient(circle at 50% 12%,#ff8a3424,transparent 30%),linear-gradient(160deg,#1d2135,#080d18); }
.aura-compare-body { margin-top: 10px; display: grid; grid-template-columns: 72px 1fr; gap: 12px; align-items: center; }
.aura-compare-body > .character-aura { margin: 0 auto; transform: scale(calc(var(--aura-size) * .82)); }
.aura-compare-body section small,.aura-compare-body section strong,.aura-compare-body section em,.aura-compare-body section u { display: block; }
.aura-compare-body section small { color: #98adbb; font-size: 8px; font-weight: 950; letter-spacing: .08em; }
.aura-compare-body section strong { margin-top: 3px; color: white; font-size: 18px; }
.aura-compare-body section em { margin-top: 4px; color: #65eaff; font-size: 10px; font-weight: 850; line-height: 1.35; }
.aura-compare-body section u { width: fit-content; margin-top: 6px; padding: 4px 7px; color: #fff1a0; border: 1px solid #ffd45b44; border-radius: 5px 2px; background: #ffd45b0e; font-size: 11px; font-weight: 1000; text-decoration: none; }
.aura-queue-note { margin: 10px 0 0; color: #a78fc2; font-size: 9px; font-weight: 950; letter-spacing: .1em; }
.essence-wallet{border-color:#b59cff!important;background:#f2edff!important}.essence-wallet span{color:#65518e!important}.essence-wallet strong{color:#7046b8!important}
.aura-resonance-panel{margin:12px 0 4px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:9px 12px;align-items:center;border:2px solid #bca8eb;border-radius:18px;background:linear-gradient(145deg,#f7f2ff,#e8f8ff);box-shadow:0 4px 0 #9e8bd0;color:#17395f}
.aura-resonance-panel>div:first-child{display:grid;gap:2px}.aura-resonance-panel span{color:#65518e;font-size:9px;font-weight:1000;letter-spacing:.08em}.aura-resonance-panel strong{color:#1764b4;font-size:17px}.aura-resonance-panel small{color:#52738d;font-size:9px;font-weight:850}
.aura-resonance-track{grid-column:1;height:9px;overflow:hidden;border-radius:99px;background:#d7cbea;box-shadow:inset 0 1px 2px #705a9633}.aura-resonance-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7867d8,#35c9e8);transition:width .25s ease}
#upgrade-aura-resonance{grid-column:2;grid-row:1/3;min-height:58px;padding:8px;border:3px solid #fff;border-radius:15px;color:#fff;background:linear-gradient(135deg,#7459ce,#2fb8db);box-shadow:0 4px 0 #51429a}#upgrade-aura-resonance span,#upgrade-aura-resonance strong{display:block;color:inherit;font-size:9px;line-height:1.2}#upgrade-aura-resonance strong{margin-top:4px;color:#fff4a8;font-size:8px}#upgrade-aura-resonance:disabled{color:#60798a;background:#dfe9ef;box-shadow:0 4px 0 #a9bdc7}#upgrade-aura-resonance:disabled strong{color:#60798a}
.aura-resonance-badge{display:inline-flex!important;width:fit-content;margin-top:5px;padding:4px 7px;border:1px solid #9a83dc;border-radius:999px;color:#6749ac!important;background:#eee8ff;font-size:8px!important;font-style:normal!important;font-weight:1000}.aura-resonance-badge.max{color:#176c56!important;border-color:#65cda9;background:#ddfaef}
@media(max-width:430px){.aura-resonance-panel{grid-template-columns:minmax(0,1fr) 108px;padding:10px;gap:7px 9px}.aura-resonance-panel strong{font-size:15px}#upgrade-aura-resonance{min-height:54px}}
@media (max-width:430px){.equipment-tier{grid-template-columns:70px 1fr 98px}.equipment-card{padding:15px}.equipment-intro{font-size:12px}.equipment-slot{grid-template-columns:44px 1fr auto}.equipment-slot-actions mark{display:none}.equipment-slot-actions button{min-width:62px;padding:6px}.home-stage-actions{left:9px;right:9px;grid-template-columns:minmax(76px,.78fr) minmax(122px,1.4fr) minmax(86px,.9fr);gap:5px}.stage-select-open{padding-inline:5px;font-size:9px;white-space:nowrap}.stage-select-open span{margin-right:4px;font-size:13px}.rebirth-button{padding:7px}.rebirth-button strong{font-size:11px}.rebirth-button> b{font-size:6px}.enter-stage-button{padding-inline:7px}.enter-stage-button i{width:27px;height:27px;flex-basis:27px}}
@media (prefers-reduced-motion:reduce){.equipment-slot-icon.burning::before,.equipment-slot-icon.burning::after{animation:none}}
@media (pointer:coarse),(max-width:800px){.equipment-slot-icon.burning::before{filter:blur(.5px) drop-shadow(0 0 7px var(--fire-color));animation-duration:calc(var(--fire-speed) * 1.4)}.equipment-slot-icon.burning::after{filter:drop-shadow(0 0 4px var(--fire-color));opacity:var(--fire-opacity)}}
@media (max-width:430px){.equipment-result{padding:8px}.equipment-result-card{padding:13px}.compare-equipment-card{padding:10px}.compare-card-body{grid-template-columns:44px 1fr}.compare-card-body>i{width:43px;height:43px}.equipment-character-stats div{min-height:43px;padding:7px 9px}.equipment-character-stats strong{font-size:13px}}
@media (max-width:430px){.summon-odds-modal{padding:10px}.summon-odds-card{padding:17px 14px}.summon-odds-row{grid-template-columns:minmax(100px,.8fr) minmax(162px,1fr);gap:8px;padding:10px 9px}.summon-odds-row .odds-copy>strong{font-size:13px}.summon-odds-row .odds-copy>small{font-size:9px}.odds-values b{font-size:12px}.home-brand{left:12px;right:12px;gap:8px}.home-brand .logo-mark{width:38px;height:38px;font-size:15px}.home-brand .eyebrow{font-size:8px}.home-wallet{width:124px;flex-basis:124px;gap:3px}.home-currency{padding:6px;font-size:8px}.home-currency strong{font-size:10px}.home-nav{left:8px;right:8px;gap:2px;padding:6px 4px}.nav-button span,.nav-button strong{font-size:8px;letter-spacing:.035em}.nav-button i{width:25px;height:25px;font-size:16px}}

@media (min-width: 541px) {
  #game-shell { border-radius: 18px; box-shadow: 0 0 0 1px #ffffff16, 0 20px 80px #000; }
}

@media (max-height: 680px) {
  .panel { padding-bottom: 22px; }
  .logo-mark { width: 42px; height: 42px; margin-bottom: 8px; font-size: 18px; }
  .panel h1, .panel h2 { font-size: 48px; }
  .intro { margin: 14px 0; }
  .primary-button { min-height: 52px; }
  .hero-card { bottom: 203px; }
  .home-stage-actions { bottom: max(82px,calc(env(safe-area-inset-bottom) + 76px)); grid-template-rows: 32px 60px; }
  .stage-select-open { min-height: 32px; }
  .rebirth-button,.enter-stage-button,.time-reward-button { min-height: 60px; }
  .stage-select-card { max-height: 96%; padding: 15px; }
  .stage-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
}
/* Player account and cloud-save controls */
.account-button{position:absolute;top:calc(max(18px,env(safe-area-inset-top)) + 58px);left:18px;right:auto;z-index:6;display:flex;align-items:center;gap:10px;max-width:220px;padding:6px 10px;border:1px solid #45dffc55;border-radius:10px;background:#061725cc;color:#dff9ff;text-align:left;box-shadow:0 8px 22px #00101aaa;cursor:pointer}
.account-button span{display:grid;min-width:0}.account-button small{font-size:7px;letter-spacing:1.1px;color:#62eaff}.account-button strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;font-size:9px;white-space:nowrap}.account-button b{font-size:7px;letter-spacing:.7px;color:#98a9b7;white-space:nowrap}.account-button.synced b{color:#62efbd}.account-button.syncing b{color:#ffd45b}.account-button.error b{color:#ff7d91}
.account-modal{position:absolute;inset:0;z-index:90;display:grid;place-items:center;padding:22px;background:#020a11d9;backdrop-filter:blur(8px)}.account-modal[hidden]{display:none}
.account-card{position:relative;width:min(360px,100%);padding:28px 24px 24px;border:1px solid #42defc66;border-radius:20px;background:linear-gradient(165deg,#102d3d 0%,#071522 62%,#07101a 100%);box-shadow:0 24px 80px #000c,0 0 36px #22dffc20;color:#eefcff}
.account-card h2{margin:2px 0 8px;font-size:25px;font-style:italic}.account-copy{margin:0 0 20px;color:#a9bdc9;font-size:11px;line-height:1.55}.account-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;background:transparent;color:#b9d3de;font-size:25px;cursor:pointer}
.account-form{display:grid;gap:12px}.account-form label{display:grid;gap:6px}.account-form label span,.account-session>span{font-size:8px;font-weight:800;letter-spacing:1.2px;color:#5fe7ff}.account-form input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #31566b;border-radius:10px;outline:none;background:#06131f;color:#fff;font:inherit}.account-form input:focus{border-color:#42dffc;box-shadow:0 0 0 3px #42dffc18}.account-form button,.account-session button{min-height:44px;border:1px solid #4be9ff;border-radius:11px;background:linear-gradient(135deg,#0aaee1,#20d7ed);color:#fff;font-size:10px;font-weight:900;letter-spacing:1px;cursor:pointer}.account-form button:disabled,.account-session button:disabled{opacity:.5;cursor:wait}.account-form .account-secondary{background:#0a1d2d;color:#bff7ff}.account-session{display:grid;gap:10px;padding:15px;border:1px solid #2d5267;border-radius:12px;background:#06131f}.account-session strong{overflow-wrap:anywhere;font-size:13px}.account-session small{color:#70e8be}.account-session button{margin-top:4px;border-color:#ff728866;background:#28121c;color:#ffadba}.account-message{min-height:16px;margin:13px 0 0;color:#8ca8b6;font-size:9px;line-height:1.45}.account-message.error{color:#ff8da0}.account-message.success{color:#6ff2bd}
.account-form[hidden],.account-session[hidden]{display:none}
.account-conflict{display:grid;gap:9px;padding:16px;border:1px solid #ffb84d77;border-radius:12px;background:#21170c}.account-conflict[hidden]{display:none}.account-conflict p{margin:0 0 3px;color:#ffc564;font-size:9px;font-weight:900;letter-spacing:1.4px}.account-conflict span{font-size:8px;font-weight:900;letter-spacing:1.1px;color:#d3a85f}.account-conflict strong{margin-top:-5px;font-size:18px;color:#fff}.account-conflict small{margin:3px 0;color:#e6cda6;font-size:10px;line-height:1.5}.account-conflict button{min-height:44px;border:1px solid #4be9ff;border-radius:11px;background:linear-gradient(135deg,#0aaee1,#20d7ed);color:#fff;font-size:10px;font-weight:900;letter-spacing:1px;cursor:pointer}.account-conflict button:disabled{opacity:.5;cursor:wait}.account-conflict #account-use-cloud{border-color:#58e5c0;background:linear-gradient(135deg,#078e83,#14bda2)}.account-conflict .account-secondary{background:#0a1d2d;color:#bff7ff}

/* Compact navigation and menu layout */
html,body,#game-shell{overscroll-behavior:none}
#game-shell{overflow:clip}
button{touch-action:manipulation}
#game{touch-action:none}
.persistent-nav{z-index:34;height:70px;bottom:max(8px,env(safe-area-inset-bottom));padding:5px 6px;border-radius:16px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.persistent-nav.visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.persistent-nav .nav-button{height:52px;gap:3px;padding:3px 2px;border-radius:10px}
.persistent-nav .nav-button i{width:22px;height:22px;border-radius:7px;font-size:14px}
.persistent-nav .nav-button span,.persistent-nav .nav-button strong{font-size:8px;letter-spacing:.035em}
.persistent-nav .nav-button small{font-size:7px}
.persistent-nav .nav-button.stage-button{height:60px;border-radius:14px;transform:translateY(-4px)}
.persistent-nav .stage-button i{width:24px;height:24px;font-size:14px}
.persistent-nav .nav-button.active{border-color:#77eaff80;background:linear-gradient(180deg,#2bdfff24,#07152255);box-shadow:inset 0 1px #fff2,0 0 14px #28ddff20}
.global-home-button{position:absolute;z-index:35;top:max(9px,env(safe-area-inset-top));left:14px;min-width:82px;height:34px;padding:0 12px;opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;border:1px solid #5ce7ff69;border-radius:9px 3px;color:#d8f9ff;background:#071827e8;box-shadow:0 6px 20px #0008;font:950 9px/1 inherit;letter-spacing:.08em;transition:.18s ease}
.global-home-button.visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.shop-panel{justify-content:flex-start;padding:max(50px,calc(env(safe-area-inset-top) + 42px)) 10px max(88px,calc(env(safe-area-inset-bottom) + 78px))}
.shop-card{max-height:100%;padding:13px;touch-action:pan-y;overscroll-behavior:contain;border-radius:14px 4px}
.shop-card>.home-back{display:none}
.shop-heading{gap:8px;align-items:center}
.shop-heading h2,#stats-panel .shop-heading h2,.equipment-card .shop-heading h2{font-size:clamp(29px,7vw,36px);line-height:.92}
.shop-heading .eyebrow,#stats-panel .shop-heading .eyebrow{font-size:8px;line-height:1.1}
.currency-stack{gap:4px}
.shop-coins,#stats-panel .shop-coins,.currency-stack .shop-coins{min-width:67px;padding:6px 8px}
.shop-coins span,#stats-panel .shop-coins span{font-size:7px;letter-spacing:.08em}
.shop-coins strong,#stats-panel .shop-coins strong{font-size:15px}
.equipment-card,#stats-panel .shop-card{padding:13px}
.equipment-character-stats{margin-top:9px;gap:5px}
.equipment-character-stats div{min-height:36px;padding:5px 8px}
.equipment-character-stats .equipment-cp-total{min-height:45px}
.equipment-character-stats .equipment-cp-total strong{font-size:17px}
.equipment-character-stats span{font-size:8px}.equipment-character-stats strong{font-size:13px}
.equipment-intro{margin-top:9px;padding:8px 10px;font-size:11px;line-height:1.35}
.equipment-tier{margin-top:8px;padding:8px;grid-template-columns:67px 1fr 96px;gap:6px;border-radius:10px 3px}
.auto-sell-filter-button{margin-top:7px;min-height:39px}
.equipment-summon-row{margin-top:7px}
.loadout-heading{margin-top:10px}
#stats-panel .profile-row{margin-top:9px}
#stats-panel .level-orb{width:62px;min-width:62px;height:62px}
#stats-panel .cp-summary{margin-top:7px;padding:8px 9px}
#stats-panel .level-progress{margin-top:7px;padding:7px 9px}
#stats-panel .stat-point-bank{min-height:43px;margin-top:7px}
#stats-panel .stat-batch-controls{margin-top:7px}
#stats-panel .stats-copy{margin:8px 0 4px;font-size:10px;line-height:1.3}

/* Two-row in-stage HUD: stage + character XP, then combat essentials. */
#hud{padding:max(7px,env(safe-area-inset-top)) 9px 0;background:linear-gradient(#07111fc7 0%,#07111f66 70%,transparent 100%)}
.top-row{height:32px;gap:5px}
.brand{min-width:52px;gap:3px}.brand span{font-size:7px}.brand strong{font-size:15px}
.stage-xp-inline{min-width:92px;flex:1;width:auto;margin:0;padding:4px 7px 5px;border-radius:7px 2px}
.stage-xp-inline>div{gap:6px}.stage-xp-inline span{font-size:7px}.stage-xp-inline span b{font-size:10px}.stage-xp-inline strong{font-size:8px;white-space:nowrap}
.stage-xp-inline>i{height:4px;margin-top:3px}
.stage-wallet{min-width:126px;height:27px;padding:0 5px;gap:3px}.coin-pill{gap:2px;font-size:8px}.coin-pill span{font-size:8px}.coin-pill.gold-bar-pill,.coin-pill.silver-stone-pill,.coin-pill.pet-shard-pill{padding-left:3px}
.leave-stage-button{min-width:40px;height:28px;padding:0 6px;font-size:8px}
.icon-button{width:28px;height:28px;font-size:13px}.fullscreen-button{font-size:15px}
.stat-row{margin-top:5px;gap:5px}
.stat,.weapon-chip{min-width:0;flex:1;padding:5px 7px;border-radius:7px 2px}
.stat.hp{min-width:0}.stat span,.weapon-chip span{font-size:7px;letter-spacing:.08em}.stat strong{font-size:14px}.weapon-chip strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.weapon-chip{flex:1.45;margin-left:0}
.stage-buffs{margin-top:4px;gap:3px}.stage-buffs span{min-width:56px;padding:3px 5px;font-size:7px}

/* Combat messages stay readable without hiding enemies. */
.level-stats-popup{top:138px;width:min(82%,310px);padding:8px 10px;border-color:#72f6bd99;background:linear-gradient(120deg,#07172480,#102d2a73);box-shadow:0 0 20px #4ff2a933;backdrop-filter:blur(1px)}
.level-stats-popup>strong{font-size:10px}.level-stats-popup>div{margin-top:5px;gap:4px}.level-stats-popup span{padding:4px 6px;background:#0715225c;font-size:8px}.level-stats-popup b{font-size:10px}
@keyframes level-stats-show{0%{opacity:0;transform:translate(-50%,8px) scale(.86)}5%,88%{opacity:.72;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-12px) scale(.94)}}
.monster-loot-popup{top:calc(100% + 4px);min-width:0;width:max-content;max-width:94%;padding:5px 8px;background:#06152199}
.monster-loot-popup small{display:none}.monster-loot-popup div{margin:0;gap:7px;flex-wrap:wrap}.monster-loot-popup span{font-size:8px;white-space:nowrap}.monster-loot-popup span:first-child{color:#c9a9ff}.monster-loot-popup b{font-size:10px}

@media(max-width:430px){
  .account-button{top:calc(max(18px,env(safe-area-inset-top)) + 58px);left:12px;right:auto;max-width:190px;min-height:28px;padding:4px 8px;gap:7px}
  .account-button small{font-size:6px;letter-spacing:.9px}.account-button strong{max-width:108px;font-size:8px}.account-button b{font-size:6px}
  .persistent-nav{left:6px;right:6px;gap:1px;padding-inline:3px}
  .persistent-nav .nav-button span,.persistent-nav .nav-button strong{font-size:7px}
  .shop-panel{padding-left:7px;padding-right:7px}
  .shop-heading h2,#stats-panel .shop-heading h2,.equipment-card .shop-heading h2{font-size:28px}
  .shop-coins,#stats-panel .shop-coins,.currency-stack .shop-coins{min-width:59px;padding:5px 6px}
  .top-row{gap:3px}.brand{min-width:43px}.brand span{display:none}.brand strong{font-size:13px}
  .stage-xp-inline{min-width:78px;padding-inline:5px}.stage-xp-inline span{font-size:6px}.stage-xp-inline strong{font-size:7px}
  .stage-wallet{min-width:105px;padding-inline:3px}.coin-pill{font-size:7px}.coin-pill span{font-size:7px}
  .leave-stage-button{min-width:35px;padding-inline:4px}.icon-button{width:26px;height:26px}
}

/* Coin-funded upgrades use a distinct royal-purple action treatment. */
.stat-upgrade.premium,#stats-panel .stat-upgrade.premium{border-color:#c7a6ee;background:#f5eaff;box-shadow:0 4px 0 #a780cf}
.stat-upgrade.premium .stat-copy b,#stats-panel .stat-upgrade.premium .stat-copy b{color:#66389b}
.stat-upgrade.premium .stat-buy,#stats-panel .stat-upgrade.premium .stat-buy{
  color:#fff;border-color:#fff;background:linear-gradient(145deg,#a35ee7,#7650d8);
  box-shadow:0 4px 0 #4d2e9d
}
.stat-upgrade.premium .stat-buy::before,#stats-panel .stat-upgrade.premium .stat-buy::before{content:'● ';color:#ffe77e}

.pet-card .pet-icon{position:relative;overflow:visible;isolation:isolate}
.pet-card .pet-icon.flying{border-radius:50% 50% 22% 22%;transform:translateY(-4px)}
.pet-card .pet-icon.flying::before,.pet-card .pet-icon.flying::after{content:'';position:absolute;z-index:-1;top:19px;width:25px;height:19px;border:3px solid #fff;background:var(--pet-color);box-shadow:0 2px 0 #7aa5bd}
.pet-card .pet-icon.flying::before{right:45px;border-radius:90% 15% 70% 20%;transform:rotate(-24deg)}.pet-card .pet-icon.flying::after{left:45px;border-radius:15% 90% 20% 70%;transform:rotate(24deg)}
.pet-card .pet-spark_pup{border-radius:48% 48% 38% 38%}.pet-card .pet-ember_fox{clip-path:polygon(50% 0,100% 28%,88% 100%,12% 100%,0 28%)}.pet-card .pet-void_cat{border-radius:42% 42% 50% 50%}.pet-card .pet-chrono_wolf{border-radius:28% 28% 48% 48%;outline:4px solid #dcecff}.pet-card .pet-celestial_kirin{clip-path:polygon(42% 0,58% 0,65% 17%,96% 28%,86% 100%,14% 100%,4% 28%,35% 17%)}.pet-card .pet-divine_lion{border:6px double #e7bd43;border-radius:50%}
.pet-card .pet-icon.evolution-1{box-shadow:0 0 0 3px #fff,0 4px 0 #8fb5c9}.pet-card .pet-icon.evolution-2{box-shadow:0 0 0 4px #ffe78a,0 4px 0 #b98c20}.pet-card .pet-icon.evolution-3,.pet-card .pet-icon.evolution-4{box-shadow:0 0 0 4px #fff,0 0 0 7px var(--pet-color),0 5px 0 #5d7890}

/* iOS game input: never turn a drag gesture into text selection or a callout. */
#game-shell,#game,#hud,#claim-banner,.damage-number-layer{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#game-shell{-webkit-tap-highlight-color:transparent}

/* Active tabs close themselves; auto-summon temporarily owns the bottom edge. */
.persistent-nav .nav-button.active span{color:#ffcad3}
.persistent-nav .nav-button.active i{color:#ff95a8;background:#ff506b1c}
.persistent-nav.summoning-hidden{display:none}
.persistent-nav.world-management-hidden{display:none!important}

/* Temporary kill-growth test mode. Keep the underlying pages intact for restoration. */
#stats-nav,#stats-panel,#stage-stats-page-button,#home-xp,#stage-xp,#rebirth-button,#rebirth-modal,#level-stats-popup{display:none!important}
#monster-loot-popup .loot-xp,#monster-loot-popup .loot-equipment{display:none!important}
#xp-gain,.complete-rewards .loot-xp,.complete-rewards .loot-equipment-xp,#boss-reward-xp,.home-currency.exp-key{display:none!important}

#persistent-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
.leave-stage-button.feature-unlock-ready{min-width:118px;color:#5d3700!important;background:linear-gradient(145deg,#fff7a8,#ffc933)!important;box-shadow:0 0 0 3px #fff,0 0 26px 10px #ffe05caa,0 5px 0 #bd7f00!important;animation:stage-one-guide-pulse .72s ease-in-out infinite!important}
.stage-one-guide.movement-guide{top:max(132px,calc(env(safe-area-inset-top) + 112px));bottom:auto;background:#e7fbff}.stage-one-guide.movement-guide::after{content:'↕  ↔';display:block;left:50%;bottom:-45px;translate:-50% 0;color:#63e7ff;font-size:34px;letter-spacing:10px;text-shadow:0 3px 0 #14779e,0 0 14px #31dfff}.stage-one-guide.feature-exit-guide{z-index:72}
.auto-summon-floating-stop{bottom:max(14px,env(safe-area-inset-bottom));width:min(88%,360px);min-height:48px}
.shop-panel{padding-top:max(12px,env(safe-area-inset-top))}

/* Reveal balances: summon material and current Coins in one compact header. */
.reveal-wallet{min-width:min(340px,88%);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(92px,.7fr);padding:8px 10px;text-align:left}
.reveal-balance{min-width:0;padding:2px 10px;text-align:center}
.reveal-balance>span{display:block;color:#a9c5d5;font:900 8px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;white-space:nowrap}
.reveal-balance>strong{margin-top:5px;display:flex;align-items:center;justify-content:center;gap:6px;font:1000 19px/1 Inter,ui-sans-serif,system-ui,sans-serif}
.reveal-balance strong i{color:#d9c7ff;font-style:normal;text-shadow:0 0 14px #9b67ff}.reveal-balance strong b{color:white}
.reveal-coins{border-left:1px solid #ffffff24}.reveal-coins strong i,.aura-reveal-wallet .reveal-coins strong i,.pet-reveal-wallet .reveal-coins strong i{color:#ffd360;text-shadow:0 0 14px #ffc83d}
@media(max-width:390px){.reveal-wallet{min-width:92%;grid-template-columns:minmax(0,1.2fr) minmax(82px,.8fr);padding-inline:6px}.reveal-balance{padding-inline:6px}.reveal-balance>span{font-size:7px}.reveal-balance>strong{font-size:17px}}
/* Installable web-app prompt */
.install-app-modal{position:absolute;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:#020812d9;backdrop-filter:blur(10px)}
.install-app-modal[hidden]{display:none}
.install-app-card{position:relative;width:min(390px,100%);padding:28px 22px 22px;border:1px solid #22d9ff88;border-radius:24px;background:linear-gradient(160deg,#0d2135f7,#07111ffb 62%,#220b2cf7);box-shadow:0 24px 80px #000c,0 0 38px #00d9ff22;text-align:center;color:#eafaff}
.install-app-card>img{display:block;margin:0 auto 14px;border-radius:22%;box-shadow:0 0 26px #20dbff55,0 0 18px #ff2a9b44}
.install-app-card .eyebrow{margin:0 0 5px;color:#55eaff;font-size:11px;font-weight:900;letter-spacing:.2em}
.install-app-card h2{margin:0;font-size:25px;font-style:italic;letter-spacing:.035em}
.install-app-card>p:not(.eyebrow){margin:12px auto 17px;color:#b7cddd;font-size:14px;line-height:1.5}
.install-app-close{position:absolute;top:11px;right:12px;width:34px;height:34px;border:1px solid #67839c66;border-radius:10px;background:#102235;color:#fff;font-size:23px;line-height:1}
.install-ios-steps{margin:0 0 18px;padding:14px 14px 14px 36px;border:1px solid #3accec55;border-radius:14px;background:#071b2b;text-align:left;color:#d8f5ff;font-size:13px;line-height:1.55}
.install-ios-steps li+li{margin-top:5px}
.install-app-actions{display:grid;grid-template-columns:.82fr 1.3fr;gap:10px}
.install-app-actions button{min-height:48px;border-radius:12px;font-weight:900;letter-spacing:.04em}
.install-app-later{border:1px solid #54738d;background:#0b1a29;color:#afc4d4}
.install-app-action{border:1px solid #7af2ff;background:linear-gradient(120deg,#078bd9,#25d1dc);color:#fff;box-shadow:0 0 22px #18d8ef33}
@media(max-width:430px){.install-app-modal{padding:14px}.install-app-card{padding:24px 17px 17px}.install-app-actions{grid-template-columns:1fr}.install-app-action{order:-1}}

/* Cute paintball art direction */
:root{color-scheme:light;--ink:#17395f;--muted:#5d7d99;--cyan:#26bfe6;--blue:#1678df;--orange:#ff7f58;--navy:#dff6ff}
html,body{background:#b8ecff;font-family:"Comic Sans MS","Trebuchet MS",ui-rounded,sans-serif;color:#17395f}
#game-shell{background:#a8e7ff;border:4px solid #fff;border-radius:28px;box-shadow:0 18px 0 #5ba9d4,0 30px 70px #356c9140}
button,input{font-family:inherit}
.home-panel{background:linear-gradient(180deg,#ffffff2b 0%,transparent 54%,#dff6fff4 86%,#c8edfff8 100%)}
.panel{background:linear-gradient(180deg,#ffffff0a 30%,#dff6ffcf 70%,#bde8fff8 100%)}
.panel h1,.panel h2,.home-brand h1{color:#1764b4;font-style:normal;letter-spacing:-.04em;filter:none;text-shadow:0 3px 0 #fff}
.panel h1 em,.panel h2 em,.home-brand h1 em{color:#ff6f72}
.eyebrow{color:#2675b6;letter-spacing:.12em}
.logo-mark,.home-brand .logo-mark{transform:rotate(-4deg);border:3px solid #1678df;border-radius:17px;color:#1678df;background:#fff8de;box-shadow:0 4px 0 #6bb7e2;font-style:normal}
.home-currency,.stage-wallet{color:#715213;border:2px solid #fff;background:#fff8d9f2;box-shadow:0 4px 0 #dfb85d}
.home-currency.gold-bar,.home-currency.silver-stone,.home-currency.pet-shard{background:#fff8d9f2;border-color:#fff;color:#715213}
.home-xp,.compact-xp{border:3px solid #fff;border-radius:20px;background:#e8dcfff2;box-shadow:0 5px 0 #987ad0}
.home-xp span,.home-xp strong,.compact-xp span,.compact-xp strong{color:#4e4b83}
.home-xp span b,.compact-xp span b{color:#263b78;font-size:13px;font-weight:1000;text-shadow:0 1px #fff}
.home-xp>i b,.compact-xp>i b{background:linear-gradient(90deg,#8d72e8,#ff75bc,#4ac9eb);box-shadow:none}
.home-cp{border:3px solid #fff;border-radius:20px;background:#fff2a8f2;box-shadow:0 5px 0 #dfa948}
.home-cp span,.home-cp strong,.home-cp small{color:#674b21;text-shadow:none}
.hero-card{border:3px solid #fff;border-radius:23px;background:#176fbee8;box-shadow:0 6px 0 #0d4f91}
.hero-card span{font-style:normal;text-shadow:0 2px 0 #0e477d}.hero-card strong{color:#fff4a8}
.home-feature-button,.rebirth-button,.stage-select-open{border:3px solid #fff;border-radius:18px;background:#ddf5fff2;color:#245e8d;box-shadow:0 5px 0 #72b7dd}
.home-feature-button i,.home-feature-button.shop-feature i{color:#1769b1;background:#fff}
.rebirth-button small,.rebirth-button>b,.rebirth-button strong,.stage-select-open{color:#245e8d}
.enter-stage-button,.primary-button{border:3px solid #fff;border-radius:22px;background:linear-gradient(145deg,#37bbed,#2488df);box-shadow:0 7px 0 #1761aa;color:#fff;font-style:normal}
.home-nav{border:3px solid #fff;border-radius:25px;background:#e9f8fff4;box-shadow:0 7px 0 #6eacd2}
.nav-button,.nav-button.equipment-nav,.nav-button.pets-nav{color:#315e82;border-color:transparent;background:transparent;font-family:inherit}
.nav-button i,.nav-button.equipment-nav i,.nav-button.pets-nav i{color:#1769b1;background:#fff;box-shadow:0 3px 0 #a7d4ed}
.nav-button.stage-button{border:3px solid #fff;background:#7dd9ef;color:#174c77;box-shadow:0 4px 0 #3c9ec5}
#hud{background:linear-gradient(#bcecffec 0%,transparent 100%)}
.stat,.weapon-chip{border:3px solid #fff;border-radius:18px;background:#effaffea;color:#17395f;box-shadow:0 4px 0 #78b7dc;backdrop-filter:none}
.brand span,.stat span,.weapon-chip span,.weapon-chip strong{color:#416f91}.brand strong{color:#1764b4;font-style:normal}
.progress{background:#fff;border:2px solid #78b7dc;box-shadow:none}.progress i{background:linear-gradient(90deg,#2a87df,#48cee7);box-shadow:none}
.claim-banner,.toast,.boss-zone,.boss-reward,.monster-loot-popup{font-family:inherit}
.stage-buffs span{border:2px solid #fff;border-radius:14px;background:#dff9d9;color:#287042;box-shadow:0 3px 0 #75bb7a}
.stage-buffs span.debuff{background:#ffe0e5;color:#9e3450;border-color:#fff}
.complete-panel{background:linear-gradient(180deg,#bdefffeb,#fff8d9f5)}
.complete-panel::before{display:none}
*[style*="text-shadow"]{text-shadow:none}

/* Readable collection screens: one visual language, no dense MMORPG panels. */
html,body,#game-shell,button,input{font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif}
.shop-panel{justify-content:flex-start;padding:max(14px,env(safe-area-inset-top)) 12px max(92px,calc(env(safe-area-inset-bottom) + 82px));background:linear-gradient(180deg,#a9e7fbf2,#dff7fff8)}
.shop-card,.equipment-card,#stats-panel .shop-card{max-height:100%;padding:18px;overflow-y:auto;color:#17395f;border:3px solid #fff;border-radius:24px;background:#f8fdfff7;box-shadow:0 7px 0 #69add3,0 18px 38px #39789a2b}
.shop-heading{align-items:center;gap:12px}.shop-heading h2,#stats-panel .shop-heading h2,.equipment-card .shop-heading h2{color:#1764b4;font-size:clamp(34px,9vw,46px);line-height:.92;letter-spacing:-.04em;text-shadow:none}.shop-heading .eyebrow,#stats-panel .shop-heading .eyebrow{margin-bottom:5px;color:#527b99;font-size:10px;letter-spacing:.09em}
.currency-stack{gap:7px}.shop-coins,#stats-panel .shop-coins,.currency-stack .shop-coins{min-width:76px;padding:8px 10px;border:2px solid #f2cb65;border-radius:16px;background:#fff8d9;text-align:center}.shop-coins span,#stats-panel .shop-coins span{color:#725c28;font-size:8px;letter-spacing:.05em}.shop-coins strong,#stats-panel .shop-coins strong,.silver-wallet strong{color:#674c12;font-size:19px}
.equipment-intro,.equipment-character-stats .equipment-cp-total small,#stats-panel .stats-copy,.loadout-heading>small{display:none}
.equipment-character-stats{margin-top:13px;gap:8px}.equipment-character-stats div{min-height:48px;padding:8px 11px;border:2px solid #c9e7f5;border-radius:15px;background:#fff}.equipment-character-stats span{color:#52738d;font-size:10px;letter-spacing:.04em}.equipment-character-stats strong{color:#1764b4;font-size:17px}.equipment-character-stats .equipment-cp-total{min-height:56px;border-color:#f2cb65;background:#fff5bc}.equipment-character-stats .equipment-cp-total span{color:#725619}.equipment-character-stats .equipment-cp-total strong{color:#674c12;font-size:22px;text-shadow:none}
.equipment-tier,.summon-tier{margin-top:12px;padding:11px;grid-template-columns:74px minmax(0,1fr) 105px;gap:8px;border:2px solid #c4b3ef;border-radius:18px;background:#f0eaff;box-shadow:0 4px 0 #a992d6}.equipment-tier>div:first-child span,.summon-tier>div:first-child span{color:#65518e;font-size:10px}.equipment-tier>div:first-child strong,.summon-tier>div:first-child strong{color:#47366d;font-size:28px}.equipment-tier>div:first-child small,.summon-tier>div:first-child small{color:#806ea7;font-size:10px}
.summon-odds-button,#upgrade-equipment-tier,.summon-tier>button{min-height:46px;padding:7px;border:2px solid #fff;border-radius:14px;color:#3e5f86;background:#fff;box-shadow:0 3px 0 #b1a3d2;font-size:10px}.summon-odds-button span,#upgrade-equipment-tier span,.summon-tier>button span{font-size:10px}.summon-odds-button>b{color:#fff;background:#6b63aa}.summon-tier>button strong,#upgrade-equipment-tier strong{color:#906714;font-size:10px}
.auto-sell-filter-button{min-height:48px;margin:13px 0 4px;padding:9px 13px;border:2px solid #e9c359;border-radius:16px;color:#674c12;background:#fff7c9;box-shadow:0 4px 0 #d8ad3f}.auto-sell-filter-button span{font-size:12px;letter-spacing:.02em}.auto-sell-filter-button strong{max-width:48%;color:#775714;font-size:10px;line-height:1.25}
.equipment-summon-row{margin-top:12px;gap:9px}.roll-button,.equipment-roll{min-height:68px;margin-top:0;padding:10px 15px;border:3px solid #fff;border-radius:19px;color:#fff;background:linear-gradient(135deg,#218ddf,#3bc9e8);box-shadow:0 6px 0 #1765ae}.roll-button span{font-size:15px;font-style:normal}.roll-button strong{color:#fff8b7;font-size:15px}.roll-button small{color:#eafaff;font-size:10px;letter-spacing:.03em}.auto-summon-button{min-width:58px;border:3px solid #fff;border-radius:18px;color:#285c87;background:#d8f4ff;box-shadow:0 5px 0 #75b7d9}
.loadout-heading{margin-top:17px;align-items:center}.loadout-heading span,.collection-title{color:#1764b4;font-size:12px;letter-spacing:.05em}.loadout-heading strong{color:#17395f;font-size:16px}
.equipment-loadout{gap:11px}.equipment-slot{min-height:100px;padding:12px;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;border:2px solid color-mix(in srgb,var(--rarity-glow) 60%,#b9ddec);border-radius:18px;background:#fff;box-shadow:0 4px 0 #bddceb}.equipment-slot>div i{width:50px;height:50px;border:3px solid #fff;border-radius:16px;font-size:22px;box-shadow:0 3px 0 #7eaac8}.equipment-slot>div span,.equipment-slot section small{color:#5d7890;font-size:10px}.equipment-slot section strong{color:#17395f;font-size:16px}.equipment-slot section b{color:#1764b4;font-size:12px;line-height:1.35}.equipment-slot section em{color:#8a5d0a;font-size:10px;line-height:1.4}.equipment-slot section u{color:#644e18;background:#fff1ae;font-size:10px}.equipment-slot mark{color:#227254;background:#d8f8e8;font-size:9px}.equipment-slot-actions button{min-width:74px;padding:9px;color:#fff;border:2px solid #fff;border-radius:13px;background:#f0a91e;box-shadow:0 4px 0 #ae7210;font-size:9px}.equipment-slot-actions button b{font-size:12px}.equipment-slot-icon.burning::before,.equipment-slot-icon.burning::after{display:none}
.profile-row{margin-top:14px}.level-orb,#stats-panel .level-orb{width:76px;min-width:76px;height:76px;border:3px solid #fff;background:#d8f4ff;box-shadow:0 4px 0 #6cb2d9}.level-orb span,.level-orb small,#stats-panel .level-orb span,#stats-panel .level-orb small{color:#537793;font-size:9px}.level-orb strong,#stats-panel .level-orb strong{color:#1764b4;font-size:28px}.profile-stats{gap:8px}.profile-stats div{border:2px solid #c9e7f5;border-radius:15px;background:#fff}.profile-stats span,#stats-panel .profile-stats span{color:#5d7890;font-size:10px}.profile-stats strong,#stats-panel .profile-stats strong{color:#1764b4;font-size:17px}
.cp-summary,#stats-panel .cp-summary{margin-top:11px;padding:11px 12px;border:2px solid #efcb65;border-radius:17px;background:#fff5bc;box-shadow:0 4px 0 #dcb750}.cp-summary div span{color:#725619;font-size:9px}.cp-summary div strong{color:#674c12;font-size:23px;text-shadow:none}.cp-summary section{gap:7px}.cp-summary section span{padding:8px 5px;color:#526d82;border:2px solid #fff;border-radius:11px;background:#fff}.cp-summary section b{color:#1764b4;font-size:11px}
.level-progress,#stats-panel .level-progress{margin-top:11px;padding:10px 12px;border:2px solid #b9dff1;border-radius:15px;background:#fff}.level-progress span{color:#526d82;font-size:10px}.level-progress strong{color:#1764b4;font-size:12px}.level-progress>i{background:#d5e9f3}.level-progress>i b{box-shadow:none}
.stat-point-bank,#stats-panel .stat-point-bank{min-height:54px;margin-top:10px;border:2px solid #8fd6b0;border-radius:15px;background:#e1faec}.stat-point-bank span{color:#286a4a;font-size:11px}.stat-point-bank strong{color:#16895b}.stat-point-bank small{color:#4a8a6f;font-size:9px}
.stat-batch-controls,#stats-panel .stat-batch-controls{margin-top:10px;padding:6px;border:2px solid #c9e7f5;border-radius:15px;background:#eef9ff}.stat-batch-controls>span{color:#52738d;font-size:9px}.stat-batch-controls button{height:38px;color:#426681;background:#fff;font-size:11px}.stat-batch-controls button.active{color:#174b6a;border-color:#fff;background:#7de5d1;box-shadow:0 3px 0 #3fae99}
.stat-upgrades,#stats-panel .stat-upgrades{gap:11px;margin-top:13px}.stat-upgrade,#stats-panel .stat-upgrade{min-height:86px;padding:12px;grid-template-columns:minmax(0,1fr) 72px 112px;gap:10px;color:#17395f;border:2px solid #b8dff2;border-radius:18px;background:#fff;box-shadow:0 4px 0 #bddceb}.stat-upgrade.premium{border-color:#efd073;background:#fff9da}.stat-copy b,#stats-panel .stat-copy b{color:#17395f;font-size:17px;letter-spacing:0}.stat-copy small,#stats-panel .stat-copy small{color:#5b7488;font-size:11px;line-height:1.35}.stat-progress strong,#stats-panel .stat-progress strong{color:#1764b4;font-size:16px}.stat-progress small,#stats-panel .stat-progress small{color:#6c8293;font-size:10px}.stat-buy,#stats-panel .stat-buy{min-height:54px;border:3px solid #fff;border-radius:15px;background:#2bb7e4;box-shadow:0 4px 0 #1474ad;font-size:12px}.premium .stat-buy{background:#e6a51e;box-shadow:0 4px 0 #a86e0b}.reset-button,#stats-panel .reset-button{min-height:48px;color:#8b3f43;border:2px solid #f1b3b3;border-radius:15px;background:#ffe7e7;font-size:11px}
.character-list{grid-template-columns:1fr;gap:11px;max-height:390px}.character-card,.character-list:has(.character-card:only-child) .character-card{min-height:128px;padding:14px;grid-template-columns:82px 1fr;color:#17395f;border:2px solid color-mix(in srgb,var(--rarity-glow) 58%,#b9ddec);border-radius:19px;background:#fff;box-shadow:0 4px 0 #bddceb}.character-card.selected{background:#e7f9ff;box-shadow:0 4px 0 #66b8d8}.character-card span strong{color:#17395f;font-size:17px}.character-card span strong b{color:#1764b4;font-size:12px}.character-card span small{color:#52738d;font-size:11px}.character-card em{color:#895e0d;font-size:12px}.character-card .character-cp{color:#674c12;border-color:#e4be52;background:#fff4b8;font-size:11px}.character-card mark{color:#40637d;background:#e8f5fb;font-size:9px}.character-card.selected mark{color:#fff;background:#238ccf}
.pet-list{gap:11px;max-height:410px}.pet-card{min-height:108px;padding:13px;color:#17395f;border:2px solid #e8afd3;border-radius:19px;background:#fff;box-shadow:0 4px 0 #e5bfd5}.pet-card.selected{border-color:#63c99e;background:#e5faef}.pet-card small{color:#5d7890;font-size:10px}.pet-card strong{font-size:17px}.pet-card b{color:#1764b4;font-size:12px}.pet-card em{color:#895e0d;font-size:11px}.pet-card mark{color:#227254;background:#d8f8e8;font-size:9px}
.page-copy{color:#52738d;font-size:12px}.secondary-button{min-height:50px;color:#1764b4;border:3px solid #fff;border-radius:16px;background:#d8f4ff;box-shadow:0 4px 0 #70b4d8;font-size:12px}
.summon-odds-modal,.equipment-result,.equipment-enhance-modal{background:#8bcde5d9;backdrop-filter:blur(5px)}.summon-odds-card,.equipment-result-card,.equipment-enhance-card{color:#17395f;border:3px solid #fff;border-radius:23px;background:#f8fdff;box-shadow:0 8px 0 #62a8cf}.summon-odds-card h3,.equipment-result-card h3,.equipment-enhance-card h3{color:#1764b4}.summon-odds-card>p,.equipment-compare-heading p,.equipment-enhance-note{color:#52738d}

@media(max-width:430px){
  .shop-panel{padding-left:7px;padding-right:7px}.shop-card,.equipment-card,#stats-panel .shop-card{padding:14px}.shop-heading h2,#stats-panel .shop-heading h2,.equipment-card .shop-heading h2{font-size:32px}.shop-coins,#stats-panel .shop-coins,.currency-stack .shop-coins{min-width:64px;padding:7px}.equipment-tier,.summon-tier{grid-template-columns:64px minmax(0,1fr) 90px}.stat-upgrade,#stats-panel .stat-upgrade{grid-template-columns:minmax(0,1fr) 62px 96px;padding:10px;gap:7px}.stat-copy b,#stats-panel .stat-copy b{font-size:15px}.stat-copy small,#stats-panel .stat-copy small{font-size:10px}.equipment-slot{grid-template-columns:52px minmax(0,1fr) auto;padding:10px;gap:8px}.equipment-slot section strong{font-size:14px}.equipment-slot section b{font-size:11px}
}

/* Readability pass: combat HUD, results, collection dialogs and navigation. */
.stage-buffs{margin-top:7px;gap:5px}.stage-buffs span{min-width:68px;padding:6px 9px;border:2px solid #fff;border-radius:15px;color:#245b3b;background:#efffe9;box-shadow:0 3px 0 #72b977;font-size:10px;line-height:1;font-weight:1000;letter-spacing:.015em}.stage-buffs span b{color:#173f2b;font-size:10px}.stage-buffs span.debuff{color:#8f2946;background:#ffe7eb;box-shadow:0 3px 0 #df91a4}

.complete-panel{color:#17466e}.complete-badge{border:4px solid #fff;box-shadow:0 5px 0 #35b995;background:#65efbb}.complete-panel h2{color:#1764b4;text-shadow:0 3px 0 #fff}.complete-panel h2 em{color:#ff6674}.complete-rewards div{border:2px solid #fff;border-radius:16px;background:#173b55;box-shadow:0 4px 0 #7ab6d2}.complete-rewards span{color:#d8edf6;font-size:10px;letter-spacing:.06em}.complete-actions{gap:12px}.complete-actions button,.complete-actions .primary-button,.complete-actions .result-leave-button{min-height:58px;padding:0 18px;border:3px solid #fff;border-radius:17px;color:#123f64;background:#77d9ee;box-shadow:0 5px 0 #2588b8;font-size:14px;font-weight:1000;letter-spacing:.025em}.complete-actions .complete-replay-button{color:#17466e;background:#fff2a9;box-shadow:0 5px 0 #d2a832}.complete-actions .complete-home-button{color:#fff;background:#53738b;box-shadow:0 5px 0 #28495f}.complete-actions button span{color:inherit;font-size:21px}.complete-panel .hint{color:#50728a;font-size:10px;font-weight:900}

.persistent-nav .nav-button.active{border:3px solid #fff;color:#164b75;background:#7dd9ef;box-shadow:0 4px 0 #3c9ec5}.persistent-nav .nav-button.active i{color:#1263a6;background:#fff;box-shadow:0 2px 0 #a7d4ed}.persistent-nav .nav-button.active span,.persistent-nav .nav-button.active strong{color:#173f63;font-size:9px}

.equipment-result-card{color:#17395f}.equipment-compare-heading>span{color:#1686b4;font-size:10px}.equipment-compare-heading h3{color:#1764b4;font-size:27px}.equipment-compare-heading p{color:#52738d;font-size:11px;line-height:1.4}.compare-equipment-card{border:2px solid #b8dff2;border-radius:16px;background:#fff;box-shadow:0 3px 0 #c4deea}.compare-equipment-card.equipped{border-color:#66d9b4;background:#f0fff9;box-shadow:0 3px 0 #86cdb7}.compare-card-top mark{color:#11694e;border-color:#66d9b4;background:#dff9ee;font-size:9px}.candidate .compare-card-top mark{color:#6947a0;border-color:#c5a7f0;background:#f3ebff}.compare-card-body small{color:#617c91;font-size:9px}.compare-card-body strong{color:#17395f;font-size:18px}.compare-card-body em{color:#087eae;font-size:12px;line-height:1.3}.compare-card-body u{color:#805d08;border-color:#edce68;background:#fff7cf;font-size:11px}.compare-card-affixes span{color:#785712;border-color:#e8c85c;background:#fff8d6;font-size:10px}.compare-card-deltas b{font-size:10px}.compare-card-deltas .positive{color:#087b59;background:#daf7ec}.compare-card-deltas .negative{color:#a53046;background:#ffe3e8}.compare-card-deltas .neutral{color:#526f84;background:#eaf4f8}.compare-divider{color:#7c58b9;font-size:10px;font-weight:1000}.equipment-result-actions button{min-height:62px;border:3px solid #fff;border-radius:16px;color:#704d08;background:#ffe586;box-shadow:0 4px 0 #d0a52d}.equipment-result-actions button:last-child{color:#fff;background:#22b9d5;box-shadow:0 4px 0 #087da6}.equipment-result-actions span,.equipment-result-actions strong{font-size:11px}.equipment-result-actions strong{color:#6d4a05}

.summon-odds-modal{padding:18px 18px 88px;background:#8bcde5df}.summon-odds-card{max-height:calc(100% - 8px);color:#17395f;border:3px solid #fff;border-radius:23px;background:#f8fdff;box-shadow:0 8px 0 #62a8cf}.summon-odds-heading{align-items:center}.summon-odds-heading span{color:#7555ac;font-size:11px}.summon-odds-heading h3{color:#1764b4;font-family:inherit;font-style:normal}#summon-odds-close,#equipment-odds-close,#pet-odds-close,.summon-odds-close{width:44px;height:44px;flex:0 0 44px;border:3px solid #fff;border-radius:50%;color:#fff;background:#ff6674;box-shadow:0 4px 0 #b7364a;font-size:26px;font-weight:1000}.summon-odds-card>p{color:#52738d;font-family:inherit;font-size:12px}.summon-odds-row{border:2px solid #c7dfeb;border-left-width:5px;background:#fff;opacity:1}.summon-odds-row .odds-copy>strong{color:#17395f;font-family:inherit;font-size:16px}.summon-odds-row .odds-copy>small{color:#607b90;font-family:inherit;font-size:10px}.summon-odds-row.unavailable{opacity:.72;background:#edf4f7}.odds-values>span{border:1px solid #bfd4df;background:#e9f2f6}.odds-values small{color:#587489;font-family:inherit;font-size:8px}.odds-values b{color:#17395f;font-family:inherit;font-size:14px}.odds-values>i{color:#56758b}.odds-values .up{border-color:#71c9a9;background:#def7ec}.odds-values .up small,.odds-values .up b{color:#087657}.odds-values .down{border-color:#e9a5b0;background:#ffe7eb}.odds-values .down small,.odds-values .down b{color:#a32d43}.odds-values .same b{color:#49667c}.summon-odds-total{border-color:#b8d2df}.summon-odds-total span{color:#536f83}.summon-odds-total strong{color:#087657}

.auto-sell-card{position:relative;padding-top:22px}.auto-sell-card>.summon-odds-close{position:sticky;top:0;z-index:4;float:right;margin:0 0 8px 12px}.auto-sell-card>.eyebrow{clear:none;color:#6e57a1;font-size:10px}.auto-sell-card>h3{clear:both;color:#1764b4;font-size:25px}.auto-sell-card>p:not(.eyebrow),.auto-sell-stat-copy{color:#58758b!important;font-size:11px!important}.auto-sell-divider{color:#58758b;font-size:9px}.auto-sell-divider:before,.auto-sell-divider:after{background:#9fc2d3}.auto-sell-option{border:2px solid #b6d7e5;border-radius:13px;background:#fff}.auto-sell-option:has(input:checked){border-color:#e3b63d;background:#fff6c8;box-shadow:none}.auto-sell-option span{color:#17395f;font-size:11px}.auto-sell-option small{color:#607b90;font-size:8px}.auto-sell-stat-option:has(input:checked){border-color:#33b9d2;background:#e4faff;box-shadow:none}.auto-sell-stat-option small{color:#137997}.stat-toggle{border-color:#7399aa;background:#dbe8ee;box-shadow:inset 0 1px 3px #6b879955}.stat-toggle:before{background:#fff}.stat-toggle:after{color:#527185}.auto-sell-card .secondary-button{position:sticky;bottom:0;z-index:3;min-height:52px;border:3px solid #fff;border-radius:15px;color:#fff;background:#22b9d5;box-shadow:0 4px 0 #087da6}

.reset-button,#stats-panel .reset-button{min-height:54px;padding:11px 14px;color:#7a2838;border:3px solid #fff;border-radius:16px;background:#ffdfe5;box-shadow:0 4px 0 #d98a99;font-size:12px}.reset-button strong,#stats-panel .reset-button strong{color:#7a2838;font-size:11px}

@media(max-width:430px){.stage-buffs span{min-width:64px;padding:5px 7px;font-size:9px}.stage-buffs span b{font-size:9px}.complete-actions{width:min(100%,365px)}.summon-odds-modal{padding:10px 10px 82px}.summon-odds-card{padding:16px 13px}.summon-odds-row{grid-template-columns:minmax(104px,.85fr) minmax(150px,1fr)}.equipment-result-card{padding:15px}.compare-equipment-card{padding:11px}.auto-sell-list{gap:7px}.auto-sell-option{padding:9px 8px}}

.world-one-choice{position:absolute;z-index:28;left:50%;top:58%;width:min(94%,500px);padding:12px 10px 14px;transform:translate(-50%,-50%) scale(.78);opacity:0;pointer-events:none;border:3px solid #fff;border-radius:24px;background:#eafafff2;box-shadow:0 10px 0 #5aa7d0,0 20px 42px #306b8f55;text-align:center}.world-one-choice[hidden]{display:none}.world-one-choice.show{animation:world-one-choice-in .4s cubic-bezier(.2,.9,.2,1) forwards;pointer-events:auto}.world-one-choice.resolving{pointer-events:none}.world-one-choice>small{display:block;margin-bottom:9px;color:#22669d;font-size:11px;font-weight:1000;letter-spacing:.12em}.world-one-choice>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.world-one-choice button{min-width:0;padding:11px 4px 9px;border:3px solid #fff;border-radius:18px;color:#174d76;background:#fff;box-shadow:0 5px 0 #8fc7e5;transition:transform .16s,filter .16s,box-shadow .16s}.world-one-choice button:nth-child(1){background:#ffe4e8;box-shadow:0 5px 0 #e7909c}.world-one-choice button:nth-child(2){background:#eee7ff;box-shadow:0 5px 0 #a994e1}.world-one-choice button:nth-child(3){background:#ddf8e7;box-shadow:0 5px 0 #75c690}.world-one-choice button b,.world-one-choice button strong,.world-one-choice button span{display:block}.world-one-choice button b{font-size:24px;line-height:1}.world-one-choice button strong{margin-top:5px;font-size:12px}.world-one-choice button span{margin-top:3px;font-size:8px;font-weight:1000}.world-one-choice button.selected{animation:world-one-choice-pop .38s ease both;filter:brightness(1.12);box-shadow:0 0 0 5px #fff,0 0 28px #36cfff}.world-one-choice button:not(.selected){transition:opacity .2s,transform .2s}.world-one-choice.resolving button:not(.selected){opacity:.35;transform:scale(.9)}@keyframes world-one-choice-in{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes world-one-choice-pop{45%{transform:scale(1.13) rotate(-2deg)}100%{transform:scale(1.03)}}

.equipment-result{padding:18px 18px 92px}.equipment-result-card{max-height:100%}
@media(max-width:430px){.equipment-result{padding:10px 10px 82px}}

/* Skill collection, equipment and in-stage cooldown lane. */
.skill-tier-card.compact{grid-template-columns:76px minmax(0,1fr) 34px;gap:8px;margin:8px 0;padding:8px 10px;min-height:58px}
.skill-tier-card.compact>div:first-child strong{font-size:15px}.skill-tier-card.compact span{font-size:7px}.skill-tier-card.compact #skill-tier-progress{font-size:11px}
#skill-odds-button{width:32px;height:32px;padding:0;border:3px solid #fff;border-radius:50%;color:#fff;background:#765ad2;box-shadow:0 3px 0 #4d3996;font-size:15px;font-weight:1000}
.equipped-skill-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:11px 0 8px}
.equipped-skill-slot{aspect-ratio:1;min-width:0;padding:7px 4px;border:3px solid #fff;border-radius:16px;color:#173f63;background:linear-gradient(145deg,#e8f8ff,#b9e8f8);box-shadow:0 4px 0 #66aaca;text-align:center}
.equipped-skill-slot.empty{color:#718a9b;background:#e8eff3;box-shadow:0 4px 0 #a9c0cb}.equipped-skill-slot i,.equipped-skill-slot strong,.equipped-skill-slot small{display:block}.equipped-skill-slot i{font-size:21px;font-style:normal}.equipped-skill-slot strong{margin-top:3px;font-size:9px;line-height:1.05}.equipped-skill-slot small{margin-top:3px;font-size:7px}
.skill-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0}.skill-quick-actions button{min-height:38px;padding:6px;border:2px solid #fff;border-radius:12px;color:#fff;background:#2cb7df;box-shadow:0 3px 0 #1476aa;font-size:9px;font-weight:1000}.skill-quick-actions button:last-child{color:#624811;background:#ffe486;box-shadow:0 3px 0 #c99c29}.skill-quick-actions button:disabled{color:#718392;background:#dfe9ee;box-shadow:0 3px 0 #a4bbc6;opacity:.78}
.pet-quick-actions #upgrade-all-pets:not(:disabled){color:#714600;border-color:#fff;background:linear-gradient(135deg,#fff3a0,#ffc653);box-shadow:0 4px 0 #c68a16,0 0 18px #ffc83f55;cursor:pointer}
.skills-page-card .feature-primary-button{min-height:54px}.skill-card-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:360px;padding:2px;overflow-y:auto}
.skill-tile{position:relative;aspect-ratio:1;min-width:0;padding:5px 2px;border:2px solid #fff;border-radius:11px;color:#173f63;background:linear-gradient(145deg,#f9fdff,#d9f1fb);box-shadow:0 3px 0 #a5cbdc;text-align:center;overflow:hidden}
.skill-tile i,.skill-tile strong,.skill-tile small,.skill-tile b{display:block}.skill-tile i{font-size:17px;font-style:normal;line-height:1}.skill-tile strong{margin-top:4px;font-size:7px;line-height:1.05;overflow-wrap:anywhere}.skill-tile small{margin-top:3px;color:#58758b;font-size:6px}.skill-tile b{position:absolute;right:3px;top:3px;padding:2px 3px;border-radius:5px;color:#fff;background:#7558c8;font-size:6px}.skill-tile.unavailable{filter:grayscale(1);opacity:.55;background:#dfe7eb}.skill-tile.equipped{border-color:#fff5a3;background:#fff5bf;box-shadow:0 0 0 2px #f2c23f,0 4px 0 #bd8c19;filter:none;opacity:1}
.skill-detail-card{width:min(94%,390px);text-align:left}.skill-detail-card>h3{margin:3px 0 10px;font-size:26px}.skill-detail-card>p{color:#56758b;font-size:11px;line-height:1.45}.skill-detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.skill-detail-stats span{padding:9px;border:2px solid #c8e1ec;border-radius:12px;color:#56758b;background:#fff;font-size:8px}.skill-detail-stats b{display:block;margin-top:3px;color:#1764b4;font-size:13px}.skill-detail-card #skill-detail-equip{width:100%;margin-top:12px}
.skill-odds-card{width:min(94%,420px)}.skill-odds-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:10px 0}.skill-odds-tabs button{min-height:30px;border:2px solid #fff;border-radius:9px;color:#526f84;background:#dcebf2;box-shadow:0 2px 0 #a7c0cc;font-size:8px;font-weight:1000}.skill-odds-tabs button.active{color:#fff;background:#7558c8;box-shadow:0 2px 0 #4f3899}.skill-odds-list{display:grid;gap:6px}.skill-odds-row{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border:2px solid #c7dfeb;border-radius:11px;background:#fff}.skill-odds-row span{color:#17395f;font-size:10px;font-weight:1000}.skill-odds-row strong{color:#7657c6;font-size:13px}
.active-skill-hud{position:absolute;z-index:27;right:8px;top:50%;width:112px;display:grid;gap:7px;transform:translateY(-50%);pointer-events:none}.active-skill-hud[hidden]{display:none}.active-skill-chip{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr);gap:5px;align-items:center;min-height:48px;padding:6px;border:2px solid #fff;border-left:5px solid var(--skill-color);border-radius:12px;color:#173f63;background:#f7fdffe8;box-shadow:0 3px 0 #6aa5c4;backdrop-filter:blur(3px);overflow:hidden}.active-skill-chip>i{grid-row:1/3;font-size:18px;font-style:normal;text-align:center}.active-skill-chip span strong,.active-skill-chip span small{display:block}.active-skill-chip span strong{font-size:7px;line-height:1.05}.active-skill-chip span small{margin-top:2px;color:#57758b;font-size:5px}.active-skill-chip>b{grid-column:2;color:#16835a;font-size:8px}.active-skill-chip.cooling>b{color:#a33c54}.active-skill-chip.cooling:after{content:"";position:absolute;inset:0;background:#5b6b7b24}.active-skill-chip.ready{box-shadow:0 0 12px color-mix(in srgb,var(--skill-color) 55%,transparent),0 3px 0 #6aa5c4}.active-skill-chip.active{background:#fff6bde8}
@media(max-width:430px){.skill-card-list{gap:4px}.skill-tile{padding:4px 1px;border-radius:9px}.skill-tile i{font-size:15px}.skill-tile strong{font-size:6px}.active-skill-hud{right:5px;width:99px}.active-skill-chip{grid-template-columns:21px minmax(0,1fr);min-height:44px;padding:5px}.active-skill-chip>i{font-size:15px}}
.equipped-skill-slot span{display:block;margin-top:3px;font-size:7px}.skill-tile span{display:block;margin-top:3px;color:#58758b;font-size:6px}
.skill-odds-list>div{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;padding:9px 11px;border:2px solid #c7dfeb;border-radius:11px;background:#fff}.skill-odds-list>div span{color:#17395f;font-size:10px;font-weight:1000}.skill-odds-list>div strong{color:#7657c6;font-size:13px}.skill-odds-list>div small{grid-column:1/-1;color:#678093;font-size:7px}
.skill-detail-card #skill-detail-equip[hidden]{display:none}
.skill-odds-tabs{max-height:145px;padding:2px;overflow-y:auto;overscroll-behavior:contain}.skill-odds-tabs button{position:relative;flex-shrink:0}

/* Mobile clarity pass: summon tiers, combat HUD, campaign map and popup lanes. */
#upgrade-summon-tier,#upgrade-pet-tier{
  min-height:48px;border:3px solid #fff;border-radius:14px;color:#173f63;
  background:#ffe58b;box-shadow:0 4px 0 #c89622;opacity:1
}
#upgrade-summon-tier span,#upgrade-pet-tier span{color:#714d06;font-size:10px}
#upgrade-summon-tier strong,#upgrade-pet-tier strong{color:#704900;font-size:11px}
#upgrade-summon-tier:disabled,#upgrade-pet-tier:disabled{
  opacity:.78;color:#526d82;background:#e5eef3;box-shadow:0 4px 0 #9fb9c6
}
#upgrade-summon-tier:disabled span,#upgrade-pet-tier:disabled span,
#upgrade-summon-tier:disabled strong,#upgrade-pet-tier:disabled strong{color:#526d82}

#hud .stage-wallet{min-width:142px;height:30px;padding:0 7px;gap:5px;border:2px solid #e3b943;background:#fff6c7;box-shadow:0 3px 0 #c79628}
#hud .coin-pill,#hud .coin-pill span,#hud .coin-pill strong{color:#644812!important;font-size:9px;font-weight:1000}
#hud .coin-pill.gold-bar-pill,#hud .coin-pill.silver-stone-pill,#hud .coin-pill.pet-shard-pill{padding-left:5px;border-left-color:#b7933d}
#hud .stage-xp-inline{border:2px solid #c7b7ee;background:#f1eaff;box-shadow:0 3px 0 #9e88ca}
#hud .stage-xp-inline span{color:#604c8e;font-size:8px}#hud .stage-xp-inline span b{color:#49317b;font-size:12px}#hud .stage-xp-inline strong{color:#493d68;font-size:9px}
#hud .stat{border:2px solid #fff;background:#f7fcff;box-shadow:0 3px 0 #9ecae0}
#hud .stat span{color:#526f84;font-size:8px}#hud .stat strong{color:#1764b4;font-size:16px}
#hud .stat.hp{background:#e5faee;box-shadow:0 3px 0 #74bf95}#hud .stat.hp span{color:#286a49}#hud .stat.hp strong{color:#087b4e;font-size:17px;text-shadow:none}

.stage-select-modal{padding:18px 14px 86px;background:#8bcde5df;backdrop-filter:blur(5px)}
.stage-select-card{
  width:min(100%,480px);max-height:100%;padding:20px;color:#17395f;
  border:4px solid #fff;border-radius:26px;background:linear-gradient(180deg,#fffdf1,#eafaff);
  box-shadow:0 8px 0 #5ca5ce;overflow:hidden
}
.stage-select-heading span{color:#7b58aa;font-size:10px}.stage-select-heading h2{color:#1764b4;font-size:34px;text-shadow:none}
#stage-select-close{width:46px;height:46px;flex-basis:46px;border:3px solid #fff;color:#fff;background:#ff6674;box-shadow:0 4px 0 #b7364a;font-weight:1000}
.current-stage-entry{min-height:68px;border:3px solid #fff;border-radius:18px;color:#17466e;background:#7ddff0;box-shadow:0 5px 0 #2b98bc}
.current-stage-entry small{color:#31657c;font-size:9px}.current-stage-entry strong{color:#143f65;font-size:19px}.current-stage-entry>b{color:#143f65;font-size:14px}
.world-tabs{gap:8px;padding:3px 2px 9px}.world-tabs button{min-width:92px;height:46px;border:2px solid #c7dfea;border-radius:14px;color:#5e7485;background:#fff;box-shadow:0 3px 0 #c3d7e0}.world-tabs button span{color:#7b58aa}.world-tabs button.active{color:#17466e;border:3px solid #fff;background:#9af0dc;box-shadow:0 4px 0 #47aa91}.world-tabs button.active span{color:#286d5c}
.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:3px 3px 7px}
.stage-choice{min-height:58px;border:2px solid #c4deea;border-radius:15px;color:#17395f;background:#fff;box-shadow:0 3px 0 #c4dce7}
.stage-choice small{color:#688195;font-size:8px}.stage-choice strong{color:#1764b4;font-size:18px}.stage-choice span{color:#16865f;font-size:8px}.stage-choice.current{border:3px solid #fff;background:#fff0a9;box-shadow:0 4px 0 #d1a633}.stage-choice.current span{color:#7a5200}.stage-choice:disabled{opacity:.6;background:#e7eef2;filter:none}.stage-choice:disabled strong,.stage-choice:disabled span{color:#8296a3}.stage-select-note{color:#56748a;font-size:10px;font-weight:800}

/* Notifications use separate vertical lanes; a level-up replaces the XP card. */
.monster-loot-popup{top:calc(100% + 8px);z-index:15;border:2px solid #fff;background:#344f67e8;box-shadow:0 3px 0 #17364d}
.xp-gain{top:190px;z-index:16}.level-stats-popup{top:220px;z-index:19;width:min(88%,350px);border:3px solid #fff;border-radius:16px;background:#346b63ee;box-shadow:0 5px 0 #174c46;backdrop-filter:none}
.level-stats-popup>strong{font-size:12px}.level-stats-popup span{color:#eaf6f4;background:#214e48;font-size:10px}.level-stats-popup b{color:#8ff0bd}
#toast{top:190px;z-index:20}

@media(max-width:430px){
  #hud .stage-wallet{min-width:122px;padding-inline:5px;gap:3px}#hud .coin-pill,#hud .coin-pill span,#hud .coin-pill strong{font-size:8px}
  #hud .stage-xp-inline{min-width:86px;padding-inline:6px}#hud .stage-xp-inline span{font-size:7px}#hud .stage-xp-inline span b{font-size:11px}#hud .stage-xp-inline strong{font-size:8px}
  .stage-select-modal{padding:10px 9px 82px}.stage-select-card{padding:16px 13px}.stage-select-heading h2{font-size:31px}.stage-grid{gap:7px}.stage-choice{min-height:55px}
  .level-stats-popup{top:205px}.xp-gain,#toast{top:174px}
}

/* Keep the Equipment page inside narrow iPhone viewports. */
#shop-panel,
#shop-panel .equipment-card {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
}

#shop-panel .shop-heading,
#shop-panel .shop-heading > div,
#shop-panel .currency-stack,
#shop-panel .equipment-character-stats,
#shop-panel .equipment-tier,
#shop-panel .equipment-summon-row,
#shop-panel .loadout-heading,
#shop-panel .equipment-loadout,
#shop-panel .equipment-slot,
#shop-panel .equipment-slot > section,
#shop-panel .equipment-slot-actions {
  min-width: 0;
  max-width: 100%;
}

@media(max-width:430px){
  #shop-panel { padding-inline: max(7px, env(safe-area-inset-left)) max(7px, env(safe-area-inset-right)); }
  #shop-panel .equipment-card { padding-inline: 12px; }
  #shop-panel .shop-heading { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px; }
  #shop-panel .shop-heading h2 { font-size: clamp(27px,8vw,32px); overflow-wrap: anywhere; }
  #shop-panel .shop-heading .eyebrow { font-size: 8px; letter-spacing: .06em; }
  #shop-panel .currency-stack { gap: 5px; }
  #shop-panel .shop-coins,
  #shop-panel .currency-stack .shop-coins { min-width: 57px; padding: 6px 5px; }
  #shop-panel .shop-coins span { font-size: 7px; }
  #shop-panel .shop-coins strong { font-size: 17px; }
  #shop-panel .equipment-tier { grid-template-columns: 58px minmax(0,1fr) 82px; gap: 6px; padding: 9px 7px; }
  #shop-panel .equipment-tier > div:first-child span { font-size: 8px; }
  #shop-panel .equipment-tier > div:first-child strong { font-size: 25px; }
  #shop-panel .summon-odds-button,
  #shop-panel #upgrade-equipment-tier { padding-inline: 4px; }
  #shop-panel .equipment-summon-row { grid-template-columns: minmax(0,1fr) 54px; gap: 7px; }
  #shop-panel .roll-button,
  #shop-panel .equipment-roll { min-width: 0; padding-inline: 9px; }
  #shop-panel .roll-button span,
  #shop-panel .roll-button strong { font-size: 13px; }
  #shop-panel .roll-button small { font-size: 8px; }
  #shop-panel .auto-summon-button { min-width: 54px; }
  #shop-panel .loadout-heading { overflow: hidden; }
  #shop-panel .equipment-slot { grid-template-columns: 50px minmax(0,1fr) 70px; gap: 7px; }
  #shop-panel .equipment-slot-actions button { width: 70px; min-width: 0; padding-inline: 5px; }
}

@media(max-width:360px){
  #shop-panel .equipment-card { padding-inline: 10px; }
  #shop-panel .shop-heading h2 { font-size: 26px; }
  #shop-panel .shop-coins,
  #shop-panel .currency-stack .shop-coins { min-width: 53px; }
  #shop-panel .equipment-tier { grid-template-columns: 54px minmax(0,1fr) 76px; gap: 5px; }
  #shop-panel .equipment-slot { grid-template-columns: 46px minmax(0,1fr) 64px; gap: 6px; }
  #shop-panel .equipment-slot-actions button { width: 64px; }
}

/* UTC+8 rotating storefront. */
.storefront-card{display:flex;flex-direction:column;gap:13px}.storefront-heading{flex:0 0 auto}.storefront-countdown{min-width:132px;padding:8px 10px;text-align:center;border:2px solid #f2cb65;border-radius:16px;background:#fff8d9}.storefront-countdown span,.storefront-countdown small{display:block;color:#725c28;font-size:8px;font-weight:1000;letter-spacing:.06em}.storefront-countdown strong{display:block;margin:4px 0;color:#674c12;font-size:18px}.vip-offer{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:12px;padding:15px;color:#fff;border:3px solid #fff;border-radius:21px;background:linear-gradient(135deg,#5944b6,#a83bc7 55%,#ffbb43);box-shadow:0 6px 0 #5f4694,0 14px 26px #63357f3d}.vip-offer span{font-size:9px;font-weight:1000;letter-spacing:.1em}.vip-offer h3{margin:4px 0;font-size:23px}.vip-offer p{margin:0;font-size:11px;line-height:1.35}.vip-offer small{display:block;margin-top:8px;color:#fff6ad;font-weight:1000}.vip-offer.active{background:linear-gradient(135deg,#166f91,#28b68a 55%,#f0c64c)}.vip-offer button,.storefront-offer button,.free-daily-offer button{min-height:52px;padding:8px;border:3px solid #fff;border-radius:15px;color:#17466e;background:#fff1a9;box-shadow:0 4px 0 #d29d31;font-weight:1000}.vip-offer button span,.vip-offer button strong,.storefront-offer button span,.storefront-offer button strong{display:block}.vip-offer button strong,.storefront-offer button strong{margin-top:4px;font-size:17px}.free-daily-offer{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px;align-items:center;padding:12px;border:2px solid #75d4ad;border-radius:17px;background:#e5faef;box-shadow:0 4px 0 #57ad87}.free-daily-offer span,.free-daily-offer small{display:block;color:#39715c;font-size:8px;font-weight:1000;letter-spacing:.06em}.free-daily-offer strong{display:block;margin:4px 0;color:#176a4d;font-size:15px}.free-daily-offer button{color:#fff;background:#35b887;box-shadow:0 4px 0 #217c5c}.storefront-section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:2px 3px}.storefront-section-title span{color:#1764b4;font-size:14px;font-weight:1000}.storefront-section-title small{max-width:230px;color:#52738d;text-align:right;font-size:7px;font-weight:900}.storefront-offers{display:grid;gap:11px}.storefront-offer{display:grid;grid-template-columns:56px minmax(0,1fr) 105px;gap:10px;align-items:center;padding:12px;border:2px solid #c7e4f2;border-radius:18px;background:#fff;box-shadow:0 4px 0 #b9d8e7}.storefront-offer>i{width:52px;height:52px;display:grid;place-items:center;color:#1764b4;border-radius:15px;background:#def5ff;font-size:25px;font-style:normal}.storefront-offer h3{margin:0;color:#17395f;font-size:16px}.storefront-offer p{margin:5px 0 0;color:#52738d;font-size:10px;line-height:1.35}.storefront-offer small{display:block;margin-top:5px;color:#997021;font-size:8px;font-weight:1000}.storefront-offer.medium{border-color:#cfb6ef;background:#f5efff}.storefront-offer.large{border-color:#f1c763;background:#fff9dc}.storefront-offer button{color:#fff;background:#29add8;box-shadow:0 4px 0 #187ca5}.storefront-offer.medium button{background:#8e61cd;box-shadow:0 4px 0 #604298}.storefront-offer.large button{color:#69470c;background:#ffd45d;box-shadow:0 4px 0 #c99722}.storefront-offer button:disabled,.vip-offer button:disabled,.free-daily-offer button:disabled{color:#65727a;background:#cfd9de;box-shadow:0 4px 0 #9aa9b0;opacity:.82}.storefront-message{margin:0;color:#52738d;text-align:center;font-size:9px;font-weight:900}.storefront-card>.home-back{display:block}
.store-test-banner{padding:11px;border:2px solid #ff9d4d;border-radius:16px;background:#fff0dc;color:#7b3d12;box-shadow:0 4px 0 #dc7c32}.store-test-banner>strong,.store-test-banner>span{display:block}.store-test-banner>strong{font-size:12px;letter-spacing:.08em}.store-test-banner>span{margin-top:3px;font-size:9px;font-weight:850}.store-test-banner>div{display:flex;gap:7px;margin-top:9px}.store-test-banner button{flex:1;min-height:34px;padding:6px;border:2px solid #fff;border-radius:10px;background:#e27631;color:#fff;box-shadow:0 3px 0 #a94c1d;font-size:8px;font-weight:1000}
@media(max-width:430px){.storefront-heading{display:grid;grid-template-columns:minmax(0,1fr) 116px}.storefront-countdown{min-width:0;padding-inline:7px}.vip-offer{grid-template-columns:minmax(0,1fr) 98px;padding:12px;gap:8px}.vip-offer h3{font-size:18px}.vip-offer p{font-size:9px}.free-daily-offer{grid-template-columns:minmax(0,1fr) 94px}.storefront-offer{grid-template-columns:44px minmax(0,1fr) 88px;padding:10px;gap:8px}.storefront-offer>i{width:42px;height:42px;font-size:20px}.storefront-offer h3{font-size:14px}.storefront-offer p{font-size:9px}.storefront-offer button{padding-inline:5px}.storefront-offer button strong{font-size:14px}}

/* One-time Stage 1 stat-upgrade guide. */
@keyframes stage-one-guide-pulse{0%,100%{filter:brightness(1);transform:translateY(0) scale(1)}50%{filter:brightness(1.14);transform:translateY(-2px) scale(1.035)}}
.stage-one-guide-focus{position:relative!important;z-index:61!important;outline:4px solid #fff09a!important;box-shadow:0 0 0 7px #ffbd3f88,0 0 30px 12px #ffe45caa!important;animation:stage-one-guide-pulse .85s ease-in-out infinite!important}
.guide-spotlight-backdrop{position:absolute;z-index:59;inset:0;overflow:hidden;pointer-events:none}.guide-spotlight-backdrop[hidden]{display:none}.guide-spotlight-backdrop>i{position:absolute;display:block;background:#020812e8}.guide-spotlight-backdrop>i:nth-child(1){inset:0 0 auto;height:var(--spot-top,100%)}.guide-spotlight-backdrop>i:nth-child(2){top:var(--spot-top,0);left:0;width:var(--spot-left,0);height:var(--spot-height,0)}.guide-spotlight-backdrop>i:nth-child(3){top:var(--spot-top,0);right:0;width:var(--spot-right,0);height:var(--spot-height,0)}.guide-spotlight-backdrop>i:nth-child(4){inset:auto 0 0;top:var(--spot-bottom,100%)}.guide-spotlight-backdrop.no-target>i:first-child{height:100%}.guide-spotlight-backdrop.no-target>i:not(:first-child){display:none}.guide-spotlight-backdrop+.stage-one-guide,.stage-one-guide{z-index:70;filter:none}
.stage-one-guide{position:absolute;z-index:60;left:50%;bottom:max(98px,calc(env(safe-area-inset-bottom) + 90px));width:min(calc(100% - 28px),430px);padding:16px 18px;translate:-50% 0;color:#17395f;text-align:center;border:3px solid #fff;border-radius:20px;background:#fff4ad;box-shadow:0 7px 0 #d5a72f,0 16px 34px #34637d55;pointer-events:none}
.stage-one-guide::after{content:'↓';position:absolute;left:var(--guide-arrow-left,30%);bottom:-36px;color:#fff09a;font-size:36px;font-weight:1000;line-height:1;text-shadow:0 3px 0 #b97b12,0 0 10px #ffca3a}
.stage-one-guide.first-stage-home-guide{background:#fff4ad}
.stage-one-guide.boss-dodge-guide{top:22%;bottom:auto;background:#e8f8ff;box-shadow:0 7px 0 #49a6cf,0 16px 34px #173f645f}
.stage-one-guide.boss-dodge-guide::after{content:'↔';left:50%;bottom:-48px;color:#6ee8ff;font-size:46px;translate:-50% 0;text-shadow:0 3px 0 #16749d,0 0 14px #31cfff;animation:boss-dodge-swipe .75s ease-in-out infinite alternate}
@keyframes boss-dodge-swipe{from{transform:translateX(-22px)}to{transform:translateX(22px)}}
.stage-one-guide.level-three-home-guide::after{content:'↑';display:block;top:-37px;bottom:auto;left:var(--guide-arrow-left,28px)}
.stage-one-guide>span,.stage-one-guide>strong,.stage-one-guide>p{display:block}.stage-one-guide>span{color:#8c6515;font-size:9px;font-weight:1000;letter-spacing:.1em}.stage-one-guide>strong{margin-top:4px;color:#1764b4;font-size:20px}.stage-one-guide>p{margin:7px 0 0;color:#365e77;font-size:12px;font-weight:850;line-height:1.4}
.stage-one-guide.damage-guide{top:max(12px,env(safe-area-inset-top));bottom:auto;background:#e5f8ff;box-shadow:0 7px 0 #5aaacb,0 16px 34px #34637d55}.stage-one-guide.damage-guide::after{display:none}
.stage-one-guide.dungeon-modal-guide{z-index:140;top:auto;max-width:410px;background:#e5f8ff;box-shadow:0 7px 0 #5aaacb,0 16px 38px #123b5c88}.stage-one-guide.dungeon-modal-guide::after{display:block}
.stage-one-guide.guide-below-target::after{content:'↑';display:block;top:-36px;bottom:auto;left:var(--guide-arrow-left,50%);color:#fff09a;text-shadow:0 3px 0 #b97b12,0 0 10px #ffca3a}
.stage-one-reset-guide{position:relative;margin:18px 0 9px;padding:18px 14px 14px;color:#17395f;text-align:center;border:3px solid #fff;border-radius:18px;background:#fff4ad;box-shadow:0 5px 0 #d5a72f}.stage-one-reset-guide[hidden],.stage-one-guide[hidden]{display:none}
.stage-one-reset-guide>i{position:absolute;top:-45px;left:50%;color:#ffca3a;font:1000 42px/1 inherit;text-shadow:0 3px 0 #a86f0a;translate:-50% 0;animation:stage-one-guide-pulse .7s ease-in-out infinite}.stage-one-reset-guide>strong{display:block;color:#1764b4;font-size:17px}.stage-one-reset-guide>p{margin:7px 0 12px;color:#365e77;font-size:12px;font-weight:850;line-height:1.4}.stage-one-reset-guide>button{width:100%;min-height:44px;color:#fff;border:3px solid #fff;border-radius:15px;background:#34b9e8;box-shadow:0 4px 0 #1776ad;font:1000 12px/1 inherit;letter-spacing:.04em}
.complete-home-button.stage-one-guide-focus{background:#ffcf4f!important;color:#17466e!important}
@media(max-width:430px){.stage-one-guide{width:calc(100% - 20px);padding:13px 14px}.stage-one-guide>strong{font-size:17px}.stage-one-guide>p{font-size:11px}.stage-one-reset-guide{padding:15px 11px 12px}}

/* Make the two Stage 1-locked systems unmistakably unavailable. */
.persistent-nav #equipment-nav:disabled,.persistent-nav #character-nav:disabled,.persistent-nav #pets-nav:disabled{opacity:.48;filter:grayscale(1);color:#8997a1!important;border-color:#c7d0d6!important;background:#dce3e7!important;box-shadow:inset 0 1px #fff8!important;cursor:not-allowed}
.persistent-nav #equipment-nav:disabled i,.persistent-nav #character-nav:disabled i,.persistent-nav #pets-nav:disabled i{color:#929da5!important;background:#cbd3d8!important;box-shadow:none!important}
.persistent-nav #equipment-nav:disabled span,.persistent-nav #character-nav:disabled span,.persistent-nav #pets-nav:disabled span{color:#7f8b93!important}
.persistent-nav #equipment-nav:disabled small,.persistent-nav #character-nav:disabled small,.persistent-nav #pets-nav:disabled small{display:block;color:#6f7b83!important;font-size:7px;font-weight:1000;letter-spacing:.04em}

/* Skills collection and daily dungeons. */
.home-currency.skill-tome,.home-currency.tome-key{grid-column:auto;padding-inline:5px;font-size:7px;white-space:nowrap}.home-currency.tome-key{color:#286c87;border-color:#8ddcf1;background:#e4f8ff}.home-currency.skill-tome strong,.home-currency.tome-key strong{font-size:10px}
.home-feature-stack{display:grid;gap:6px}.home-coming-soon-actions{align-items:flex-start}.home-coming-soon-actions .home-feature-button{pointer-events:auto}.home-feature-button:not(:disabled){opacity:1;cursor:pointer}.home-feature-button.skills-feature{border-color:#b99be8;background:linear-gradient(135deg,#f2e9ff,#dcf8ff);color:#62438f}.home-feature-button.skills-feature i{color:#7652b1;background:#fff}.home-feature-button.skills-feature small{color:#765e94}.home-feature-button.dungeons-feature{color:#1b6488;background:linear-gradient(135deg,#dff8ff,#fff2b0);border-color:#fff;box-shadow:0 4px 0 #5da9ca}.home-feature-button.dungeons-feature i{color:#1764b4;background:#fff}.home-feature-button.dungeons-feature small{color:#597c8d}.home-feature-button.skills-feature:disabled{filter:grayscale(1);opacity:.55}
.feature-panel .shop-card{max-width:500px}.feature-panel .shop-card>.home-back{display:block!important;margin-top:14px}.skills-page-card,.dungeons-page-card{display:block}.tome-wallet{border-color:#b99be8!important;background:#f2e9ff!important}.tome-wallet strong{color:#6f49aa!important}
#skills-panel .skills-page-card,#dungeons-panel .dungeons-page-card{max-height:calc(100% - 62px)}.skills-home-footer,.dungeons-home-footer{position:absolute;z-index:18;left:12px;right:12px;bottom:max(88px,calc(env(safe-area-inset-bottom) + 78px));display:flex;justify-content:center}.skills-home-footer>.home-back,.dungeons-home-footer>.home-back{width:min(100%,500px);min-height:50px;margin:0!important;color:#1764b4;border:3px solid #fff;border-radius:16px;background:#d8f4ff;box-shadow:0 4px 0 #70b4d8;font-size:12px;font-weight:1000}
.skill-tier-card{margin-top:14px;padding:13px;display:grid;grid-template-columns:105px 1fr;gap:12px;border:2px solid #cbb4ee;border-radius:18px;background:#f5edff;box-shadow:0 4px 0 #a98bd3}.skill-tier-card>div{display:grid;gap:4px}.skill-tier-card span{color:#6f6190;font-size:9px;font-weight:950;letter-spacing:.06em}.skill-tier-card strong{color:#68429d;font-size:17px}.skill-tier-card strong small{font-size:10px}.skill-tier-card i{height:8px;overflow:hidden;border-radius:20px;background:#d7c9e9}.skill-tier-card i b{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#8b65c6,#4fcddd);transition:width .25s}
.feature-primary-button{width:100%;min-height:58px;margin-top:13px;padding:9px 14px;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;color:#fff;border:3px solid #fff;border-radius:17px;background:#7654bd;box-shadow:0 5px 0 #4a2d84;font:inherit}.feature-primary-button span{font-size:15px;font-weight:1000}.feature-primary-button strong{font-size:14px}.feature-primary-button small{grid-column:1/-1;margin-top:3px;color:#e8dbff;font-size:8px;font-weight:900;letter-spacing:.04em}.feature-primary-button:disabled{filter:grayscale(1);opacity:.55}
.feature-result{margin:12px 0 8px;color:#55738b;font-size:10px;font-weight:850;text-align:center}.skill-card-list{display:grid;gap:10px}.skill-page-card{padding:11px;display:grid;grid-template-columns:38px minmax(0,1fr) 90px;align-items:center;gap:9px;color:#17395f;border:2px solid #b9dff1;border-radius:17px;background:#fff;box-shadow:0 4px 0 #bddceb}.skill-page-card>i{width:38px;height:38px;display:grid;place-items:center;color:#fff;border-radius:13px;background:linear-gradient(145deg,#45d8ef,#9d68dc);font-size:21px;font-style:normal}.skill-page-card>div{min-width:0;display:grid;gap:2px}.skill-page-card>div>span{color:#7751a8;font-size:8px;font-weight:1000}.skill-page-card>div>strong{font-size:15px}.skill-page-card small,.skill-page-card em,.skill-page-card p{font-size:8px;font-weight:850;font-style:normal}.skill-page-card em{color:#618092}.skill-page-card p{margin:3px 0 0;color:#27815d}.skill-page-card>button{min-height:44px;padding:6px;border:2px solid #fff;border-radius:13px;color:#fff;background:#2db7df;box-shadow:0 3px 0 #187eae;font:inherit}.skill-page-card>button span,.skill-page-card>button b{display:block;font-size:9px}.skill-page-card>button b{margin-top:3px;font-size:8px}.skill-page-card.locked{filter:grayscale(.8);opacity:.65}.skill-page-card button:disabled{opacity:.55}
.dungeon-list{display:grid;gap:8px;margin-top:15px}.dungeon-list>button{min-height:58px;padding:9px 12px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;text-align:left;color:#718594;border:2px solid #d4e1e8;border-radius:16px;background:#edf2f5;box-shadow:0 3px 0 #becbd2;font:inherit}.dungeon-list>button>i{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#dce5e9;font-style:normal}.dungeon-list>button span{display:grid;gap:3px}.dungeon-list>button strong{font-size:13px}.dungeon-list>button small,.dungeon-list>button>b{font-size:8px;font-weight:900}.dungeon-list>button.open{color:#225c79;border-color:#fff;background:linear-gradient(135deg,#dff8ff,#fff1a3);box-shadow:0 4px 0 #59a9ca;cursor:pointer}.dungeon-list>button.open>i{color:#7449ac;background:#fff}.dungeon-list>button.open>b{display:flex;align-items:center;gap:8px;color:#168057;white-space:nowrap}.dungeon-list>button.open>b>span{display:inline;color:#6c58a0}
.tomes-dungeon-card{margin-top:13px;padding:13px;border:2px solid #c8b2e8;border-radius:18px;background:#f6efff}.tomes-dungeon-card>div{display:flex;justify-content:space-between;gap:10px;color:#5b7590;font-size:10px;font-weight:900}.tomes-dungeon-card>div+div{margin-top:7px}.tomes-dungeon-card>div strong{color:#68429d}.tomes-dungeon-card>p{margin:10px 0;color:#587184;font-size:10px;line-height:1.4}.tomes-dungeon-card .feature-primary-button{background:#36b8df;box-shadow:0 5px 0 #197da9}.tome-key-wallet{border-color:#90d8ee!important;background:#e5f8ff!important}.tome-key-wallet strong{color:#246984!important}
.dungeon-entry-modal{position:absolute;inset:0;z-index:120;display:grid;place-items:center;padding:18px;background:#113e5a99;backdrop-filter:blur(8px)}.dungeon-entry-modal[hidden]{display:none}.dungeon-entry-dialog{position:relative;width:min(100%,440px);max-height:min(86vh,720px);overflow-y:auto;padding:28px 15px 16px;border:3px solid #fff;border-radius:24px;background:#eefaff;box-shadow:0 8px 0 #4e9fc6,0 24px 70px #123b5c88}.dungeon-entry-dialog>.tomes-dungeon-card{margin:0}.dungeon-entry-close{position:absolute;z-index:2;top:8px;right:9px;width:38px;height:38px;border:3px solid #fff;border-radius:50%;color:#fff;background:#ff5f76;box-shadow:0 4px 0 #b6304d;font:1000 24px/1 inherit}.dungeon-sweep-button{width:auto;max-width:100%;min-height:36px;margin:4px 0 10px;padding:6px 10px;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:7px;text-align:center;border:2px solid #fff;border-radius:12px;color:#fff;background:#8758cc;box-shadow:0 3px 0 #51328d;font:inherit}.dungeon-sweep-button[hidden]{display:none}.dungeon-sweep-button span{font-size:9px;font-weight:1000}.dungeon-sweep-button strong{color:#ebddff;font-size:7px}.dungeon-sweep-button:disabled{filter:grayscale(1);opacity:.55}.dungeon-sweep-confirm{margin:5px 0 11px;padding:11px;border:2px solid #c6a7ef;border-radius:14px;text-align:center;background:#fff}.dungeon-sweep-confirm:not([hidden]){display:block}.dungeon-sweep-confirm[hidden]{display:none}.dungeon-sweep-confirm>strong{display:block;color:#68429d;font-size:10px}.dungeon-sweep-confirm>p{margin:6px 0 9px;color:#587184;font-size:9px;line-height:1.35}.dungeon-sweep-confirm>div{display:grid;grid-template-columns:.8fr 1.2fr;gap:7px}.dungeon-sweep-confirm button{min-height:38px;padding:6px;border:2px solid #fff;border-radius:11px;color:#41677b;background:#dbeef5;box-shadow:0 3px 0 #9dbac7;font:1000 8px/1.15 inherit}.dungeon-sweep-confirm #dungeon-sweep-confirm-button{color:#fff;background:#8758cc;box-shadow:0 3px 0 #51328d}.dungeon-list>button.open>b>span{font-size:8px}
@media(max-width:430px){.home-feature-stack{gap:4px}.home-feature-button{min-height:42px}.skill-page-card{grid-template-columns:34px minmax(0,1fr) 78px;padding:9px;gap:7px}.skill-page-card>i{width:34px;height:34px}.skill-page-card>div>strong{font-size:13px}.skill-page-card>button{padding:4px}.dungeon-list>button{min-height:52px}.feature-primary-button span{font-size:13px}}

/* Skill ownership progress and polished detail presentation. */
.skill-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:7px 3px 5px}
.skill-tile>small{line-height:1}.skill-tile>strong{width:100%;min-height:15px;display:grid;place-items:center;margin-top:2px;line-height:1.1}.skill-tile>span{margin-top:1px!important}
.skill-tile .skill-copy-progress{min-width:30px;margin-top:3px;padding:2px 5px;display:block;color:#526d80;border:1px solid #b8cfda;border-radius:999px;background:#edf5f8;font-size:7px;font-weight:1000;font-style:normal;line-height:1}
.skill-tile .skill-copy-progress.ready{color:#08784f;border-color:#6ed0a5;background:#d9f8e9;box-shadow:0 0 8px #38d99155}
.skill-tile.unavailable .skill-copy-progress{color:#78868d;background:#dbe2e5}.skill-tile b{max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.skill-detail-card{position:relative;width:min(100%,420px)!important;max-height:min(86vh,690px)!important;padding:25px 21px 20px!important;overflow-x:hidden!important;text-align:left}
.skill-detail-card>.summon-odds-close{position:absolute;z-index:2;top:15px;right:15px;width:42px;height:42px;margin:0}
.skill-detail-card>.eyebrow{width:max-content;max-width:calc(100% - 52px);margin:0 0 6px!important;padding:5px 9px;color:#704da0!important;border:1px solid #d4bdf1;border-radius:999px;background:#f3ebff;font-size:9px!important;line-height:1!important;letter-spacing:.08em}
.skill-detail-card>h3{max-width:calc(100% - 48px);margin:8px 0 16px!important;color:#1764b4;font-size:clamp(23px,6vw,30px)!important;line-height:1.02;overflow-wrap:anywhere}
.skill-detail-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%}
.skill-detail-stats .skill-stat-card{min-width:0;padding:11px 12px;border:2px solid #c8e1ec;border-radius:14px;background:linear-gradient(145deg,#fff,#eef9fd);box-shadow:0 2px 0 #b5d3e0}
.skill-detail-stats .skill-stat-card.wide{grid-column:1/-1}.skill-detail-stats .skill-stat-card>span{display:block;padding:0;border:0;border-radius:0;color:#607b90;background:none;font-size:8px;font-weight:1000;letter-spacing:.07em}
.skill-detail-stats .skill-stat-card>strong{display:block;max-width:100%;margin-top:5px;color:#173f63;font-size:13px;line-height:1.25;overflow-wrap:anywhere}.skill-detail-stats .skill-stat-card.wide>strong{color:#1764b4;font-size:14px}
.skill-detail-stats .skill-stat-card>small{display:block;margin-top:3px;color:#71899a;font-size:7px;font-weight:950}.skill-detail-stats .skill-stat-card.copies{border-color:#cab5e9;background:#f5efff}.skill-detail-stats .skill-stat-card.copies>strong{color:#704ab0;font-size:17px}
.skill-detail-stats .skill-stat-card.copies.ready{border-color:#62c99b;background:#dcf8e9;box-shadow:0 2px 0 #65ad8a}.skill-detail-stats .skill-stat-card.copies.ready>strong,.skill-detail-stats .skill-stat-card.copies.ready>small{color:#08784f}
.skill-detail-stats .skill-stat-card.effect{border-color:#f1d57b;background:#fff8d9}.skill-detail-stats .skill-stat-card.effect>strong{color:#8a6411}
.level-skill-progress{grid-template-columns:105px minmax(0,1fr)!important}.skill-unlock-rules{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;padding:9px 11px;border:2px solid #89d8ee;border-radius:13px;background:linear-gradient(135deg,#e9fbff,#f3efff);color:#1764b4}.skill-unlock-rules strong{font-size:8px;letter-spacing:.04em}.skill-unlock-rules span{color:#607b90;font-size:7px;font-weight:900;text-align:right}.skill-slot-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px;border:2px solid #9ddced;border-radius:14px;background:#effbff}.skill-slot-picker>span{grid-column:1/-1!important;padding:0!important;border:0!important;background:none!important;font-size:8px!important;font-weight:1000}.skill-slot-picker button{min-width:0;padding:7px 4px;border:2px solid #bfdde9;border-radius:10px;background:#fff;color:#31566f}.skill-slot-picker button.selected{border-color:#43c7e9;background:#dff8ff;box-shadow:0 0 0 2px #a7edff}.skill-slot-picker button b,.skill-slot-picker button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-slot-picker button b{font-size:8px}.skill-slot-picker button small{margin-top:3px;color:#738a99;font-size:6px}
#home-key-box,.stage-one-guide,.stage-one-reset-guide,.equipment-filter-guide,.guide-spotlight-backdrop{display:none!important}
#tomes-dungeon-button,#silver-dungeon-button,#boss-dungeon-button,#pet-dungeon-button,.tome-key-wallet,.mine-key-wallet,.boss-key-wallet,.pet-den-key-wallet,#dungeon-sweep-button,#dungeon-sweep-confirm{display:none!important}
.skill-detail-card>#skill-detail-passive{margin:12px 0 0!important;padding:12px 13px;display:grid;gap:4px;color:#526f84!important;border:2px solid #bce3d0;border-radius:14px;background:#e9faf2;font-size:10px!important;line-height:1.35!important}
.skill-detail-card>#skill-detail-passive>strong{color:#14805a;font-size:9px;letter-spacing:.07em}.skill-detail-card>#skill-detail-passive>span,.skill-detail-card>#skill-detail-passive>small{display:block}.skill-detail-card>#skill-detail-passive b{color:#173f63}.skill-detail-card>#skill-detail-equip{min-height:52px;margin-top:12px;display:flex;align-items:center;justify-content:center;padding:10px;text-align:center;font-size:12px;font-weight:1000;line-height:1.15;white-space:normal}
@media(max-width:430px){.skill-detail-card{padding:22px 15px 16px!important}.skill-detail-card>.summon-odds-close{top:12px;right:12px;width:38px;height:38px}.skill-detail-card>h3{font-size:23px!important}.skill-detail-stats{gap:7px!important}.skill-detail-stats .skill-stat-card{padding:9px 10px}.skill-detail-stats .skill-stat-card>strong{font-size:12px}.skill-tile{padding-inline:2px}.skill-tile .skill-copy-progress{min-width:27px;padding-inline:3px;font-size:6px}}
.home-feature-button.dungeons-feature:disabled{filter:grayscale(1);opacity:.55;box-shadow:0 3px 0 #9badb6}

@keyframes skill-summon-reveal{0%{opacity:0;transform:translateY(20px) scale(.82) rotate(-1deg)}60%{transform:translateY(-4px) scale(1.035) rotate(.4deg)}100%{opacity:1;transform:none}}
#skill-detail-modal.summon-result .skill-detail-card{overflow:visible!important;border-color:#fff8c3;background:linear-gradient(155deg,#fffef4,#f1fbff 60%,#f5edff);box-shadow:0 8px 0 #5ca6ca,0 0 0 5px #ffe16c88,0 0 45px #fff19baa;animation:skill-summon-reveal .46s cubic-bezier(.2,.85,.25,1.15)}
#skill-detail-modal.summon-result .skill-detail-card::before,#skill-detail-modal.summon-result .skill-detail-card::after{content:'✦';position:absolute;z-index:1;color:#ffd84f;font-size:27px;font-weight:1000;text-shadow:0 2px 0 #bf8420,0 0 14px #fff}#skill-detail-modal.summon-result .skill-detail-card::before{top:-18px;left:24px;transform:rotate(-18deg)}#skill-detail-modal.summon-result .skill-detail-card::after{right:28px;bottom:-19px;color:#78e9ff;transform:rotate(22deg)}
#skill-detail-modal.summon-result #skill-detail-tier{color:#946b05!important;border-color:#edcb50;background:#fff1a9}
#skill-detail-modal.summon-result #skill-detail-title{max-width:calc(100% - 48px);display:flex;align-items:center;gap:11px}#skill-detail-modal.summon-result #skill-detail-title>i{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;color:#fff;border:3px solid #fff;border-radius:14px;background:linear-gradient(145deg,#49d9ed,#8b5fd0);box-shadow:0 4px 0 #527ca7,0 0 18px #70e8ff88;font-size:24px;font-style:normal}#skill-detail-modal.summon-result #skill-detail-title>span{min-width:0;overflow-wrap:anywhere}
#skill-detail-modal.summon-result.new-skill #skill-detail-passive{border-color:#e9ca50;background:#fff5be}#skill-detail-modal.summon-result.new-skill #skill-detail-passive>strong{color:#8c6205}#skill-detail-modal.summon-result.duplicate-skill #skill-detail-passive{border-color:#9e84da;background:#f2ebff}#skill-detail-modal.summon-result.duplicate-skill #skill-detail-passive>strong{color:#7046a5}

/* Home command-center layout: progression left, labeled resources right. */
.home-panel .hero-card{display:none}
.home-panel .home-brand{right:190px}
.home-panel .home-wallet{position:absolute;z-index:7;top:calc(max(18px,env(safe-area-inset-top)) + 82px);right:14px;width:166px;margin:0;display:grid;grid-template-columns:1fr;gap:7px}
.home-resource-box,.home-key-box{padding:8px;display:grid;gap:4px;border:3px solid #fff;border-radius:17px;background:#fff8dcf2;box-shadow:0 5px 0 #d9ae4c,0 9px 22px #31566b33}
.home-key-box{border-color:#fff;background:#e8f8fff2;box-shadow:0 5px 0 #65afd0,0 9px 22px #31566b33}
.home-key-box>b{padding:0 4px 3px;color:#277294;font-size:8px;font-weight:1000;letter-spacing:.12em}
.home-panel .home-currency,.home-panel .home-currency.skill-tome,.home-panel .home-currency.tome-key{min-height:23px;padding:3px 5px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:4px;color:#694f1c;text-align:left;border:0;border-radius:8px;background:#ffffffa6;box-shadow:none;font-size:8px;white-space:nowrap}
.home-panel .home-currency i{width:18px;height:18px;display:grid;place-items:center;color:#1764b4;border-radius:6px;background:#dff5ff;font-size:9px;font-style:normal}
.home-panel .home-currency span{min-width:0;overflow:hidden;color:#705a2c;font-size:7px;font-weight:1000;letter-spacing:.025em;text-overflow:ellipsis}
.home-panel .home-currency strong,.home-panel .home-currency.skill-tome strong,.home-panel .home-currency.tome-key strong{color:#173f63;font-size:10px;text-align:right}
.home-panel .home-currency.silver-stone i{color:#41788e;background:#e1f6ff}.home-panel .home-currency.skill-tome i{color:#754daf;background:#f1e8ff}.home-panel .home-currency.gold-bar i{color:#a37408;background:#fff0a8}.home-panel .home-currency.pet-shard i{color:#aa3e8b;background:#ffe2f5}.home-panel .home-currency.mine-key i{color:#57717e;background:#dbe9ef}
.home-panel .home-xp{top:calc(max(18px,env(safe-area-inset-top)) + 112px);left:15px;right:194px;width:auto;transform:none}
.home-panel .home-cp{top:calc(max(18px,env(safe-area-inset-top)) + 180px);left:15px;right:194px;width:auto;transform:none}
.home-panel .home-coming-soon-actions{top:calc(max(18px,env(safe-area-inset-top)) + 355px)}
@media(max-width:430px){.home-panel .home-brand{right:8px}.home-panel .home-wallet{right:8px;width:145px}.home-panel .home-xp,.home-panel .home-cp{left:8px;right:161px;padding-inline:9px}.home-panel .home-xp{top:calc(max(18px,env(safe-area-inset-top)) + 110px)}.home-panel .home-cp{top:calc(max(18px,env(safe-area-inset-top)) + 178px)}.home-panel .home-cp strong{font-size:15px}.home-panel .home-cp small{font-size:6px}.home-panel .home-coming-soon-actions{top:calc(max(18px,env(safe-area-inset-top)) + 350px)}}

/* Silver Mine selection and reward panel. */
.dungeon-list>button.selected{outline:3px solid #8eeaff;box-shadow:0 0 0 6px #68cfee44,0 4px 0 #3c91b5}
.silver-dungeon-card{border-color:#9bc8dc;background:linear-gradient(145deg,#eefaff,#e7eef3)}
.silver-dungeon-card>div strong{color:#286b88}.silver-dungeon-card .feature-primary-button{background:#4a9fc4;box-shadow:0 5px 0 #286b88}
.mine-key-wallet{border-color:#a8cad8!important;background:#edf7fa!important}.mine-key-wallet strong{color:#416b7e!important}

/* Equipment summon milestone choice. */
.equipment-tier>.continue-equipment-summoning{grid-column:1/-1;min-height:44px;padding:7px 12px;color:#225c79;border:2px solid #fff;border-radius:13px;background:#dff8ff;box-shadow:0 3px 0 #5aa6c7;font:inherit}.continue-equipment-summoning span,.continue-equipment-summoning strong{display:block;font-size:9px;font-weight:1000}.continue-equipment-summoning strong{margin-top:3px;color:#617b8d;font-size:7px}.continue-equipment-summoning[hidden]{display:none!important}
@keyframes equipment-tier-ready-pulse{0%,100%{filter:brightness(1);box-shadow:0 3px 0 #c09024,0 0 0 3px #ffe97788,0 0 16px #ffd94c77}50%{filter:brightness(1.12);box-shadow:0 3px 0 #c09024,0 0 0 5px #ffe977aa,0 0 28px #ffd94caa}}
#upgrade-equipment-tier.tier-ready:not(:disabled){color:#173f63;background:#fff1a2;border-color:#fff;animation:equipment-tier-ready-pulse .85s ease-in-out infinite}

/* Silver Mine battle clock. */
.silver-mine-timer{position:absolute;z-index:31;top:auto;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));left:12px;min-width:150px;padding:8px 14px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;color:#244f68;border:3px solid #fff;border-radius:15px;background:#e8f9fff2;box-shadow:0 4px 0 #5d9fbd,0 9px 24px #173f6444;translate:0 0;pointer-events:none}.silver-mine-timer[hidden]{display:none}.silver-mine-timer span{font-size:8px;font-weight:1000;letter-spacing:.09em}.silver-mine-timer strong{grid-row:1/3;grid-column:2;color:#1764b4;font-size:22px}.silver-mine-timer small{font-size:7px;font-weight:950}.silver-mine-timer.danger{color:#862d42;background:#fff0f1;box-shadow:0 4px 0 #c74761,0 0 24px #ff536c88}.silver-mine-timer.danger strong{color:#d9294d}

/* Align the resource ledger with the header and soften the 3D horizon seam. */
.home-panel .home-wallet{top:max(18px,env(safe-area-inset-top))}
.home-panel::before{content:"";position:absolute;z-index:2;left:0;right:0;top:29.5%;height:34px;pointer-events:none;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent)}
@media(max-width:430px){.home-panel .home-brand{right:158px}.home-panel .home-wallet{top:max(12px,env(safe-area-inset-top));width:145px}.silver-mine-timer{left:9px;bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px));min-width:138px;padding:7px 10px}.silver-mine-timer strong{font-size:19px}.top-row .brand.dungeon-location{flex-direction:column;align-items:flex-start;justify-content:center;gap:0}.top-row .brand.dungeon-location span{font-size:5.5px;line-height:1}.top-row .brand.dungeon-location strong{font-size:9px;line-height:1.05}}
.dungeons-page-card>.shop-heading .currency-stack{display:grid;grid-template-columns:repeat(3,minmax(58px,1fr));gap:5px}.dungeons-page-card>.shop-heading .shop-coins{min-width:0;padding-inline:6px}.dungeons-page-card>.shop-heading .shop-coins span{font-size:6px}.dungeons-page-card>.shop-heading .shop-coins strong{font-size:12px}
.dungeons-page-card>.shop-heading .dungeon-key-wallets{grid-template-columns:repeat(3,minmax(58px,1fr));max-width:300px}.exp-key-wallet{border-color:#9f85ee!important;background:#f2edff!important}.exp-key-wallet strong{color:#6841bd!important}.vault-key-wallet{border-color:#f4c55f!important;background:#fff8db!important}.vault-key-wallet strong{color:#9a6810!important}.pet-den-key-wallet{border-color:#c7aceb!important;background:#f5edff!important}.pet-den-key-wallet strong{color:#7144a9!important}

/* Keep page titles and navigation clear on narrow phones. */
@media (max-width:430px){
  #shop-panel .shop-heading{grid-template-columns:minmax(0,1fr) 108px;align-items:start}
  #shop-panel .shop-heading>div:first-child{min-width:0;overflow:hidden}
  #shop-panel .shop-heading h2{font-size:clamp(22px,7.1vw,29px);line-height:.95;white-space:normal;overflow-wrap:anywhere}
  #shop-panel .currency-stack{width:108px;min-width:108px;display:grid;grid-template-columns:1fr}
  #shop-panel .currency-stack .shop-coins{min-width:0;width:100%}
  #character-panel .shop-heading{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:start}
  #character-panel .shop-heading>div:first-child{min-width:0}
  #character-panel .currency-stack{width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  #character-panel .currency-stack .shop-coins{min-width:0;width:100%;padding:6px 4px;overflow:hidden}
  #character-panel .currency-stack .shop-coins span{font-size:6px;letter-spacing:.025em;white-space:nowrap}
  #character-panel .currency-stack .shop-coins strong{max-width:100%;overflow:hidden;font-size:clamp(11px,3.8vw,16px);text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
  #dungeons-panel .shop-heading{grid-template-columns:minmax(0,1fr) 178px}
  #dungeons-panel .currency-stack{width:210px;min-width:210px;grid-template-columns:repeat(3,minmax(0,1fr))}
  .dungeons-home-footer{left:7px;right:7px}
  .dungeons-home-footer>.home-back{min-height:44px;font-size:9px}
}

/* Guided equipment onboarding, dungeon refresh status, and failure recovery. */
.stage-one-guide-next{min-width:154px;margin:10px auto 0;padding:10px 16px;pointer-events:auto;color:#fff;border:3px solid #fff;border-radius:13px;background:#2cb8df;box-shadow:0 4px 0 #157ca8;font:inherit;font-size:10px;font-weight:1000;letter-spacing:.06em}.stage-one-guide-next[hidden]{display:none!important}
.stage-one-guide-footer{margin-top:12px;padding-top:9px;display:grid;gap:7px;border-top:1px solid #78aac066}.stage-one-guide-footer>small{color:#55758a;font-size:7px;font-weight:1000;letter-spacing:.09em}.stage-one-guide-footer>div{display:flex;justify-content:center;gap:8px}.stage-one-guide-footer .stage-one-guide-next,.stage-one-guide-footer .stage-one-guide-skip{min-width:0;margin:0;padding:9px 13px;pointer-events:auto;border:2px solid #fff;border-radius:11px;font:inherit;font-size:9px;font-weight:1000;letter-spacing:.045em}.stage-one-guide-footer .stage-one-guide-next{flex:1;color:#fff;background:#238fc4;box-shadow:0 3px 0 #176b98}.stage-one-guide-footer .stage-one-guide-skip{color:#486477;background:#e8f3f8;box-shadow:0 3px 0 #9ab7c5}.stage-one-guide.guide-action-ready{border-color:#fff3a1;background:#fff8c8;box-shadow:0 7px 0 #d6a82d,0 16px 34px #34637d55}.stage-one-guide.guide-action-ready>span{color:#8b6512}.stage-one-guide.guide-action-ready>strong{color:#1764b4}
.dungeon-refresh-countdown{margin-top:11px;padding:9px 12px;display:grid;gap:2px;text-align:center;color:#315f78;border:2px solid #a7d9ec;border-radius:14px;background:#eaf9ff}.dungeon-refresh-countdown span,.dungeon-refresh-countdown small{font-size:7px;font-weight:950;letter-spacing:.06em}.dungeon-refresh-countdown strong{color:#1764b4;font-size:11px}.dungeon-entry-status{display:inline-flex!important;align-items:center;justify-content:center;min-width:42px;padding:3px 7px;color:#1764b4!important;border:1px solid #8acfe8;border-radius:999px;background:#effaff;font-size:8px!important}
.equipment-filter-guide-section{position:relative;border-radius:14px}.equipment-guide-highlight{z-index:2;outline:4px solid #ffe36b;box-shadow:0 0 0 7px #ffe36b55,0 0 28px #ffd64caa;animation:stage-one-guide-pulse 1s ease-in-out infinite}.equipment-filter-guide{position:sticky;z-index:6;bottom:0;margin-top:12px;padding:12px;text-align:center;color:#173f63;border:3px solid #fff;border-radius:16px;background:#fff2a9;box-shadow:0 5px 0 #d5a52c,0 0 25px #ffe47788}.equipment-filter-guide[hidden]{display:none!important}.equipment-filter-guide span{color:#8c6713;font-size:7px;font-weight:1000;letter-spacing:.09em}.equipment-filter-guide strong{display:block;margin-top:3px;color:#1764b4;font-size:14px}.equipment-filter-guide p{margin:5px 0 9px!important;color:#365b74!important;font-size:9px!important;line-height:1.35}.equipment-filter-guide button{width:100%;padding:9px;color:#fff;border:2px solid #fff;border-radius:11px;background:#2cb8df;box-shadow:0 3px 0 #177ba7;font:inherit;font-size:9px;font-weight:1000}
.equipment-filter-guide-locked #equipment-filter-rarity-section .auto-sell-option,.equipment-filter-guide-locked #equipment-filter-stat-section .auto-sell-option{pointer-events:none;cursor:default;filter:saturate(.72);opacity:.78}.equipment-filter-guide-locked #equipment-filter-rarity-section input,.equipment-filter-guide-locked #equipment-filter-stat-section input{pointer-events:none}.equipment-filter-guide-next.stage-one-guide-focus{pointer-events:auto!important}
.sweep-last-button{width:100%;min-height:53px;margin-top:10px;padding:8px 12px;color:#704a9d;border:3px solid #fff;border-radius:16px;background:linear-gradient(135deg,#f2e8ff,#dff8ff);box-shadow:0 4px 0 #8f72bd;font:inherit}.sweep-last-button span,.sweep-last-button strong{display:block;font-weight:1000}.sweep-last-button span{font-size:11px}.sweep-last-button strong{margin-top:3px;font-size:8px}.sweep-last-button:disabled{filter:grayscale(.75);opacity:.62;box-shadow:0 3px 0 #87949b}.sweep-last-button[hidden]{display:none!important}

/* v241 mobile fit, combat readability, and illustrated skill collection. */
#fullscreen-button,.fighter-stat{display:none!important}
.combat-stat-meter{position:absolute;left:10px;right:10px;bottom:6px;height:5px;display:block;overflow:hidden;border-radius:99px;background:#bfd6df}.combat-stat-meter>b{height:100%;display:block;border-radius:inherit}.stat.damage .combat-stat-meter>b{width:100%;background:linear-gradient(90deg,#1889dd,#57d9ff);box-shadow:0 0 8px #42cfff}.stat.hp .combat-stat-meter>b{width:var(--health-ratio,100%);background:linear-gradient(90deg,#20b86e,#78efaa);box-shadow:0 0 8px #49dd91;transition:width .2s ease}.stat.hp.danger .combat-stat-meter>b{background:linear-gradient(90deg,#e83855,#ff9b65);box-shadow:0 0 10px #ff526c}.stat.damage,.stat.hp{position:relative;padding-bottom:12px!important}
.skill-summon-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.skill-summon-actions .feature-primary-button{min-width:0;margin:0;padding:8px 10px}.skill-summon-actions .summon-all-skills{background:linear-gradient(135deg,#ec4fa9,#7959d5);box-shadow:0 5px 0 #5e318e}
.skill-summon-actions .feature-primary-button{grid-template-columns:minmax(0,1fr);align-content:center;row-gap:3px}.skill-summon-actions .feature-primary-button span,.skill-summon-actions .feature-primary-button strong,.skill-summon-actions .feature-primary-button small{grid-column:1;min-width:0;max-width:100%;margin:0;line-height:1.15;word-break:normal;overflow-wrap:normal}.skill-summon-actions .feature-primary-button span{white-space:nowrap}.skill-summon-actions .feature-primary-button strong,.skill-summon-actions .feature-primary-button small{white-space:normal}
.skill-art{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;overflow:hidden;border:2px solid #fff;border-radius:13px;background:var(--skill-color);box-shadow:0 3px 0 color-mix(in srgb,var(--skill-color) 60%,#193e62),0 0 12px color-mix(in srgb,var(--skill-color) 58%,transparent)}.skill-art svg{width:100%;height:100%;display:block;filter:saturate(1.15) contrast(1.04)}.skill-art.tile-icon{width:34px;height:34px;margin:2px 0}.skill-art.equipped-icon{width:38px;height:38px;margin:3px auto}.skill-art.hud-icon{grid-row:1/3;width:30px;height:30px;border-radius:9px}.skill-art.detail-icon{width:48px;height:48px;border-radius:15px}.skill-art.haul-icon{width:48px;height:48px;border-radius:50%;box-shadow:0 3px 0 color-mix(in srgb,var(--skill-color) 55%,#173f63),0 0 16px color-mix(in srgb,var(--skill-color) 62%,transparent)}.empty-skill-icon{width:38px;height:38px;margin:3px auto;display:grid!important;place-items:center;border:2px dashed #8db3c6;border-radius:12px;color:#648398;font-size:21px!important}.skill-tile.unavailable .skill-art{filter:grayscale(.72);opacity:.72}.skill-tile.equipped .skill-art{filter:none;opacity:1}.equipped-skill-slot{aspect-ratio:auto;min-height:102px}.equipped-skill-slot .skill-art+strong{margin-top:5px}#skill-detail-modal.summon-result #skill-detail-title>.skill-art{flex:0 0 48px}
.skill-haul-card{width:min(100%,520px)!important;max-height:min(88vh,720px)!important;padding:24px 18px 18px!important;overflow-x:hidden!important}.skill-haul-card>h3{margin:7px 0 3px;color:#1764b4;font-size:28px}.skill-haul-summary{display:block;margin-bottom:14px;color:#7650a8;font-size:10px;letter-spacing:.06em}.skill-haul-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;max-height:410px;padding:4px;overflow-y:auto}.skill-haul-item{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}.skill-haul-item>strong{width:100%;margin-top:6px;color:#173f63;font-size:7px;line-height:1.08;overflow-wrap:anywhere}.skill-haul-item>b{position:absolute;top:-3px;right:1px;z-index:2;min-width:23px;padding:4px;color:#fff;border:2px solid #fff;border-radius:99px;background:#7249b6;box-shadow:0 2px 0 #4b2b83;font-size:9px}.skill-haul-item>small{margin-top:3px;color:#6e8190;font-size:6px;font-weight:950}.skill-haul-item.new>small{color:#0b8a5b}.skill-haul-card>.feature-primary-button{margin-top:15px;display:flex;justify-content:space-between}
.active-skill-chip.cooling{filter:brightness(.78) saturate(.72)}.active-skill-chip.cooling:after{z-index:2;background:#0a1730a6!important;backdrop-filter:blur(.4px)}.active-skill-chip.cooling>*{position:relative;z-index:3}.active-skill-chip.cooling>b{color:#fff}@keyframes skill-chip-casting{0%,100%{filter:brightness(1);transform:scale(1)}45%{filter:brightness(1.35);transform:scale(1.055);box-shadow:0 0 25px var(--skill-color),0 3px 0 #6aa5c4}}.active-skill-chip.casting{z-index:4;border-color:#fff8b7;background:#fffdf2;box-shadow:0 0 20px var(--skill-color),0 3px 0 #6aa5c4;animation:skill-chip-casting .34s ease-in-out infinite}.active-skill-chip.casting>b{color:#8d5c00}.active-skill-chip.casting:before{content:"";position:absolute;inset:-30%;background:conic-gradient(transparent,var(--skill-color),transparent 30%);opacity:.28;animation:spin .7s linear infinite}
@media(max-width:430px){
.home-panel .home-brand{left:9px;right:151px;gap:6px;align-items:center}.home-panel .home-brand .logo-mark{width:34px;height:34px;flex-basis:34px;border-radius:13px;font-size:13px}.home-panel .home-brand .eyebrow{margin-bottom:2px;font-size:6.5px;letter-spacing:.08em}.home-panel .home-brand h1{font-size:18px;line-height:1;letter-spacing:-.05em}.home-panel .home-wallet{right:7px;width:139px}.home-resource-box,.home-key-box{padding:6px;gap:2px;border-radius:14px}.home-panel .home-currency,.home-panel .home-currency.skill-tome,.home-panel .home-currency.tome-key{min-height:20px;padding:2px 4px;grid-template-columns:15px minmax(0,1fr) auto}.home-panel .home-currency i{width:15px;height:15px;font-size:7px}.home-panel .home-currency span{font-size:6px}.home-panel .home-currency strong{font-size:8px}.home-panel .home-xp,.home-panel .home-cp{right:153px}.home-panel .home-xp span,.home-panel .home-xp strong{font-size:7px}.home-panel .home-cp{grid-template-columns:minmax(0,1fr) auto}.home-panel .home-cp span{font-size:6px}.home-panel .home-cp strong{font-size:13px}.home-panel .home-cp small{white-space:normal;line-height:1.15}.rebirth-button{overflow:visible}.rebirth-button>span{min-width:0}.rebirth-button>b{overflow:visible;white-space:normal;text-overflow:clip;font-size:5.5px;line-height:1.15}
#hud{padding-inline:7px}.top-row{height:auto;display:grid;grid-template-columns:42px minmax(76px,1fr) minmax(108px,1.18fr) 37px 29px;gap:3px;align-items:center}.top-row .brand{min-width:0;display:flex;align-items:center;gap:3px;white-space:nowrap}.top-row .brand span{display:inline;font-size:6px}.top-row .brand strong{font-size:12px;white-space:nowrap}.stage-xp-inline{min-width:0;width:auto;padding:4px 5px}.stage-xp-inline>div{gap:3px}.stage-xp-inline span{font-size:5.5px;white-space:nowrap}.stage-xp-inline span b{font-size:8px}.stage-xp-inline strong{max-width:48px;overflow:hidden;font-size:6px;text-overflow:ellipsis}.stage-wallet,#hud .stage-wallet{min-width:0;width:100%;height:27px;padding-inline:3px;gap:2px}.stage-wallet .coin-pill,#hud .coin-pill,#hud .coin-pill span,#hud .coin-pill strong{font-size:6.5px}.leave-stage-button{min-width:0;width:37px;padding:0;font-size:7px}.icon-button{width:29px;height:29px}.stat-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(116px,1.42fr);gap:4px}.stat-row .stat{min-width:0}.stat-row .weapon-chip{min-width:0}.weapon-chip span{font-size:5.5px}.weapon-chip strong{font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combat-stat-meter{left:7px;right:7px;bottom:5px}
.active-skill-hud{right:4px;width:92px;gap:6px}.active-skill-chip{grid-template-columns:25px minmax(0,1fr);min-height:42px;padding:4px;gap:4px;border-radius:10px}.skill-art.hud-icon{width:25px;height:25px}.active-skill-chip span strong{font-size:6px}.active-skill-chip span small{font-size:4.5px}.active-skill-chip>b{font-size:7px}
#skills-panel{padding-inline:7px}.skills-page-card{padding:10px!important;border-radius:19px!important}.skills-page-card .shop-heading h2{font-size:29px}.skills-page-card .shop-heading .eyebrow{font-size:7px}.skills-page-card .shop-coins{min-width:72px;padding:7px}.skill-tier-card.compact{grid-template-columns:64px minmax(0,1fr) 30px;gap:5px;padding:7px;min-height:52px}.skill-tier-card.compact span{font-size:6px}.skill-tier-card.compact>div:first-child strong{font-size:13px}.skill-summon-actions{gap:5px}.skill-summon-actions .feature-primary-button{min-height:48px;padding:7px}.skill-summon-actions .feature-primary-button span{font-size:10px}.skill-summon-actions .feature-primary-button strong{font-size:8px}.skill-summon-actions .feature-primary-button small{font-size:5.5px}.equipped-skill-slots{gap:5px;margin:8px 0 6px}.equipped-skill-slot{min-height:82px;padding:4px 2px;border-radius:12px}.skill-art.equipped-icon{width:28px;height:28px;border-radius:9px}.equipped-skill-slot strong{font-size:7px}.equipped-skill-slot small,.equipped-skill-slot span{font-size:5.5px}.skill-quick-actions{gap:5px;margin:5px 0}.skill-quick-actions button{min-height:34px;font-size:7px}.feature-result{margin:7px 0 5px;font-size:7px}.skill-card-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;max-height:300px}.skill-tile{aspect-ratio:auto;min-height:82px;padding:3px 1px}.skill-art.tile-icon{width:26px;height:26px;border-radius:8px}.skill-tile>strong{min-height:13px;font-size:5.5px}.skill-tile>small,.skill-tile>span{font-size:5px}.skill-tile .skill-copy-progress{margin-top:1px;font-size:5.5px}.skills-home-footer{left:7px;right:7px}.skills-home-footer>.home-back{min-height:44px;font-size:9px}.skill-haul-card{padding:20px 11px 13px!important}.skill-haul-card>h3{font-size:23px}.skill-haul-summary{font-size:8px}.skill-haul-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 5px;max-height:390px}.skill-art.haul-icon{width:42px;height:42px}.skill-haul-item>strong{font-size:6px}.skill-haul-item>b{right:-1px;font-size:8px}}
@media(max-width:360px){.top-row{grid-template-columns:38px minmax(68px,1fr) minmax(98px,1.15fr) 34px 27px}.top-row .brand span{display:none}.stage-wallet .skill-tome-pill{display:none}.home-panel .home-brand h1{font-size:16px}.home-panel .home-brand{right:143px}.home-panel .home-wallet{width:133px}.home-panel .home-xp,.home-panel .home-cp{right:143px}.skill-card-list{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* High-visibility radial skill cooldown clock. */
.active-skill-hud{width:132px;gap:9px}.active-skill-chip{grid-template-columns:38px minmax(0,1fr);min-height:62px;padding:7px;gap:7px;filter:none!important}.active-skill-chip:after{display:none!important}.active-skill-chip>*{position:relative;z-index:1}.skill-icon-clock{grid-row:1/3;position:relative;width:38px;height:38px;display:grid;place-items:center}.skill-icon-clock .skill-art.hud-icon{grid-row:auto;width:38px;height:38px;border-radius:50%}.skill-cooldown-dial{position:absolute!important;z-index:3!important;inset:-2px;display:block;border:2px solid #ffffffd9;border-radius:50%;background:conic-gradient(from -90deg,transparent 0 var(--cooldown-angle),rgba(4,12,29,.82) var(--cooldown-angle) 360deg);box-shadow:inset 0 0 0 2px #09142655,0 0 8px #07142a88;transition:background .1s linear}.skill-cooldown-dial:after{content:"";position:absolute;inset:4px;border:1px solid #ffffff55;border-radius:50%}.active-skill-chip.ready .skill-cooldown-dial{background:transparent;border-color:#fff;box-shadow:0 0 12px var(--skill-color),inset 0 0 7px #ffffffaa}.active-skill-chip.casting .skill-cooldown-dial{background:radial-gradient(circle,#ffffff11 35%,color-mix(in srgb,var(--skill-color) 72%,transparent));box-shadow:0 0 18px var(--skill-color),inset 0 0 10px #fff}.active-skill-chip span strong{font-size:8px}.active-skill-chip span small{font-size:5.5px}.active-skill-chip>b{grid-column:2;font-size:14px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 1px 0 #fff}.active-skill-chip.cooling>b{color:#9d2948;text-shadow:0 1px 0 #fff}.active-skill-chip.casting>b{font-size:10px}
@media(max-width:430px){.active-skill-hud{right:5px;width:116px;gap:8px}.active-skill-chip{grid-template-columns:34px minmax(0,1fr);min-height:56px;padding:6px;gap:6px}.skill-icon-clock{width:34px;height:34px}.skill-icon-clock .skill-art.hud-icon{width:34px;height:34px}.active-skill-chip span strong{font-size:7px}.active-skill-chip span small{font-size:5px}.active-skill-chip>b{font-size:12px}.active-skill-chip.casting>b{font-size:8px}}

/* v243 layout containment and expanded equipment slots. */
#hud .stat-row{margin-top:10px}
#skills-panel .skills-page-card{height:100%;max-height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;touch-action:none}
#skills-panel .skills-page-card>.shop-heading,
#skills-panel .skills-page-card>.skill-tier-card,
#skills-panel .skills-page-card>.skill-summon-actions,
#skills-panel .skills-page-card>.equipped-skill-slots,
#skills-panel .skills-page-card>.skill-quick-actions,
#skills-panel .skills-page-card>.feature-result{flex:0 0 auto}
#skills-panel .skill-card-list{flex:1 1 auto;min-height:150px;max-height:none;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}
#dungeons-panel .dungeons-page-card{width:100%;min-width:0;max-width:500px;overflow-x:hidden}
#dungeons-panel .dungeons-page-card>*{min-width:0;max-width:100%}
#dungeons-panel .shop-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(174px,42%);align-items:center}
#dungeons-panel .shop-heading>div:first-child{min-width:0;overflow:hidden}
.equipment-loadout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.equipment-loadout .equipment-slot{min-width:0;grid-template-columns:46px minmax(0,1fr);grid-template-rows:1fr auto}
.equipment-loadout .equipment-slot-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center}
@media(max-width:430px){
  #hud .stat-row{margin-top:11px}
  #dungeons-panel .shop-heading{grid-template-columns:1fr;gap:9px}
  #dungeons-panel .currency-stack{width:100%;min-width:0;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}
  #dungeons-panel .shop-heading h2{font-size:31px}
  .equipment-loadout{grid-template-columns:1fr}
  .equipment-loadout .equipment-slot{grid-template-columns:52px minmax(0,1fr) auto;grid-template-rows:auto}
  .equipment-loadout .equipment-slot-actions{grid-column:auto;display:flex}
}

/* Keep owned/required copy counts inside every skill tile. */
.skill-tile{padding-bottom:24px!important}.skill-tile .skill-copy-progress{position:absolute;z-index:2;left:50%;bottom:6px;min-width:34px;margin:0!important;transform:translateX(-50%);white-space:nowrap}.skill-tile>span{margin-bottom:1px}
@media(max-width:430px){.skill-tile{min-height:92px;padding-bottom:18px!important}.skill-tile .skill-copy-progress{bottom:4px;min-width:29px;padding:2px 4px;font-size:6px}}

/* Give every collection tile a complete, non-overlapping mobile row. */
.skill-card-list{column-gap:7px;row-gap:12px;padding:6px 4px 12px;grid-auto-rows:108px;align-items:stretch}
.skill-tile{box-sizing:border-box;width:100%;height:108px;min-height:108px;justify-content:flex-start;gap:2px;padding:5px 2px 23px!important}
.skill-tile>small{flex:0 0 auto;margin:0;line-height:1}
.skill-tile .skill-art.tile-icon{flex:0 0 auto;width:29px;height:29px;margin:1px 0}
.skill-tile>strong{width:100%;height:24px;min-height:24px;max-height:24px;margin:1px 0 0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;place-items:unset;line-height:1.12;overflow-wrap:normal;word-break:break-word}
.skill-tile>span{flex:0 0 auto;margin:0!important;line-height:1}
.skill-tile .skill-copy-progress{bottom:5px}
@media(max-width:430px){.skill-card-list{column-gap:6px;row-gap:11px;padding:5px 3px 11px;grid-auto-rows:106px}.skill-tile{height:106px;min-height:106px;padding:5px 2px 22px!important}.skill-tile>strong{height:23px;min-height:23px;max-height:23px;font-size:5.7px}.skill-tile .skill-copy-progress{bottom:5px}}

/* Pet collection mirrors Skills: fixed controls, one active companion, scrollable tiles only. */
#pets-panel{padding-bottom:76px;overflow:hidden}
#pets-panel>.pets-page-card{height:100%;max-height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;touch-action:none}
#pets-panel>.pets-page-card>.shop-heading,#pets-panel>.pets-page-card>.pet-cp-summary,#pets-panel>.pets-page-card>.summon-tier,#pets-panel>.pets-page-card>.auto-sell-filter-button,#pets-panel>.pets-page-card>.pet-summon-row,#pets-panel>.pets-page-card>.pet-loadout-heading,#pets-panel>.pets-page-card>.equipped-pet-slots,#pets-panel>.pets-page-card>.pet-quick-actions,#pets-panel>.pets-page-card>.collection-title,#pets-panel>.pets-page-card>.home-back{flex:0 0 auto}
#pets-panel .pet-list{flex:1 1 auto;min-height:150px;max-height:none;margin-top:0;padding:6px 4px 12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:7px;row-gap:12px;grid-auto-rows:108px;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}
.equipped-pet-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.equipped-pet-slot{min-height:92px}.equipped-pet-slot.locked{color:#7f8f99;background:#e1e8ec;box-shadow:0 4px 0 #a9b9c0;filter:grayscale(1)}
.pet-tile{height:108px!important;min-height:108px!important}.pet-tile>small{font-size:5.5px!important}.pet-tile .pet-art.tile-icon{width:29px;height:29px}.pet-art text{font-family:Arial,sans-serif}.pet-tile>strong{height:24px;min-height:24px;max-height:24px}.pet-detail-card #pet-detail-title{display:flex;align-items:center;gap:10px}.pet-detail-card #pet-detail-title .pet-art{flex:0 0 48px}.pet-detail-card>.feature-primary-button{width:100%;min-height:49px;margin-top:10px}.pet-detail-card>.pet-detail-equip{background:linear-gradient(135deg,#7658d4,#be63dc);box-shadow:0 5px 0 #543b9b}.pet-quick-actions button:last-child{color:#557082;background:#e6eff3;box-shadow:0 3px 0 #b1c4cd}.coin-dungeon-card{border-color:#e9c35b;background:#fff8cf}.pet-dungeon-card{border-color:#e6a7d5;background:#fff0fa}
@media(max-width:430px){#pets-panel{padding-inline:7px}.pets-page-card{padding:10px!important;border-radius:19px!important}.pets-page-card .pet-cp-summary{display:none}.pets-page-card .summon-tier{min-height:48px}.pets-page-card .auto-sell-filter-button{min-height:35px;margin-top:5px}.pets-page-card .pet-summon-row{margin-top:5px}.pets-page-card .pet-loadout-heading{margin-top:6px}.equipped-pet-slots{gap:4px;margin:5px 0}.equipped-pet-slot{min-height:76px;padding:3px 1px}.equipped-pet-slot .skill-art.equipped-icon{width:25px;height:25px}.equipped-pet-slot strong{font-size:5.5px}.equipped-pet-slot small,.equipped-pet-slot span{font-size:4.8px}#pets-panel .pet-list{column-gap:6px;row-gap:11px;padding:5px 3px 11px;grid-auto-rows:106px}.pet-tile{height:106px!important;min-height:106px!important}.pet-tile>strong{font-size:5.7px}}
#pets-panel>.pets-page-card>.shop-heading,#pets-panel>.pets-page-card>.pet-tier-card,#pets-panel>.pets-page-card>.pet-summon-actions,#pets-panel>.pets-page-card>.pet-loadout-heading,#pets-panel>.pets-page-card>.equipped-pet-slots,#pets-panel>.pets-page-card>.pet-quick-actions,#pets-panel>.pets-page-card>.feature-result{flex:0 0 auto}
.pets-home-footer{left:7px;right:7px}.pets-home-footer>.home-back{min-height:44px;font-size:9px}
.pet-tier-card #pet-tier-progress{font-size:11px}.pet-summon-actions{gap:5px}.pet-summon-actions .feature-primary-button{min-height:48px;padding:7px}.pet-summon-actions .feature-primary-button span{font-size:10px}.pet-summon-actions .feature-primary-button strong{font-size:8px}.pet-summon-actions .feature-primary-button small{font-size:5.5px}.pet-tile .skill-copy-progress{font-style:normal}

/* Premium armory loadout: readable horizontal cards with real equipment art. */
#shop-panel .equipment-card{background:linear-gradient(180deg,#f8fdff 0,#e8f7ff 42%,#d9edfa 100%);border-color:#71d6ef;box-shadow:0 9px 0 #3a91be,0 22px 42px #17689730}
#shop-panel .equipment-character-stats{border:2px solid #85d9ef;background:linear-gradient(145deg,#f9feff,#dff6ff);box-shadow:inset 0 1px #fff,0 5px 0 #8bc7df}
#shop-panel .equipment-character-stats div{border-color:#b9e4f1;background:#ffffffb8}
#shop-panel .equipment-character-stats span,#shop-panel .equipment-character-stats small{color:#56839d}
#shop-panel .equipment-character-stats strong{color:#1764b4}
.equipment-loadout-heading{margin-top:14px;padding:12px 14px;border:2px solid #67cee8;border-radius:16px;background:linear-gradient(145deg,#f8fdff,#d9f3ff);box-shadow:0 4px 0 #8bc8df;color:#17395f}
.equipment-loadout-heading span{color:#1686b4}.equipment-loadout-heading strong{color:#17395f;font-size:11px;letter-spacing:.045em}.equipment-loadout-heading small{max-width:45%;color:#5d8095;text-align:right;font-size:7px}
#shop-panel .equipment-loadout{display:grid;grid-template-columns:1fr;gap:11px;margin-top:11px}
#shop-panel .equipment-slot{position:relative;isolation:isolate;box-sizing:border-box;min-height:132px;padding:11px;display:grid;grid-template-columns:88px minmax(0,1fr) 76px;grid-template-rows:auto;align-items:center;gap:12px;overflow:hidden;border:2px solid color-mix(in srgb,var(--rarity-glow) 58%,#9dd9e9);border-radius:20px;background:linear-gradient(145deg,#fff 0,#eefaff 62%,#e2f5fc 100%);box-shadow:0 5px 0 #a9d1e2,0 10px 22px #2f83a518;color:#17395f}
#shop-panel .equipment-slot::before{content:"";position:absolute;z-index:-1;inset:-35% 50% -35% -15%;background:radial-gradient(circle,var(--rarity-glow) 0,transparent 68%);opacity:.18}
#shop-panel .equipment-slot::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,#ffffffb8,transparent 42%,#8edcf016);pointer-events:none}
#shop-panel .equipment-slot-icon{width:88px;min-width:88px;display:flex;flex-direction:column;align-items:center;gap:3px}
#shop-panel .equipment-slot-icon>span{color:#517a92;font-size:7px;letter-spacing:.14em}
.equipment-art{position:relative;width:82px;height:82px;display:grid;place-items:center;border:2px solid color-mix(in srgb,var(--rarity-glow) 62%,#9bd9ed);border-radius:18px;background:radial-gradient(circle at 50% 36%,#fff,#ccefff 76%);box-shadow:inset 0 0 18px #52b7db1f,0 4px 0 #9bc9dc,0 0 18px color-mix(in srgb,var(--rarity-glow) 25%,transparent)}
.equipment-art img{position:relative;z-index:2;width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 5px 4px #0008);transform:scale(1.03)}
.equipment-art i{position:absolute;z-index:1;width:54%;height:54%;border-radius:50%;background:var(--rarity-glow);filter:blur(17px);opacity:.35}
#shop-panel .equipment-slot section{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
#shop-panel .equipment-slot section small{color:#547a91;font-size:7px;letter-spacing:.08em}
#shop-panel .equipment-item-name{width:100%;display:flex;align-items:center;gap:7px}
#shop-panel .equipment-item-name strong{min-width:0;color:#17395f;font-size:14px;line-height:1.12;white-space:normal;overflow:visible;text-overflow:clip}
#shop-panel .equipment-enhancement-badge{flex:0 0 auto;color:#092947;background:var(--rarity-glow);box-shadow:none}
#shop-panel .equipment-slot section>b{color:#087eae;font-size:9px;line-height:1.3}
#shop-panel .equipment-slot section em{display:block;color:#6d7886;font-size:7px;line-height:1.35}
#shop-panel .equipment-slot section u{color:#785712;background:#fff4bf;border:1px solid #e8c85c;font-size:8px}
#shop-panel .equipment-slot-actions{grid-column:3;grid-row:1;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:8px}
#shop-panel .equipment-slot-actions mark{order:0;padding:6px 4px;color:#167052;background:#d9f7ea;border:1px solid #78dab8;border-radius:999px;text-align:center;font-size:6px}
#shop-panel .equipment-slot-actions button{order:1;min-width:0;min-height:48px;padding:7px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0b2a48;border:1px solid #fff9;border-radius:13px;background:linear-gradient(180deg,#ffd967,#f3a718);box-shadow:0 4px 0 #9d6810;font-size:7px}
#shop-panel .equipment-slot-actions button span{font-size:7px}#shop-panel .equipment-slot-actions button b{font-size:12px}
.equipment-compare-body{grid-template-columns:78px minmax(0,1fr);gap:12px}.equipment-compare-body>section{min-width:0;overflow:hidden}.equipment-compare-body strong,.equipment-compare-body em{max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}.equipment-compare-body strong{font-size:16px;line-height:1.15}.equipment-compare-body em{font-size:10px}.compare-card-body .equipment-art.compare-art{flex:0 0 78px;width:78px;height:78px}.compare-card-body>.equipment-art+section{min-width:0}.compare-card-body .equipment-art img{width:94%;height:94%}
.equipped-pet-slots{grid-template-columns:1fr}.equipped-pet-slot{min-height:88px;display:grid;grid-template-columns:auto 52px 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:left}.equipped-pet-slot>small{grid-column:1/-1}.equipped-pet-slot>.pet-art,.equipped-pet-slot>.empty-skill-icon{grid-row:2/4}.equipped-pet-slot>strong,.equipped-pet-slot>span{align-self:center}
@media(max-width:430px){#shop-panel .equipment-slot{min-height:122px;padding:9px;grid-template-columns:74px minmax(0,1fr) 66px;gap:8px;border-radius:17px}#shop-panel .equipment-slot-icon{width:74px;min-width:74px}.equipment-art{width:70px;height:70px;border-radius:15px}#shop-panel .equipment-item-name strong{font-size:12px}#shop-panel .equipment-slot section>b{font-size:8px}#shop-panel .equipment-slot section em{font-size:6px}#shop-panel .equipment-slot-actions{grid-column:3;grid-row:1}#shop-panel .equipment-slot-actions button{min-height:44px}.equipment-loadout-heading strong{font-size:9px}.equipment-loadout-heading small{font-size:6px}.equipment-compare-body{grid-template-columns:64px minmax(0,1fr);gap:9px}.compare-card-body .equipment-art.compare-art{width:64px;height:64px}.equipment-compare-body strong{font-size:14px}.equipment-compare-body em{font-size:9px}.equipped-pet-slot{min-height:74px;padding:7px 10px;grid-template-columns:auto 42px 1fr}.equipped-pet-slot .skill-art.equipped-icon{width:38px;height:38px}.equipped-pet-slot strong{font-size:8px}.equipped-pet-slot small,.equipped-pet-slot span{font-size:6px}}

/* Aura Growth: one active Aura, permanent collection, universal Essence upgrades. */
#character-panel .shop-card{padding-bottom:94px}.aura-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 2px 7px;color:#1764b4}.aura-section-heading span{font-size:10px;font-weight:1000;letter-spacing:.08em}.aura-section-heading small{color:#668399;font-size:7px;font-weight:950;text-align:right}.aura-active-section{margin-top:12px}.aura-active-card,.aura-collection-card{--rarity-glow:#58dff5}.aura-active-card.rarity-rare,.aura-collection-card.rarity-rare{--rarity-glow:#638cff}.aura-active-card.rarity-epic,.aura-collection-card.rarity-epic{--rarity-glow:#c455ff}.aura-active-card.rarity-legendary,.aura-collection-card.rarity-legendary{--rarity-glow:#ffc83d}.aura-active-card.rarity-mythic,.aura-collection-card.rarity-mythic{--rarity-glow:#fff}.aura-active-card.rarity-ascended,.aura-collection-card.rarity-ascended{--rarity-glow:#63fff1}.aura-active-card.rarity-celestial,.aura-collection-card.rarity-celestial{--rarity-glow:#70baff}.aura-active-card.rarity-divine,.aura-collection-card.rarity-divine{--rarity-glow:#ffe680}.aura-active-card.rarity-eternal,.aura-collection-card.rarity-eternal{--rarity-glow:#ff75df}.aura-active-card.rarity-transcendent,.aura-collection-card.rarity-transcendent{--rarity-glow:#baffda}.aura-active-card{position:relative;min-height:140px;padding:13px;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:13px;overflow:hidden;border:3px solid color-mix(in srgb,var(--rarity-glow) 68%,#8acfe4);border-radius:21px;background:linear-gradient(145deg,#fff,#e7f8ff);box-shadow:0 5px 0 #87bdd4,0 0 25px color-mix(in srgb,var(--rarity-glow) 25%,transparent)}.aura-active-card::before{content:"";position:absolute;inset:-60% 58% -60% -18%;background:radial-gradient(circle,var(--rarity-glow),transparent 68%);opacity:.23}.aura-active-card>.character-aura{width:82px;height:106px;margin:auto;transform:scale(var(--aura-size));z-index:1}.aura-active-card.evolution-1>.character-aura{transform:scale(calc(var(--aura-size) * 1.05))}.aura-active-card.evolution-2>.character-aura{transform:scale(calc(var(--aura-size) * 1.1))}.aura-active-card.evolution-3>.character-aura{transform:scale(calc(var(--aura-size) * 1.15))}.aura-active-card.evolution-4>.character-aura{transform:scale(calc(var(--aura-size) * 1.2));filter:drop-shadow(0 0 22px var(--character-color)) brightness(1.18)}.aura-active-card>div{position:relative;z-index:1;min-width:0;display:grid;gap:5px}.aura-active-card small{color:#627f96;font-size:7px;font-weight:950;letter-spacing:.08em}.aura-active-card strong{color:#17395f;font-size:20px;line-height:1.05}.aura-active-card span{color:#087fab;font-size:10px;font-weight:950}.aura-active-card em{padding:7px 8px;color:#66449f;border:1px solid #b9a4e8;border-radius:10px;background:#f1ebff;font-size:9px;font-style:normal;font-weight:1000;line-height:1.25}.aura-active-card b{color:#765711;font-size:8px}.aura-growth-panel{margin-top:10px}.aura-power-summary{margin-top:11px}.collection-heading{margin-top:13px}.aura-collection-list.character-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:276px;margin-top:0;padding:2px;overflow-y:auto}.aura-collection-card{position:relative;min-width:0;min-height:103px;padding:8px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:7px;text-align:left;color:#17395f;border:2px solid color-mix(in srgb,var(--rarity-glow) 58%,#b7deeb);border-radius:15px;background:#fff;box-shadow:0 3px 0 #b8d6e2;font:inherit}.aura-collection-card.selected{background:#e5f9ff;box-shadow:0 3px 0 #56aecd,0 0 14px color-mix(in srgb,var(--rarity-glow) 30%,transparent)}.aura-collection-card>.character-aura{width:44px;height:67px;transform:scale(calc(var(--aura-size) * .72))}.aura-collection-card>span{min-width:0;display:grid;gap:3px}.aura-collection-card small{color:#658096;font-size:5.5px}.aura-collection-card strong{color:#17395f;font-size:10px;line-height:1.05;overflow-wrap:anywhere}.aura-collection-card em{color:#7650a5;font-size:6px;font-style:normal;font-weight:900;line-height:1.2}.aura-collection-card b{color:#8a6717;font-size:6px}.aura-collection-card mark{position:absolute;right:5px;top:5px;padding:3px 5px;color:#1764b4;border-radius:99px;background:#dff5ff;font-size:5px;font-weight:1000}.aura-collection-card.selected mark{color:#fff;background:#218cca}.aura-summon-section{margin-top:13px;padding:10px;border:2px solid #b9ddec;border-radius:18px;background:#eefaff}.aura-summon-section .summon-tier{margin-top:0}.aura-summon-section .equipment-summon-row{margin-top:9px}.auto-sell-filter-button[hidden]{display:none!important}
@media(max-width:430px){#character-panel .shop-card{padding:12px 11px 92px}.aura-active-card{min-height:122px;padding:10px;grid-template-columns:76px minmax(0,1fr);gap:8px}.aura-active-card>.character-aura{width:68px;height:91px}.aura-active-card strong{font-size:17px}.aura-active-card span{font-size:8px}.aura-active-card em{padding:5px 6px;font-size:7px}.aura-growth-panel{grid-template-columns:minmax(0,1fr) 104px}.aura-growth-panel>div:first-child strong{font-size:13px}.aura-collection-list.character-list{gap:5px;max-height:250px}.aura-collection-card{min-height:91px;padding:6px;grid-template-columns:40px minmax(0,1fr);gap:5px}.aura-collection-card>.character-aura{width:37px;height:59px}.aura-collection-card strong{font-size:8px}.aura-collection-card em{font-size:5.5px}.aura-summon-section{padding:8px}.aura-section-heading small{max-width:58%;font-size:6px}}
@media(max-width:350px){.aura-collection-list.character-list{grid-template-columns:1fr}.aura-collection-card{grid-template-columns:44px minmax(0,1fr)}}

/* Permanent equipment readability and two-column tier layout. */
#shop-panel .equipment-tier{grid-template-columns:minmax(122px,.8fr) minmax(150px,1.2fr);align-items:start}
#shop-panel .equipment-tier>div:first-child{min-width:0;grid-row:1/3;align-self:center}
#shop-panel .equipment-tier>div:first-child strong{line-height:.95}
#shop-panel #equipment-tier-rank{display:block;margin-top:6px;color:#66538d;font-size:9px;font-weight:1000;letter-spacing:.07em}
#shop-panel #upgrade-equipment-tier{grid-column:2;grid-row:1;width:100%}
#shop-panel .equipment-ascend-requirements{grid-column:2;grid-row:2;margin:2px 2px 0;padding:6px 7px;display:grid;gap:2px;color:#66538d;border:1px solid #c9b9eb;border-radius:9px;background:#fbf9ff;text-align:center}
#shop-panel .equipment-ascend-requirements span{font-size:6px;font-weight:1000;letter-spacing:.08em}
#shop-panel .equipment-ascend-requirements strong{color:#694f17;font-size:8px;line-height:1.25}
#shop-panel .equipment-ascend-requirements.ready{color:#176c56;border-color:#73d0aa;background:#e3faef}
#shop-panel .equipment-ascend-requirements.ready strong{color:#176c56}
#shop-panel #upgrade-equipment-tier:disabled{opacity:1;color:#536b80;background:#f2f3fa;border-color:#fff;box-shadow:0 3px 0 #c5bfd8}
#shop-panel #upgrade-equipment-tier:disabled strong{color:#806521}
#shop-panel .equipment-level-progress{width:100%;gap:4px;margin:5px 0 2px}
#shop-panel .equipment-level-progress span{color:#285f7d;font-size:8px;font-weight:1000;letter-spacing:.035em}
#shop-panel .equipment-level-progress i{width:100%;height:7px;border-color:#58bad5;background:#163d58}
#shop-panel .equipment-slot section em{color:#4f6170;font-size:8px;font-weight:850}
@media(max-width:430px){#shop-panel .equipment-tier{grid-template-columns:minmax(105px,.82fr) minmax(128px,1.18fr)}#shop-panel .equipment-tier>div:first-child strong{font-size:24px}#shop-panel .equipment-ascend-requirements{padding:5px 4px}#shop-panel .equipment-ascend-requirements strong{font-size:7px}#shop-panel .equipment-level-progress span{font-size:7px}#shop-panel .equipment-slot section em{font-size:7px}}

/* Make permanent equipment level the primary card progression signal. */
#shop-panel .equipment-slot section>small{
  width:fit-content;
  margin-bottom:2px;
  padding:5px 9px;
  color:#174f78;
  border:1px solid color-mix(in srgb,var(--rarity-glow) 68%,#55a8cf);
  border-radius:999px;
  background:color-mix(in srgb,var(--rarity-glow) 16%,#e8f8ff);
  box-shadow:inset 0 1px #fff,0 2px 0 #8fc6dc;
  font-size:10px;
  font-weight:1000;
  line-height:1.15;
  letter-spacing:.055em;
}
@media(max-width:430px){#shop-panel .equipment-slot section>small{padding:4px 7px;font-size:9px;letter-spacing:.035em}}

/* Aura mobile overflow guard: the panel owns navigation clearance; the card owns scrolling. */
#character-panel{overflow:hidden}
#character-panel .shop-card{flex:1 1 auto;min-height:0;height:auto;max-height:none;padding-bottom:22px;overflow-x:hidden;overflow-y:auto;scroll-padding-bottom:22px;-webkit-overflow-scrolling:touch;touch-action:pan-y}
@media(max-width:430px){#character-panel .shop-card{padding-bottom:18px}.aura-collection-list.character-list{overscroll-behavior-y:auto}}

/* Remembered wave boosts and in-stage boost preferences. */
.boost-remember{position:relative;margin:13px 3px 0;padding:9px 11px;display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:9px;text-align:left;color:#174d76;border:2px solid #b9ddec;border-radius:14px;background:#fff;box-shadow:0 3px 0 #a6cbdd;cursor:pointer}.boost-remember input{position:absolute;opacity:0;pointer-events:none}.boost-remember>i{width:25px;height:25px;display:grid;place-items:center;color:transparent;border:2px solid #79b8d4;border-radius:7px;background:#eaf7fc;font-size:16px;font-style:normal}.boost-remember input:checked+i{color:#fff;border-color:#22a975;background:#36c68e;box-shadow:0 2px 0 #137451}.boost-remember span,.boost-remember strong,.boost-remember small{display:block}.boost-remember strong{font-size:9px;letter-spacing:.055em}.boost-remember small{margin-top:2px;color:#688399;font-size:7px;font-weight:900}.boost-remember:focus-within{outline:3px solid #3bbce766;outline-offset:2px}.world-one-choice.resolving .boost-remember{opacity:.45;pointer-events:none}
.world-choice-settings{width:calc(100% - 6px);min-height:42px;margin:9px 3px 0;padding:7px 10px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;text-align:left;color:#174d76;border:2px solid #fff;border-radius:13px;background:#dff5ff;box-shadow:0 4px 0 #69a9c9;font:inherit;touch-action:manipulation}.world-choice-settings>b{font-size:19px;text-align:center}.world-choice-settings span strong,.world-choice-settings span small{display:block}.world-choice-settings span strong{font-size:9px}.world-choice-settings span small{margin-top:2px;color:#688399;font-size:7px}.world-one-choice.resolving .world-choice-settings{pointer-events:none;opacity:.45}.active-skill-hud.choice-hidden{visibility:hidden;pointer-events:none}
.boost-settings-button{min-width:0;width:100%;min-height:42px;padding:6px 7px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:5px;pointer-events:auto;text-align:left;color:#174d76;border:2px solid #fff;border-radius:11px;background:#dff5ff;box-shadow:0 3px 0 #5a9fc2;font:inherit}.boost-settings-button>i{font-size:17px;font-style:normal;text-align:center}.boost-settings-button span strong,.boost-settings-button span small{display:block}.boost-settings-button span strong{font-size:6px;line-height:1.05}.boost-settings-button span small{margin-top:2px;color:#6d4ca4;font-size:5px;font-weight:1000;line-height:1.1}.boost-settings-button:active{translate:0 2px;box-shadow:0 1px 0 #5a9fc2}
.boost-settings-modal{position:absolute;inset:0;z-index:95;padding:18px;display:grid;place-items:center;pointer-events:auto;background:#174e6e99;backdrop-filter:blur(7px)}.boost-settings-modal[hidden]{display:none}.boost-settings-card{position:relative;width:min(100%,420px);max-height:min(88vh,700px);padding:24px 17px 17px;overflow-y:auto;text-align:left;color:#17395f;border:3px solid #fff;border-radius:24px;background:#f6fcff;box-shadow:0 8px 0 #4e9fc6,0 24px 70px #123b5c77}.boost-settings-close{position:absolute;right:11px;top:11px;width:38px;height:38px;padding:0;color:#fff;border:3px solid #fff;border-radius:50%;background:#ff6577;box-shadow:0 4px 0 #b8324c;font:1000 24px/1 inherit}.boost-settings-card>small{display:block;margin-right:46px;color:#7452a3;font-size:9px;font-weight:1000;letter-spacing:.11em}.boost-settings-card>h2{margin:5px 48px 0 0;color:#1764b4;font-size:27px;line-height:1}.boost-settings-card>p{margin:9px 0 13px;color:#5b778c;font-size:10px;line-height:1.35}.boost-settings-options{display:grid;gap:8px}.boost-settings-options button{min-height:62px;padding:9px 10px;display:grid;grid-template-columns:32px minmax(0,1fr) 25px;align-items:center;gap:9px;text-align:left;color:#17395f;border:2px solid #c4dfea;border-radius:15px;background:#fff;box-shadow:0 3px 0 #b4d0dc;font:inherit}.boost-settings-options button>b{font-size:23px;text-align:center}.boost-settings-options button span strong,.boost-settings-options button span small{display:block}.boost-settings-options button span strong{font-size:10px}.boost-settings-options button span small{margin-top:3px;color:#617e92;font-size:7px;line-height:1.25}.boost-settings-options button>i{width:24px;height:24px;display:grid;place-items:center;color:transparent;border:2px solid #aec8d4;border-radius:50%;font-style:normal}.boost-settings-options button.selected{border-color:#48c89a;background:#e5faef;box-shadow:0 3px 0 #71ba9e}.boost-settings-options button.selected>i{color:#fff;border-color:#22a975;background:#36c68e}.boost-settings-done{width:100%;min-height:48px;margin-top:14px;color:#fff;border:3px solid #fff;border-radius:15px;background:#28add4;box-shadow:0 4px 0 #1875a4;font:1000 10px/1 inherit;letter-spacing:.05em}
.fps-settings{margin-top:16px;padding-top:13px;border-top:2px solid #cbe3ed}.fps-settings h3{margin:0;color:#1764b4;font-size:12px;letter-spacing:.08em}.fps-settings>p{margin:4px 0 9px;color:#617e92;font-size:8px;font-weight:900}.fps-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.fps-options button{min-width:0;min-height:55px;padding:7px 3px;display:grid;place-items:center;align-content:center;gap:3px;color:#315b78;border:2px solid #c4dfea;border-radius:13px;background:#fff;box-shadow:0 3px 0 #b4d0dc;font:inherit;touch-action:manipulation}.fps-options button strong,.fps-options button small{display:block}.fps-options button strong{font-size:12px}.fps-options button small{color:#71899a;font-size:6px;line-height:1.15}.fps-options button.selected{color:#fff;border-color:#fff;background:#28add4;box-shadow:0 3px 0 #1875a4}.fps-options button.selected small{color:#e7faff}.fps-options button:disabled{opacity:.38;filter:grayscale(.8);box-shadow:none}.world-one-choice button,.boost-remember,.boost-settings-button,.stage-info-button,.leave-stage-button,.icon-button{touch-action:manipulation}
@media(max-width:430px){.world-one-choice{top:55%;padding:10px 8px 12px}.boost-remember{margin-top:10px;padding:8px}.boost-settings-modal{padding:10px}.boost-settings-card{padding:20px 12px 14px}.boost-settings-options button{min-height:56px;padding:7px 8px}.boost-settings-card>h2{font-size:24px}.fps-options{gap:4px}.fps-options button{min-height:51px;padding-inline:2px}}

/* Compact in-stage skills: icon cooldowns above the movement hint. */
.active-skill-hud{--stage-icon-size:48px;z-index:44;left:50%;right:auto;top:auto;bottom:max(78px,calc(env(safe-area-inset-bottom) + 70px));width:auto;display:flex;align-items:center;justify-content:center;gap:8px;transform:translateX(-50%);pointer-events:auto;isolation:isolate}
.active-skill-chip{width:var(--stage-icon-size);height:var(--stage-icon-size);min-height:0;padding:2px;box-sizing:border-box;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#eaf8ff;box-shadow:0 4px 0 #5a9fc2,0 7px 16px #173f6355;overflow:hidden;filter:none!important;pointer-events:none}
.active-skill-chip:after,.active-skill-chip:before,.active-skill-chip>span,.active-skill-chip>b{display:none!important}
.active-skill-chip .skill-icon-clock{grid-row:auto;width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:50%}
.active-skill-chip .skill-art.hud-icon{width:40px;height:40px;margin:0;box-sizing:border-box;border:0;border-radius:50%;box-shadow:none;background:transparent}
.active-skill-chip .skill-art.hud-icon svg{width:100%;height:100%;object-fit:contain}
.active-skill-chip .skill-cooldown-dial{inset:0}
.active-skill-chip.casting{animation:skill-chip-casting .34s ease-in-out infinite}
.active-skill-hud>.boost-settings-button{width:var(--stage-icon-size);height:var(--stage-icon-size);min-height:0;padding:0;box-sizing:border-box;display:grid;grid-template-columns:1fr;place-items:center;border:3px solid #fff;border-radius:50%;color:#1764b4;background:#dff5ff;box-shadow:0 4px 0 #5a9fc2,0 7px 16px #173f6355;pointer-events:auto;touch-action:manipulation}
.active-skill-hud>.boost-settings-button .settings-gear-icon{width:35px;height:35px;display:block;pointer-events:none}
.active-skill-hud>.boost-settings-button>span{display:none!important}
@media(max-width:430px){.active-skill-hud{--stage-icon-size:46px;left:50%;right:auto;bottom:max(78px,calc(env(safe-area-inset-bottom) + 70px));width:auto;gap:7px}.active-skill-chip{padding:2px}.active-skill-chip .skill-icon-clock,.active-skill-chip .skill-art.hud-icon{width:38px;height:38px}.active-skill-hud>.boost-settings-button .settings-gear-icon{width:34px;height:34px}}

/* v332 — generated skill art and one shared 10-rank visual language. */
.skill-art.skill-generated{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
.skill-art.skill-generated img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 2px 1px #123b5f66) drop-shadow(0 0 5px color-mix(in srgb,var(--skill-color) 68%,transparent));transform:scale(1.16)}
.active-skill-chip .skill-art.skill-generated img{transform:scale(1.08);filter:drop-shadow(0 0 6px var(--skill-color))}

/* Eight-slot skill loadout and manual casting */
.equipped-skill-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.equipped-skill-slot{position:relative;min-height:112px;padding:5px 3px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.equipped-skill-main{min-width:0;padding:0;display:flex;flex-direction:column;align-items:center;color:inherit;border:0;background:transparent;font:inherit}
.equipped-skill-main strong,.equipped-skill-main span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skill-mode-toggle,.skill-order-mode{min-height:25px;padding:4px 7px;border:2px solid #fff;border-radius:9px;color:#fff;background:#149e72;box-shadow:0 2px 0 #087154;font:1000 6px/1 inherit;letter-spacing:.08em;touch-action:manipulation}
.skill-mode-toggle{width:calc(100% - 6px);margin-top:auto}.skill-mode-toggle.manual,.skill-order-mode.manual{background:#7958bd;box-shadow:0 2px 0 #50368a}
.skill-order-item{grid-template-columns:31px 25px minmax(0,1fr) 52px 60px}.skill-order-mode{min-width:0;height:32px;padding-inline:3px}
.active-skill-hud{width:min(292px,calc(100% - 92px));display:grid;grid-template-columns:repeat(4,var(--stage-icon-size));gap:7px;justify-content:center}
.active-skill-chip{position:relative;pointer-events:auto;cursor:pointer}.active-skill-chip.manual{box-shadow:0 4px 0 #65439d,0 7px 16px #173f6355}.active-skill-chip.manual.ready{border-color:#e2d5ff}
.active-skill-chip .skill-cast-mode{position:absolute!important;z-index:6!important;right:-2px;bottom:-2px;width:17px;height:17px;display:grid!important;place-items:center!important;color:#fff;border:2px solid #fff;border-radius:50%;background:#149e72;font:1000 7px/1 inherit;box-shadow:0 1px 3px #10243f88}
.active-skill-chip.manual .skill-cast-mode{background:#7958bd}
.active-skill-hud>.boost-settings-button{grid-column:4;grid-row:2}
.damage-float.dodge-float{color:#b9ffff!important;text-shadow:0 2px 0 #08799f,0 0 12px #49eaff;font-size:16px!important;letter-spacing:.08em}
@media(max-width:430px){.equipped-skill-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.equipped-skill-slot{min-height:91px}.skill-mode-toggle{min-height:21px;font-size:5px}.active-skill-hud{width:min(260px,calc(100% - 76px));grid-template-columns:repeat(4,var(--stage-icon-size));gap:5px}.skill-order-item{grid-template-columns:28px 21px minmax(0,1fr) 45px 52px}.skill-order-mode{font-size:5px}}
.skill-tile.unavailable .skill-art.skill-generated img{filter:grayscale(.72) opacity(.68)}

.rarity-common{--tier-border:#77cfe3;--tier-glow:#5bdcf0;--tier-surface:#e9fbff}
.rarity-rare{--tier-border:#4489f2;--tier-glow:#4d91ff;--tier-surface:#eaf1ff}
.rarity-epic{--tier-border:#ad54ef;--tier-glow:#c45aff;--tier-surface:#f5eaff}
.rarity-legendary{--tier-border:#e5aa18;--tier-glow:#ffd044;--tier-surface:#fff5c9}
.rarity-mythic{--tier-border:#f3f7ff;--tier-glow:#a5d9ff;--tier-surface:#edf8ff}
.rarity-ascended{--tier-border:#2edccf;--tier-glow:#63fff1;--tier-surface:#ddfffa}
.rarity-celestial{--tier-border:#4aa9f7;--tier-glow:#70d9ff;--tier-surface:#e0f5ff}
.rarity-divine{--tier-border:#f4cf49;--tier-glow:#fff0a0;--tier-surface:#fff9d9}
.rarity-eternal{--tier-border:#ee59c7;--tier-glow:#ff75df;--tier-surface:#ffe9fa}
.rarity-transcendent{--tier-border:#47e6a9;--tier-glow:#a1ffdc;--tier-surface:#e3fff2}

:is(#shop-panel .equipment-slot,.skill-tile,.pet-card,.character-card,.aura-collection-card,.aura-active-card)[class*="rarity-"]{border-color:var(--tier-border)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--tier-surface) 88%,#fff),color-mix(in srgb,var(--tier-surface) 76%,#b8e9f7))!important;box-shadow:inset 0 0 0 1px #ffffffd9,0 4px 0 color-mix(in srgb,var(--tier-border) 58%,#347494),0 0 15px color-mix(in srgb,var(--tier-glow) 38%,transparent)!important}
:is(.skill-tile,.pet-card,.character-card,.aura-collection-card)[class*="rarity-"].selected,:is(.skill-tile,.pet-card,.character-card,.aura-collection-card)[class*="rarity-"].equipped{box-shadow:inset 0 0 0 2px #fff,0 4px 0 color-mix(in srgb,var(--tier-border) 70%,#347494),0 0 22px color-mix(in srgb,var(--tier-glow) 72%,transparent)!important}
.rarity-mythic:is(.skill-tile,.pet-card,.character-card,.aura-collection-card,.aura-active-card,#shop-panel .equipment-slot){background:linear-gradient(135deg,#ecfbff,#f8edff 42%,#fff9df 72%,#e5fff7)!important}
.rarity-transcendent:is(.skill-tile,.pet-card,.character-card,.aura-collection-card,.aura-active-card,#shop-panel .equipment-slot){background:linear-gradient(135deg,#e4fff2,#e5f9ff 46%,#fff6dc)!important}

/* v333 — mobile Home containment and higher-contrast frosted feature cards. */
.home-panel .home-feature-button,
.home-panel .home-feature-button:not(:disabled),
.home-panel .home-feature-button.dungeons-feature,
.home-panel .home-feature-button.skills-feature{
  opacity:1!important;
  filter:none!important;
  color:#174f75!important;
  background:linear-gradient(145deg,#fafdfff0 0%,#e7f8ffe8 50%,#bdebf7dc 100%)!important;
  box-shadow:0 4px 0 #3987ad9e,0 9px 18px #17446a38,inset 0 1px #fff,inset 0 0 18px #d9f8ff99!important;
  backdrop-filter:blur(18px) saturate(1.08) brightness(1.06)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08) brightness(1.06)!important;
}
.home-panel .home-feature-button.shop-feature{
  opacity:1!important;
  filter:none!important;
  color:#59427b!important;
  background:linear-gradient(145deg,#fffafff0 0%,#f5ebffe9 52%,#dfc9f1df 100%)!important;
  box-shadow:0 4px 0 #8e68b59c,0 9px 18px #5a386d35,inset 0 1px #fff,inset 0 0 18px #efdfffa3!important;
}
.home-panel .home-feature-button span{min-width:0;color:inherit!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px #fff}
.home-panel .home-feature-button small{min-width:0;color:#476b81!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px #fff}
.home-panel .home-feature-button.shop-feature small{color:#725b8c!important}
.home-panel .home-feature-button:disabled{cursor:not-allowed}

@media(max-width:430px){
  .home-panel .home-resource-box .home-currency strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(7px,1.95vw,9px)}
  .home-panel .home-cp{overflow:hidden}
  .home-panel .home-cp strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:clamp(11px,3vw,14px)}
  .home-key-box{min-width:0}
  .home-keys-toggle{overflow:visible;padding:3px}
  .home-keys-toggle span{font-size:0!important;line-height:0}
  .home-keys-toggle span::before{width:clamp(27px,7vw,32px);height:clamp(27px,7vw,32px);margin:0}
  .home-keys-toggle>i{display:none!important}
  .home-key-count{right:-5px;top:-7px;min-width:18px;height:18px;padding-inline:3px;font-size:8px}
  .home-panel .home-feature-button{min-width:0;padding:5px 6px;grid-template-columns:clamp(27px,6.7vw,32px) minmax(0,1fr);column-gap:4px;overflow:hidden}
  .home-panel .home-feature-button:disabled{padding-right:20px}
  .home-panel .home-feature-button i{width:clamp(26px,6.4vw,31px);height:clamp(26px,6.4vw,31px)}
  .home-panel .home-feature-button span{font-size:clamp(6.5px,1.65vw,8px);letter-spacing:.035em}
  .home-panel .home-feature-button small{font-size:clamp(4.5px,1.12vw,5.5px);letter-spacing:.025em}
  .home-panel .home-feature-button:disabled::after{right:3px;width:15px;height:15px}
  .time-reward-button{min-width:0!important;padding:5px 3px 5px clamp(30px,7.6vw,36px)!important;align-content:center;gap:2px!important;overflow:hidden;text-align:left}
  .time-reward-button::before{left:4px!important;width:clamp(23px,6vw,28px)!important;height:clamp(23px,6vw,28px)!important}
  .time-reward-button span{min-width:0;align-self:end}
  .time-reward-button b{font-size:clamp(7px,1.75vw,8.5px)!important;line-height:1.05;letter-spacing:-.01em;white-space:normal}
  .time-reward-button small{display:none!important}
  .time-reward-button>strong{min-width:0;max-width:100%;align-self:start;font-size:clamp(5.5px,1.4vw,7px)!important;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

@media(max-width:360px){
  .home-stage-actions{grid-template-columns:minmax(72px,.76fr) minmax(125px,1.5fr) minmax(78px,.82fr)}
  .home-panel .home-feature-button{padding-inline:4px;column-gap:2px}
  .home-panel .home-feature-button:disabled{padding-right:17px}
  .time-reward-button{padding-left:27px!important}
  .time-reward-button::before{left:3px!important;width:21px!important;height:21px!important}
  .time-reward-button b{font-size:6.5px!important}
  .time-reward-button>strong{font-size:5.2px!important}
}

/* Keep every in-stage control above the canvas and outside drag capture. */
#hud{z-index:40}#hud button,.stage-info-button,.active-skill-hud button{pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}.stage-info-button{z-index:44}

/* Stage-entry projected rewards. */
.stage-entry-modal{position:absolute;z-index:110;inset:0;padding:16px;display:grid;place-items:center;background:#174a6e99;backdrop-filter:blur(8px);pointer-events:auto}.stage-entry-modal[hidden]{display:none}
.stage-entry-card{position:relative;width:min(100%,460px);max-height:min(92dvh,820px);padding:22px 17px 17px;display:flex;flex-direction:column;color:#17395f;border:4px solid #fff;border-radius:25px;background:linear-gradient(155deg,#f8fdff,#e2f6ff 66%,#fff4b8);box-shadow:0 8px 0 #4d9fc6,0 24px 65px #123b5c77;overflow:hidden}
.stage-entry-close{position:absolute;z-index:2;right:11px;top:11px;width:39px;height:39px;padding:0;color:#fff;border:3px solid #fff;border-radius:50%;background:#ff6577;box-shadow:0 4px 0 #b8324c;font:1000 23px/1 inherit}
.stage-entry-card>small{margin-right:48px;color:#7651a7;font-size:8px;font-weight:1000;letter-spacing:.1em}.stage-entry-card>h2{margin:5px 48px 0 0;color:#1764b4;font-size:26px;line-height:1}.stage-entry-card>p{margin:8px 0 11px;color:#56768c;font-size:9px;font-weight:850;line-height:1.35}
.stage-entry-bonuses{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.stage-entry-bonuses span{min-width:100px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:2px solid #fff;border-radius:12px;background:#e8dcff;box-shadow:0 2px 0 #aa92d4}.stage-entry-bonuses small{color:#665184;font-size:6px;font-weight:1000}.stage-entry-bonuses strong{color:#6b42ac;font-size:10px}
.stage-entry-rewards{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:2px 3px 5px;overflow-y:auto;overscroll-behavior:contain}.stage-entry-reward{min-width:0;min-height:68px;padding:7px 8px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:5px 8px;border:2px solid #c6e1ed;border-radius:14px;background:#fff;box-shadow:0 3px 0 #b4d1dc}.stage-entry-reward>i{width:32px;height:32px;display:grid;place-items:center;color:#1764b4;border-radius:10px;background:#dff6ff;font-size:13px;font-style:normal;font-weight:1000}.stage-entry-reward span{min-width:0}.stage-entry-reward small,.stage-entry-reward strong{display:block}.stage-entry-reward small{color:#638096;font-size:7px;font-weight:1000;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-entry-reward strong{margin-top:2px;color:#17395f;font-size:14px}.stage-entry-reward>b{grid-column:1/-1;justify-self:stretch;padding:4px 5px;text-align:center;color:#147256;border:1px solid #76d7b4;border-radius:99px;background:#e1faef;font-size:6px;white-space:nowrap}
.stage-entry-open .persistent-nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(14px)!important}
.stage-entry-card>.stage-entry-note{flex:0 0 auto;margin:9px 2px;color:#678196;font-size:7px;text-align:center}.stage-entry-actions{flex:0 0 auto;display:grid;grid-template-columns:.75fr 1.35fr;gap:8px}.stage-entry-actions button{min-height:48px;border:3px solid #fff;border-radius:15px;color:#42677d;background:#dceaf0;box-shadow:0 4px 0 #9fb9c5;font:1000 10px/1 inherit}.stage-entry-actions button:last-child{color:#fff;background:#25b4d8;box-shadow:0 4px 0 #157aa6}
@media(max-width:430px){.stage-entry-modal{padding:8px}.stage-entry-card{max-height:96dvh;padding:18px 10px 11px;border-radius:21px}.stage-entry-card>h2{font-size:22px}.stage-entry-card>p{margin-block:6px 8px}.stage-entry-bonuses{gap:4px;margin-bottom:7px}.stage-entry-bonuses span{min-width:0;flex:1 1 45%;padding:6px 7px}.stage-entry-rewards{gap:5px}.stage-entry-reward{min-height:61px;padding:5px 6px;grid-template-columns:27px minmax(0,1fr);gap:4px 6px}.stage-entry-reward>i{width:27px;height:27px;font-size:10px}.stage-entry-reward small{font-size:5.7px}.stage-entry-reward strong{font-size:11px}.stage-entry-reward>b{padding:3px 4px;font-size:5px}.stage-entry-card>.stage-entry-note{margin-block:6px}.stage-entry-actions button{min-height:44px}}

/* v318 home command center: compact resources, clear hero space, grouped features. */
#game-shell:has(#start-panel.visible)>#game{filter:saturate(1.1) contrast(1.055) brightness(.98)}
.home-panel{background:linear-gradient(180deg,#effcff14 0 28%,transparent 57%,#dff6ffad 84%,#c8edffe3 100%)}
.home-panel .home-brand{top:max(14px,env(safe-area-inset-top));left:14px;right:70px;align-items:center}
.home-panel .home-brand .logo-mark{width:39px;height:39px;flex-basis:39px;font-size:15px}
.home-panel .home-brand .eyebrow{font-size:7px}.home-panel .home-brand h1{font-size:21px}
.account-button{top:max(14px,env(safe-area-inset-top));left:auto;right:14px;width:44px;height:44px;min-height:0;padding:0;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;color:#1764b4;background:#e8f8ff;box-shadow:0 4px 0 #5aa2c7,0 8px 20px #173f6344}
.account-button>i{position:relative;width:28px;height:28px;display:block;font-size:0;font-style:normal}.account-button>i::before{content:'';position:absolute;left:50%;top:2px;width:9px;height:9px;translate:-50% 0;border-radius:50%;background:currentColor}.account-button>i::after{content:'';position:absolute;left:50%;bottom:2px;width:20px;height:12px;translate:-50% 0;border-radius:11px 11px 6px 6px;background:currentColor}.account-button>span,.account-button>b{display:none}.account-button.synced{color:#118663;background:#e2faef}.account-button.error{color:#b83451;background:#fff0f2}
.home-panel .home-xp{top:calc(max(14px,env(safe-area-inset-top)) + 54px);left:12px;right:12px;width:auto;min-height:49px;padding:9px 12px;transform:none}
.home-panel .home-xp span,.home-panel .home-xp strong{font-size:8px}.home-panel .home-xp span b{font-size:11px}
.home-panel .home-wallet{top:calc(max(14px,env(safe-area-inset-top)) + 112px);left:12px;right:12px;width:auto;margin:0;display:grid;grid-template-columns:1fr;gap:5px}
.home-resource-box{padding:5px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;border-radius:16px}
.home-panel .home-resource-box .home-currency,.home-panel .home-resource-box .home-currency.skill-tome{min-width:0;min-height:47px;padding:4px 2px;display:grid;grid-template-columns:1fr;grid-template-rows:18px auto auto;place-items:center;gap:1px;text-align:center;border-radius:10px}
.home-panel .home-resource-box .home-currency i{width:18px;height:18px}.home-panel .home-resource-box .home-currency span{width:100%;font-size:5.5px;text-align:center}.home-panel .home-resource-box .home-currency strong{font-size:9px;text-align:center;font-variant-numeric:tabular-nums}
.home-key-box{padding:0;display:block;overflow:hidden;border-radius:14px;background:#e8f8fff2}
.home-keys-toggle{width:100%;min-height:34px;padding:5px 9px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;color:#236b8d;border:0;background:transparent;font:inherit;text-align:left;touch-action:manipulation}.home-keys-toggle span{font-size:8px;font-weight:1000;letter-spacing:.12em}.home-keys-toggle strong{justify-self:end;color:#5f7c8e;font-size:6px;letter-spacing:.06em}.home-keys-toggle i{font-size:15px;font-style:normal;transition:transform .18s ease}.home-key-box.expanded .home-keys-toggle i{transform:rotate(180deg)}
.home-key-list{max-height:0;padding:0 5px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:hidden;opacity:0;border-top:1px solid transparent;transition:max-height .2s ease,padding .2s ease,opacity .16s ease}.home-key-box.expanded .home-key-list{max-height:58px;padding:4px 5px 6px;opacity:1;border-top-color:#b9ddec}
.home-panel .home-key-list .home-currency,.home-panel .home-key-list .home-currency.tome-key{min-width:0;min-height:38px;padding:3px 2px;display:grid;grid-template-columns:17px minmax(0,1fr);grid-template-rows:auto auto;gap:0 3px;text-align:left}.home-panel .home-key-list .home-currency i{grid-row:1/3;width:17px;height:17px;align-self:center}.home-panel .home-key-list .home-currency span{font-size:5.5px}.home-panel .home-key-list .home-currency strong{font-size:8px;text-align:left}
.home-panel .home-cp{top:calc(max(14px,env(safe-area-inset-top)) + 211px);left:12px;right:12px;width:auto;min-height:51px;padding:8px 11px;transform:none}.home-panel .home-cp strong{font-size:17px}.home-panel .home-cp small{font-size:6.5px;white-space:nowrap}
.home-panel .home-coming-soon-actions{top:auto;left:14px;right:14px;bottom:max(204px,calc(env(safe-area-inset-bottom) + 196px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:7px}.home-feature-stack{display:contents}.home-panel .home-feature-button{width:100%;min-height:50px;padding:6px;grid-template-columns:23px minmax(0,1fr);border-radius:16px}.home-panel .home-feature-button span{font-size:8px}.home-panel .home-feature-button small{font-size:5.5px}
.persistent-nav #equipment-nav:disabled,.persistent-nav #character-nav:disabled,.persistent-nav #pets-nav:disabled{opacity:.7;filter:saturate(.3);color:#627482!important}.persistent-nav #equipment-nav:disabled span,.persistent-nav #character-nav:disabled span,.persistent-nav #pets-nav:disabled span{color:#596b77!important}.persistent-nav #equipment-nav:disabled small,.persistent-nav #character-nav:disabled small,.persistent-nav #pets-nav:disabled small{color:#687984!important;font-size:7px}
@media(max-width:430px){.home-panel .home-brand{left:9px;right:60px}.home-panel .home-brand .logo-mark{width:35px;height:35px;flex-basis:35px}.home-panel .home-brand h1{font-size:18px}.account-button{right:9px;width:40px;height:40px}.account-button>i{width:25px;height:25px}.home-panel .home-xp{left:8px;right:8px}.home-panel .home-wallet{left:8px;right:8px}.home-panel .home-cp{left:8px;right:8px}.home-panel .home-coming-soon-actions{left:9px;right:9px;gap:5px}.home-panel .home-feature-button{min-height:47px;padding:5px}.home-panel .home-feature-button span{font-size:7px}.home-panel .home-feature-button small{font-size:5px}}

/* v320 compact home header: two slim rows instead of four stacked cards. */
.home-panel .home-xp{top:calc(max(14px,env(safe-area-inset-top)) + 52px);left:10px;right:calc(34% + 15px);min-height:49px;padding:7px 10px}
.home-panel .home-cp{top:calc(max(14px,env(safe-area-inset-top)) + 52px);left:auto;right:10px;width:34%;min-height:49px;padding:7px 9px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}
.home-panel .home-cp span{font-size:6px}.home-panel .home-cp strong{font-size:16px;line-height:1}.home-panel .home-cp small{display:none}
.home-panel .home-wallet{top:calc(max(14px,env(safe-area-inset-top)) + 108px);left:10px;right:10px;display:grid;grid-template-columns:minmax(0,1fr) 45px;gap:5px;align-items:stretch}
.home-resource-box{min-width:0;height:43px;padding:4px;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;border-width:2px;border-radius:14px;box-shadow:0 3px 0 #d9ae4c,0 6px 14px #31566b28}
.home-panel .home-resource-box .home-currency,.home-panel .home-resource-box .home-currency.skill-tome{min-height:0;height:31px;padding:2px 1px;grid-template-columns:18px minmax(0,1fr);grid-template-rows:1fr;align-items:center;justify-items:center;gap:2px;border-radius:8px}
.home-panel .home-resource-box .home-currency i{width:17px;height:17px;grid-column:1}.home-panel .home-resource-box .home-currency span{display:none}.home-panel .home-resource-box .home-currency strong{grid-column:2;font-size:9px;text-align:left}
.home-key-box{position:relative;height:43px;overflow:visible;border-width:2px;border-radius:14px;box-shadow:0 3px 0 #65afd0,0 6px 14px #31566b28}
.home-keys-toggle{height:39px;min-height:0;padding:3px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;place-items:center;gap:0;text-align:center}.home-keys-toggle span{font-size:6px}.home-keys-toggle strong{display:none}.home-keys-toggle i{font-size:14px;line-height:1}
.home-key-list{position:absolute;z-index:12;top:calc(100% + 7px);right:0;width:min(270px,calc(100vw - 38px));max-height:none;padding:6px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible;opacity:0;visibility:hidden;transform:translateY(-5px);border:3px solid #fff;border-radius:14px;background:#e8f8fff7;box-shadow:0 5px 0 #65afd0,0 12px 25px #173f6344;transition:opacity .16s ease,transform .16s ease,visibility .16s}
.home-key-box.expanded .home-key-list{max-height:none;padding:6px;opacity:1;visibility:visible;transform:none;border-top-color:#fff}
.home-panel .home-key-list .home-currency,.home-panel .home-key-list .home-currency.tome-key{min-height:36px}
.home-panel .home-coming-soon-actions{bottom:max(200px,calc(env(safe-area-inset-bottom) + 192px))}.home-panel .home-feature-button{min-height:45px}
@media(max-width:430px){.home-panel .home-xp{left:8px;right:calc(36% + 13px)}.home-panel .home-cp{right:8px;width:36%;padding-inline:7px}.home-panel .home-cp strong{font-size:14px}.home-panel .home-wallet{left:8px;right:8px}.home-panel .home-resource-box .home-currency strong{font-size:8px}}

/* v321 reference-inspired blue command center with locked future features. */
.home-panel::after{content:'';position:absolute;z-index:1;left:7px;right:7px;top:7px;height:170px;pointer-events:none;border:2px solid #bff5ffcc;border-radius:24px;background:linear-gradient(150deg,#087ed9e8,#27c9f0d9 68%,#82eaffc7);box-shadow:inset 0 0 24px #ffffff42,0 8px 24px #126da444}
.home-panel .home-brand .logo-mark{border-color:#fff;background:#f8fbff;box-shadow:0 4px 0 #135eb7,0 0 0 4px #4ee4ff;color:#1764b4}
.home-panel .home-brand .eyebrow{color:#dff8ff;text-shadow:0 1px 0 #1764b4}.home-panel .home-brand h1{color:#fff;text-shadow:0 3px 0 #1764b4}.home-panel .home-brand h1 em{color:#ff8794;text-shadow:0 3px 0 #b43659}
.account-button{border-color:#dffbff;color:#fff;background:linear-gradient(145deg,#55cff4,#126bc7);box-shadow:0 4px 0 #13569e,0 0 0 3px #8cecff66,0 8px 18px #083e8066}.account-button::after{content:'';position:absolute;right:-1px;bottom:1px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#49d667;box-shadow:0 1px 0 #18883a}
.home-panel .home-xp{border-color:#fff;background:linear-gradient(145deg,#eef2ff,#dce8ff);box-shadow:0 4px 0 #557dc4,0 8px 16px #0e559244}.home-panel .home-xp span,.home-panel .home-xp strong{color:#35447d}.home-panel .home-xp>i{height:7px;background:#aec8eb}.home-panel .home-xp>i b{background:linear-gradient(90deg,#885ee8,#ee55c4)}
.home-panel .home-cp{border-color:#fff4bd;background:linear-gradient(145deg,#fff4a9,#ffc83e);box-shadow:0 4px 0 #d48b08,0 8px 16px #865e1844}.home-panel .home-cp span{color:#8a570b}.home-panel .home-cp strong{color:#754200}
.home-resource-box{border-color:#e9fbff;background:#f8fcfff5;box-shadow:0 3px 0 #5aa8d0,0 7px 17px #0d5a8c3d}.home-panel .home-resource-box .home-currency{background:linear-gradient(180deg,#fff,#edf7ff)}
.home-key-box{border-color:#93ecff;background:linear-gradient(145deg,#0c9fe2,#126bc7);box-shadow:0 3px 0 #0c4e9a,0 7px 17px #073f7c55}.home-keys-toggle{color:#fff}.home-keys-toggle span{color:#fff}.home-keys-toggle i{color:#dff9ff}
.home-side-rail{position:absolute;z-index:4;top:38%;display:grid;gap:14px;pointer-events:none}.home-side-rail-left{left:14px}.home-side-rail-right{right:14px}.home-side-feature{position:relative;width:52px;padding:0;display:grid;justify-items:center;gap:4px;color:#fff;border:0;background:transparent;font:inherit;opacity:.78}.home-side-feature i{width:46px;height:46px;display:grid;place-items:center;border:2px solid #d9f8ff;border-radius:16px;color:#fff;background:linear-gradient(145deg,#5dcdf0c9,#1676c7d9);box-shadow:0 5px 0 #175b9b,0 9px 18px #113d6655;font:1000 22px/1 system-ui;font-style:normal}.home-side-feature span{font-size:7px;font-weight:1000;letter-spacing:.035em;text-shadow:0 2px 2px #173f63}.home-side-feature::after{content:'🔒';position:absolute;right:-2px;top:-5px;width:17px;height:17px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#ff5f82;font-size:8px}.home-side-feature:disabled{cursor:not-allowed}
.home-panel .home-coming-soon-actions{gap:8px}.home-panel .home-feature-button{position:relative;min-height:50px;border-color:#fff;border-radius:17px;background:linear-gradient(145deg,#fafdff,#dceeff);box-shadow:0 5px 0 #5599c2,0 9px 18px #17446a3b}.home-panel .home-feature-button:not(:disabled){background:linear-gradient(145deg,#effcff,#c9f3ff)}.home-panel .home-feature-button.shop-feature{background:linear-gradient(145deg,#fff7ff,#ead5ff);box-shadow:0 5px 0 #a274d0,0 9px 18px #5a386d38}.home-panel .home-feature-button:disabled::after{content:'🔒';position:absolute;right:6px;top:50%;translate:0 -50%;font-size:12px;filter:grayscale(.15)}
.stage-select-open{border-color:#bdf7ff;color:#1764b4;background:linear-gradient(90deg,transparent,#e7faffdd,transparent);box-shadow:none}.stage-select-open::before,.stage-select-open::after{content:'≋';margin:0 8px;color:#57bddd}
.rebirth-button,.time-reward-button{border-color:#fff;background:linear-gradient(145deg,#f5fcff,#d9f1ff);box-shadow:0 5px 0 #438fc1,0 8px 17px #17466b38}.enter-stage-button{background:linear-gradient(145deg,#36c9f3,#086be2);box-shadow:0 7px 0 #0754a9,0 0 22px #29cbff70}
.persistent-nav{border-color:#a8efff;background:linear-gradient(180deg,#38bdeee8,#0873cce8);box-shadow:0 7px 0 #075ca6,0 0 22px #24d4ff55}.persistent-nav .nav-button{color:#eefcff}.persistent-nav .nav-button i{color:#fff;background:#ffffff24}.persistent-nav .nav-button span,.persistent-nav .nav-button strong,.persistent-nav .nav-button small{color:#fff}.persistent-nav .nav-button.active{color:#1764b4;background:linear-gradient(180deg,#fff,#dff7ff);box-shadow:0 4px 0 #418ec0,0 0 0 3px #fff8}.persistent-nav .nav-button.active span,.persistent-nav .nav-button.active strong{color:#174d76}
@media(max-width:430px){.home-panel::after{left:4px;right:4px;top:4px;height:168px;border-radius:22px}.home-side-rail{top:39%;gap:12px}.home-side-rail-left{left:8px}.home-side-rail-right{right:8px}.home-side-feature{width:43px}.home-side-feature i{width:39px;height:39px;border-radius:13px;font-size:18px}.home-side-feature span{font-size:5.5px}.home-side-feature::after{right:-3px;width:15px;height:15px;font-size:7px}.home-panel .home-coming-soon-actions{gap:5px}.home-panel .home-feature-button:disabled::after{right:3px;font-size:10px}}

/* v322 faithful mobile command-center composition. */
.home-panel{background:linear-gradient(180deg,#057fd01f 0 22%,transparent 43%,#e9f8ff24 64%,#087acdc9 100%)}
.home-panel::after{height:clamp(182px,45.5vw,246px);border-width:2px;background:linear-gradient(145deg,#0577cbed,#23c8f0e6 72%,#72e8ffd8);box-shadow:inset 0 0 30px #fff4,0 9px 24px #07599455}
.home-panel .home-brand{top:max(13px,env(safe-area-inset-top));left:clamp(9px,3vw,18px);right:clamp(62px,15vw,82px)}
.home-panel .home-brand .logo-mark{width:clamp(35px,9vw,48px);height:clamp(35px,9vw,48px);flex-basis:clamp(35px,9vw,48px);font-size:clamp(14px,3.5vw,19px)}
.home-panel .home-brand .eyebrow{font-size:clamp(6px,1.55vw,8px)}.home-panel .home-brand h1{font-size:clamp(18px,4.8vw,26px)}
.account-button{top:max(13px,env(safe-area-inset-top));right:clamp(9px,3vw,18px);width:clamp(40px,10vw,54px);height:clamp(40px,10vw,54px)}
.account-button>i{width:clamp(25px,6.5vw,34px);height:clamp(25px,6.5vw,34px)}
.home-panel .home-xp{top:calc(max(13px,env(safe-area-inset-top)) + clamp(51px,13vw,70px));left:clamp(8px,3vw,17px);right:calc(clamp(8px,3vw,17px) + 35%);min-height:clamp(51px,12vw,64px);padding:6px 9px;display:grid;grid-template-columns:clamp(39px,9.3vw,51px) minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;gap:4px 9px;border-radius:17px}
.home-level-badge{grid-row:1/3;width:clamp(39px,9.3vw,51px);height:clamp(39px,9.3vw,51px);display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#36c8ff,#0860d5 62%,#163da2);clip-path:polygon(50% 0,91% 22%,91% 76%,50% 100%,9% 76%,9% 22%);filter:drop-shadow(0 3px 0 #154c9b);font-size:clamp(17px,4.4vw,24px);font-weight:1000;text-shadow:0 2px 0 #1353a2}
.home-panel .home-xp>div{grid-column:2;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:4px}.home-panel .home-xp>div span,.home-panel .home-xp>div strong{font-size:clamp(6px,1.5vw,8px);white-space:nowrap}.home-panel .home-xp>i{grid-column:2;height:clamp(6px,1.5vw,8px);border-radius:99px}
.home-panel .home-cp{top:calc(max(13px,env(safe-area-inset-top)) + clamp(51px,13vw,70px));right:clamp(8px,3vw,17px);width:calc(35% - clamp(3px,1vw,6px));min-height:clamp(51px,12vw,64px);padding:6px 7px;display:grid;grid-template-columns:clamp(34px,8vw,45px) minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:0 6px;border-radius:17px}
.home-cp-icon{grid-row:1/3;width:clamp(34px,8vw,45px);height:clamp(38px,9vw,49px);display:grid;place-items:center;color:#fff;border-radius:12px;background:linear-gradient(145deg,#ffd853,#f29b00);box-shadow:inset 0 1px #fff9,0 3px 0 #ce7d00;font:1000 clamp(25px,6vw,35px)/1 system-ui;font-style:normal;text-shadow:0 2px 0 #c47700}.home-panel .home-cp span,.home-panel .home-cp strong{grid-column:2;white-space:nowrap}.home-panel .home-cp span{align-self:end;font-size:clamp(5px,1.25vw,7px)}.home-panel .home-cp strong{align-self:start;font-size:clamp(12px,3.3vw,19px)}
.home-panel .home-wallet{top:calc(max(13px,env(safe-area-inset-top)) + clamp(108px,27vw,145px));left:clamp(8px,3vw,17px);right:clamp(8px,3vw,17px);grid-template-columns:minmax(0,1fr) clamp(47px,12vw,64px);gap:6px}
.home-resource-box{height:clamp(43px,10vw,54px);padding:4px 5px;border-radius:15px}.home-panel .home-resource-box .home-currency,.home-panel .home-resource-box .home-currency.skill-tome{height:clamp(31px,7.5vw,41px);grid-template-columns:clamp(18px,4.5vw,24px) minmax(0,1fr);border-radius:9px}
.home-panel .home-resource-box .home-currency i{width:clamp(17px,4.4vw,23px);height:clamp(17px,4.4vw,23px);border-radius:0;clip-path:polygon(50% 0,92% 24%,92% 76%,50% 100%,8% 76%,8% 24%);color:#fff;background:linear-gradient(145deg,#3bd9ff,#0868d5);font-size:clamp(8px,2vw,11px)}
.home-panel .home-resource-box .silver-stone i{background:linear-gradient(145deg,#8deaff,#37a7e9)}.home-panel .home-resource-box .skill-tome i{background:linear-gradient(145deg,#d08cff,#7444cc)}.home-panel .home-resource-box .gold-bar i{background:linear-gradient(145deg,#ffe76b,#d49b00)}.home-panel .home-resource-box .pet-shard i{background:linear-gradient(145deg,#ff9de5,#d83f9b)}
.home-panel .home-resource-box .home-currency strong{font-size:clamp(8px,2.1vw,11px)}
.home-key-box{height:clamp(43px,10vw,54px);border-radius:15px}.home-keys-toggle{position:relative;height:100%;grid-template-rows:1fr;grid-template-columns:1fr;padding:4px}.home-keys-toggle span{font-size:clamp(6px,1.6vw,9px)}.home-keys-toggle i{position:absolute;right:4px;bottom:1px;font-size:11px}.home-key-count{position:absolute;right:-6px;top:-8px;min-width:20px;height:20px;padding:0 4px;display:grid;place-items:center;color:#fff;border:2px solid #fff;border-radius:99px;background:#ff3e72;box-shadow:0 2px 0 #b51e4b;font:1000 9px/1 system-ui}
.home-side-rail{top:39%;gap:clamp(11px,2.5vh,18px)}.home-side-rail-left{left:clamp(8px,3vw,17px)}.home-side-rail-right{right:clamp(8px,3vw,17px)}.home-side-feature{width:clamp(43px,11vw,58px);opacity:.88}.home-side-feature i{width:clamp(39px,10vw,53px);height:clamp(39px,10vw,53px);border-radius:clamp(13px,3.4vw,18px);font-size:clamp(18px,4.7vw,25px)}.home-side-feature span{font-size:clamp(5.5px,1.4vw,8px)}
.home-panel .home-coming-soon-actions{left:clamp(9px,3vw,17px);right:clamp(9px,3vw,17px);bottom:max(205px,calc(env(safe-area-inset-bottom) + 21.5vh));gap:clamp(5px,1.5vw,9px)}.home-panel .home-feature-button{min-height:clamp(47px,11vw,61px);padding:6px 7px;border-radius:clamp(15px,3.5vw,19px)}.home-panel .home-feature-button i{width:clamp(22px,5.5vw,30px);height:clamp(22px,5.5vw,30px);font-size:clamp(12px,3vw,16px)}.home-panel .home-feature-button span{font-size:clamp(7px,1.8vw,10px)}.home-panel .home-feature-button small{font-size:clamp(5px,1.25vw,7px)}
.home-stage-actions{left:clamp(9px,3vw,17px);right:clamp(9px,3vw,17px);bottom:max(105px,calc(env(safe-area-inset-bottom) + 10.3vh));grid-template-columns:minmax(78px,.8fr) minmax(132px,1.45fr) minmax(88px,.9fr);grid-template-rows:clamp(30px,7vw,38px) clamp(60px,13vw,70px);gap:clamp(5px,1.5vw,8px)}
.stage-select-open{border-radius:99px;background:linear-gradient(90deg,transparent,#f5fdffff,transparent);font-size:clamp(8px,2vw,11px)}.stage-select-open::before,.stage-select-open::after{margin:0 clamp(3px,1vw,8px)}
.rebirth-button,.time-reward-button{min-height:clamp(60px,13vw,70px);border-radius:clamp(15px,3.8vw,20px)}.enter-stage-button{min-height:clamp(60px,13vw,70px);border-radius:clamp(16px,4vw,22px)}
.persistent-nav{left:clamp(7px,2vw,13px);right:clamp(7px,2vw,13px);bottom:max(8px,env(safe-area-inset-bottom));height:clamp(76px,17vw,91px);border-radius:clamp(19px,4.6vw,25px)}.nav-button{height:clamp(56px,13vw,70px)}.nav-button.stage-button{height:clamp(68px,16vw,84px)}
@media(max-height:720px){.home-side-rail{top:37%;gap:8px}.home-panel .home-coming-soon-actions{bottom:max(190px,calc(env(safe-area-inset-bottom) + 182px))}.home-stage-actions{bottom:max(96px,calc(env(safe-area-inset-bottom) + 89px))}}

/* v323 generated home icon system: one polished family, no emoji placeholders. */
.home-panel .home-resource-box .home-currency i{clip-path:none!important;border-radius:0!important;color:transparent!important;background-color:transparent!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;filter:drop-shadow(0 2px 2px #175b8d3d)}
.home-panel .home-resource-box .home-currency:nth-child(1) i{background-image:url('assets/icons/home-v2/coin.png')!important}.home-panel .home-resource-box .silver-stone i{background-image:url('assets/icons/home-v2/silver.png')!important}.home-panel .home-resource-box .skill-tome i{background-image:url('assets/icons/home-v2/tome.png')!important}.home-panel .home-resource-box .gold-bar i{background-image:url('assets/icons/home-v2/aura-bar.png')!important}.home-panel .home-resource-box .pet-shard i{background-image:url('assets/icons/home-v2/pet-shard.png')!important}
.home-panel .home-resource-box .home-currency i{width:clamp(22px,5.4vw,29px);height:clamp(22px,5.4vw,29px)}
.home-keys-toggle span{display:flex;align-items:center;justify-content:center;gap:3px}.home-keys-toggle span::before{content:'';width:clamp(18px,4.5vw,24px);height:clamp(18px,4.5vw,24px);flex:0 0 auto;background:url('assets/icons/home-v2/key.png') center/contain no-repeat;filter:drop-shadow(0 2px 2px #06427b66)}
.home-side-feature i{color:transparent!important;font-size:0!important;background-position:center!important;background-size:76%!important;background-repeat:no-repeat!important}
.home-side-rail-left .home-side-feature:nth-child(1) i{background-image:url('assets/icons/home-v2/mission.png'),linear-gradient(145deg,#5dcdf0d9,#1676c7e8)}.home-side-rail-left .home-side-feature:nth-child(2) i{background-image:url('assets/icons/home-v2/event.png'),linear-gradient(145deg,#5dcdf0d9,#1676c7e8)}.home-side-rail-left .home-side-feature:nth-child(3) i{background-image:url('assets/icons/home-v2/ranking.png'),linear-gradient(145deg,#5dcdf0d9,#1676c7e8)}
.home-side-rail-right .home-side-feature:nth-child(1) i{background-image:url('assets/icons/home-v2/mail.png'),linear-gradient(145deg,#5dcdf0d9,#1676c7e8)}.home-side-rail-right .home-side-feature:nth-child(2) i{background-image:url('assets/icons/home-v2/friends.png'),linear-gradient(145deg,#5dcdf0d9,#1676c7e8)}.home-side-rail-right .home-side-feature:nth-child(3) i{background-image:url('assets/icons/home-v2/settings.png'),linear-gradient(145deg,#5dcdf0d9,#1676c7e8)}
.home-side-feature::after,.home-panel .home-feature-button:disabled::after{content:''!important;width:clamp(15px,3.8vw,19px);height:clamp(15px,3.8vw,19px);padding:0;border:2px solid #fff;border-radius:50%;background:#ff5f82 url('assets/icons/home-v2/lock.png') center/78% no-repeat!important;box-shadow:0 2px 0 #b62850;filter:none!important}
.home-panel .home-feature-button i{width:clamp(28px,7vw,38px);height:clamp(28px,7vw,38px);color:transparent!important;font-size:0!important;border-radius:0!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;filter:drop-shadow(0 2px 2px #1b568640)}.home-panel .home-feature-button{grid-template-columns:clamp(30px,7.4vw,40px) minmax(0,1fr)}
.home-panel .dungeons-feature i{background-image:url('assets/icons/home-v2/dungeons.png')!important}.home-panel .skills-feature i{background-image:url('assets/icons/home-v2/skills.png')!important}.home-panel .shop-feature i{background-image:url('assets/icons/home-v2/shop.png')!important}
.stage-select-open span{width:clamp(18px,4.4vw,24px);height:clamp(18px,4.4vw,24px);display:inline-block;margin-right:5px;color:transparent!important;font-size:0!important;background:url('assets/icons/home-v2/stage-map.png') center/contain no-repeat;vertical-align:middle}.enter-stage-button i{color:transparent!important;font-size:0!important;background:#ffffff1c url('assets/icons/home-v2/play.png') center/72% no-repeat!important}.rebirth-button,.time-reward-button{position:relative;padding-left:clamp(35px,8vw,46px)}.rebirth-button::before,.time-reward-button::before{content:'';position:absolute;left:7px;top:50%;width:clamp(25px,6.3vw,34px);height:clamp(25px,6.3vw,34px);translate:0 -50%;background-position:center;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 2px 2px #175b8d3d)}.rebirth-button::before{background-image:url('assets/icons/home-v2/rebirth.png')}.time-reward-button::before{background-image:url('assets/icons/home-v2/time.png')}
.home-cp-icon{color:transparent!important;font-size:0!important;background:transparent url('assets/icons/home-v2/coin.png') center/contain no-repeat!important;box-shadow:none!important;filter:drop-shadow(0 3px 2px #b870003d)}
.persistent-nav .nav-button i{width:clamp(30px,7.3vw,40px);height:clamp(30px,7.3vw,40px);color:transparent!important;font-size:0!important;border-radius:0!important;background-color:transparent!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;filter:drop-shadow(0 2px 2px #104e7c4a)}
#equipment-nav i{background-image:url('assets/icons/home-v2/equipment.png')!important}#stats-nav i{background-image:url('assets/icons/home-v2/stats.png')!important}#home-nav-button i{background-image:url('assets/icons/home-v2/home.png')!important}#character-nav i{background-image:url('assets/icons/home-v2/auras.png')!important}#pets-nav i{background-image:url('assets/icons/home-v2/pets.png')!important}
.persistent-nav .nav-button:disabled::after{content:'';position:absolute;right:5px;top:4px;width:16px;height:16px;background:url('assets/icons/home-v2/lock.png') center/contain no-repeat;filter:drop-shadow(0 1px 1px #134f7b66)}

/* v324 optical icon alignment and deliberate inactive navigation states. */
.home-side-rail{align-items:start}.home-side-feature{gap:2px;isolation:isolate}.home-side-feature i{width:clamp(44px,10.8vw,56px);height:clamp(44px,10.8vw,56px);box-sizing:border-box;background-size:96%!important;box-shadow:0 4px 0 #175b9b,0 8px 16px #113d664d,inset 0 1px #fff8}.home-side-feature span{margin-top:1px;line-height:1.05}
.home-side-rail-left .home-side-feature:nth-child(1) i{background-position:53% 52%!important}.home-side-rail-left .home-side-feature:nth-child(2) i{background-position:50% 51%!important;background-size:91%!important}.home-side-rail-left .home-side-feature:nth-child(3) i{background-position:50% 53%!important;background-size:92%!important}.home-side-rail-right .home-side-feature:nth-child(1) i{background-position:50% 52%!important;background-size:92%!important}.home-side-rail-right .home-side-feature:nth-child(2) i{background-position:50% 53%!important;background-size:94%!important}.home-side-rail-right .home-side-feature:nth-child(3) i{background-position:50% 51%!important;background-size:91%!important}
.home-side-feature::after{z-index:2;right:-5px;top:-4px;width:clamp(17px,4.2vw,21px);height:clamp(17px,4.2vw,21px);box-sizing:border-box;background:#ff5f82 url('assets/icons/home-v2/lock-white.svg') center/68% no-repeat!important;box-shadow:0 2px 0 #b62850,0 3px 7px #7b204f55}
.home-panel .home-feature-button:disabled::after{background:#ff5f82 url('assets/icons/home-v2/lock-white.svg') center/66% no-repeat!important}
.persistent-nav #equipment-nav:disabled,.persistent-nav #character-nav:disabled,.persistent-nav #pets-nav:disabled{opacity:1!important;filter:none!important;color:#536f82!important;border:1px solid #b8d7e5!important;background:linear-gradient(180deg,#e8f2f6d9,#cbdde6d9)!important;box-shadow:inset 0 1px #fff,0 2px 0 #85adbf!important}
.persistent-nav #equipment-nav:disabled i,.persistent-nav #character-nav:disabled i,.persistent-nav #pets-nav:disabled i{width:clamp(34px,8.2vw,44px);height:clamp(34px,8.2vw,44px);opacity:.72;filter:grayscale(.32) saturate(.58) drop-shadow(0 1px 1px #315b7040)!important;transform:none}
.persistent-nav #equipment-nav:disabled i{background:transparent url('assets/icons/home-v2/equipment.png') center/contain no-repeat!important}.persistent-nav #character-nav:disabled i{background:transparent url('assets/icons/home-v2/auras.png') center/contain no-repeat!important}.persistent-nav #pets-nav:disabled i{background:transparent url('assets/icons/home-v2/pets.png') center/contain no-repeat!important}
.persistent-nav #equipment-nav:disabled span,.persistent-nav #character-nav:disabled span,.persistent-nav #pets-nav:disabled span{color:#536f82!important;opacity:.8;font-weight:1000}.persistent-nav #equipment-nav:disabled small,.persistent-nav #character-nav:disabled small,.persistent-nav #pets-nav:disabled small{color:#6a8595!important;opacity:.86;font-size:clamp(5.5px,1.35vw,7px)}
.persistent-nav .nav-button:disabled::after{right:5px;top:4px;width:clamp(16px,4vw,20px);height:clamp(16px,4vw,20px);box-sizing:border-box;border:1px solid #fff;border-radius:50%;background:#d8ebf4 url('assets/icons/home-v2/lock-blue.svg') center/66% no-repeat;filter:drop-shadow(0 1px 1px #315b7055)}
@media(max-width:430px){.home-side-rail{gap:11px}.home-side-feature{width:46px}.home-side-feature i{width:43px;height:43px}.home-side-feature::after{right:-3px}.persistent-nav #equipment-nav:disabled i,.persistent-nav #character-nav:disabled i,.persistent-nav #pets-nav:disabled i{width:32px;height:32px}}

/* v328 frosted-glass side utilities. */
.home-side-feature i{background-image:var(--side-icon),linear-gradient(145deg,#ffffff78 0%,#dff8ff52 40%,#31a9dc42 100%)!important;background-position:var(--side-position,center),center!important;background-size:var(--side-size,96%),100% 100%!important;background-repeat:no-repeat!important;border-color:#f4fdffff!important;box-shadow:0 3px 0 #327fa89c,0 8px 17px #113d6635,inset 0 1px #fff,inset 0 0 13px #bff5ff45!important;backdrop-filter:blur(8px) saturate(1.25);-webkit-backdrop-filter:blur(8px) saturate(1.25)}
.home-side-rail-left .home-side-feature:nth-child(1) i{--side-icon:url('assets/icons/home-v2/mission.png');--side-position:53% 52%;--side-size:96%;background-position:var(--side-position),center!important;background-size:var(--side-size),100% 100%!important}.home-side-rail-left .home-side-feature:nth-child(2) i{--side-icon:url('assets/icons/home-v2/event.png');--side-position:50% 51%;--side-size:91%;background-position:var(--side-position),center!important;background-size:var(--side-size),100% 100%!important}.home-side-rail-left .home-side-feature:nth-child(3) i{--side-icon:url('assets/icons/home-v2/ranking.png');--side-position:50% 53%;--side-size:92%;background-position:var(--side-position),center!important;background-size:var(--side-size),100% 100%!important}
.home-side-rail-right .home-side-feature:nth-child(1) i{--side-icon:url('assets/icons/home-v2/mail.png');--side-position:50% 52%;--side-size:92%;background-position:var(--side-position),center!important;background-size:var(--side-size),100% 100%!important}.home-side-rail-right .home-side-feature:nth-child(2) i{--side-icon:url('assets/icons/home-v2/friends.png');--side-position:50% 53%;--side-size:94%;background-position:var(--side-position),center!important;background-size:var(--side-size),100% 100%!important}.home-side-rail-right .home-side-feature:nth-child(3) i{--side-icon:url('assets/icons/home-v2/settings.png');--side-position:50% 51%;--side-size:91%;background-position:var(--side-position),center!important;background-size:var(--side-size),100% 100%!important}

/* v329 glass feature row and breathing room below side utilities. */
.home-panel{--home-feature-bottom:max(205px,calc(env(safe-area-inset-bottom) + 21.5vh));--home-feature-height:clamp(47px,11vw,61px);--home-side-gap:14px}.home-panel .home-coming-soon-actions{bottom:var(--home-feature-bottom)}.home-side-rail{top:auto;bottom:calc(var(--home-feature-bottom) + var(--home-feature-height) + var(--home-side-gap))}
.home-panel .home-feature-button,.home-panel .home-feature-button:not(:disabled),.home-panel .home-feature-button.dungeons-feature,.home-panel .home-feature-button.skills-feature{border-color:#f5fdffff!important;background:linear-gradient(145deg,#ffffffa1 0%,#e9fbff70 48%,#72cce95c 100%)!important;box-shadow:0 4px 0 #3987ad8f,0 9px 18px #17446a2e,inset 0 1px #fff,inset 0 0 16px #d9f8ff4f!important;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2)}
.home-panel .home-feature-button.shop-feature{border-color:#f9efffff!important;background:linear-gradient(145deg,#fffaff9e 0%,#f4e8ff75 52%,#cba4ed63 100%)!important;box-shadow:0 4px 0 #8e68b58c,0 9px 18px #5a386d2b,inset 0 1px #fff,inset 0 0 16px #efdfff55!important}
.home-panel .home-feature-button i{background-color:transparent!important;box-shadow:none!important}
@media(max-height:720px){.home-panel{--home-feature-bottom:max(190px,calc(env(safe-area-inset-bottom) + 182px));--home-side-gap:10px}}

/* v334 final mobile containment: icon-only keys and compact Time Reward. */
.home-keys-toggle{position:relative;overflow:visible!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important;padding:3px!important}
.home-keys-toggle span{width:100%;height:100%;display:grid!important;place-items:center;font-size:0!important;line-height:0!important}
.home-keys-toggle span::before{width:clamp(25px,6.5vw,31px)!important;height:clamp(25px,6.5vw,31px)!important;margin:0!important}
.time-reward-button{min-width:0;overflow:hidden}
.time-reward-button span,.time-reward-button>strong{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.time-reward-button>strong{white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:430px){
  .home-keys-toggle{height:39px!important;min-height:0!important}
  .home-key-count{right:-5px!important;top:-7px!important;min-width:18px!important;height:18px!important;padding-inline:3px!important;font-size:8px!important}
  .time-reward-button{padding:5px 4px 5px clamp(29px,7.2vw,35px)!important;display:grid!important;grid-template-rows:auto auto!important;align-content:center!important;gap:1px!important;text-align:left!important}
  .time-reward-button::before{left:3px!important;width:clamp(22px,5.7vw,27px)!important;height:clamp(22px,5.7vw,27px)!important}
  .time-reward-button span{display:block!important;line-height:1!important}
  .time-reward-button b{display:block!important;font-size:clamp(6.5px,1.7vw,8px)!important;line-height:1.05!important;letter-spacing:-.02em!important;white-space:nowrap!important}
  .time-reward-button>strong{display:block!important;font-size:clamp(8px,2.1vw,10px)!important;line-height:1.05!important}
  .home-panel .home-feature-button,.home-panel .home-feature-button:not(:disabled){background:linear-gradient(145deg,#ffffffe0 0%,#eafaffbd 50%,#77cce9a6 100%)!important;backdrop-filter:blur(15px) saturate(1.22)!important;-webkit-backdrop-filter:blur(15px) saturate(1.22)!important}
  .home-panel .home-feature-button.shop-feature{background:linear-gradient(145deg,#fffaffdf 0%,#f5eaffc4 52%,#cfa9edaa 100%)!important}
}
@media(max-width:360px){
  .time-reward-button{padding-left:26px!important}
  .time-reward-button::before{left:2px!important;width:20px!important;height:20px!important}
  .time-reward-button b{font-size:6px!important}
  .time-reward-button>strong{font-size:7.5px!important}
}

/* v339 native viewport and header-wallet containment. */
@media (max-width:600px), (pointer:coarse) {
  html,body{min-height:100%;background:#a8e7ff}
  body{display:block}
  #game-shell{position:fixed;inset:0;width:min(100%,540px);height:auto;min-height:100%;max-height:none;margin-inline:auto}
}
.home-panel::after{height:clamp(202px,50vw,278px)}
.home-panel .home-wallet{
  padding:clamp(5px,1.4vw,8px);
  align-items:stretch;
  border:2px solid #effdffff;
  border-radius:clamp(17px,4.3vw,23px);
  background:linear-gradient(145deg,#ffffff8f,#dff8ff70 55%,#54bde363);
  box-shadow:0 5px 0 #287da290,0 10px 24px #155f8535,inset 0 1px #fff,inset 0 0 18px #dffaff75;
  backdrop-filter:blur(12px) saturate(1.18);
  -webkit-backdrop-filter:blur(12px) saturate(1.18);
}
.home-panel .home-resource-box,.home-panel .home-key-box{min-width:0;border-color:#f6fdffff;box-shadow:0 2px 0 #4b91ae70,inset 0 1px #fff,inset 0 0 11px #dff8ff66}
.home-panel .home-key-box{overflow:visible}
@media(max-width:430px){
  .home-panel .home-wallet{gap:4px;padding:5px}
  .home-key-count{right:0!important;top:0!important}
}

/* v340 iOS Home Screen apps occasionally retain the legacy layout viewport. */
@media (display-mode:standalone) {
  html,body{height:100vh;height:100dvh;min-height:-webkit-fill-available;background:#a8e7ff}
  #game-shell{top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;min-height:-webkit-fill-available;background:#a8e7ff}
}
html.ios-standalone,html.ios-standalone body{height:100vh;height:100dvh;min-height:-webkit-fill-available;background:#a8e7ff}
html.ios-standalone #game-shell{top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;min-height:-webkit-fill-available;background:#a8e7ff}

/* v341 reforge ranges and applied-character comparison. */
.reforge-substat-list button>span{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}
.reforge-substat-list button>span small{color:#66859a;font-size:8px;font-weight:900}
.reforge-preview>span{padding:7px 8px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid #a9dec9;border-radius:9px;background:#f7fffb}
.reforge-preview>span b{min-width:0;color:#245d4b;font-size:10px;overflow-wrap:anywhere}
.reforge-preview>span b small{color:#668f7e;font-size:8px}
.reforge-preview>span em{color:#2b8b68;font-size:8px;font-style:normal;font-weight:1000;text-align:right}
.reforge-preview>span.locked em{color:#7544a2}
.reforge-preview[hidden]{display:none!important}
.reforge-total-change{margin-top:3px;padding-top:8px;border-top:1px solid #9ed9c1}
.reforge-total-change>.compare-card-deltas{margin-top:5px}
.reforge-total-change .compare-card-deltas b{font-size:9px}
.equipment-reforge-card #equipment-reforge-cost{display:grid;gap:4px;text-align:left}
.equipment-reforge-card #equipment-reforge-cost span{font-size:10px}
.equipment-reforge-card #equipment-reforge-cost small{color:#1764b4;font-size:9px;font-weight:1000}
@media(max-width:430px){.reforge-preview>span{grid-template-columns:1fr}.reforge-preview>span em{text-align:left}}

/* Permanent Split Laser, Pet Effectiveness, and Movement Speed upgrades use RB Coins. */
.shop-coins.rb-wallet{border-color:#c49ae9;background:#f4e8ff}.shop-coins.rb-wallet span{color:#72449b}.shop-coins.rb-wallet strong{color:#8a4fc2}
.stat-upgrade.premium.coin-upgrade,#stats-panel .stat-upgrade.premium.coin-upgrade{border-color:#e8bc3f;background:#fff7c7;box-shadow:0 4px 0 #d2a92e}
.stat-upgrade.premium.coin-upgrade .stat-copy b,#stats-panel .stat-upgrade.premium.coin-upgrade .stat-copy b{color:#72520a}
.stat-upgrade.premium.coin-upgrade .stat-progress strong,#stats-panel .stat-upgrade.premium.coin-upgrade .stat-progress strong{color:#a56d00}
.stat-upgrade.premium.coin-upgrade .stat-buy,#stats-panel .stat-upgrade.premium.coin-upgrade .stat-buy{border-color:#fff9c8;background:linear-gradient(145deg,#ffd84f,#eaa91c);box-shadow:0 4px 0 #ad7410;color:#573900}
.stat-upgrade.premium.coin-upgrade .stat-buy::before,#stats-panel .stat-upgrade.premium.coin-upgrade .stat-buy::before{content:'● ';color:#795000}
.stat-upgrade.premium.rb-upgrade,#stats-panel .stat-upgrade.premium.rb-upgrade{border-color:#c7a6ee;background:#f5eaff;box-shadow:0 4px 0 #a780cf}
.stat-upgrade.premium.rb-upgrade .stat-copy b,#stats-panel .stat-upgrade.premium.rb-upgrade .stat-copy b{color:#66389b}
.stat-upgrade.premium.rb-upgrade .stat-progress strong,#stats-panel .stat-upgrade.premium.rb-upgrade .stat-progress strong{color:#844cc0}
.stat-upgrade.premium.rb-upgrade .stat-buy,#stats-panel .stat-upgrade.premium.rb-upgrade .stat-buy{border-color:#fff;background:linear-gradient(145deg,#a35ee7,#7650d8);box-shadow:0 4px 0 #4d2e9d;color:#fff}
.stat-upgrade.premium.rb-upgrade .stat-buy::before,#stats-panel .stat-upgrade.premium.rb-upgrade .stat-buy::before{content:'RB ';color:#f4deff}

/* v347: solid Home shortcut cards stay readable over every world background. */
.home-panel .home-side-feature{padding:0;color:#173f63!important;border:0!important;background:transparent!important;box-shadow:none!important;opacity:1!important}
.home-panel .home-side-feature i{border:3px solid #fff!important;background-image:var(--side-icon),linear-gradient(#fff,#fff)!important;box-shadow:0 4px 0 #72a9c7,0 8px 17px #173f6338!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.home-panel .home-side-feature span{padding:2px 4px;color:#173f63!important;border-radius:6px;background:#fff!important;box-shadow:0 2px 0 #8fb4c9;text-shadow:none!important}
.home-panel .home-feature-button,.home-panel .home-feature-button:not(:disabled),.home-panel .home-feature-button.dungeons-feature,.home-panel .home-feature-button.skills-feature,.home-panel .home-feature-button.shop-feature{color:#245e8d!important;border-color:#fff!important;background:#fff!important;box-shadow:0 5px 0 #72a9c7,0 9px 18px #173f6338!important;opacity:1!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.home-panel .home-feature-button span{color:#245e8d!important;text-shadow:none!important}.home-panel .home-feature-button small,.home-panel .home-feature-button.shop-feature small{color:#526f83!important;text-shadow:none!important}
/* Utility attributes must win over component layout declarations. */
[hidden] { display: none !important; }
.notification-badge{position:absolute!important;z-index:6;right:4px;top:3px;min-width:21px!important;height:21px;padding:0 4px;display:grid!important;place-items:center;color:#fff!important;border:2px solid #fff;border-radius:99px;background:#ff496f;box-shadow:0 2px 0 #b52649,0 4px 9px #7d173a55;font:1000 9px/1 system-ui!important;letter-spacing:0!important;pointer-events:none}.notification-badge[hidden]{display:none!important}.persistent-nav .notification-badge{right:5px;top:2px}@media(max-width:430px){.notification-badge{min-width:19px!important;height:19px;font-size:8px!important}.persistent-nav .notification-badge{right:3px;top:1px}}
.stage-one-guide-footer .stage-one-guide-skip{display:none!important}

/* v402: one mobile density and overflow contract for browser, Android and iOS. */
@media (max-width: 540px), (pointer: coarse) {
  html,body{width:100%;height:100%;min-height:100%;overflow:hidden}
  #game-shell{inset:0;width:100%;height:100dvh;min-height:100dvh;max-height:none;overflow:hidden}
  .panel{inset:0;max-width:100%;min-width:0;overflow:hidden}

  /* Every scrollable game page gets the same compact safe-area frame. */
  .shop-panel{
    justify-content:flex-start;
    padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(72px,calc(env(safe-area-inset-bottom) + 66px)) max(6px,env(safe-area-inset-left));
    overflow:hidden;
  }
  .shop-card,.equipment-card,#stats-panel .shop-card,.feature-panel .shop-card{
    width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:none;
    padding:10px;border-radius:18px;overflow-x:hidden;overflow-y:auto;
    overscroll-behavior:contain;scroll-padding-block:10px 18px;-webkit-overflow-scrolling:touch;
  }
  #character-panel .shop-card{height:100%;max-height:none;padding:10px 10px 14px}
  .shop-card>*,.equipment-card>*,.shop-heading>*,.shop-section,.feature-panel section,
  .equipment-slot>*,.stat-upgrade>*,.storefront-offer>*,.skill-page-card>*,.pet-card>*{min-width:0;max-width:100%}
  .shop-card p,.shop-card small,.shop-card strong,.shop-card span,.shop-card button,
  .equipment-enhance-card p,.equipment-enhance-card small,.equipment-enhance-card strong,
  .rebirth-card p,.account-card p,.install-app-card p,.boost-settings-card p{overflow-wrap:anywhere}

  .shop-heading{gap:7px;align-items:center;margin:0}
  .shop-heading h2,#stats-panel .shop-heading h2{font-size:clamp(27px,8vw,34px);line-height:.92}
  .shop-heading .eyebrow,#stats-panel .shop-heading .eyebrow{font-size:8px;letter-spacing:.08em}
  .currency-stack{gap:4px}
  .shop-coins,#stats-panel .shop-coins,.currency-stack .shop-coins{
    min-width:58px;padding:6px 7px;border-radius:11px;
  }
  .shop-coins span,#stats-panel .shop-coins span{font-size:7px}
  .shop-coins strong,#stats-panel .shop-coins strong{font-size:16px}
  .profile-row{gap:7px;margin-top:9px}
  .level-orb,#stats-panel .level-orb{width:64px;min-width:64px;height:64px}
  .level-orb strong,#stats-panel .level-orb strong{font-size:23px}
  .profile-stats{gap:4px}.profile-stats div{padding:4px}
  #stats-panel .profile-stats span{font-size:7px}#stats-panel .profile-stats strong{font-size:13px}
  .cp-summary{margin-top:7px;padding:8px;gap:7px;grid-template-columns:minmax(105px,.9fr) 1.4fr}
  .cp-summary div strong{font-size:18px}.cp-summary section{gap:3px}.cp-summary section span{padding:5px 2px}

  /* Bottom navigation no longer consumes almost a quarter of short phones. */
  .persistent-nav{
    left:5px;right:5px;bottom:max(4px,env(safe-area-inset-bottom));height:64px;padding:4px;gap:4px;border-radius:17px;
  }
  .persistent-nav .nav-button,.nav-button{height:48px;min-height:0;padding:3px 2px;border-radius:12px}
  .persistent-nav .nav-button.stage-button,.nav-button.stage-button{height:54px;min-height:0}
  .nav-button i{width:27px;height:27px;font-size:19px}.nav-button span,.nav-button strong{font-size:7px}.nav-button small{font-size:6px}
  .persistent-nav .notification-badge{right:1px;top:0}

  /* Equipment: readable rows without one item taking a third of the screen. */
  #shop-panel .equipment-card{padding:9px}
  #shop-panel .equipment-character-stats{margin-top:7px;gap:5px}
  #shop-panel .equipment-character-stats>div{min-height:42px;padding:7px}
  #shop-panel .equipment-tier{margin-top:7px;padding:7px;min-height:74px}
  #shop-panel .equipment-tier>div:first-child strong{font-size:24px}
  #shop-panel .equipment-summon-row,#shop-panel .loadout-heading{margin-top:8px}
  #shop-panel .equipment-loadout{gap:7px;margin-top:7px}
  #shop-panel .equipment-slot{
    min-height:104px;padding:7px;grid-template-columns:58px minmax(0,1fr) 62px;gap:7px;border-radius:15px;
  }
  #shop-panel .equipment-icon{width:58px;height:58px;min-width:0}
  #shop-panel .equipment-slot h3{font-size:13px}
  #shop-panel .equipment-slot-copy,#shop-panel .equipment-level-label{font-size:7px}
  #shop-panel .equipment-exp-track{margin-top:3px}
  #shop-panel .equipment-slot-actions{gap:5px}
  #shop-panel .equipment-slot-actions button{width:62px;min-height:37px;padding:4px 2px;border-radius:10px;font-size:7px}
  #shop-panel .equipment-slot-actions button strong{font-size:10px}

  /* Stats: retain explanations, but compress the repeated upgrade rows. */
  #stats-panel .shop-card{padding:10px}
  #stats-panel .stats-copy{margin-top:7px;font-size:11px;line-height:1.35}
  .level-progress{margin-top:7px;padding:7px 9px}
  .stat-point-bank{min-height:43px;margin-top:6px;padding:6px 9px}.stat-point-bank strong{font-size:22px}
  .stat-batch-controls{margin-top:6px;padding:3px;gap:3px}.stat-batch-controls button{height:28px}
  #stats-panel .stat-upgrades,.stat-upgrades{gap:6px;margin-top:7px}
  #stats-panel .stat-upgrade,.stat-upgrade{
    min-height:58px;padding:7px 7px 7px 9px;grid-template-columns:minmax(0,1fr) 56px 78px;gap:5px;border-radius:11px;
  }
  #stats-panel .stat-copy b{font-size:12px}#stats-panel .stat-copy small{margin-top:3px;font-size:8px;line-height:1.2}
  #stats-panel .stat-progress strong{font-size:12px}#stats-panel .stat-progress small{margin-top:2px;font-size:7px}
  #stats-panel .stat-buy{min-height:38px;padding:5px 3px;font-size:8px}#stats-panel .stat-buy b{font-size:8px}
  .reset-button,#stats-panel .reset-button{min-height:42px;margin-top:7px;padding:7px 9px;font-size:8px}

  /* Skills, dungeons, pets, auras and store share compact cards. */
  #skills-panel .skills-page-card,#dungeons-panel .dungeons-page-card{max-height:none}
  .skills-home-footer,.dungeons-home-footer{left:7px;right:7px;bottom:max(72px,calc(env(safe-area-inset-bottom) + 66px))}
  .skills-home-footer>.home-back,.dungeons-home-footer>.home-back{min-height:42px}
  .skill-tier-card{margin-top:8px;padding:9px;grid-template-columns:86px minmax(0,1fr);gap:8px;border-radius:14px}
  .feature-primary-button{min-height:48px;margin-top:8px;padding:7px 10px;border-radius:14px}
  .feature-result{margin:7px 0}.skill-card-list{gap:7px}
  .skill-page-card{padding:7px;grid-template-columns:34px minmax(0,1fr) 72px;gap:6px;border-radius:13px}
  .skill-page-card>i{width:34px;height:34px}.skill-page-card>div>strong{font-size:12px}.skill-page-card>button{min-height:38px}
  .dungeon-list{gap:6px;margin-top:9px}.dungeon-list>button{min-height:50px;padding:7px 8px;gap:7px;border-radius:13px}
  .dungeon-list>button>i{width:32px;height:32px}.tomes-dungeon-card{margin-top:8px;padding:9px;border-radius:14px}
  .pet-card{min-height:84px;padding:8px;gap:7px;border-radius:14px}.pet-card>i{width:48px;height:48px}
  .aura-active-card{min-height:105px;padding:9px}.aura-collection{gap:7px}.aura-collection-card{min-height:76px;padding:7px}
  .storefront-card{gap:8px}.storefront-countdown{padding:6px}.storefront-countdown strong{margin:2px 0;font-size:15px}
  .store-test-banner{padding:8px;border-radius:13px}.store-test-banner>div{margin-top:6px}
  .vip-offer{padding:9px;gap:7px;grid-template-columns:minmax(0,1fr) 90px;border-radius:16px}.vip-offer h3{font-size:17px}.vip-offer p{font-size:8px}.vip-offer small{margin-top:4px;font-size:7px}
  .vip-offer button,.storefront-offer button,.free-daily-offer button{min-height:44px}
  .free-daily-offer{padding:8px;grid-template-columns:minmax(0,1fr) 88px;gap:7px}
  .storefront-offers{gap:7px}.storefront-offer{padding:7px;grid-template-columns:38px minmax(0,1fr) 78px;gap:6px;border-radius:14px}
  .storefront-offer>i{width:38px;height:38px}.storefront-offer h3{font-size:12px}.storefront-offer p{margin-top:2px;font-size:8px}.storefront-offer small{margin-top:2px;font-size:7px}.storefront-offer button strong{font-size:12px}

  /* All dialogs fit within the visual viewport and scroll internally. */
  :is(.stage-entry-modal,.stage-select-modal,.stage-stats-modal,.time-reward-modal,.dungeon-entry-modal,
      .summon-odds-modal,.equipment-enhance-modal,.rebirth-modal,.account-modal,.install-app-modal,.boost-settings-modal){
    padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));
    overflow:hidden;
  }
  :is(.stage-entry-card,.stage-select-card,.stage-stats-card,.time-reward-card,.dungeon-entry-dialog,
      .summon-odds-card,.equipment-enhance-card,.rebirth-card,.account-card,.install-app-card,.boost-settings-card){
    width:min(100%,460px);min-width:0;max-width:100%;height:auto;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));
    padding:17px 10px 10px;border-radius:19px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  }
  .stage-entry-card{display:flex;overflow:hidden}.stage-entry-rewards{overflow-y:auto}
  .stage-entry-card>h2{font-size:21px}.stage-entry-reward{min-height:57px}.stage-entry-actions button{min-height:42px}
  .dungeon-entry-dialog{padding-top:22px}.summon-odds-card h3,.equipment-enhance-card h3{font-size:22px}
  .equipment-enhance-close,.summon-odds-close,.dungeon-entry-close,.stage-entry-close{width:34px;height:34px;font-size:20px}
  .stage-one-guide{bottom:max(74px,calc(env(safe-area-inset-bottom) + 68px));max-height:calc(100dvh - 90px);overflow-y:auto}
}

/* Short Android browser viewports need one more density step. */
@media (max-height: 740px) and (max-width: 540px) {
  .shop-panel{padding-top:max(4px,env(safe-area-inset-top));padding-bottom:max(64px,calc(env(safe-area-inset-bottom) + 58px))}
  .shop-card,.equipment-card,#stats-panel .shop-card,.feature-panel .shop-card{padding:7px}
  .persistent-nav{height:56px}.persistent-nav .nav-button,.nav-button{height:42px}.persistent-nav .nav-button.stage-button,.nav-button.stage-button{height:47px}
  .nav-button i{width:23px;height:23px;font-size:16px}
  .shop-heading h2,#stats-panel .shop-heading h2{font-size:26px}
  #shop-panel .equipment-slot{min-height:96px}
  #stats-panel .stat-upgrade,.stat-upgrade{min-height:54px}
  .skills-home-footer,.dungeons-home-footer{bottom:max(64px,calc(env(safe-area-inset-bottom) + 58px))}
  .stage-one-guide{bottom:max(64px,calc(env(safe-area-inset-bottom) + 58px))}
}

/* v406: true full-height mobile shell and non-overlapping page footers. */
@media (max-width: 540px), (pointer: coarse) {
  /* Fixed inset sizing avoids the iOS 100dvh/layout-viewport disagreement that
     left an uncovered strip below the game in browser and installed mode. */
  html,body{position:fixed;inset:0;width:auto;height:auto;min-height:0;max-height:none;margin:0;overflow:hidden}
  #game-shell{
    position:fixed;inset:0;width:min(100%,540px);height:auto;min-height:0;max-height:none;
    margin-inline:auto;transform:none;box-sizing:border-box;
  }

  /* All collection/menu pages use one scroll area plus a real footer row.
     The Back Home button therefore never covers the final collection cards. */
  .shop-panel{
    display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;
    align-content:stretch;align-items:stretch;justify-content:stretch;justify-items:stretch;gap:6px;
    padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(72px,calc(env(safe-area-inset-bottom) + 66px)) max(6px,env(safe-area-inset-left));
  }
  .shop-panel>.shop-card,
  .shop-panel>.equipment-card,
  #stats-panel>.shop-card,
  #character-panel>.shop-card,
  .feature-panel>.shop-card{
    grid-row:1;height:auto;min-height:0;max-height:none;margin:0;padding-bottom:10px;overflow-x:hidden;overflow-y:auto;
  }
  .page-home-footer,
  .skills-home-footer,
  .dungeons-home-footer,
  .pets-home-footer{
    position:static!important;inset:auto!important;grid-row:2;width:100%;min-width:0;height:44px;margin:0;padding:0;
    display:flex;align-items:stretch;justify-content:stretch;z-index:18;
  }
  .page-home-footer>.home-back,
  .skills-home-footer>.home-back,
  .dungeons-home-footer>.home-back,
  .pets-home-footer>.home-back{
    width:100%;height:44px;min-height:44px;margin:0!important;padding:5px 10px;border-radius:14px;font-size:10px;
  }
  #skills-panel .skills-page-card,
  #dungeons-panel .dungeons-page-card,
  #pets-panel .pets-page-card{max-height:none}

  /* A page owns vertical scrolling. Nested collection scrollers caused hidden
     last rows and made the footer appear to sit on top of pets and auras. */
  #skills-panel .skill-card-list,
  #pets-panel .pet-list,
  #character-panel .aura-collection-list.character-list{
    max-height:none;overflow:visible;overscroll-behavior:auto;
  }
  #skills-panel>.skills-page-card{
    overflow-x:hidden;overflow-y:auto;touch-action:pan-y;
    overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  }
  #skills-panel .skill-card-list{
    flex:0 0 auto;min-height:0;touch-action:pan-y;
  }
  #pets-panel>.pets-page-card{
    overflow-x:hidden;overflow-y:auto;touch-action:pan-y;
    overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  }

  /* Equipment art must remain inside the first grid column at every rarity. */
  #shop-panel .equipment-slot{
    grid-template-columns:60px minmax(0,1fr) 62px;column-gap:7px;overflow:hidden;
  }
  #shop-panel .equipment-slot-icon{
    grid-column:1;width:60px;min-width:0;max-width:60px;overflow:hidden;position:relative;z-index:0;
  }
  #shop-panel .equipment-slot-icon .equipment-art{
    width:56px;height:56px;max-width:56px;max-height:56px;margin-inline:auto;overflow:hidden;
  }
  #shop-panel .equipment-slot-icon .equipment-art img{width:100%;height:100%;object-fit:contain}
  #shop-panel .equipment-slot>section{
    grid-column:2;min-width:0;width:100%;max-width:100%;padding:0;overflow:hidden;position:relative;z-index:1;
  }
  #shop-panel .equipment-item-name{min-width:0;width:100%;max-width:100%;gap:4px;overflow:hidden}
  #shop-panel .equipment-item-name strong{min-width:0;overflow-wrap:anywhere;word-break:normal}
  #shop-panel .equipment-slot-actions{grid-column:3;min-width:0;width:62px;max-width:62px;position:relative;z-index:1}
  #shop-panel .equipment-slot-actions button{width:62px;max-width:62px}

  /* The storefront card stretches to the footer instead of ending at its
     content height and leaving a large unused block below the offers. */
  #storefront-panel>.storefront-card{height:auto;min-height:0;align-self:stretch}
  #storefront-panel .storefront-offers{
    flex:1 0 auto;min-height:0;grid-auto-rows:minmax(64px,1fr);
  }
  #storefront-panel .storefront-offer{height:100%}
}

@media (max-height: 740px) and (max-width: 540px) {
  .shop-panel{gap:4px;padding-bottom:max(64px,calc(env(safe-area-inset-bottom) + 58px))}
  .page-home-footer,.skills-home-footer,.dungeons-home-footer,.pets-home-footer{height:40px}
  .page-home-footer>.home-back,.skills-home-footer>.home-back,.dungeons-home-footer>.home-back,.pets-home-footer>.home-back{height:40px;min-height:40px}
}

/* v407: a real safe-area-aware Home command header replaces the detached
   decorative glass layer. Every header card now shares one responsive grid. */
.home-panel{
  --home-header-edge:5px;
  --home-header-pad-x:clamp(8px,2.4vw,13px);
  --home-control-edge:clamp(9px,3vw,17px);
}
.home-panel::after{display:none}
.home-command-header{
  position:absolute;z-index:5;top:4px;left:var(--home-header-edge);right:var(--home-header-edge);
  min-width:0;margin:0;padding:max(9px,env(safe-area-inset-top)) var(--home-header-pad-x) 9px;
  display:grid;grid-template-columns:minmax(0,1.64fr) minmax(112px,.9fr);
  grid-template-areas:"brand account" "xp power" "wallet wallet";
  align-items:center;gap:7px;
  border:2px solid #eafdffff;border-radius:clamp(21px,5vw,27px);
  background:linear-gradient(145deg,#087ccfea 0%,#18b9e9e8 58%,#6be5f6dc 100%);
  box-shadow:inset 0 1px #fff,inset 0 0 28px #dffaff4f,0 6px 0 #176fa58c,0 14px 28px #07599445;
  backdrop-filter:blur(14px) saturate(1.16);-webkit-backdrop-filter:blur(14px) saturate(1.16);
  isolation:isolate;
}
.home-command-header::before{
  content:"";position:absolute;z-index:-1;inset:1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,#ffffff38,transparent 34% 72%,#9af4ff30);
}
.home-command-header>.home-brand{
  grid-area:brand;position:relative;inset:auto;top:auto;left:auto;right:auto;
  width:auto;min-width:0;margin:0;align-self:center;
}
.home-command-header>.account-button{
  grid-area:account;position:relative;inset:auto;top:auto;left:auto;right:auto;
  justify-self:end;align-self:center;margin:0;
}
.home-command-header>.home-xp{
  grid-area:xp;position:relative;inset:auto;top:auto;left:auto;right:auto;
  width:auto;min-width:0;margin:0;transform:none;
}
.home-command-header>.home-cp{
  grid-area:power;position:relative;inset:auto;top:auto;left:auto;right:auto;
  width:auto;min-width:0;margin:0;transform:none;
}
.home-command-header>.home-wallet{
  grid-area:wallet;position:relative;inset:auto;top:auto;left:auto;right:auto;
  width:auto;min-width:0;margin:0;padding:4px;
  border:1px solid #f5fdffd9;border-radius:14px;
  background:linear-gradient(145deg,#ffffff70,#daf7ff4f 58%,#4eb9df3f);
  box-shadow:inset 0 1px #fff,inset 0 0 12px #dff8ff52,0 2px 0 #287da26b;
}
.home-command-header .home-resource-box,
.home-command-header .home-key-box{box-shadow:0 2px 0 #397f9c70,inset 0 1px #fff,inset 0 0 10px #dff8ff55}
.home-command-header .home-xp.gain{animation:home-command-xp-gain .65s ease-out}
@keyframes home-command-xp-gain{35%{transform:scale(1.025);border-color:#d66cff;box-shadow:0 0 25px #a75cff77}}

/* The lower controls use the same optical margins as the command header. */
.home-panel .home-coming-soon-actions,
.home-stage-actions{left:var(--home-control-edge);right:var(--home-control-edge)}
.home-panel .home-coming-soon-actions{gap:clamp(6px,1.6vw,9px)}
.home-panel .home-feature-button{
  border-width:2px!important;box-shadow:0 4px 0 #3987ad9c,0 10px 21px #17446a32,inset 0 1px #fff!important;
}
.home-panel .home-feature-button.shop-feature{box-shadow:0 4px 0 #8e68b59c,0 10px 21px #5a386d30,inset 0 1px #fff!important}
.home-stage-actions{gap:clamp(6px,1.6vw,8px)}
.home-panel .privacy-link{
  z-index:5;left:auto;right:var(--home-control-edge);bottom:max(70px,calc(env(safe-area-inset-bottom) + 66px));
  padding:2px 6px;color:#e8f9ff;border:1px solid #dff8ff75;border-radius:99px;background:#176da990;
  font-size:6px;font-weight:900;text-decoration:none;letter-spacing:.06em;
}

@media(max-width:430px){
  .home-command-header{grid-template-columns:minmax(0,1.58fr) minmax(112px,.92fr);gap:6px;padding-inline:7px}
  .home-command-header>.home-brand{left:auto;right:auto}
  .home-command-header>.home-xp,.home-command-header>.home-cp,.home-command-header>.home-wallet{left:auto;right:auto;width:auto}
  .home-command-header>.home-wallet{gap:4px;padding:4px}
  .home-panel .home-feature-button{min-height:48px}
}

@media(max-height:740px) and (max-width:540px){
  .home-command-header{gap:5px;padding-bottom:6px}
  .home-command-header>.home-xp,.home-command-header>.home-cp{min-height:48px}
  .home-command-header>.home-wallet{padding:3px}
  .home-panel .privacy-link{bottom:max(62px,calc(env(safe-area-inset-bottom) + 58px))}
}

/* Saved skill priority inside the shared game Settings panel. */
.skill-order-settings{margin:0 0 14px;padding:12px;border:2px solid #bbdce9;border-radius:17px;background:#eaf8ff}.skill-order-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.skill-order-heading span,.skill-order-heading strong,.skill-order-heading small{display:block}.skill-order-heading strong,.boost-settings-section-title strong{color:#1764b4;font-size:12px;letter-spacing:.075em}.skill-order-heading small,.boost-settings-section-title small{margin-top:3px;color:#617e92;font-size:7px;font-weight:900;line-height:1.25}.skill-order-heading>button{min-height:31px;padding:5px 9px;color:#6f4e13;border:2px solid #fff;border-radius:10px;background:#ffe57d;box-shadow:0 3px 0 #d39a21;font:1000 7px/1 inherit;touch-action:manipulation}.skill-order-settings>p{margin:8px 0;color:#617e92;font-size:8px;font-weight:900;line-height:1.3}.skill-order-list{display:grid;gap:7px}.skill-order-item{min-height:54px;padding:6px 7px;display:grid;grid-template-columns:31px 25px minmax(0,1fr) 60px;align-items:center;gap:7px;border:2px solid #c4dfea;border-radius:13px;background:#fff;box-shadow:0 3px 0 #b4d0dc;transition:transform .12s,opacity .12s}.skill-order-item.dragging{z-index:2;opacity:.72;transform:scale(1.02);border-color:#28add4;box-shadow:0 5px 0 #1875a4}.skill-order-handle{width:31px;height:38px;padding:0;color:#2478a6;border:0;border-radius:9px;background:#def5ff;font:1000 23px/1 inherit;cursor:grab;touch-action:none;user-select:none}.skill-order-item>b{width:25px;height:25px;display:grid;place-items:center;color:#fff;border-radius:50%;background:#28add4;font-size:11px}.skill-order-item>span,.skill-order-item>span strong,.skill-order-item>span small{min-width:0;display:block}.skill-order-item>span strong{color:#17395f;font-size:9px}.skill-order-item>span small{margin-top:3px;overflow:hidden;color:#617e92;font-size:7px;font-weight:900;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.skill-order-arrows{display:grid;grid-template-columns:1fr 1fr;gap:4px}.skill-order-arrows button{min-width:0;height:34px;padding:0;color:#1764b4;border:2px solid #b9ddec;border-radius:9px;background:#eaf8ff;font:1000 16px/1 inherit;touch-action:manipulation}.skill-order-arrows button:disabled{opacity:.25}.boost-settings-section-title{margin:3px 0 9px}.boost-settings-section-title strong,.boost-settings-section-title small{display:block}.home-settings-feature:not(:disabled){cursor:pointer}.home-settings-feature:not(:disabled) i{filter:saturate(1.15) brightness(1.08)}
@media(max-width:430px){.boost-settings-card{max-height:calc(100dvh - 28px)}.skill-order-settings{padding:9px}.skill-order-item{grid-template-columns:29px 23px minmax(0,1fr) 56px;gap:5px;padding-inline:5px}.skill-order-handle{width:29px}}

.stage-grid .open-world-choice{grid-column:1/-1;min-height:104px;padding:15px;border-color:#9ae3ff;background:linear-gradient(145deg,#1d6689,#153b56);box-shadow:0 5px 0 #0c2738;color:#fff}.stage-grid .open-world-choice small,.stage-grid .open-world-choice strong,.stage-grid .open-world-choice span{color:inherit}.stage-grid .open-world-choice strong{font-size:22px}.stage-grid .open-world-choice span{color:#ffe37a}
/* In-world stat upgrades stay available in every campaign world. */
.stage-info-button{width:52px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:16px;font-family:inherit;font-style:normal}.stage-info-button span{font-size:20px;line-height:.8}.stage-info-button small{font-size:7px;font-weight:1000;letter-spacing:.08em}.stage-stats-card{max-width:500px}.stage-stat-point-bank{margin-top:3px}.stage-stat-upgrades{max-height:285px;padding:0 3px 5px;overflow-y:auto;overscroll-behavior:contain}.stage-stat-upgrades .stat-upgrade{min-height:68px;padding:8px;grid-template-columns:minmax(0,1fr) 62px 94px;gap:6px}.stage-stat-upgrades .stat-copy b{font-size:13px}.stage-stat-upgrades .stat-copy small{font-size:8px}.stage-stat-upgrades .stat-progress strong{font-size:12px}.stage-stat-upgrades .stat-progress small{font-size:8px}.stage-stat-upgrades .stat-buy{min-height:44px;font-size:9px}.stage-current-build-title{margin:16px 0 8px;color:#1764b4;font-size:11px;letter-spacing:.08em}
.stage-world-actions{position:absolute;z-index:44;right:10px;bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px));display:flex;align-items:flex-end;justify-content:flex-end;gap:7px;pointer-events:auto}.stage-world-actions[hidden]{display:none!important}.stage-world-actions .stage-info-button{position:static;inset:auto;margin:0;flex:0 0 auto}.stage-world-actions .stage-info-button:first-child span{font-family:Georgia,serif;font-style:italic;font-weight:1000}.stage-world-actions .stage-info-button:last-child{color:#8055ae;background:#f4eaff;box-shadow:0 5px 0 #8f6ab0,0 10px 24px #51386c55}.stage-world-actions .stage-info-button:last-child:active{box-shadow:0 2px 0 #8f6ab0}
@media(max-width:430px){.stage-info-button{width:46px;height:46px}.stage-info-button span{font-size:18px}.stage-info-button small{font-size:6px}.stage-world-actions{right:7px;gap:5px}.stage-stat-upgrades{max-height:245px}.stage-stat-upgrades .stat-upgrade{grid-template-columns:minmax(0,1fr) 54px 82px}.stage-stat-upgrades .stat-copy b{font-size:11px}.stage-stat-upgrades .stat-copy small{font-size:7px}}

/* Keep permanent-stat change feedback above the combat HUD in the screen center. */
.level-stats-popup{
  position:fixed!important;z-index:240!important;top:50%!important;left:50%!important;
  width:min(88vw,430px)!important;padding:12px 14px!important;
  border:2px solid #dfffee!important;border-radius:18px!important;
  background:linear-gradient(145deg,#082f25ed,#0d4938e8)!important;
  box-shadow:inset 0 1px #fff9,0 0 28px #43ff9a5c,0 9px 30px #001d18b5!important;
  backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
  pointer-events:none;transform:translate(-50%,-50%) scale(.94)!important;
}
.level-stats-popup.show{animation:level-stats-center-show 3s ease-out both!important}
@keyframes level-stats-center-show{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}
  8%,82%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(-50%,calc(-50% - 16px)) scale(.98)}
}

/* Missions, Events, and Settings are live controls; unfinished utilities stay locked. */
.home-panel .home-side-rail{pointer-events:auto}
.home-panel .home-side-feature:not(:disabled){cursor:pointer}
.home-panel .home-side-feature:not(:disabled)::after{display:none}

/* Keep the new full-screen choices above legacy navigation and typography rules. */
.operations-modal,.blessing-modal{z-index:500!important}
.operations-card{width:min(680px,calc(100vw - 32px))!important;padding:22px!important}
.operations-card>h2,.blessing-card>h2{margin:5px 42px 14px 0!important;font-size:clamp(24px,4vw,34px)!important;line-height:1.02!important;letter-spacing:-.02em!important}
.operations-card>.eyebrow,.blessing-card>.eyebrow{font-size:8px!important;line-height:1.2!important}
@media(max-width:620px){.operations-card{padding:17px!important}.operations-card>h2,.blessing-card>h2{font-size:24px!important}}
#game-shell:has(.operations-modal:not([hidden])) .persistent-nav,#game-shell:has(.blessing-modal:not([hidden])) .persistent-nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

#warrior-expedition-entry{display:none!important}.marksman-target{position:absolute;left:50%;top:100px;transform:translateX(-50%);z-index:22;max-width:280px;background:#0b1b2de8;border:1px solid #82d7ff88;border-radius:10px;padding:9px 12px;color:#e6f5ff;font:12px system-ui;text-align:center;pointer-events:none}.marksman-target button{pointer-events:auto;min-height:44px;min-width:44px;margin-left:8px;background:#294454;color:white;border:0;border-radius:6px}.marksman-target[hidden]{display:none}@media(orientation:landscape) and (max-height:550px){.marksman-target{top:52px;left:60%;font-size:10px;padding:5px 9px;max-width:230px}}
/* Marksman combat uses its weapon and Focus, not the retired spell slots. */
#skill-dock,#active-skill-hud{display:none!important}
#base-stat-breakdown{position:relative;z-index:8;width:100%;color:#b4d3de;text-align:left;font:11px system-ui;margin:6px 0 10px;background:#102536e8;border:1px solid #486573;border-radius:9px}#base-stat-breakdown summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 10px;list-style:none}#base-stat-breakdown>div{padding:0 12px 12px}#base-stat-breakdown p{margin:5px 0 10px}#base-stat-breakdown table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}#base-stat-breakdown th,#base-stat-breakdown td{padding:7px 3px;border-bottom:1px solid #46616e66;text-align:right}#base-stat-breakdown th:first-child{text-align:left}#base-stat-breakdown small{display:block;margin-top:9px;line-height:1.5;color:#91b0bf}@media(orientation:landscape) and (max-height:550px){#base-stat-breakdown{font-size:10px;margin:3px 0}#base-stat-breakdown[open]>div{max-height:150px;overflow:auto}}
#base-stat-breakdown,#base-stat-breakdown summary{pointer-events:auto}
/* Equipment is paused until the monster-drop system replaces it. */
#equipment-nav,#stage-equipment-button,#shop-panel,#equipment-odds-modal,#equipment-filter-modal,#equipment-enhance-modal,#equipment-ascend-modal,#equipment-reforge-modal,#equipment-chest-modal{display:none!important}
#persistent-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (orientation:landscape) and (max-height:600px){#game-shell{position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important;border:0!important;margin:0!important}}