.rotation-game{padding:24px 20px 40px!important;box-sizing:border-box;line-height:1.55}.rotation-game .muscle-dialog-header{align-items:center;margin-bottom:4px;gap:14px}.rotation-game .muscle-dialog-header h2{font-size:clamp(23px,5vw,32px);margin:0;letter-spacing:-.6px}.rotation-game .muscle-dialog-header button{min-height:42px;padding:8px 16px;background:#221e30}.rotation-game p{color:#bbb5cc;font-size:15px}.rotation-game .rotation-date{font-size:13px;margin:4px 0 22px}.rotation-game .rotation-card{background:#211c2f;border:1px solid #383047;border-radius:22px;padding:20px;margin:16px 0}.rotation-game .rotation-card h3{margin:0 0 8px;color:#f7f5fb}.rotation-game .rotation-card p{margin:8px 0}.rotation-game .rotation-hero{background:radial-gradient(ellipse at top right,#213e56,transparent 75%),#201b2e;border-color:#365268}.rotation-game .rotation-hero>p:first-child{color:#74c8f0;font-size:11px;letter-spacing:1.8px;font-weight:700}.rotation-game .rotation-hero h3{font-size:36px;letter-spacing:-1px;margin:6px 0}.rotation-game progress{height:8px;border:0;border-radius:20px;overflow:hidden;background:#363043;appearance:none}.rotation-game progress::-webkit-progress-bar{background:#363043;border-radius:20px}.rotation-game progress::-webkit-progress-value{background:linear-gradient(90deg,#259edb,#8adcf9);border-radius:20px}.rotation-game progress::-moz-progress-bar{background:#59bce9;border-radius:20px}.rotation-game .rotation-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.rotation-game .rotation-chips span{background:#30283f;border:1px solid #463a56;border-radius:30px;padding:5px 11px;font-size:12px;color:#d3cbe2}.rotation-game .rotation-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:22px;gap:12px}.rotation-game button{font:inherit;font-weight:650;transition:background .15s,transform .15s,border-color .15s}.rotation-game button:not(:disabled):hover{background:#393047;border-color:#80c9ec}.rotation-game button:not(:disabled):active{transform:scale(.98)}.rotation-game button:focus-visible{outline:3px solid #8ed8fb;outline-offset:3px}.rotation-game .rotation-primary{background:linear-gradient(135deg,#35b2ed,#248cc8);color:#061c29;border-color:#64c6f1;box-shadow:0 5px 18px #1595d122}.rotation-game .rotation-primary:not(:disabled):hover{background:#6bcefa}.rotation-game .rotation-warning{padding:18px;border-radius:18px;border-color:#8e6d33;background:#34291d;margin:18px 0}.rotation-game .rotation-warning p{color:#e0c99e;font-size:14px}.rotation-game summary{cursor:pointer;font-weight:650;color:#e5dfef;min-height:26px}.rotation-game .rotation-result{background:#233347;border:1px solid #3c607d;padding:18px;border-radius:18px;color:#c8e7f6}.rotation-game .rotation-session{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-top:1px solid #393145}.rotation-game .rotation-session:first-of-type{margin-top:14px}.rotation-game .rotation-session small{display:block;color:#9e96b2;font-size:12px;margin-top:3px}.rotation-game .rotation-session>strong{color:#83d1f4;white-space:nowrap}.rotation-game .rotation-meta{display:flex;color:#8cd5f6;font-weight:650;font-size:13px;margin-top:22px}.rotation-game .rotation-target{max-width:250px;padding:12px;margin:24px auto;background:radial-gradient(ellipse at center,#243b4d,#1d1a29);border:1px solid #3c5367;border-radius:24px}.rotation-game .rotation-target>span{display:block;text-align:center;color:#83adc2;font-size:10px;letter-spacing:2px}.rotation-game .rotation-options{gap:12px}.rotation-game .rotation-options button{background:#221e30;border:2px solid #40364f;border-radius:20px;color:#aaa0be;padding:10px;font-size:13px;box-shadow:0 4px 12px #0002}.rotation-game .rotation-options svg{height:145px}.rotation-game .rotation-options button:disabled{opacity:1}.rotation-game .rotation-options button.correct{background:#193c30;border-color:#68dca2}.rotation-game .rotation-options button.wrong{background:#40232d;border-color:#ed899c}.rotation-game .rotation-feedback{padding:12px 0;margin:0;font-size:14px}.rotation-game .rotation-next{width:100%;margin:0 0 20px}.rotation-game .rotation-next:disabled{background:#282236;color:#8b829c;box-shadow:none;border-color:#3b3349}@media(max-width:420px){.rotation-game{padding:20px 16px 32px!important}.rotation-game .rotation-card{padding:18px}.rotation-game .rotation-actions button{font-size:14px;padding:12px 8px}.rotation-game .rotation-options svg{height:125px}}

body:has(.rotation-dialog[open]){overflow:hidden}.rotation-dialog.muscle-dialog{padding:0}.rotation-game .muscle-dialog-header{position:sticky;top:0;background:#100c1c;padding:12px 0;z-index:2}.rotation-game{padding-top:max(8px,env(safe-area-inset-top))!important;padding-bottom:max(32px,env(safe-area-inset-bottom))!important}

.rotation-game{max-width:760px;margin:auto}.rotation-game button{min-height:48px;border-radius:14px;border:1px solid #494359;background:#292336;color:#fff;padding:12px;cursor:pointer}.rotation-game .rotation-options{display:grid;grid-template-columns:1fr 1fr}.rotation-game svg{width:100%;display:block}.rotation-game progress{width:100%}.rotation-game button:disabled{opacity:.55;cursor:default}.rotation-game .rotation-options button:disabled{opacity:1}.rotation-game .rotation-primary{background:linear-gradient(135deg,#35b2ed,#248cc8);color:#061c29;border-color:#64c6f1}.rotation-game .rotation-target svg{height:150px}.rotation-game .rotation-feedback{min-height:48px}