.feedback-capsule{background:var(--feedback-capsule-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--feedback-capsule-color);color:var(--feedback-capsule-color);font-family:var(--font-display);opacity:var(--feedback-capsule-opacity);transform:var(--feedback-capsule-transform);transition:opacity .2s ease-out, transform var(--motion-spring-fast,.2s) cubic-bezier(.34, 1.56, .64, 1);border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem 1rem;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 5px 10px #0000001a}.feedback-capsule-icon{font-size:15px;line-height:1}.feedback-capsule-message{line-height:1.2}.session-progress-badge{font-family:var(--font-display,system-ui);letter-spacing:.04em;color:var(--session-progress-fg,var(--brown-ink));background:var(--session-progress-bg,#fbf3dc);border:1px solid var(--session-progress-border,rgba(var(--brown-ink-rgb), .25));white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 10px;font-size:14px;font-weight:700;line-height:1;display:inline-block}.session-progress-banner{min-height:18px;font-family:var(--font-display,system-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--session-progress-banner-fg,rgba(var(--brown-ink-rgb), .72));text-align:center;justify-content:center;align-items:center;margin:4px 0 8px;font-size:12.5px;font-weight:700;display:flex}.session-progress-banner--cue{color:var(--session-progress-cue-fg,#2e7d32);animation:1s ease-in forwards session-progress-cue-fade}.session-progress-banner--done{color:var(--session-progress-cue-fg,#2e7d32)}@keyframes session-progress-cue-fade{0%{opacity:0;transform:translateY(-2px)}10%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.session-progress-bar{background:var(--session-progress-bar-track,rgba(var(--brown-ink-rgb), .1));border-radius:999px;width:100%;height:5px;margin-top:4px;overflow:hidden}.session-progress-bar-fill{background:var(--session-progress-bar-fg,var(--game-shell-text,#2d3748));border-radius:999px;height:100%;transition:width .4s ease-out}@media (prefers-reduced-motion:reduce){.session-progress-bar-fill{transition:none}}[data-game-shell]{--game-shell-max-width:min(92vw, 480px);--game-shell-padding:clamp(16px, 3vh, 28px) clamp(20px, 5vw, 32px) clamp(20px, 3.5vh, 32px);--game-shell-padding-tablet:clamp(20px, 3.5vh, 32px) clamp(24px, 4vw, 36px) clamp(24px, 3.5vh, 36px);--game-shell-gap:clamp(8px, 1.5vh, 16px);--game-shell-gap-tablet:clamp(12px, 2vh, 20px);--game-shell-border-radius:28px;--game-shell-height:clamp(620px, 90vh, 920px);--game-shell-surface:#f6edcf;--game-shell-text:#2d3748}[data-game-shell].game-shell{width:100%;max-width:var(--game-shell-max-width);padding:var(--game-shell-padding);gap:var(--game-shell-gap);font-family:var(--font-display);height:var(--game-shell-height);background-color:var(--game-shell-surface);color:var(--game-shell-text);box-sizing:border-box;border:none;border-radius:28px;flex-direction:column;margin:0 auto;scroll-margin-top:88px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000004d,0 8px 16px #0003}@media (width<=743px){[data-game-shell].game-shell{box-shadow:none;background-color:#0000;border-radius:0;height:auto;padding:clamp(6px,1vh,10px) clamp(10px,3vw,14px) clamp(8px,1.5vh,12px)}.game-shell-header>.game-shell-header-meta>.game-shell-progress-pill{display:none}.game-shell-progress-line{gap:8px}.game-shell-progress-pill--inline{flex:none;display:inline-flex}}.game-shell-header{grid-template-columns:1fr auto;align-items:center;gap:8px;margin:0;padding:0;display:grid}.game-shell-title{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--brown-ink);margin:0;font-size:20px;font-weight:800}.game-shell-header-meta{justify-self:end;align-items:center;gap:8px;display:flex}.game-shell-progress-line{align-items:center;gap:10px;display:flex}.game-shell-progress-line .game-shell-progress-bar{flex:auto;min-width:0}.game-shell-progress-pill--inline{display:none}@media (width<=743px){.game-shell-progress-pill--inline{flex:none;display:inline-flex}}.game-shell-pills-row{flex-direction:column;gap:0;margin:0;display:flex}.game-shell-sub-header{justify-content:center;align-items:center;min-height:0;display:flex}.game-shell-sub-header:has(.session-progress-banner--progress){display:none}.game-shell-content{gap:var(--game-shell-gap);flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.game-shell-footer{justify-content:center;align-items:center;margin:0;padding:0;display:flex}@media (width>=720px){.game-shell{padding:var(--game-shell-padding-tablet);gap:var(--game-shell-gap-tablet)}.game-shell-content{gap:var(--game-shell-gap-tablet)}}.diff-pills{box-sizing:border-box;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:6px;width:100%;max-width:460px;margin:4px auto 8px;display:grid}.diff-pill{color:#a93a0f;cursor:pointer;width:100%;font-weight:700;font-family:var(--font-display,system-ui);text-align:center;box-sizing:border-box;background:#ff6b351a;border:1px solid #ff6b3547;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:8px 6px;transition:background .15s,border-color .15s,color .15s;display:flex}.diff-pill:hover{background:#ff6b352e}.diff-pill:focus-visible{outline-offset:2px;outline:2px solid #a93a0f}.diff-pill[aria-selected=true]{color:#fff;background:#a93a0f;border-color:#a93a0f}.diff-pill[aria-selected=true]:hover{background:#a93a0f}.diff-pill--done{color:#1b5e20;background:#4caf501f;border-color:#4caf5073}.diff-pill--done[aria-selected=true]{color:#fff;background:#a93a0f;border-color:#a93a0f}.diff-pill-check{color:#1b5e20;font-weight:900}.diff-pill--done[aria-selected=true] .diff-pill-check{color:#c8e6c9}.diff-pill-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:800;line-height:1.1;overflow:hidden}.diff-pill-sub{color:#8a2f0c;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9px;font-weight:600;line-height:1.1;overflow:hidden}.diff-pill[aria-selected=true] .diff-pill-sub{color:#fff}.diff-pill--done .diff-pill-sub{color:#1b5e20}.diff-pill--done[aria-selected=true] .diff-pill-sub{color:#fff}@media (width<=360px){.diff-pills{gap:5px}.diff-pill{padding:8px 4px}.diff-pill-label{font-size:11px}.diff-pill-sub{letter-spacing:.01em;font-size:8.5px}}@media (width<=364px){.daily-play-stage [data-game-shell] .diff-pills.diff-pills{gap:3px}.daily-play-stage [data-game-shell] .diff-pills .diff-pill{border-radius:10px;padding:4px 2px}.daily-play-stage [data-game-shell] .diff-pills .diff-pill .diff-pill-label{white-space:normal;font-size:9.5px;line-height:1.02}.daily-play-stage [data-game-shell] .diff-pills .diff-pill .diff-pill-sub{letter-spacing:0;white-space:nowrap;font-size:8px;display:block}}@media (width>=720px){.diff-pill-label{font-size:13px}.diff-pill-sub{font-size:10px}}@media (prefers-reduced-motion:reduce){.diff-pill{transition:none}}.ddo-dim{z-index:1000;background:#11182e8c;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out ddo-dim-in;display:flex;position:fixed;inset:0}@keyframes ddo-dim-in{0%{opacity:0}to{opacity:1}}.ddo-modal{background:var(--cream-50);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:360px;padding:28px 24px 22px;animation:.22s cubic-bezier(.16,1,.3,1) ddo-modal-in;display:flex;box-shadow:0 24px 60px #11182e4d,0 8px 18px #11182e29}@keyframes ddo-modal-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.ddo-emoji{margin-bottom:2px;font-size:44px;line-height:1}.ddo-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--navy-900);margin:0;font-size:24px;font-weight:900;line-height:1.1}[data-band=perfect] .ddo-title{color:var(--coral)}[data-band=zero] .ddo-title{color:var(--ink)}.ddo-subtitle{font-family:var(--font-body);color:var(--ink-soft);max-width:280px;margin:0;font-size:14px;line-height:1.4}.ddo-chips{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;width:100%;max-width:280px;margin:8px 0 4px;padding:0;list-style:none;display:grid}.ddo-chip{background:rgba(var(--ink-rgb), .04);border:1px solid var(--line);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 8px;display:flex}.ddo-chip-value{font-family:var(--font-display);color:var(--navy-900);white-space:nowrap;font-size:16px;font-weight:900;line-height:1}.ddo-chip-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-size:9px;font-weight:900;line-height:1}.ddo-cta{background:var(--coral);color:#fff;font-family:var(--font-display);letter-spacing:.01em;cursor:pointer;border:0;border-radius:999px;margin-top:6px;padding:12px 22px;font-size:14px;font-weight:900;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 6px 14px #e76f5138}.ddo-cta:hover{background:var(--coral-deep);transform:translateY(-1px);box-shadow:0 10px 22px #e76f5147}.ddo-cta:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.ddo-close{color:var(--ink-soft);font-family:var(--font-display);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:2px;padding:6px 10px;font-size:12.5px;font-weight:900;text-decoration:underline}.ddo-close:hover{color:var(--navy-900)}.ddo-close:focus-visible{outline:2px solid var(--ink-soft);outline-offset:2px}.game-timer-bar{background:rgba(var(--brown-ink-rgb), .12);border-radius:9999px;width:100%;height:.5rem;overflow:hidden}.game-timer-bar-fill{background:var(--game-timer-fill);width:100%;height:100%;transform:scaleX(var(--game-timer-ratio));transform-origin:0;will-change:transform;transition:background-color var(--motion-spring-fast,.2s) ease-out;border-radius:9999px}.color-blitz-shell{--game-accent:#e53935;--game-shell-max-width:480px}.color-blitz-title{color:#004d40;letter-spacing:.04em}.color-blitz-frame{flex-direction:column;flex:1;gap:clamp(7px,1.15vh,12px);height:100%;min-height:0;display:flex;position:relative}.color-blitz-feedback{pointer-events:none;z-index:5;justify-content:center;align-items:center;height:clamp(28px,4vh,32px);min-height:clamp(28px,4vh,32px);display:flex;overflow:visible}.color-blitz-feedback>*{white-space:normal;max-width:calc(100% - 24px)}.color-blitz-timer{min-height:8px;padding:0 clamp(14px,4vw,22px)}.color-blitz-instruction{--instruction-bg:#f59e0b2e;--instruction-border:#d977064d;--instruction-fg:#92400e;--instruction-icon-bg:#d9770629;background:var(--instruction-bg);border:1px solid var(--instruction-border);box-shadow:0 6px 14px rgba(var(--brown-ink-rgb), .08);color:var(--instruction-fg);font-family:var(--font-display);letter-spacing:.035em;text-align:center;text-transform:uppercase;border-radius:999px;justify-content:center;align-self:stretch;align-items:center;width:auto;max-width:none;min-height:clamp(40px,5.8vh,48px);margin-inline:clamp(10px,3vw,20px);padding:7px clamp(12px,4.2vw,16px);font-size:clamp(13px,3.2vw,16px);font-weight:900;line-height:1.1;display:flex}.color-blitz-instruction.is-tapWordSays{--instruction-bg:#7c3aed2e;--instruction-border:#7c3aed52;--instruction-fg:#6d28d9;--instruction-icon-bg:#7c3aed29}.color-blitz-instruction.is-tapRealColor{--instruction-bg:#0d94882e;--instruction-border:#0d948857;--instruction-fg:#0f766e;--instruction-icon-bg:#0d948829}.color-blitz-instruction.is-dual-rule:not(.is-tapWordSays):not(.is-tapRealColor){--instruction-bg:#f59e0b33;--instruction-border:#d9770661;--instruction-fg:#92400e}.color-blitz-instruction-icon{background:var(--instruction-icon-bg);letter-spacing:0;text-transform:none;border-radius:999px;flex:0 0 clamp(24px,5.6vw,28px);justify-content:center;align-items:center;width:clamp(24px,5.6vw,28px);height:clamp(24px,5.6vw,28px);margin-right:9px;line-height:1;display:inline-flex}.color-blitz-instruction-icon svg{fill:currentColor;width:62%;height:62%;display:block}.color-blitz-instruction-text{min-width:0}.color-blitz-stimulus{box-shadow:0 14px 24px rgba(var(--brown-ink-rgb), .15), inset 0 1px 0 #fffffff2;background:linear-gradient(#fffbf5 0%,#fff 100%);border-radius:22px;flex:.6 auto;justify-content:center;align-items:center;min-height:clamp(112px,18vh,162px);max-height:clamp(140px,22vh,180px);margin-inline:clamp(10px,3vw,20px);padding:18px;display:flex;overflow:hidden}.color-blitz-stimulus span{font-family:var(--font-display);letter-spacing:0;text-align:center;max-width:100%;text-shadow:0 5px 12px rgba(var(--brown-ink-rgb), .16);white-space:nowrap;font-size:clamp(44px,12vw,70px);font-weight:900;line-height:.95}.color-blitz-stimulus span.is-medium{font-size:clamp(42px,11vw,64px)}.color-blitz-stimulus span.is-long{font-size:clamp(38px,10vw,58px)}.color-blitz-stimulus span.is-extra-long{font-size:clamp(30px,6.2vw,40px)}.color-blitz-options{--cb-option-rows:3;--cb-option-row-floor:44px;--cb-option-row-cap:90px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--cb-option-rows), minmax(var(--cb-option-row-floor), var(--cb-option-row-cap)));flex:auto;align-content:end;gap:clamp(8px,1.25vh,10px);min-height:0;padding:0 clamp(14px,3.5vw,16px) clamp(16px,2.4vh,24px);display:grid}.color-blitz-option{background:linear-gradient(180deg, color-mix(in srgb, var(--cb-color) 78%, white 22%) 0%, var(--cb-color) 100%);box-shadow:0 8px 14px color-mix(in srgb, var(--cb-color) 30%, transparent), 0 3px 6px rgba(var(--brown-ink-rgb), .16), inset 0 1px 0 #ffffff6b;color:#fff;font-family:"Arial Rounded MT Bold", "Avenir Next Rounded", var(--font-display), system-ui, sans-serif;letter-spacing:0;text-shadow:0 2px 2px #0000004d,0 1px #00000029;text-transform:none;border:0;border-radius:16px;justify-content:center;align-items:center;height:100%;min-height:0;padding:clamp(6px,1vh,8px) 10px;font-size:clamp(20px,2.75vh,23px);font-weight:1000;transition:transform .16s,filter .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.color-blitz-option:before,.color-blitz-option:after{content:"";pointer-events:none;z-index:1;border-radius:16px;position:absolute;inset:1px}.color-blitz-option:before{border:2px solid #ffffff80;mask-image:linear-gradient(#000 0%,#0000008c 34%,#0000 62%)}.color-blitz-option:after{border:1.5px solid #0003;mask-image:linear-gradient(#0000 18%,#0006 64%,#000 100%)}.color-blitz-options .color-blitz-option:last-child:nth-child(odd){grid-column:1/-1}.color-blitz-options.is-rows-2{--cb-option-row-min:clamp(70px, 11vh, 90px)}.color-blitz-options.is-rows-3{--cb-option-row-min:clamp(64px, 10vh, 90px)}.color-blitz-options.is-rows-4{--cb-option-row-min:clamp(58px, 9vh, 90px)}@media (width>=1800px) and (height>=1000px){.color-blitz-frame{gap:clamp(8px,.9vh,12px)}.color-blitz-options{flex:0 auto}.color-blitz-options.is-rows-2{height:min(21svh,190px)}.color-blitz-options.is-rows-3{height:min(29svh,280px)}.color-blitz-options.is-rows-4{height:min(36svh,360px)}}.color-blitz-option:not(:disabled):active,.color-blitz-option.is-selected{transform:scale(.95)}.color-blitz-option.is-selected-correct{transform:scale(1.08)}.color-blitz-option:disabled{cursor:default}.color-blitz-option.is-correct{box-shadow:0 0 0 4px #ffffffe0, 0 0 18px #ffffff9e, 0 10px 15px color-mix(in srgb, var(--cb-color) 32%, transparent)}.color-blitz-option.is-wrong{filter:saturate(.6)brightness(.86)}.color-blitz-option.is-dim{box-shadow:0 4px 8px color-mix(in srgb, var(--cb-color) 10%, transparent), 0 2px 5px rgba(var(--brown-ink-rgb), .08);opacity:.3}.color-blitz-swatch{display:none}.color-blitz-option-label,.color-blitz-result-glyph{z-index:2;position:relative}.color-blitz-result-glyph{text-shadow:0 3px 5px #0000007a;z-index:3;justify-content:center;align-items:center;font-size:clamp(30px,8vw,40px);font-weight:1000;line-height:1;display:flex;position:absolute;inset:0}.color-blitz-option.is-selected .color-blitz-option-label,.color-blitz-option.is-selected-correct .color-blitz-option-label{opacity:.18}@media (height<=760px){.color-blitz-frame{gap:6px}.color-blitz-feedback{height:28px;min-height:28px}.color-blitz-instruction{letter-spacing:.025em;min-height:36px;padding:6px 12px;font-size:12px}.color-blitz-instruction-icon{flex-basis:22px;width:22px;height:22px;margin-right:7px}.color-blitz-stimulus{min-height:88px}.color-blitz-option{min-height:0}}@media (width<=410px){.color-blitz-stimulus span{font-size:clamp(40px,12vw,58px)}.color-blitz-stimulus span.is-medium{font-size:clamp(38px,11vw,54px)}.color-blitz-stimulus span.is-long{font-size:clamp(34px,10vw,50px)}.color-blitz-stimulus span.is-extra-long{font-size:clamp(27px,7vw,35px)}.color-blitz-option{font-size:clamp(18px,5vw,21px)}}@media (width<=743px){[data-color-blitz] .game-shell-content{justify-content:flex-start}.color-blitz-frame{gap:clamp(6px,1vh,10px);max-height:calc(100svh - 273px)}.color-blitz-feedback{height:28px;min-height:28px}.color-blitz-stimulus{border-radius:20px;min-height:clamp(84px,11svh,124px);padding:12px 14px}.color-blitz-stimulus span{font-size:clamp(40px,12vw,58px)}.color-blitz-stimulus span.is-medium{font-size:clamp(38px,11vw,54px)}.color-blitz-stimulus span.is-long{font-size:clamp(34px,10vw,50px)}.color-blitz-stimulus span.is-extra-long{font-size:clamp(27px,7vw,35px)}.color-blitz-instruction{min-height:clamp(36px,4.6vh,44px);padding-block:6px;font-size:clamp(12px,3.1vw,15px)}.color-blitz-options{flex:auto;gap:clamp(8px,1.15vh,10px);padding-inline:16px}.color-blitz-option{min-height:0}.color-blitz-options.is-rows-2{--cb-option-row-min:clamp(64px, 10svh, 90px)}.color-blitz-options.is-rows-3{--cb-option-row-min:clamp(60px, 9.5svh, 90px)}.color-blitz-options.is-rows-4{--cb-option-row-min:clamp(56px, 8.8svh, 90px)}}
