/* Read-only kingdom progress: one persistent SVG panel, no assets or frame loop. */
body.progress817-active{--progress817-space:232px}
body.progress817-active main#app{width:calc(100% - var(--progress817-space));max-width:none;margin:0;padding:0}
.progress817-panel{box-sizing:border-box;position:fixed;right:6px;top:max(8px,env(safe-area-inset-top));bottom:max(8px,env(safe-area-inset-bottom));width:220px;z-index:90;overflow-y:auto;overscroll-behavior:contain;padding:14px 10px;background:linear-gradient(150deg,#182c3a,#081521 65%);color:#f6f1df;border:1px solid #b59c62;border-radius:6px;box-shadow:inset 0 0 0 3px #09131e,0 4px 12px #0004;font:inherit;font-size:14px;line-height:1.4}
.progress817-panel[hidden],.progress817-tab[hidden]{display:none!important}
.progress817-panel header{display:block;background:none;box-shadow:none;gap:0;border-radius:0;text-align:center;border-bottom:1px solid #a28c5755;padding:0 0 10px;margin-bottom:8px}
.progress817-kicker{font-size:10px;letter-spacing:.14em;color:#d8c58d;margin:0 0 4px}
.progress817-panel h2{font-size:20px;line-height:1.4;margin:0;color:#ffedb4;font-weight:800}
.progress817-caption{font-size:11px;color:#cdd9df;margin:4px 0 0}
.progress817-list{display:flex;flex-direction:column;gap:7px}
.progress817-row{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:4px;min-height:92px;padding:5px 3px;background:#07121e80;border:1px solid #8fa3ac33;border-radius:5px;box-sizing:border-box}
.progress817-row.is-current{border-color:var(--region-color);background:#24435388}
.progress817-ring{width:76px;height:76px;max-width:100%}.progress817-ring svg{display:block;width:100%;height:100%;overflow:visible}
.progress817-track,.progress817-arc{fill:none;stroke-width:5}.progress817-track{stroke:#31434e}.progress817-arc{stroke:var(--region-color);transform:rotate(-90deg);transform-origin:36px 36px;transition:stroke-dashoffset .4s ease-out;stroke-linecap:butt}
.progress817-ring text{fill:#fff6db;font-size:16px;font-weight:800;font-family:inherit}
.progress817-copy h3{font-size:17px;line-height:1.4;margin:0;color:#f8f7ed;font-weight:800}
.progress817-count{font-size:13px;color:#e1e9eb;margin:3px 0 0;white-space:nowrap}
.progress817-complete{font-size:10px;color:#ffe49b;line-height:1.4;margin:4px 0 0;white-space:nowrap;font-weight:800}.progress817-complete[hidden]{display:none}
.progress817-row.is-complete{border-color:#d8bc6c}.progress817-row.is-complete .progress817-arc{stroke:#f1ce77}.progress817-row.is-complete .progress817-ring text{fill:#ffe6a1}
.progress817-save-note{text-align:center;font-size:10px;color:#c4d0d7;margin:10px 0 6px}
.progress817-panel footer{display:flex;gap:5px;justify-content:center;padding:0;margin:0;background:none;border:0}
.progress817-panel button,.progress817-tab{box-sizing:border-box;min-height:44px;border:1px solid #a9915e;border-radius:4px;background:#102636;color:#fff1bf;font:inherit;font-size:13px;font-weight:700;line-height:1.4;padding:6px;cursor:pointer}
.progress817-panel button:focus-visible,.progress817-tab:focus-visible{outline:3px solid #ffe29b;outline-offset:2px}
.progress817-panel .progress817-detail{display:none}
.progress817-tab{display:none;position:fixed;right:4px;top:42%;width:40px;min-height:78px;z-index:100;writing-mode:vertical-rl;font-size:16px;letter-spacing:.12em}
body.progress817-collapsed{--progress817-space:52px}
.progress817-collapsed .progress817-panel{display:none}.progress817-collapsed .progress817-tab{display:block}
.progress817-active .explore89-hint #hint-content{right:calc(var(--progress817-space) + 12px);max-width:calc(100vw - var(--progress817-space) - 24px)}
.progress817-active .quiz-impact811-flash{right:var(--progress817-space)}
.progress817-row.just-completed{animation:progress817-arrival .8s ease-out 1}
@keyframes progress817-arrival{0%{box-shadow:inset 0 0 0 3px #ffe5a080;background-color:#62512b}100%{box-shadow:inset 0 0 0 0 transparent;background-color:#07121e80}}
@media(min-width:1000px) and (max-width:1199px){body.progress817-active{--progress817-space:210px}.progress817-panel{width:198px}.progress817-row{grid-template-columns:68px minmax(0,1fr)}.progress817-ring{width:68px;height:68px}.progress817-copy h3{font-size:16px}}
@media(min-width:600px) and (max-width:999px){body.progress817-active{--progress817-space:116px}.progress817-panel{width:104px;padding:10px 5px}.progress817-panel h2{font-size:12px}.progress817-kicker{font-size:8px;letter-spacing:0}.progress817-caption{display:none}.progress817-list{gap:5px}.progress817-row{display:flex;flex-direction:column;gap:0;min-height:102px;padding:4px 1px}.progress817-ring{width:58px;height:58px}.progress817-copy{text-align:center}.progress817-copy h3{font-size:13px}.progress817-count{font-size:11px;margin:0}.progress817-complete{font-size:9px;margin:1px 0 0}.progress817-save-note{font-size:9px}.progress817-panel footer{flex-direction:column}.progress817-panel .progress817-detail{display:block}.progress817-expanded .progress817-panel{width:220px}.progress817-expanded .progress817-row{display:grid;grid-template-columns:76px minmax(0,1fr);min-height:92px}.progress817-expanded .progress817-copy{text-align:left}.progress817-expanded .progress817-panel h2{font-size:20px}.progress817-expanded .progress817-copy h3{font-size:17px}.progress817-expanded .progress817-count{font-size:13px}.progress817-expanded .progress817-caption{display:block}.progress817-expanded .progress817-ring{width:76px;height:76px}}
@media(max-width:599px){body.progress817-active{--progress817-space:52px}.progress817-panel{display:none;width:min(260px,calc(100vw - 60px));z-index:100}.progress817-tab{display:block}.progress817-expanded .progress817-panel{display:block}.progress817-expanded .progress817-tab{display:none}.progress817-panel .progress817-detail{display:block}}
body.progress817-active.progress817-collapsed{--progress817-space:52px}
@media(prefers-reduced-motion:reduce){.progress817-arc{transition:none!important}.progress817-row.just-completed{animation:none!important}}
/* Existing award notifications remain readable inside the quiz's reserved width. */
.progress817-active .badge-toast{right:calc(var(--progress817-space) + 12px);max-width:min(440px,calc(100vw - var(--progress817-space) - 24px))}
.progress817-active .c87-toast{max-width:min(490px,calc(100vw - var(--progress817-space) - 36px))}