/* Only the new reset/cycle controls. Existing TOP art and four main buttons stay intact. */
.home821-reset{margin:32px 0 0;padding:24px 0 12px;border-top:1px solid #b49d6355;text-align:center}.home821-reset .btn{min-height:48px;padding:12px 22px;background:#122231;color:#d5dee4;border:1px solid #9d7d68;border-radius:5px;box-shadow:inset 0 0 0 2px #081421;font-size:16px;max-width:100%;white-space:normal}.home821-reset .btn:hover{background:#203241;border-color:#cfad79}.home821-reset .btn:focus-visible{outline:3px solid #ffe194;outline-offset:4px}
.cycle821-badge{display:table;max-width:100%;margin:3px auto 10px;padding:3px 18px;font-size:18px;line-height:1.5;color:#ffe3a4;background:#132536dd;border:1px solid #bca06599;border-radius:4px;text-shadow:0 0 10px #d5aa4d55;overflow-wrap:anywhere}
#reset821-dialog{box-sizing:border-box;max-width:calc(100vw - 32px);width:600px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px;color:#eef4f9;background:linear-gradient(145deg,#1b3042,#091623);border:1px solid #d4b775;border-radius:7px;box-shadow:inset 0 0 0 4px #081421,0 18px 60px #0009}#reset821-dialog::backdrop{background:#020711bb}#reset821-dialog h2{margin:0 0 20px;font-size:25px;line-height:1.75;color:#ffe8b2}#reset821-dialog p{font-size:17px;line-height:1.85}#reset821-dialog .reset821-scope{font-size:14px;color:#c4d1da}.reset821-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}#reset821-dialog .btn{min-height:54px;padding:12px;font-size:20px;line-height:1.5;border-radius:5px;color:#fff2ca;background:linear-gradient(#243f52,#0d2435);border:1px solid #d4b775}#reset821-dialog [data-reset821-yes]{color:#e7d5ce;background:linear-gradient(#493538,#2b222b);border-color:#ae8580}#reset821-dialog .btn:focus-visible{outline:3px solid #ffe194;outline-offset:4px}#reset821-dialog .btn:disabled{opacity:.5}#reset821-dialog [data-reset821-status]{margin:16px 0 0;color:#ffe0ab}#reset821-dialog [data-reset821-status]:empty{display:none}
.reset821-error-panel{max-width:720px;margin:32px auto;padding:28px;background:#102538;color:#edf4fa;border:1px solid #d1b274;border-radius:7px}.reset821-error-panel h1{color:#ffe5ab;font-size:25px}.reset821-error-panel p{line-height:1.85}.reset821-error-panel .btn{min-height:52px;padding:12px 18px;color:#fff0c3;background:#203e53;border:1px solid #d4b775;font-size:18px}
.cycle821-toast{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);z-index:1200;box-sizing:border-box;width:max-content;max-width:calc(100vw - 40px);padding:24px 34px;pointer-events:none;text-align:center;background:linear-gradient(#203b50f5,#0b2031f5);border:1px solid #e2c377;border-radius:6px;box-shadow:inset 0 0 0 4px #0b1b2d,0 8px 32px #0007;color:#ffe9ae;animation:cycle821-notice 2s ease-in-out both}.cycle821-toast strong,.cycle821-toast span{display:block;overflow-wrap:anywhere}.cycle821-toast strong{font-size:24px}.cycle821-toast span{margin-top:10px;font-size:20px}@keyframes cycle821-notice{0%,100%{opacity:0}12%,85%{opacity:1}}
@media(max-width:600px){#reset821-dialog{padding:22px}#reset821-dialog h2{font-size:22px}.reset821-actions{gap:14px}.cycle821-badge{font-size:16px;padding:2px 14px;margin-bottom:8px}.cycle821-toast{padding:22px}.cycle821-toast strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.cycle821-toast{animation:none}.home821-reset .btn,#reset821-dialog .btn{transition:none}}
/* Reuse the existing vertical gaps for the badge; do not resize the logo or controls. */
.royal89 .home89-start.has-cycle821{gap:8px}.has-cycle821 .cycle821-badge{margin:0 auto;padding:1px 16px;font-size:16px;line-height:24px;flex:0 0 auto}
