.race-training-note{display:block;max-width:400px;color:#aac7d5;font-size:12px;line-height:1.6;margin-top:12px}
.race-hero-frame{aspect-ratio:3/2!important}.race-hero-frame>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.race-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.race-feature{padding:26px;border:1px solid #235065;border-radius:22px;background:linear-gradient(145deg,#113447,#071c30);color:#ecfaff;min-width:0}
.race-feature svg{display:block;width:42px;height:42px;color:#62dced;margin-bottom:22px}
.race-feature>span,.race-feature .effect-card__copy>p{color:#64d5e8;font-size:10px;font-weight:800;letter-spacing:.13em;margin:0 0 9px}
.race-feature h3,.race-feature h4{font-size:22px;line-height:1.2;margin:0 0 14px;color:#edfaff}
.race-feature>p,.race-feature .effect-card__copy>span{font-size:14px;line-height:1.65;color:#b5ccd8;display:block;margin:0}
.race-guide{padding:32px;margin:24px 0;border-radius:26px;border:1px solid #24455b;background:#081e31;color:#eafaff}
.race-guide-heading{max-width:650px;margin-bottom:26px}.race-guide-heading h2{font-size:clamp(26px,3.8vw,38px);line-height:1.15;margin:12px 0 16px}.race-guide-heading>p:last-child{font-size:14px;line-height:1.7;color:#afc7d5}
.race-guide-powers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.race-guide .effect-card{display:flex;flex-direction:column;align-items:stretch;box-shadow:none}.race-guide .effect-card__copy{padding:0;flex:1}.race-guide-link{background:none;border:0;border-top:1px solid #2b4a5f;color:#72dfef;min-height:46px;text-align:left;margin-top:20px;padding:16px 0 0;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.race-guide-link>span{float:right}
.race-box-tip{font-size:13px;line-height:1.65;padding:18px 20px;border-radius:14px;background:#123246;color:#cce7f1;margin:20px 0 26px}.race-box-tip kbd{border:1px solid #477589;border-radius:4px;padding:1px 5px}
.race-rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.race-rule-card{padding:24px;border:1px solid #274457;border-radius:18px;background:#0c2639}.race-rule-number{font-size:11px;letter-spacing:.1em;color:#66d7e7;font-weight:800}.race-rule-card h3{margin:14px 0 10px;font-size:20px}.race-rule-card p{font-size:13px;line-height:1.75;color:#b4ccda;margin:10px 0 0}.race-rule-card .race-example{color:#e0f7ff;border-top:1px solid #305065;padding-top:12px}
.race-ranking-note{margin-top:20px;padding:20px;border-left:3px solid #58d5e9;font-size:13px;line-height:1.7;color:#b2cddc}.race-ranking-note strong{display:block;color:#e3f8ff;margin-bottom:4px}.race-training-link{display:block;border-radius:16px;margin-top:22px;padding:20px;color:#75e2ed;background:#11374a;text-decoration:none;font-weight:750}.race-training-link span{display:block;color:#b4cbd6;font-weight:400;font-size:12px;margin-top:6px;line-height:1.5}
.portal-deposit{max-width:480px}.portal-deposit h2{margin-bottom:18px}.deposit-art{display:block;width:100%;height:auto;max-height:174px;object-fit:cover;object-position:center 48%;border-radius:14px}.deposit-intro{font-size:17px;font-weight:750;margin:18px 0 8px}.deposit-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 18px}.deposit-choices button{min-height:46px;background:#12374b;border:1px solid #37657b;border-bottom-width:3px;border-radius:12px;color:#e4f8ff;font:inherit;font-weight:800;font-size:13px;cursor:pointer}.deposit-choices button[aria-pressed=true]{border-color:#64e0ef;background:#1d5c72}.deposit-limits{font-size:11px;color:#b1c9d5;margin:0 0 14px}.portal-deposit .portal-note{font-size:12px;line-height:1.55}.race-guide a:focus-visible,.race-guide button:focus-visible,.deposit-choices button:focus-visible{outline:3px solid #8ceffc;outline-offset:3px}
@media(max-width:900px){.race-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.race-guide-powers{grid-template-columns:1fr}.race-guide .effect-card{padding:22px}.race-guide .effect-card__copy svg{float:right;margin:0 0 10px 20px}.race-guide .effect-card__copy>span{font-size:13px}.race-guide{padding:24px}.race-rules-grid{gap:12px}.race-rule-card{padding:20px}}
@media(max-width:600px){.race-feature-grid,.race-rules-grid{grid-template-columns:1fr}.race-feature{padding:24px}.race-feature>svg{float:right;margin:0 0 10px 16px}.race-guide{padding:20px 16px;border-radius:20px}.race-guide-heading h2{font-size:28px}.race-rule-card h3{font-size:19px}.race-guide .race-feature{padding:20px}.portal-deposit .deposit-art{max-height:145px}.portal-deposit h2{font-size:23px}.race-training-note{font-size:11px}.race-ranking-note{padding:12px 14px}.race-hero-frame{min-height:0!important}}

.race-result-mascot{display:block;width:100px;height:100px;object-fit:contain;margin:0 auto 12px}.portal-deposit button[type=submit]{width:100%}
.sales-hero__visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:center}.sales-hero__visual .race-hero-frame{grid-column:1/-1}.sales-hero__visual .floating-card{position:static;inset:auto;transform:none;animation:none;width:auto;min-width:0;margin:0;padding:14px 12px;border-radius:15px;box-shadow:none}.sales-hero__visual .floating-card strong{font-size:12px;line-height:1.4}.sales-hero__visual .floating-card small{font-size:9px}.race-hero-frame .game-frame__score,.race-hero-frame .game-frame__gem{display:none}

/* The guide uses grid cards, not the legacy horizontal effect carousel. */
.race-guide .effect-card{width:100%;max-width:none;min-width:0;flex:initial;box-sizing:border-box;scroll-snap-align:none}
.race-guide .effect-card__copy{min-width:0;min-height:0;overflow-wrap:anywhere}
.race-guide-powers,.race-rules-grid{min-width:0}