main.rrbl-word-page{background:#fcfdfd;max-width:1100px;--word-primary:var(--primary,#236b73);--word-line:#d5e1e4;color:var(--ink,#1f2830);padding:clamp(28px,5vw,64px)}
.rrbl-word-heading{max-width:650px;margin:0 auto;text-align:center;padding:4px 0 35px;border-bottom:1px solid var(--word-line)}.rrbl-word-heading .eyebrow{font:10px/1.6 var(--sans,system-ui);letter-spacing:.17em;color:var(--word-primary);margin-bottom:18px}.rrbl-word-heading h1{font:400 clamp(38px,4.6vw,58px)/1.15 var(--serif,Georgia);letter-spacing:-.025em;margin:0 0 14px}.rrbl-word-heading>p:last-child{font:20px/1.5 var(--serif,Georgia);color:#64777e;margin:0}
.rrbl-word-game{max-width:650px;margin:30px auto 0}.rrbl-word-meta{display:flex;justify-content:space-between;gap:20px;font:11px/1.6 var(--sans,system-ui);color:#64777e}.rrbl-word-status{font:14px/1.7 var(--sans,system-ui);text-align:center;min-height:24px;margin:27px 0 20px;color:#52676f}.rrbl-word-status.is-error{color:#a33f3b}.rrbl-word-game [hidden]{display:none!important}.rrbl-letter-wheels{display:grid;grid-template-columns:repeat(5,minmax(0,76px));justify-content:center;gap:14px;margin:0 auto 25px;max-width:100%}.rrbl-letter-wheel{border-block:1px solid var(--word-line);display:grid;grid-template-rows:40px 68px 40px;background:#f4f8f6}.rrbl-letter-wheel button{border:0;border-radius:0;padding:0;background:none;color:var(--word-primary);cursor:pointer;min-height:40px;display:grid;place-items:center}.rrbl-letter-wheel button:hover{background:#e5eeea}.rrbl-letter-wheel button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.rrbl-letter-wheel input{display:block;width:100%;min-width:0;padding:0;border:0;border-radius:0;background:transparent;text-align:center;font:400 43px/1 var(--serif,Georgia);color:var(--word-primary);box-shadow:none;box-sizing:border-box;text-transform:uppercase}.rrbl-letter-wheel input:focus{outline:2px solid var(--word-primary);outline-offset:-2px}.rrbl-word-game button:focus-visible,.rrbl-word-game a:focus-visible,.rrbl-word-help summary:focus-visible{outline:2px solid var(--word-primary);outline-offset:4px}.rrbl-word-game button:disabled{opacity:.5;cursor:default}.rrbl-word-game input:disabled{opacity:.5}
.rrbl-word-submit{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:46px;padding:12px 22px;margin:0 auto;border:1px solid var(--word-primary);border-radius:0;background:var(--word-primary);color:white;font:12px/1.6 var(--sans,system-ui);cursor:pointer}.rrbl-word-submit:hover{filter:brightness(.93)}.rrbl-word-hint{text-align:center;font:15px/1.7 var(--serif,Georgia);color:var(--word-primary);margin:23px 0 8px}.rrbl-word-reveal,.rrbl-word-retry{display:block;margin:20px auto;background:none;border:0;border-bottom:1px solid var(--word-line);padding:6px 0;color:var(--word-primary);font:12px/1.6 var(--sans,system-ui);cursor:pointer}
.rrbl-word-attempts{display:flex;flex-direction:column;gap:9px;padding:0;margin:35px auto 0;list-style:none;max-width:400px}.rrbl-word-attempt{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0;padding:0}.rrbl-word-attempt>span,.rrbl-word-legend li>span{display:grid;place-items:center;position:relative;aspect-ratio:1;font:400 28px/1 var(--serif,Georgia);border:1px solid transparent}.rrbl-word-attempt small{position:absolute;bottom:4px;right:6px;font:10px/1 var(--sans,system-ui);color:inherit}.rrbl-word-page .is-correct{background:#236b73;color:#fff;border-color:#236b73}.rrbl-word-page .is-present{background:#e8dbb3;color:#514319;border-color:#d1bd7c}.rrbl-word-page .is-absent{background:#edf0ee;color:#66716d;border-color:#dce3df}
.rrbl-word-finish{text-align:center;padding:22px 0 5px}.rrbl-word-finish>p{font:15px/1.6 var(--serif,Georgia);color:#64777e;margin:0 0 14px}.rrbl-word-finish>strong{display:block;font:400 clamp(38px,6vw,58px)/1.2 var(--serif,Georgia);letter-spacing:.1em;color:var(--word-primary);margin-bottom:16px;overflow-wrap:anywhere}.rrbl-word-finish>span{display:block;font:12px/1.7 var(--sans,system-ui);color:#64777e}.rrbl-word-finish>a{display:inline-flex;gap:25px;color:var(--word-primary);font:12px/1.7 var(--sans,system-ui);text-decoration:none;border-bottom:1px solid var(--word-line);padding:5px 0;margin-top:23px}
.rrbl-word-help{max-width:650px;margin:40px auto 0;border-top:1px solid var(--word-line);padding-top:22px}.rrbl-word-help summary{cursor:pointer;font:12px/1.7 var(--sans,system-ui);color:var(--word-primary);padding:4px 0}.rrbl-word-help>div{font:16px/1.8 var(--serif,Georgia);color:#52676f;padding-top:16px}.rrbl-word-help p{margin:0 0 17px}.rrbl-word-legend{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0;margin:22px 0;font:12px/1.7 var(--sans,system-ui)}.rrbl-word-legend li{display:flex;align-items:center;gap:15px}.rrbl-word-legend li>span{width:32px;height:32px;font-size:20px;flex:none}
@media(max-width:540px){main.rrbl-word-page{padding:28px 22px}.rrbl-letter-wheels{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-width:330px}.rrbl-letter-wheel{grid-template-rows:44px 57px 44px}.rrbl-letter-wheel button{min-height:44px}.rrbl-letter-wheel input{font-size:34px}.rrbl-word-meta{font-size:10px;gap:12px}.rrbl-word-heading h1{font-size:37px}.rrbl-word-status{font-size:12px}.rrbl-word-attempts{gap:7px}.rrbl-word-attempt{gap:7px}.rrbl-word-attempt>span{font-size:25px}}
@media print{.rrbl-word-active,.rrbl-word-retry,.rrbl-word-help{display:none}}

.rrbl-word-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:26px 0 0}.rrbl-word-actions button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:1px solid var(--word-line);border-radius:0;background:transparent;padding:12px 17px;font:12px/1.6 var(--sans,system-ui);color:var(--word-primary);cursor:pointer}.rrbl-word-actions button:hover{background:#edf3f1;border-color:var(--word-primary)}.rrbl-word-actions button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.rrbl-word-back{display:block;text-align:center;width:fit-content;margin:20px auto 0;font:12px/1.6 var(--sans,system-ui);color:var(--word-primary)}.rrbl-word-share-copy{display:block;box-sizing:border-box;width:100%;min-height:230px;margin-top:20px;padding:16px;border:1px solid var(--word-line);background:#f4f8f6;color:var(--ink,#1f2830);font:13px/1.6 monospace}.rrbl-word-back[hidden],.rrbl-word-share-copy[hidden]{display:none!important}
@media(max-width:400px){.rrbl-word-actions{flex-direction:column}.rrbl-word-actions button{width:100%}}
@media print{.rrbl-word-actions,.rrbl-word-back,.rrbl-word-share-copy{display:none}}

/* Tactile wheels: text selection is disabled only on the controls. */
.rrbl-letter-wheel{grid-template-rows:44px 68px 44px}
.rrbl-letter-wheel button{min-height:44px;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.rrbl-word-letter{display:grid;place-items:center;min-width:0;overflow:hidden;text-align:center;font:400 43px/1 var(--serif,Georgia);color:var(--word-primary);cursor:ns-resize;touch-action:pan-x pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none}
.rrbl-letter-glyph{display:block;pointer-events:none;transform:translateY(var(--letter-drag,0px))}
.rrbl-word-letter:focus-visible{outline:2px solid var(--word-primary);outline-offset:-2px;background:#e5eeea}
.rrbl-word-letter.is-dragging{cursor:grabbing;background:#e5eeea}
.rrbl-word-letter[aria-disabled="true"]{opacity:.5;cursor:default}
.rrbl-word-instructions{text-align:center;font:11px/1.7 var(--sans,system-ui);color:#64777e;max-width:420px;margin:-8px auto 12px}
.rrbl-word-tools{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 24px;margin:0 0 18px}
.rrbl-word-tools button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 2px;border:0;border-bottom:1px solid var(--word-line);border-radius:0;background:transparent;color:var(--word-primary);font:11px/1.6 var(--sans,system-ui);cursor:pointer;touch-action:manipulation}
.rrbl-word-tools button:hover{border-bottom-color:var(--word-primary)}
.rrbl-word-tools svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
[data-word-sound] .rrbl-sound-slash,[data-word-sound][data-muted="true"] .rrbl-sound-waves{display:none}
[data-word-sound][data-muted="true"] .rrbl-sound-slash{display:block}
.rrbl-word-entry-panel{max-width:340px;margin:0 auto 20px}
.rrbl-word-entry-panel label{display:block;font:11px/1.6 var(--sans,system-ui);color:#64777e;margin-bottom:8px}
.rrbl-word-entry-panel input{display:block;width:100%;box-sizing:border-box;border:1px solid var(--word-line);border-radius:0;padding:13px 16px;font:18px/1.5 var(--serif,Georgia);background:#fff;color:var(--word-primary);text-transform:uppercase;box-shadow:none}
.rrbl-word-entry-panel input:focus{outline:2px solid var(--word-primary);outline-offset:2px}
.rrbl-word-entry-panel input::placeholder{text-transform:none;color:#64777e}
.rrbl-word-page .rrbl-word-heading{position:relative;text-align:left;box-sizing:border-box;padding-right:140px;min-height:156px}
.rrbl-word-page .rrbl-word-heading>.rrbl-word-illustration{display:block;position:absolute;right:0;top:0;width:112px;height:140px;pointer-events:none}
.rrbl-word-illustration>svg{display:block;width:100%;height:100%}
@media(max-width:600px){.rrbl-word-page .rrbl-word-heading{padding-right:92px;min-height:132px}.rrbl-word-page .rrbl-word-heading>.rrbl-word-illustration{width:76px;height:100px;top:4px}}
@media(max-width:540px){.rrbl-letter-wheel{grid-template-rows:44px 57px 44px}.rrbl-word-letter{font-size:34px}}
@media(prefers-reduced-motion:reduce){.rrbl-letter-glyph{transform:none}}
@media print{.rrbl-word-tools,.rrbl-word-instructions,.rrbl-word-entry-panel{display:none}}