.audio-test-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
#mechanics-test{width:min(640px,calc(100vw - 28px));max-width:640px;max-height:calc(100dvh - 28px);padding:24px;border-radius:20px;overflow:auto;box-sizing:border-box}
#mechanics-test h2{margin:8px 0 14px;font-size:32px}
#mechanics-test .close{float:none;position:absolute;right:16px;top:12px;line-height:1;padding:8px;min-width:40px;min-height:40px}
#mechanics-test>.eyebrow{padding-right:44px}
[data-mechanics-gate]{display:grid;gap:12px}
[data-mechanics-gate] label{display:grid;gap:8px;font-size:15px}
[data-mechanics-gate] input{width:100%;padding:12px 14px;background:#101b23;border:1px solid #536772;border-radius:10px;color:#fff;font:inherit;font-size:16px;box-sizing:border-box}
[data-mechanics-error],[data-mechanics-status]{color:#ffb3a0;font-size:14px}
[data-mechanics-error]:empty,[data-mechanics-status]:empty{display:none}
[data-mechanics-content][hidden],[data-mechanics-gate][hidden]{display:none}
.mechanics-tabs{display:flex;gap:10px;margin:18px 0 8px}
.mechanics-tabs button{flex:1}
.mechanics-tabs [aria-pressed="true"]{background:#a77843;color:#fff4df;border-color:#ffe3a4}
#mechanics-test .casino-backdrop,#mechanics-test .wheel-backdrop{position:static;display:block;padding:0;background:none;backdrop-filter:none;overflow:visible}
#mechanics-test .casino-window,#mechanics-test .wheel-window{width:100%;max-height:none;margin:0;overflow:visible;padding:18px 0 0;background:none;border:0;border-radius:0;box-shadow:none;box-sizing:border-box}
#mechanics-test .casino-heading h2,#mechanics-test .wheel-window h2{font-size:30px}
@media(max-width:540px){#mechanics-test{padding:20px 16px}#mechanics-test .casino-heading h2{font-size:25px}#mechanics-test .casino-heading{gap:8px}#mechanics-test .casino-wallet{min-width:82px}#mechanics-test .wheel-stage{width:min(290px,72vw)}.audio-test-actions>.quiet{flex:1}}

/* Both mechanics share the same centred shell; only the result area scrolls. */
#mechanics-test[open].test-unlocked{height:min(780px,calc(100dvh - 28px));display:flex;flex-direction:column;overflow:hidden;--test-wheel-size:clamp(190px,calc(100dvh - 390px),290px)}
#mechanics-test.test-unlocked>.eyebrow,#mechanics-test.test-unlocked>h2{flex:none}
#mechanics-test.test-unlocked [data-mechanics-content]{flex:1;min-height:0;display:flex;flex-direction:column}
#mechanics-test.test-unlocked [data-mechanics-content]>.hint,#mechanics-test .mechanics-tabs,#mechanics-test [data-mechanics-status]{flex:none}
#mechanics-test .mechanics-tabs{min-height:44px}
#mechanics-test [data-mechanics-view]{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain;padding:0 6px}
#mechanics-test.test-unlocked .wheel-stage{width:min(var(--test-wheel-size),72vw)}
#mechanics-test.test-unlocked .prize-wheel>span{transform:rotate(var(--segment-angle)) translateY(calc(-1 * min(calc(var(--test-wheel-size) * .34),24vw))) rotate(calc(-1 * var(--segment-angle)));font-size:18px}