.capitals-page{max-width:1040px;padding-bottom:70px;--cap-accent:#83ead2}.capitals-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0}.capitals-hero h1{font-size:clamp(2rem,4.3vw,3.7rem);margin:10px 0;letter-spacing:-.045em}.capitals-hero p{color:#bbcce0}.capitals-orbit{position:relative;width:158px;height:150px;flex-shrink:0;display:grid;place-items:center}.capitals-orbit .subject-artwork{width:125px;height:125px}.capitals-orbit i{position:absolute;width:155px;height:72px;border:2px solid #83ead278;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.capitals-orbit b{position:absolute;right:8px;top:28px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#efffff,#40d6bb 55%,#0b5969);box-shadow:0 0 26px #57e7c96b}.capitals-glass,.capitals-entry{position:relative;overflow:hidden;background:linear-gradient(125deg,#244454a6,#20283fba);border:1px solid #87ddda44;box-shadow:inset 0 1px #dfffff10,0 18px 45px #0003;backdrop-filter:blur(18px);border-radius:26px;color:#f2f6ff}.capitals-glass{padding:32px}.capitals-lobby h2{font-size:1.8rem}.capitals-rules{display:flex;gap:14px;margin:24px 0;flex-wrap:wrap}.capitals-rules span{padding:14px 18px;border:1px solid #8eddd530;border-radius:16px;background:#11223166;color:#c8d5e5}.capitals-rules strong{display:block;color:var(--cap-accent);font-size:2rem;line-height:1.2}.capitals-page p{line-height:1.65}.capitals-page .capitals-small{font-size:.86rem;color:#b5c7da}.capitals-lobby form{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:24px 0}.capitals-lobby label{width:100%;font-weight:700}.capitals-page select{background:#122638;color:#f5f7ff;border:1px solid #6dbbaf77;min-height:50px;border-radius:12px;padding:12px;max-width:100%}.capitals-page select option{background:#15293d;color:#fff}.capitals-resume{border-left:3px solid var(--cap-accent);padding-left:20px;margin:22px 0}.capitals-resume .button{margin:4px}.capitals-top{display:flex;justify-content:space-between;gap:10px;margin:26px 0 12px;font-weight:700;color:#c6d7e8}.capitals-top strong{color:var(--cap-accent)}.capitals-route{display:flex;gap:7px;padding:0;list-style:none;margin:0 0 24px}.capitals-route li{height:8px;flex:1;background:#354760;border-radius:8px}.capitals-route li.is-current{background:#a0c7d2}.capitals-route li.correct{background:#91e3be}.capitals-route li.wrong{background:#f29a9a}.capitals-route li.timeout{background:#d1b369}.capitals-question-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.capitals-question h2{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.03em;margin:0 0 24px;overflow-wrap:anywhere}.capitals-clock{border:1px solid #8be6d568;border-radius:50%;width:70px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;background:#12283a80}.capitals-clock strong{font-size:1.8rem;color:var(--cap-accent);line-height:1.1}.capitals-clock small{color:#b9cada}.capitals-timer{height:6px;border-radius:6px;background:#38455b;margin-bottom:28px;overflow:hidden}.capitals-timer i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#66c3fd,#83ead2);transform-origin:left}.capitals-question.is-urgent .capitals-clock{border-color:#f4bd84}.capitals-question.is-urgent .capitals-clock strong{color:#ffd19b}.capitals-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.capitals-page .capitals-choice{display:flex;gap:14px;align-items:center;text-align:left;background:#13263e9c;border:1px solid #8faed44d;color:#f3f7ff;border-radius:16px;min-height:78px;padding:18px;font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:inset 0 1px #ffffff08;transition:border-color .15s,background .15s,transform .15s;overflow-wrap:anywhere;min-width:0}.capitals-choice span{min-width:0}.capitals-choice b{font-size:.85rem;color:#acc7dc;border:1px solid #b1d0e438;border-radius:9px;padding:5px 9px;flex-shrink:0}.capitals-choice:enabled:hover{background:#24536a90;border-color:#89e7d0;transform:translateY(-2px)}.capitals-page button:focus-visible,.capitals-page a:focus-visible{outline:3px solid #dafa70;outline-offset:4px}.capitals-page .capitals-choice:disabled{opacity:1;cursor:default}.capitals-page .capitals-choice.is-correct{background:#24675070;border-color:#8be4be}.capitals-page .capitals-choice.is-wrong{background:#82424670;border-color:#f4a1a1}.capitals-feedback{min-height:34px;font-weight:700;color:#d6e4f2;margin:20px 0 0}.capitals-feedback.correct{color:#a7efc8}.capitals-feedback.wrong{color:#ffbebe}.capitals-feedback.timeout{color:#ffd49a}.capitals-result h2{font-size:clamp(2rem,4vw,3rem);margin:16px 0}.capitals-result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.capitals-result-stats div{background:#101e3288;border:1px solid #abcfe526;border-radius:18px;padding:18px;text-align:center}.capitals-result-stats strong{display:block;font-size:2rem;color:var(--cap-accent)}.capitals-result-stats span{font-size:.88rem;color:#c2d4e8}.capitals-result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.capitals-breakdown{display:grid;gap:10px;margin-top:18px}.capitals-breakdown article{border:1px solid #b8d6ed29;border-radius:14px;background:#1122357d;padding:14px 18px;border-left:3px solid #e9ba70}.capitals-breakdown article.correct{border-left-color:#8be4be}.capitals-breakdown article.wrong{border-left-color:#f4a1a1}.capitals-breakdown p{margin:5px 0;font-size:.92rem;color:#c3d1e2}.capitals-page [hidden]{display:none!important}.capitals-history{margin-top:24px}.capitals-entry{display:flex;align-items:center;gap:26px;margin:24px 0;padding:28px}.capitals-entry-art{flex-shrink:0;width:104px}.capitals-entry-art .subject-artwork{width:100px;height:100px}.capitals-entry h2{margin:6px 0 10px}.capitals-entry p{color:#c6d6e5;margin:8px 0 16px}.capitals-entry .button{white-space:nowrap}.capitals-entry .eyebrow{color:#83ead2}
@media(max-width:600px){.capitals-page{padding-left:16px;padding-right:16px}.capitals-glass{padding:22px 18px;border-radius:22px}.capitals-hero{gap:8px}.capitals-orbit{width:90px;height:100px}.capitals-orbit .subject-artwork{width:84px;height:84px}.capitals-orbit i{width:90px;height:42px}.capitals-orbit b{right:0;top:12px;width:12px;height:12px}.capitals-rules{gap:8px}.capitals-rules span{flex:1;min-width:75px;padding:10px;font-size:.8rem}.capitals-rules strong{font-size:1.6rem}.capitals-lobby form select,.capitals-lobby form .button{width:100%}.capitals-choices{grid-template-columns:1fr;gap:10px}.capitals-page .capitals-choice{min-height:62px;padding:13px;font-size:1rem}.capitals-clock{width:56px;height:56px}.capitals-clock strong{font-size:1.45rem}.capitals-question h2{margin-bottom:18px}.capitals-timer{margin-bottom:20px}.capitals-top{font-size:.85rem}.capitals-result-stats{grid-template-columns:1fr 1fr}.capitals-result-stats div{padding:12px}.capitals-result-actions .button{width:100%;text-align:center}.capitals-entry{gap:14px;padding:22px;align-items:flex-start}.capitals-entry-art{width:58px}.capitals-entry-art .subject-artwork{width:58px;height:58px}.capitals-entry h2{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.capitals-choice{transition:none!important}.capitals-choice:enabled:hover{transform:none}}
.capitals-orbit .zylo-subject-art{width:125px;height:125px}.capitals-entry-art .zylo-subject-art{width:100px;height:100px}.capitals-route li.is-done{background:#729aa5}.capitals-entry .zylo-subject-art{max-width:100%}
.capitals-hero>div:first-child{min-width:0}.capitals-hero h1{overflow-wrap:break-word}
.capitals-page .eyebrow{color:#83ead2}.capitals-question{scroll-margin-top:16px}
.is-student .capitals-page .button:not(.button-secondary),.is-student .capitals-entry .button{background:#dafa70;color:#152534;border:1px solid #ddfb82;box-shadow:0 4px 0 #98b441}.is-student .capitals-page .button-secondary{background:#183047;color:#ddf7f0;border:1px solid #6bcfa666;box-shadow:none}
@media(max-width:600px){.capitals-page.is-playing .capitals-hero{margin:12px 0}.capitals-page.is-playing .capitals-hero h1{font-size:1.5rem;margin:5px 0}.capitals-page.is-playing .capitals-hero p,.capitals-page.is-playing .capitals-hero .eyebrow,.capitals-page.is-playing .capitals-orbit{display:none}.capitals-page.is-playing .capitals-top{margin-top:16px}.capitals-page.is-playing [data-keyboard]{display:none}}
@media(max-width:600px){.capitals-orbit .zylo-subject-art{width:84px;height:84px}.capitals-entry-art .zylo-subject-art{width:58px;height:58px}}