.visual-guide{display:flex;justify-content:center;gap:8px;margin:13px auto 0}
.difficulty-title{margin:10px 0 5px;font-size:11px;font-weight:900;color:#d0edfa}
.difficulty-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-width:570px;margin:auto}
.difficulty-card{min-height:51px;min-width:0;padding:7px 5px;border:1px solid #9cbcdf55;border-radius:10px;background:#132d48;color:#eaf8ff}
.difficulty-card b{display:block;font-size:14px}.difficulty-card small{display:block;margin-top:3px;font-size:9px;color:#b6cfe1}
.difficulty-card:hover{border-color:#8cecf6}.difficulty-card.selected{border-color:#85eef8;background:#255569;box-shadow:inset 0 0 0 1px #85eef877}
.difficulty-card.hell b{color:#ffa6b8}.difficulty-card.hell.selected{border-color:#ff809f;background:#672c45;box-shadow:inset 0 0 0 1px #ff809f88}
.secondary-button{display:block;margin:16px auto 0;padding:7px 18px;border:1px solid #b3dbef66;border-radius:9px;background:#18304d;color:#d5efff;font-size:12px;font-weight:900}
.overlay{place-items:safe center}.menu{padding:4px 0}
@media(max-width:760px){.difficulty-picker{gap:4px}.difficulty-card{padding:6px 3px;min-height:47px}.difficulty-card b{font-size:12px}.difficulty-card small{font-size:8px}.menu .hero-emblem{width:45px;height:45px}.menu .visual-guide{margin-top:8px}.menu .lead{margin-bottom:7px}.menu .difficulty-title{margin-top:7px}}
@media(max-height:750px) and (min-width:761px){.menu .hero-emblem{width:48px;height:48px}.menu h1{font-size:40px}.menu .lead{margin:4px 0 10px}.menu .visual-guide{margin-top:8px}.menu .menu-hint{margin-top:10px}.menu .difficulty-title{margin-top:8px}}
.visual-guide span{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:6px 8px;border:1px solid #a9e0f045;border-radius:8px;background:#132d45a8;color:#d5edfa;font-size:10px;font-weight:800;white-space:nowrap}
.visual-guide i{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:5px;font-size:13px;font-style:normal}
.guide-player{background:#1a9ab8}.guide-enemy{background:#ae4569}.guide-heal{background:#1f9c6c;color:white}
.menu .primary-button{margin-top:14px}
.hero-emblem{width:90px;height:90px;margin:4px auto 0;background:transparent;border:0;box-shadow:none}
.hero-emblem img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px #65e4ff88)}
.hero-icon{background:#132b41!important;overflow:hidden}
.hero-icon img{width:34px;height:34px;object-fit:contain}
.hero-icon.pink img{filter:hue-rotate(125deg)}
.hero-icon.amber img{filter:hue-rotate(300deg)}
.mission-tip{position:absolute;z-index:3;bottom:17px;left:50%;transform:translateX(-50%);border:1px solid #a5dced50;border-radius:10px;background:#091d32d9;box-shadow:0 4px 18px #0005;padding:7px 11px;color:#d5ebf4;font-size:11px;font-weight:800;white-space:nowrap;pointer-events:none}
.mission-tip b{display:inline-block;margin-right:7px;padding:2px 6px;border-radius:4px;background:#56dbea;color:#073048;font-size:10px}
.mission-tip span{color:#f29cb1;padding:0 3px}
.menu-hint{line-height:1.6}
.choice-panel.rare .eyebrow{color:#dbabff}
.upgrade-card.rare{border-color:#c591f099;background:linear-gradient(150deg,#624082c9,#2b1c4fe8)}
.upgrade-card.rare:hover{border-color:#f3d4ff;background:linear-gradient(150deg,#8854a6de,#3f296be8)}
.upgrade-card.rare .upgrade-icon{background:#dca7ff35}
.upgrade-card{position:relative}
.upgrade-card b{padding-right:70px}
.upgrade-level{position:absolute;top:14px;right:12px;border:1px solid #8defff7a;border-radius:999px;padding:3px 7px;background:#1e5163b3;color:#bff8ff;font-size:10px;font-weight:900;white-space:nowrap}
.upgrade-card.rare .upgrade-level{border-color:#e5bcff9c;background:#664277c9;color:#f5dbff}
.heart-count{font-size:16px;line-height:1.2;color:#ff779b;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 0 12px #ff4d87}
@media(max-width:760px){.visual-guide{gap:3px;max-width:350px}.visual-guide span{gap:3px;padding:5px 4px;font-size:8px}.visual-guide i{width:16px;height:16px;font-size:11px}.mission-tip{bottom:78px;font-size:9px;padding:5px 7px}.menu .primary-button{margin-top:12px}}
@media(max-width:760px){.hero-emblem{width:64px;height:64px;margin:2px auto 0}}
.boss-hud{width:min(560px,88%);font-size:11px;gap:10px;padding:8px 12px;border-color:#db94fc99;background:#130e2ce8;box-shadow:0 0 23px #8e58d444}
.boss-hud>span:first-child{max-width:170px;overflow:hidden;text-overflow:ellipsis}
.boss-hud>span:last-child{font-variant-numeric:tabular-nums;min-width:112px;text-align:right;color:#fff3fc}
.boss-track{height:10px;background:#4b3155}.boss-track div{background:linear-gradient(90deg,#b069ff,#ff85ba,#ffd8a4)}
.boss-track{min-width:24px}
.final-clock{position:absolute;z-index:3;top:118px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid #f7b972aa;border-radius:12px;background:#251325ed;color:#ffe8c6;font-size:12px;font-weight:900;white-space:nowrap;pointer-events:none}
.final-clock[hidden]{display:none}.final-clock strong{font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums;color:#fff}.final-clock span{font-size:10px;color:#ffb6c9;margin-left:5px}.final-clock.urgent{border-color:#ff537d;background:#54162de8;box-shadow:0 0 20px #ff356e55}
@media(max-width:760px){.final-clock{top:99px;font-size:10px;padding:4px 8px;gap:4px}.final-clock strong{font-size:21px}.final-clock span{font-size:9px}.wave-toast{font-size:clamp(10px,3.1vw,19px);letter-spacing:.4px;max-width:96%;white-space:normal;text-align:center}.mission-tip{max-width:96%;white-space:normal;text-align:center}}
.story-panel{max-width:560px;padding:20px 26px 24px;border:1px solid #a377e690;border-radius:22px;background:linear-gradient(160deg,#10243be8,#231337ef);box-shadow:0 18px 65px #050514ad,0 0 38px #a769f544}
.story-portrait{display:block;width:150px;height:150px;object-fit:contain;margin:9px auto 0;filter:drop-shadow(0 0 21px #b487ff88)}
.story-panel h2{font-size:28px;margin:2px 0 14px;color:#f6ecff}
.story-line{min-height:126px;padding:16px 18px;text-align:left;border:1px solid #b593df6e;border-radius:14px;background:#071b32d9}
.story-line strong{color:#b2eaff;font-size:15px}.story-line p{font-size:17px;line-height:1.65;color:#f1f8ff;margin:6px 0 0}
.story-panel .primary-button{margin-top:17px}.story-progress{color:#a58cc7;font-size:11px;font-weight:900;margin:14px 0 0}
.menu .lead{max-width:590px;margin-left:auto;margin-right:auto;line-height:1.5}
@media(max-width:760px){.boss-hud{top:65px;width:94%;font-size:9px;gap:5px;padding:6px 8px}.boss-hud>span:first-child{max-width:110px}.boss-hud>span:last-child{min-width:86px}.story-panel{padding:12px 16px 16px}.story-portrait{width:105px;height:105px}.story-panel h2{font-size:23px}.story-line{min-height:130px;padding:11px 12px}.story-line p{font-size:15px}.menu .lead{font-size:12px;margin-bottom:10px}}
@media(max-width:760px){.upgrade-card .upgrade-icon{grid-row:1 / span 3}.upgrade-card .upgrade-level{position:static;grid-column:2;grid-row:1;justify-self:start;padding:1px 6px;font-size:9px}.upgrade-card b{grid-column:2;grid-row:2;padding-right:0}.upgrade-card small{grid-column:2;grid-row:3}.heart-count{font-size:13px}}