.feature-card{display:flex;flex-direction:column;min-width:0}.feature-card>p{min-height:4em}.mini-hud{margin-top:22px;border:1px solid #66527c66;border-radius:16px;padding:18px;background:radial-gradient(ellipse at top right,#57336c25,transparent 70%),#0c0b19;box-shadow:inset 0 1px #ffffff08;min-width:0;flex:1}.hud-topline,.hud-bottom,.hud-progress-label,.hud-forge{display:flex;justify-content:space-between;align-items:center;gap:10px}.hud-topline{font-size:9px;letter-spacing:.08em;color:#b8a8d0}.hud-topline>strong{font-family:var(--display);font-size:18px;color:#ffda9f;padding:5px 10px;background:#e4ab5310;border:1px solid #c2974c35;border-radius:7px}.hud-dot{width:5px;height:5px;display:inline-block;background:#d3adff;border-radius:50%;margin-right:5px}.hud-versus{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;margin:10px 0}.hud-player{display:grid;grid-template-columns:48px 1fr;column-gap:12px;align-items:center}.hud-player>img{grid-row:span 2;width:48px;height:67px;object-fit:contain;border-bottom:2px solid #ab8de4;background:linear-gradient(0deg,#8e65e52a,transparent);border-radius:7px}.hud-player>span{font-size:9px;color:#c2aedb;align-self:end;font-weight:800}.hud-player>strong{font-family:var(--display);font-size:34px;line-height:1.3;color:#e2ceff}.hud-player small{font-family:var(--body);font-size:10px;color:#8e819e;font-weight:500}.hud-player.rival>strong{color:#ffd2ab}.hud-player.rival>img{border-color:#d69a64}.hud-vs{text-align:center;font-family:var(--display);font-size:20px;font-style:italic;color:#877497}.hud-vs span{display:block;font-family:var(--body);font-size:6px;margin-top:5px;font-style:normal}.hud-tug{height:5px;border-radius:9px;background:#d59b6f;overflow:hidden}.hud-tug span{display:block;width:63.6%;height:100%;background:linear-gradient(90deg,#8158db,#c0a2ff);border-right:2px solid #fff3d9}.hud-bottom{font-size:9px;color:#9a8da8;margin-top:12px;line-height:1.7;flex-wrap:wrap}.hud-bottom b{color:#d9c3f3}.hud-demo{font-size:7px;letter-spacing:.13em;color:#7d728b;display:block;margin-top:12px}.hud-bottom .hud-demo{margin-top:0}.hud-filter{display:flex;gap:5px;padding:4px;border-radius:9px;background:#191326;margin-bottom:12px}.hud-filter button{flex:1;min-height:36px;border:1px solid transparent;border-radius:7px;color:#a99bbd;font-size:10px;background:transparent;font-weight:700}.hud-filter button.selected{color:#e8d5ff;background:#62418f55;border-color:#9364c266}.hud-board-row{display:grid;grid-template-columns:23px 30px 1fr auto;gap:10px;align-items:center;min-height:44px;border-bottom:1px solid #ffffff08;font-size:11px}.hud-board-row:last-child{border:0}.hud-place{color:#9989b2;font-family:var(--display)}.hud-board-row:first-child .hud-place{color:#e9c77d}.hud-board-row>img{width:28px;height:28px;object-fit:contain}.hud-board-name{color:#d0c4de}.hud-board-row>strong{color:#f0dbb0;font-family:var(--display);font-size:14px}.hud-board-row small{font-family:var(--body);font-size:8px;color:#9e8caa;font-weight:500}.hud-rank-profile{display:flex;align-items:center;gap:16px}.hud-rank{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 10px #0007)}.hud-rank-profile>div{display:flex;flex-direction:column;gap:4px}.hud-overline{font-size:8px;letter-spacing:.13em;color:#ba9bd7;font-weight:800}.hud-rank-profile strong{font-size:22px;color:#f4dbab}.hud-rating{font-family:var(--display);font-size:15px;color:#d8c9e8}.hud-rating small{font-size:9px;color:#91829f}.hud-season{margin-left:auto;font-size:8px;border:1px solid #665078;padding:6px 8px;border-radius:6px;color:#ae98c4}.hud-progress-label{font-size:10px;color:#ab9bbd;margin-top:18px}.hud-progress-label b{color:#d7bddf;font-size:11px}.hud-progress{height:5px;background:#30203e;border-radius:20px;margin-top:8px;overflow:hidden}.hud-progress>span{display:block;height:100%;background:linear-gradient(90deg,#ba8849,#efd299)}.hud-rank-path{display:flex;justify-content:space-between;gap:4px;margin-top:13px}.hud-rank-path img{width:32px;height:37px;opacity:.5;filter:grayscale(.35)}.hud-rank-path img.current{opacity:1;filter:drop-shadow(0 0 8px #e6b44c55);transform:scale(1.18)}.hud-item{display:flex;align-items:center;gap:14px}.hud-item-art{position:relative;width:62px;height:62px;border:1px solid #598cce88;border-radius:12px;background:radial-gradient(#426e9f45,#101c2a);flex-shrink:0;display:grid;place-items:center}.hud-item-art img{width:50px;height:50px;object-fit:contain;image-rendering:pixelated}.hud-item-art>span{position:absolute;right:4px;bottom:3px;font-size:10px;font-weight:800;color:#e3d1a9}.hud-item>div:last-child{display:grid;gap:5px}.hud-item strong{font-size:14px;color:#aecfff}.hud-item-note{font-size:9px;color:#978ca9}.hud-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:18px 0}.hud-stats>div{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:10px;color:#b6a8c8}.hud-stats b{color:#f0d3a7;font-size:12px}.hud-stats i{grid-column:span 2;height:3px;background:#2b2339;border-radius:5px;overflow:hidden}.hud-stats em{display:block;height:100%;background:linear-gradient(90deg,#7353ac,#b69bd9)}.hud-forge{border-top:1px solid #6e577638;padding-top:12px;font-size:10px;color:#a998b8}.hud-forge>span:first-child{font-size:17px;color:#d3bddf}.hud-forge i{font-style:normal;color:#776285;padding:0 8px}.hud-forge b{color:#ecd095}@media(max-width:1060px){.hud-player{grid-template-columns:36px 1fr;gap:7px}.hud-player>img{width:36px;height:58px}.hud-player>strong{font-size:29px}.hud-versus{grid-template-columns:1fr 40px 1fr}.mini-hud{padding:14px}.hud-season{display:none}}@media(max-width:530px){.feature-card>p{min-height:0}.mini-hud{margin-top:18px;padding:16px}.hud-rank-path img{width:29px}.hud-topline{font-size:8px}.hud-player{grid-template-columns:42px 1fr}.hud-player>img{width:42px}.hud-stats{gap:12px}}@media(max-width:360px){.mini-hud{padding:12px}.hud-rank-path img{width:25px}.hud-board-row{gap:6px}.hud-item strong{font-size:12px}.hud-player>strong{font-size:26px}.hud-versus{grid-template-columns:1fr 30px 1fr}}

/* Three aligned, game-derived onboarding HUDs. */
.step-hud{align-self:stretch;box-sizing:border-box;min-width:0;min-height:230px;margin-top:14px;padding:15px;border:1px solid #71579255;border-radius:14px;background:radial-gradient(ellipse at top right,#75489c1c,transparent 70%),#0c0b18;display:flex;flex-direction:column;gap:14px;box-shadow:inset 0 1px #ffffff06}
.step-hud-label{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.08em;font-weight:800;color:#bda5de;min-height:24px}.step-live-dot{width:5px;height:5px;border-radius:50%;background:#b798ed;box-shadow:0 0 8px #ba95ed66}.step-tag{margin-left:auto;color:#e3c48e;background:#bd934b16;border:1px solid #bd934b44;border-radius:4px;padding:4px 6px;font-size:8px;letter-spacing:.03em}.step-enemy{display:flex;gap:12px;align-items:center}.step-enemy-art{flex-shrink:0;width:65px;height:70px;display:grid;place-items:center;border:1px solid #795a9844;border-radius:10px;background:radial-gradient(#71568e40,#14101e)}.step-enemy-art img{width:60px;height:60px;object-fit:contain;image-rendering:pixelated}.step-enemy>div:last-child{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.step-enemy strong{font-size:15px;color:#eee4fb;line-height:1.3}.step-hud-eyebrow{font-size:8px;letter-spacing:.07em;color:#9785ac}.step-enemy-health{height:4px;border-radius:9px;background:#33243d;overflow:hidden}.step-enemy-health i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#9a6dc7,#d3a5df)}.step-hud-muted{font-size:10px;color:#a396b5;line-height:1.5}.step-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #77608b33;padding-top:12px;gap:8px}.step-metrics>div{display:flex;flex-direction:column;gap:6px}.step-metrics>div+div{border-left:1px solid #77608b33;padding-left:10px}.step-metrics span{font-size:9px;color:#9d8daf}.step-metrics b{font-size:14px;color:#e5d2f6}.step-metrics small{font-size:9px;font-weight:500;color:#aa96bb}.step-hud-foot{margin-top:auto;display:flex;justify-content:space-between;gap:8px;font-size:7px;letter-spacing:.06em;color:#82728f;padding-top:3px}.step-mode-tabs{display:flex;gap:5px;background:#20162e;border-radius:8px;padding:4px}.step-mode-tabs button{cursor:pointer;flex:1;border:1px solid transparent;border-radius:6px;background:transparent;color:#9b8aac;font-family:inherit;font-size:11px;font-weight:700;min-height:33px;transition:background .2s,color .2s}.step-mode-tabs button[aria-pressed=true]{background:#6c469949;border-color:#a47bce66;color:#e8d2ff}.step-mode-tabs button:hover{color:#f0e1ff}.step-mode-tabs button:focus-visible{outline:2px solid #c1a0ee;outline-offset:2px}.step-workout-main{display:flex;align-items:center;gap:17px;padding:1px 0}.step-rep{display:flex;flex-direction:column;align-items:center;min-width:61px;gap:5px}.step-rep strong{font-family:var(--display);font-size:47px;line-height:1;color:#dec2ff;letter-spacing:-2px}.step-rep>span{font-size:7px;letter-spacing:.08em;color:#a98cc5}.step-workout-info{display:flex;flex-direction:column;gap:9px;min-width:0}.step-camera-status{font-size:8px;letter-spacing:.03em;color:#b4d4c7}.step-workout-info>strong{font-size:12px;line-height:1.5;color:#deceef}.step-motion{display:flex;align-items:center;justify-content:space-between;gap:5px;border:1px solid #78559344;background:#65418312;padding:10px 8px;border-radius:7px;font-size:9px;color:#b8a5cb}.step-motion i{font-style:normal;color:#79638d}.step-motion b{font-size:8px;color:#c7e5d5;white-space:nowrap}.step-reward-star{color:#ecc78b;font-size:16px}.step-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.step-loot{display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 3px;border-radius:8px;border:1px solid #82699644;background:#8269960c}.step-loot-symbol,.step-loot>img{height:25px;width:28px;object-fit:contain;display:grid;place-items:center;font-size:22px;line-height:25px}.step-loot strong{font-family:var(--display);font-size:19px;line-height:1}.step-loot>span:last-child{font-size:8px;color:#ae9ebf;text-align:center}.step-loot.gold{color:#e7c77d;border-color:#a8833d44;background:#a8833d0d}.step-loot.xp{color:#c3a3ec}.step-loot.xp .step-loot-symbol{font-size:12px;font-weight:800}.step-loot.stone{color:#92c6e4;border-color:#659db444;background:#659db40d}.step-gear-reward{display:flex;align-items:center;gap:9px;border-top:1px solid #77608b33;padding-top:10px}.step-gear-reward>img{width:31px;height:31px;object-fit:contain;image-rendering:pixelated}.step-gear-reward>div{display:flex;flex-direction:column;gap:5px}.step-gear-reward strong{font-size:10px;color:#d7c9e2}.step-gear-reward div>span{font-size:8px;color:#a08daf}.step-gear-check{margin-left:auto;color:#c1b0d0;font-size:13px}
@media(min-width:801px){.steps>.step .step-hud{align-self:stretch}.steps>.step{padding:24px}.step-hud{min-height:238px}}
@media(min-width:801px) and (max-width:1050px){.steps>.step{padding:17px}.step-hud{padding:11px;gap:12px}.step-enemy-art{width:48px;height:58px}.step-enemy-art img{width:46px;height:48px}.step-enemy{gap:8px}.step-enemy strong{font-size:12px}.step-workout-main{gap:9px}.step-rep{min-width:43px}.step-rep strong{font-size:37px}.step-workout-info>strong{font-size:10px}.step-camera-status{font-size:7px}.step-motion{flex-wrap:wrap;justify-content:center}.step-tag{font-size:7px;padding:4px}.step-hud-label{font-size:8px}.step-metrics b{font-size:12px}}
@media(max-width:800px){.step-hud{min-height:230px}.step-workout-main{padding:7px 0}.step-reward-grid{gap:10px}.step-loot{padding:12px 3px}.step-hud-foot{font-size:8px}}
@media(prefers-reduced-motion:reduce){.step-mode-tabs button{transition:none}}