:root{--night:#101e27;--gold:#c6a46a;--cream:#f1e9d8;--light:#f7f0e4;--muted:#b7c2c7}*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--light);font:15px/1.7 Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}button,a,input,select:focus-visible{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold)}button{cursor:pointer}button:disabled{opacity:.4;cursor:wait}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.13}.rotation-header{display:flex;justify-content:space-between;align-items:center;gap:25px;max-width:1280px;margin:auto;padding:28px 50px;border-bottom:1px solid #c6a46a40}.rotation-header>a:last-child{font-size:12px}.rotation-brand{font:italic 39px Georgia,serif;color:#e0bf85;text-decoration:none!important}.rotation-brand span{display:block;font:7px/1.5 Arial,sans-serif;letter-spacing:2px;margin-top:7px}.rotation-main{max-width:1280px;margin:auto;padding:65px 50px}.rotation-eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--gold);margin-bottom:25px}h1{font-size:clamp(40px,5.3vw,68px);letter-spacing:-1.5px}.rotation-lead{max-width:680px;font-size:16px;color:var(--muted);margin:25px 0 16px}.rotation-method{color:var(--gold);font-size:11px;letter-spacing:.8px}#rotation-navigation{display:flex;flex-wrap:wrap;gap:15px 27px;margin:35px 0 20px;padding:20px 0;border-top:1px solid #c6a46a40;border-bottom:1px solid #c6a46a40;font-size:11px}.rotation-section{margin:65px 0 90px;scroll-margin-top:30px}.rotation-section-heading{display:flex;align-items:baseline;gap:25px;margin-bottom:28px}.rotation-number{font:italic 40px Georgia,serif;color:var(--gold)}.rotation-section h2{font-size:35px}.rotation-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.rotation-card{border:1px solid #c6a46a85;padding:12px;background:#162c37;min-width:0;position:relative}.rotation-card:before{content:'';position:absolute;inset:5px;border:1px solid #c6a46a35;pointer-events:none}.rotation-card-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 16px;color:var(--light)}.rotation-card h3{font-size:22px}.rotation-state{font-size:9px;color:var(--gold);letter-spacing:.6px;white-space:nowrap}.rotation-stage{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#fffdf6,#e7ddc8);cursor:ew-resize;touch-action:pan-y;user-select:none}.rotation-stage:after{content:'';position:absolute;inset:15px;border:1px solid #a9894a30;pointer-events:none}.rotation-sprite{width:100%;aspect-ratio:1;background-repeat:no-repeat;background-size:300% 200%;background-position:0 0;position:relative}.rotation-stage.is-dragging{cursor:grabbing}.rotation-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#eee7d8;color:#6d5c40;font-size:12px;letter-spacing:1px}.rotation-loading[hidden]{display:none}.rotation-hint{text-align:center;font-size:9px;letter-spacing:1px;padding:12px 10px;color:#aebdc3}.rotation-controls{padding:0 14px 12px}.rotation-controls input[type=range]{width:100%;accent-color:var(--gold);height:22px;margin:2px 0 18px;cursor:ew-resize}.rotation-buttons{display:grid;grid-template-columns:36px 1fr 36px;gap:10px}.rotation-buttons button{background:transparent;color:var(--gold);border:1px solid #c6a46a65;padding:8px 6px;font-size:12px}.rotation-buttons button:hover{background:#c6a46a15}.rotation-buttons button[aria-pressed=true]{background:#c6a46a26}.rotation-speed{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:16px;color:#afbec4;font-size:10px}.rotation-speed select{background:#10212c;color:#dfc294;border:1px solid #c6a46a55;padding:5px;font-size:10px;max-width:125px}.rotation-speed a{font-size:10px}.rotation-description{color:#acbbc2;font-size:12px;max-width:700px;margin-top:20px}.rotation-footer{display:flex;justify-content:space-between;gap:25px;margin:0 auto;padding:25px 50px;border-top:1px solid #c6a46a40;max-width:1280px;font-size:11px;color:#aeb9bd}.rotation-error{padding:25px;font-size:13px;color:#815936}.rotation-stage img{max-width:100%;object-fit:contain}button[hidden]{display:none}html{scroll-behavior:smooth} @media(max-width:700px){.rotation-header{padding:20px 22px}.rotation-header>a:last-child{font-size:10px}.rotation-brand{font-size:31px}.rotation-brand span{font-size:6px;letter-spacing:1px}.rotation-main{padding:45px 22px}h1{font-size:43px}.rotation-eyebrow{font-size:8px;letter-spacing:1.6px}.rotation-lead{font-size:14px}.rotation-pair{grid-template-columns:1fr;gap:25px}.rotation-section-heading{gap:15px}.rotation-section h2{font-size:29px}.rotation-number{font-size:32px}.rotation-section{margin:50px 0 65px}.rotation-card-heading{padding:12px}.rotation-card h3{font-size:21px}.rotation-stage{max-height:none}.rotation-footer{padding:25px 22px;display:block}.rotation-footer>a{display:block;margin-top:12px}.rotation-method{font-size:10px}#rotation-navigation{gap:12px 20px;font-size:10px}.rotation-state{font-size:8px}.rotation-controls{padding:0 10px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.rotation-pair-single{grid-template-columns:minmax(0,600px);justify-content:center}
.rotation-stage{aspect-ratio:1;display:flex;align-items:center;justify-content:center}.rotation-sprite{width:86%;flex:none}

/* Legal footer links */
.footer-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px}.footer-legal a{text-decoration:underline;text-underline-offset:3px}.legal-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}