/* TOP only. No changes to map, quiz, dojo, dialogs or saved data. */
.royal89 .home89-start{--logo822:min(100%,780px,max(240px,calc(150vh - 600px)));gap:10px;min-height:calc(100vh - 57px);padding:10px 20px 16px}
.royal89 .home89-start.has-cycle821{gap:10px}
.royal89 .home89-start .royal89-logo,.royal89 .home89-start .logo819-stage{width:var(--logo822)}
.royal89 .home89-start .royal89-rule{font-size:16px;line-height:1.5;padding:0;margin:0}
.royal89 .home89-start .cycle821-badge{margin:0;padding:0 16px;font-size:16px;line-height:26px}
.home822-progress{box-sizing:border-box;width:min(100%,760px);padding:8px 12px 5px;border:1px solid #c1a56488;border-radius:6px;background:linear-gradient(135deg,#142a3bd9,#071422e8);box-shadow:inset 0 0 0 2px #081421;color:#f6f0df}
.home822-rings{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:8px}
.home822-region{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0}
.home822-region .progress817-ring{width:76px;height:76px}
.home822-region .progress817-arc{transition:none}
.home822-region.is-complete .progress817-arc{filter:drop-shadow(0 0 2px #f1ce77);stroke:#f1ce77}
.home822-region.is-complete .progress817-ring text{fill:#ffe6a1}
.home822-label{font-size:16px;font-weight:700;line-height:1.4;white-space:nowrap}
.home822-note{text-align:center;font-size:11px;line-height:1.4;color:#cdd8df;margin:3px 0 0}
.royal89 .home89-start .home89-start-buttons{gap:12px}
.royal89 .home89-start .home89-start-buttons .btn{min-height:60px;padding:10px 12px;font-size:22px}
.royal89 .home89-start .home821-reset{box-sizing:border-box;margin:0;padding:4px 0 0;width:min(100%,760px);border:0}
.royal89 .home89-start .home821-reset .btn{min-height:44px;padding:8px 20px;font-size:15px}
@supports(height:100dvh){.royal89 .home89-start{--logo822:min(100%,780px,max(240px,calc(150dvh - 600px)))}}
@media(max-height:820px) and (min-width:601px){
 .royal89 .home89-start{--logo822:min(100%,640px,max(240px,calc(150vh - 600px)));gap:7px;padding:6px 20px 10px}
 .royal89 .home89-start.has-cycle821{gap:7px}
 .home822-region .progress817-ring{width:60px;height:60px}
 .home822-progress{padding-top:5px;padding-bottom:4px}
 .royal89 .home89-start .home89-start-buttons{gap:10px}
 .royal89 .home89-start .home89-start-buttons .btn{min-height:56px;padding:8px 10px;font-size:21px}
 @supports(height:100dvh){.royal89 .home89-start{--logo822:min(100%,640px,max(240px,calc(150dvh - 600px)))}}
}
@media(min-width:601px) and (max-width:900px) and (min-height:821px){.home822-region .progress817-ring{width:68px;height:68px}}
@media(max-width:600px){
 .royal89 .home89-start{--logo822:min(100%,440px);gap:8px;padding:8px 0 12px}
 .royal89 .home89-start.has-cycle821{gap:8px}
 .royal89 .home89-start .royal89-rule{font-size:14px;line-height:1.5}
 .home822-progress{padding:6px 4px 4px}.home822-rings{gap:2px}
 .home822-region .progress817-ring{width:clamp(42px,12vw,52px);height:clamp(42px,12vw,52px)}
 .home822-label{font-size:13px}.home822-note{font-size:10px}
 .royal89 .home89-start .home89-start-buttons{gap:8px}
 .royal89 .home89-start .home89-start-buttons .btn{font-size:17px;min-height:56px;padding:8px 5px}
}

@supports(height:100dvh){.royal89 .home89-start{min-height:calc(100dvh - 57px)}}