:root{color-scheme:light;--paper:#f7f5ed;--ink:#20392e;--muted:#73796c;--orange:#e8794a;--green:#c6d783;--line:#dedfd3;--gold:#e9b949;--gold-dark:#a87b16;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e8794a;outline-offset:5px}[hidden]{display:none!important}.site-header{max-width:1304px;margin:auto;padding:22px 44px 14px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:17px;line-height:1.05;font-weight:800;letter-spacing:-.6px}.brand-dot{color:var(--orange)}.brand-icon{width:43px;height:43px;background:var(--ink);border-radius:50%;color:var(--paper);font:italic bold 27px Georgia,serif;text-align:center;line-height:37px;transform:rotate(-12deg)}.brand-icon span{color:var(--green);position:relative;top:7px;margin-left:-2px}.header-actions{display:flex;align-items:center;gap:30px}.text-button{border:0;background:none;padding:7px 0;font-size:12px;font-weight:600}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.question-mark{display:inline-flex;border:1.3px solid currentColor;border-radius:50%;width:16px;height:16px;align-items:center;justify-content:center;margin-left:8px;font-size:11px}main{max-width:1020px;margin:0 auto;padding:0 36px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;display:flex;justify-content:center;align-items:center;gap:11px}.eyebrow>span{width:20px;height:1px;background:#9d9f8e}.game{margin:0 0 32px;background:#fffef9;border:1px solid #dddfd1;border-radius:22px;box-shadow:0 5px 0 #eaeade;overflow:hidden}.game-toolbar{height:66px;margin:0 29px;border-bottom:1px solid #e9eadd;display:flex;align-items:center;justify-content:space-between}.round-label{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:1.8px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}.game-options{display:flex;gap:18px;align-items:center}.mode-control select{background:transparent;border:0;font-size:11px;cursor:pointer;max-width:145px;padding:8px 4px}.timer-toggle{display:flex;align-items:center;gap:6px;background:none;border:0;border-left:1px solid var(--line);padding:6px 0 6px 16px;font-size:11px}.timer-toggle svg,.sound-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.toggle-track{width:25px;height:14px;border-radius:9px;background:#e0e2d7;margin-left:3px;position:relative}.toggle-track:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:white;top:2px;left:2px;box-shadow:0 1px 2px #0002;transition:transform .15s}.timer-toggle[aria-pressed=true] .toggle-track{background:var(--ink)}.timer-toggle[aria-pressed=true] .toggle-track:before{transform:translateX(11px)}.dials{display:flex;align-items:center;justify-content:center;gap:26px;padding:25px 40px 0}.dial-column{width:min(40%,330px)}.dial-column h2{text-align:center;font-size:11px;letter-spacing:2.1px;margin:0 0 19px;font-weight:700}.dial{display:block;padding:0;border:0;font:inherit;color:inherit;position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:#e8ede2;box-shadow:0 4px 0 #e1e2d8;isolation:isolate}.wheel{width:100%;height:100%;overflow:visible;display:block;will-change:transform}.start{--dial-color:#ed946d;--dial-light:#fae8d9;--dial-shadow:#d98056}.end{--dial-color:#cbdc95;--dial-light:#f0f4de;--dial-shadow:#adbe77}.wheel .outer{fill:var(--dial-color);stroke:var(--dial-shadow);stroke-width:1}.wheel .inner-ring{fill:none;stroke:var(--dial-shadow);stroke-width:1}.wheel .tick{stroke:var(--ink);stroke-width:1;opacity:.3}.wheel .letter{font-size:13px;font-weight:700;fill:var(--ink)}.pointer{position:absolute;z-index:3;left:50%;top:-8px;width:17px;height:25px;transform:translateX(-50%);background:var(--ink);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}.dial-center{position:absolute;inset:20%;background:var(--dial-light);border:1px solid var(--dial-shadow);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 2px 9px #6a633118}.selected-letter{font-size:clamp(60px,8.2vw,108px);font-weight:700;line-height:1.13;letter-spacing:-5px;margin-left:-5px}.and{font:italic 35px Georgia,serif;color:#a9af98;margin-top:40px}.play-area{text-align:center;padding:21px 22px 16px;position:relative}.prompt{font-size:13px;min-height:20px;color:#747a6b;line-height:1.5}.prompt strong{color:var(--ink)}.prompt:empty{display:none}.below-button .prompt{font-size:11px;min-height:0;line-height:1.35}.spin-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:57px;border-radius:11px;background:var(--ink);color:#fffef5;border:1px solid var(--ink);padding:15px 24px;font-size:15px;font-weight:600;box-shadow:0 3px 0 #14271f;margin:20px auto 0;width:286px;transition:background .15s,transform .15s}.spin-button:hover{background:#304f3e;transform:translateY(-1px)}.spin-button:active{transform:translateY(2px);box-shadow:0 1px 0 #14271f}.spin-button:disabled{opacity:.7;transform:none}.spin-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button-arrow{margin-left:auto;font-size:22px;font-weight:400}.spin-button>span:nth-child(2){margin-right:auto}.below-button{height:34px;display:flex;align-items:center;justify-content:center;gap:23px;margin-top:10px;font-size:10px;color:#777e6c}.below-button .text-button{font-size:11px}kbd{font:10px Arial,sans-serif;border:1px solid #dce0d3;padding:2px 6px;border-radius:4px;margin-left:3px;color:#606956;background:#f5f6ed}.game-bottom{background:#f4f5ec;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-top:1px solid #e7e9dc;font-size:10px;color:#737b68}.game-bottom>span{display:flex;align-items:center;gap:7px}.mini-star{font-size:16px;color:#82955e}.sound-button{border:0;background:none;display:flex;align-items:center;gap:6px;font-size:10px;color:#66745d;padding:4px}footer{max-width:1216px;margin:0 auto;border-top:1px solid var(--line);padding:23px 0 26px;display:flex;align-items:center;justify-content:space-between;color:#848976;font-size:10px}.footer-tag{font-size:9px;letter-spacing:1.4px}.footer-tag>span{padding:0 8px}.timer-bar{width:286px;height:4px;background:#e2e5d7;position:relative;margin:13px auto -7px;border-radius:4px}.timer-bar>div{width:100%;height:100%;background:var(--orange);border-radius:4px;transform-origin:left}.timer-bar>span{position:absolute;right:-29px;top:-4px;font-size:10px;font-variant-numeric:tabular-nums}.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}dialog{border:1px solid var(--line);border-radius:22px;padding:36px;max-width:470px;width:calc(100% - 32px);color:var(--ink);background:var(--paper);box-shadow:0 20px 80px #152f2a33}dialog::backdrop{background:#172c2399;backdrop-filter:blur(4px)}.close-button{position:absolute;right:14px;top:10px;background:none;border:0;font-size:29px;font-weight:400;padding:5px 10px}dialog .eyebrow{justify-content:flex-start;margin-top:7px}dialog h2{font:normal 33px Georgia,serif;margin:20px 0}dialog p,dialog li{font-size:13px;line-height:1.7;color:#64705e}dialog ol{padding-left:20px}dialog li{padding:0 0 10px 5px}.help-note{margin-top:19px;padding-top:17px;border-top:1px solid var(--line)}.help-note>strong{font-size:13px}.help-note p{margin:5px 0}dialog .spin-button{width:100%;margin-top:25px}.is-spinning .selected-letter{opacity:.55}.spinning .live-dot{animation:blink .6s infinite alternate}@keyframes blink{to{opacity:.2}}@media(min-width:1440px){.dials{padding-top:30px}.play-area{padding-top:25px}}@media(max-width:900px){.site-header{padding:20px 28px 12px}main{padding:0 24px}.dials{padding:24px 25px 0;gap:20px}.dial-column{width:43%}.selected-letter{font-size:clamp(55px,11vw,98px)}footer{margin:0 28px}}@media(max-width:580px){.site-header{padding:16px 20px 12px}.brand{font-size:14px;gap:9px}.brand-icon{width:36px;height:36px;font-size:24px;line-height:30px}.header-actions{gap:12px}.text-button{font-size:11px}.question-mark{margin-left:4px}main{padding:0 14px}.eyebrow{font-size:9px;letter-spacing:2px}.game{border-radius:17px;margin-bottom:24px}.game-toolbar{height:58px;margin:0 15px}.round-label{font-size:9px;letter-spacing:1.1px;gap:6px}.game-options{gap:8px}.mode-control select{font-size:10px;width:106px;padding-left:0}.timer-toggle{font-size:10px;gap:4px;padding-left:9px}.timer-toggle svg{width:13px;height:13px}.toggle-track{margin-left:0;width:23px}.timer-toggle[aria-pressed=true] .toggle-track:before{transform:translateX(9px)}.dials{padding:24px 12px 0;gap:0;justify-content:space-between}.dial-column{width:46%}.dial-column h2{font-size:9px;letter-spacing:1.2px;margin-bottom:19px}.and{font-size:21px;position:absolute;left:50%;transform:translateX(-50%);margin-top:40px}.selected-letter{font-size:clamp(42px,13.7vw,75px);letter-spacing:-2px;margin-left:-2px}.lock-icon{width:17px;height:17px}.pointer{width:12px;height:20px;top:-7px}.play-area{padding:24px 13px 12px}.prompt{font-size:11px;min-height:34px}.spin-button{width:min(100%,286px);margin-top:13px;min-height:55px}.game-bottom{padding:11px 14px;font-size:9px;gap:8px}.sound-button{font-size:9px;flex-shrink:0}.game-bottom>span{gap:4px}.mini-star{font-size:13px}footer{margin:0 22px;padding:19px 0;font-size:9px;flex-wrap:wrap;gap:12px}.footer-tag{font-size:8px;letter-spacing:1px}.footer-tag>span{padding:0 4px}.timer-bar{width:75%;max-width:260px;margin-top:4px;margin-bottom:15px}.below-button{margin-top:8px}.help-note{margin-top:14px}dialog{padding:28px 24px}dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:580px){.header-actions{flex-direction:column-reverse;align-items:flex-end;gap:5px}}
/* Three dials stay together on wide screens; category sits below on phones. */
.dials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:25px 27px 0;align-items:start}.dial-column{width:100%}.and{display:none}.category{--dial-color:#cbb9e2;--dial-light:#f0e9f7;--dial-shadow:#b09acb}.category-name{font-size:clamp(17px,2.4vw,27px);font-weight:700;letter-spacing:-1px;line-height:1.2;margin:14px 0 12px}.selected-letter{font-size:clamp(48px,7.8vw,92px)}.category .wheel .letter{font-size:12px}.is-spinning .category-name{opacity:.55}.prompt{max-width:100%;min-height:22px}@media(max-width:700px){.dials{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 19px;padding:25px 18px 0}.category{grid-column:1 / -1;width:48%;max-width:220px;justify-self:center}.category-name{font-size:clamp(16px,4vw,24px);margin:12px 0 9px}.selected-letter{font-size:clamp(44px,13.7vw,90px)}.dial-column h2{margin-bottom:17px}.prompt{min-height:34px}.play-area{padding-top:23px}.category .dial-center{inset:19%}}@media(max-width:360px){.category-name{font-size:16px;margin:9px 0 6px}.game-bottom{align-items:flex-start}.game-bottom>span{line-height:1.5}.spin-button{margin-top:18px}}
.lock-icon{display:block;width:22px;height:22px;margin-top:2px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.3;transition:opacity .15s}.lock-icon .shackle-closed,.dial.locked .lock-icon .shackle-open{display:none}.dial.locked .lock-icon .shackle-closed{display:inline}.dial.locked .lock-icon{opacity:1;stroke:var(--gold-dark)}.dial.locked .lock-icon rect{fill:var(--gold)}@media(hover:hover){.dial:not(.locked):hover{outline:2px dashed #20392e55;outline-offset:4px}}#answer-dialog{max-width:380px;text-align:center}#answer-dialog .eyebrow{justify-content:center}#answer-dialog h2{font-size:22px;margin:14px 0 4px}dialog .answer-word{font:italic 48px Georgia,serif;color:var(--ink);margin:0;line-height:1.2;overflow-wrap:anywhere}dialog .answer-detail{margin:4px 0 0}dialog .answer-countdown{margin:12px 0 2px;font-size:12px;font-variant-numeric:tabular-nums}#answer-dialog .spin-button{margin-top:22px}.dial.locked{outline:2px solid var(--gold-dark);outline-offset:4px}.category-name{letter-spacing:-.6px}@media(max-width:700px){.category{grid-row:1}.dials{row-gap:24px}.category .dial-column h2{margin-bottom:17px}}