:root{--ink:#34454a;--ivory:#fff9ef;--paper:#fff;--muted:#66757a;--line:#e6dccb;--correct:#4fa66a;--prompt:#4c9f9b;--gold:#e8b94f;--pad:max(16px, 2.4vmin)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--ivory);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;font-family:Nunito,ui-rounded,Avenir Next,system-ui,sans-serif}button{font:inherit;color:inherit;-webkit-touch-callout:none}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.fi-screen{padding:max(var(--pad), env(safe-area-inset-top)) max(var(--pad), env(safe-area-inset-right)) max(var(--pad), env(safe-area-inset-bottom)) max(var(--pad), env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 18%, var(--glow) 0 30%, transparent 70%), var(--ivory);touch-action:none;grid-template-rows:auto auto minmax(0,1fr) auto;justify-items:center;display:grid;position:fixed;inset:0}.fi-adult{width:100%;color:var(--adult-text);font-size:var(--adult-count);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex}.fi-adult-left,.fi-adult-right{align-items:center;gap:12px;display:flex}.fi-count{font-variant-numeric:tabular-nums;gap:14px;margin:0;display:flex}.fi-count strong{font-weight:800}.fi-adult-button{min-height:var(--adult-h);min-width:var(--adult-w);padding:8px var(--adult-pad-x);border:1.5px solid var(--line);background:var(--control-fill);color:var(--adult-text);font-size:var(--adult-font);white-space:nowrap;cursor:pointer;touch-action:manipulation;border-radius:12px;font-weight:700;position:relative;overflow:hidden}.fi-adult-button:disabled{opacity:.45}.fi-level{white-space:normal;overflow-wrap:anywhere;min-width:0}.fi-level strong{color:var(--ink);font-weight:800}@media (orientation:landscape) and (height<=500px){.fi-screen{--pad:10px}.fi-screen .fi-adult{flex-wrap:nowrap;gap:8px}.fi-screen .fi-adult-left{flex-wrap:nowrap;flex:auto;gap:8px;min-width:0}.fi-screen .fi-adult-right{flex:none;gap:8px}.fi-screen .fi-count{white-space:nowrap;gap:10px}.fi-screen .fi-adult-button{padding:8px 10px;font-size:13px}.fi-screen .fi-level{flex:1 1 0;font-size:13px;line-height:1.15}}@media (orientation:portrait) and (width<=540px) and (height<=640px),(orientation:landscape) and (height<=500px){.fi-screen{--pad:10px}.fi-screen .fi-listen{margin:4px 0}.fi-screen .fi-say{width:56px;height:56px;box-shadow:0 5px 0 var(--prompt-deep)}.fi-screen .fi-progress{margin-top:14px}}@media (width<=540px),(width>=541px) and (width<=1024px) and (height>=600px) and (orientation:portrait){.fi-screen .fi-adult,.fi-screen .fi-adult-left{gap:8px}.fi-screen .fi-adult-right{gap:8px;margin-left:auto}.fi-screen .fi-count{white-space:nowrap;gap:10px}}.fi-listen{justify-content:center;margin:clamp(10px,2vmin,20px) 0 clamp(6px,1.4vmin,14px);display:flex}.fi-say{background:var(--prompt);box-shadow:0 7px 0 var(--prompt-deep);color:#fff;cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;justify-content:center;align-items:center;gap:14px;width:clamp(72px,11vmin,104px);height:clamp(72px,11vmin,104px);display:inline-flex}.fi-say:active{box-shadow:0 2px 0 var(--prompt-deep);transform:translateY(5px)}.fi-say:focus-visible{outline:6px solid var(--gold-ring);outline-offset:6px}.fi-speaker{fill:#fff;stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;width:52%;max-width:52px;height:auto}.fi-array{width:100%;height:100%;position:relative}.fi-choice{padding:calc(var(--size) * .06);border:4px solid var(--card-line);background:var(--paper);box-shadow:0 8px 0 var(--card-ledge), 0 12px 22px var(--drop);cursor:pointer;touch-action:none;border-radius:14%;outline:none;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:stretch stretch;margin:0;transition:transform .11s cubic-bezier(.2,.8,.2,1),box-shadow .11s,opacity .2s,border-color .15s;display:grid;position:absolute}.fi-choice img{object-fit:contain;pointer-events:none;width:100%;height:100%;min-height:0;display:block}.fi-choice[data-pressed=true]{box-shadow:0 3px 0 var(--card-ledge), 0 6px 12px var(--drop);transform:translateY(6px)scale(.96)}.fi-choice:focus-visible{outline:6px solid var(--gold-ring);outline-offset:6px}.fi-choice[data-state=correct]{z-index:1;border-color:var(--correct);box-shadow:0 0 0 8px #4fa66a47, 0 8px 0 var(--correct-ledge);animation:.52s cubic-bezier(.3,1.6,.5,1) fi-bounce}.fi-choice[data-state=wrong]{opacity:.4;animation:.42s ease-in-out fi-shake}.fi-screen[data-phase=prompt] .fi-choice[data-state=wrong],.fi-screen[data-phase=prompt] .fi-choice[data-state=idle]{opacity:.4}.fi-choice[data-state=prompt]{z-index:1;border-color:var(--prompt);animation:1.1s ease-in-out infinite fi-pulse}.fi-burst{pointer-events:none;width:36%;animation:.6s cubic-bezier(.3,1.6,.5,1) both fi-pop;position:absolute;top:-12%;right:-10%}.fi-star{width:100%;height:auto;display:block}.fi-star path{fill:var(--gold);stroke:var(--ink);stroke-width:6px;stroke-linejoin:round}.fi-progress{gap:10px;margin:calc(8px + clamp(10px,2vmin,20px)) 0 0;display:flex}.fi-progress span{background:var(--track);border-radius:50%;width:14px;height:14px;transition:background .2s}.fi-progress span[data-filled=true]{background:var(--gold)}.fi-done{text-align:center;flex-direction:column;grid-row:2/-1;justify-content:center;align-items:center;display:flex}.fi-stars{gap:clamp(8px,2vmin,20px);margin-bottom:clamp(8px,2vmin,20px);display:flex}.fi-stars .fi-star{width:clamp(80px,14vmin,150px);animation:.6s cubic-bezier(.3,1.6,.5,1) both fi-pop}.fi-stars .fi-star:nth-child(2){width:clamp(100px,18vmin,190px);animation-delay:.12s}.fi-stars .fi-star:nth-child(3){animation-delay:.24s}.fi-done h1{margin:0;font-size:clamp(56px,10vmin,110px);font-weight:800;line-height:1.05}.fi-round-score{color:var(--muted);margin:10px 0 clamp(20px,4vmin,40px);font-size:18px;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fi-log-backdrop{z-index:10;background:var(--backdrop);touch-action:none;justify-content:flex-end;display:flex;position:fixed;inset:0}.fi-log{width:min(460px,100vw);height:100%;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) 20px;background:var(--paper);flex-direction:column;animation:.18s ease-out fi-slide-in;display:flex;box-shadow:-10px 0 30px #34454a29}.fi-log-header{border-bottom:1.5px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.fi-log-header h2{margin:0;font-size:26px;font-weight:800}.fi-log-header p{color:var(--muted);margin:4px 0 0;font-size:15px;font-weight:700}.fi-log-empty{color:var(--muted);text-align:center;margin:28px 0;font-size:17px;font-weight:700}.fi-log-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.fi-log-row{border-bottom:1px solid var(--row-line);grid-template-columns:28px 48px 1fr auto;grid-template-areas:"number picture word result""number picture meta meta";align-items:center;column-gap:12px;padding:12px 4px;display:grid}.fi-log-number{color:var(--muted);text-align:right;grid-area:number;font-size:14px;font-weight:700}.fi-log-row img{background:var(--ivory);object-fit:contain;border-radius:10px;grid-area:picture;width:48px;height:48px}.fi-log-word{grid-area:word;font-size:20px;font-weight:800}.fi-log-result{flex-direction:column;grid-area:result;align-items:flex-end;font-size:16px;font-weight:800;display:flex}.fi-log-result small{color:var(--muted);font-size:13px;font-weight:700}.fi-log-row[data-result=correct] .fi-log-result{color:var(--text-correct)}.fi-log-row[data-result=incorrect] .fi-log-result{color:var(--text-incorrect)}.fi-log-row[data-result=skipped] .fi-log-result{color:var(--muted)}.fi-log-meta{color:var(--muted);grid-area:meta;font-size:13px;font-weight:600}@media (width<=760px){.fi-adult-left{flex-wrap:wrap;min-width:0;max-width:100%}.fi-adult-button{padding:8px 10px;font-size:13px}}@media (orientation:landscape) and (height<=500px){.fi-done{grid-auto-flow:dense;touch-action:pan-y;grid-template-columns:repeat(2,minmax(0,auto));align-content:safe center;place-items:center;column-gap:clamp(24px,6vw,64px);width:100%;min-height:0;padding-block:4px;display:grid;overflow-y:auto}.fi-done>*{grid-column:2}.fi-done>:is(.fi-stars,h1,.fi-round-score){grid-column:1}.fi-done>.rp-list{order:1;grid-column:1/-1;margin-top:12px}.fi-stars .fi-star{width:56px}.fi-stars .fi-star:nth-child(2){width:72px}.fi-done h1{font-size:44px}.fi-round-score{margin:6px 0 0;font-size:16px}}@keyframes fi-bounce{0%{transform:scale(1)}40%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes fi-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@keyframes fi-pulse{0%,to{box-shadow:0 0 0 0 #4c9f9b59, 0 8px 0 var(--prompt-ledge);transform:scale(1)}50%{box-shadow:0 0 0 14px #4c9f9b33, 0 8px 0 var(--prompt-ledge);transform:scale(1.04)}}@keyframes fi-pop{0%{opacity:0;transform:scale(.3)rotate(-20deg)}to{opacity:1;transform:none}}@keyframes fi-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.fi-choice,.fi-choice[data-state],.fi-burst,.fi-stars .fi-star,.fi-log{transition:none;animation:none!important}.fi-choice[data-state=prompt]{box-shadow:0 0 0 10px #4c9f9b47, 0 8px 0 var(--prompt-ledge)}}.mi-screen{--mi-side:30vmin;--mi-nudge-x:0px;--mi-nudge-y:14px}.mi-sample{border:3px solid var(--prompt);background:var(--prompt-wash);box-shadow:0 8px 0 var(--prompt-ledge);border-radius:clamp(34px,5vmin,54px);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:clamp(10px,1.6vmin,16px);margin:clamp(2px,.6vmin,6px) 0 clamp(10px,2vmin,20px);padding:clamp(6px,1vmin,10px) clamp(12px,2vmin,20px) clamp(14px,2vmin,20px);display:grid}.mi-sample-button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:clamp(28px,4vmin,44px);margin:0;padding:0;display:block}.mi-sample-button:focus-visible{outline:6px solid var(--gold-ring);outline-offset:6px}.mi-sample:after{content:""}.mi-sample>.mi-hint{justify-self:end}.mi-sample-cue{border-radius:inherit;display:block}.mi-sample-cue[data-cue=nudge]{animation:.82s cubic-bezier(.4,0,.3,1) .4s 2 mi-nudge}.mi-sample-cue[data-cue=grow]{animation:.76s ease-in-out .4s 2 mi-grow}@keyframes mi-nudge{0%,to{transform:translate(0)}45%{transform:translate(var(--mi-nudge-x), var(--mi-nudge-y))}}@keyframes mi-grow{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.mi-sample img{width:var(--mi-fit,clamp(130px, var(--mi-side), max(320px, var(--fill) * var(--fill-sample) * var(--fill-play-h))));height:var(--mi-fit,clamp(130px, var(--mi-side), max(320px, var(--fill) * var(--fill-sample) * var(--fill-play-h))));border:4px solid var(--panel-line);background:var(--paper);box-shadow:0 8px 0 var(--panel-ledge);object-fit:contain;border-radius:clamp(28px,4vmin,44px);padding:clamp(6px,.9vmin,10px);animation:.24s ease-out aba-rise-in;display:block}.mi-sample-button:active img{box-shadow:0 4px 0 var(--panel-ledge);transform:translateY(4px)}.mi-sample-button[data-draggable=true]{z-index:3;cursor:grab;touch-action:none;transition:translate .24s cubic-bezier(.2,.8,.2,1),scale .16s;position:relative}.mi-sample-button[data-dragging=true]{cursor:grabbing;transition:scale .16s}.mi-sample-button[data-dragging=true] img{box-shadow:0 14px 0 var(--panel-ledge), 0 22px 36px var(--drop)}.mi-sample-button[data-dragging=true][data-over=true] img{box-shadow:0 6px 0 var(--panel-ledge), 0 10px 18px var(--drop)}.mi-sample-button[data-flying=true]{pointer-events:none;transition:translate .32s cubic-bezier(.3,.9,.4,1),scale .32s}.mi-screen .fi-choice[data-over=true]{border-color:var(--prompt);box-shadow:0 0 0 10px #4c9f9b4d, 0 8px 0 var(--card-ledge), 0 12px 22px var(--drop)}.mi-hint{color:var(--ink);margin:0;font-size:clamp(20px,2.8vmin,28px);font-weight:800;line-height:1.1}@media (aspect-ratio>=5/4){.mi-screen{--mi-side:min(42vh, 26vw)}.mi-screen[data-scatter=true]{--mi-side:min(34vh, 20vw)}.mi-sample img{width:var(--mi-fit,clamp(130px, var(--mi-side), max(380px, var(--fill) * var(--fill-sample) * var(--fill-play-h))));height:var(--mi-fit,clamp(130px, var(--mi-side), max(380px, var(--fill) * var(--fill-sample) * var(--fill-play-h))))}}.mi-screen[data-stage=beside]{--mi-nudge-x:18px;--mi-nudge-y:0px;column-gap:calc(var(--pad) * 1.5);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr)}.mi-screen[data-stage=beside]>.fi-adult,.mi-screen[data-stage=beside]>.fi-progress,.mi-screen[data-stage=beside]>.fi-done{grid-column:1/-1}.mi-screen[data-stage=beside] .mi-sample{flex-direction:column;grid-area:2/1;align-self:center;gap:clamp(6px,1vmin,10px);margin:0;padding:clamp(6px,1.2vmin,12px) clamp(10px,1.6vmin,16px) clamp(12px,1.8vmin,18px);display:flex}.mi-screen[data-stage=beside] .mi-sample:after{display:none}.mi-screen[data-stage=beside]>.fi-array{grid-area:2/2}@media (prefers-reduced-motion:reduce){.mi-sample img,.mi-sample-cue[data-cue]{animation:none}.mi-sample-button[data-draggable=true],.mi-sample-button[data-flying=true]{transition:none}}.si-screen{grid-template-rows:auto minmax(0,1fr) auto}.si-stage{--si-gap:max(var(--fill) * var(--fill-gap), clamp(12px, 2vmin, 20px));--si-cap:max(300px, var(--fill) * var(--fill-picture) * var(--fill-play-h));gap:var(--si-gap);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,38fr) minmax(0,24fr) minmax(0,38fr);width:100%;min-height:0;padding-top:clamp(6px,1.2vmin,12px);display:grid}.si-bins{display:contents}.si-item-area{grid-area:1/2}.si-bin[data-slot="0"]{grid-area:1/1}.si-bin[data-slot="1"]{grid-area:1/3}.si-screen[data-bins="3"] .si-stage{grid-template-rows:minmax(0,34fr) minmax(0,66fr);grid-template-columns:repeat(3,minmax(0,1fr))}.si-screen[data-bins="3"] .si-item-area{grid-area:1/1/auto/-1}.si-screen[data-at-once="1"][data-bins="3"] .si-item-area{position:relative}.si-screen[data-at-once="1"][data-bins="3"] .si-row{--size:clamp(44px, min(100cqw - 144px, 100cqh - 8px), var(--si-cap))}.si-screen[data-at-once="1"][data-bins="3"] .si-item-area .mi-hint{top:50%;left:calc(50% + clamp(44px, min(100cqw - 144px, 100cqh - 8px), var(--si-cap)) / 2 + 16px);position:absolute;translate:0 -50%}.si-screen[data-bins="3"] .si-bin{grid-row:2}.si-screen[data-bins="3"] .si-bin[data-slot="1"]{grid-column:2}.si-screen[data-bins="3"] .si-bin[data-slot="2"]{grid-column:3}.si-screen[data-at-once="5"] .si-stage{grid-template-rows:minmax(0,62fr) minmax(0,38fr);grid-template-columns:repeat(2,minmax(0,1fr))}.si-screen[data-at-once="5"][data-bins="3"] .si-stage{grid-template-columns:repeat(3,minmax(0,1fr))}.si-screen[data-at-once="5"] .si-item-area{grid-area:2/1/auto/-1}.si-screen[data-at-once="5"] .si-bin{grid-row:1}.si-screen[data-at-once="5"] .si-bin[data-slot="1"]{grid-column:2}.si-item-area{background:color-mix(in srgb, var(--track) 45%, transparent);border-radius:clamp(22px,3.2vmin,36px);flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,1.4vmin,16px);min-width:0;min-height:0;padding:12px 4px;display:flex;container-type:size}.si-row{--size:clamp(44px, min(100cqw, 100cqh - 44px), var(--si-cap));justify-content:center;gap:clamp(8px,2vmin,24px);display:flex}.si-slot{width:var(--size);height:var(--size)}.si-item{z-index:2;width:var(--size);height:var(--size);padding:calc(var(--size) * .06);border:4px solid var(--card-line);background:var(--paper);box-shadow:0 8px 0 var(--card-ledge), 0 12px 22px var(--drop);cursor:grab;touch-action:none;border-radius:14%;flex-shrink:0;transition:translate .24s cubic-bezier(.2,.8,.2,1),scale .16s,box-shadow .16s;animation:.24s ease-out aba-rise-in;position:relative}.si-item[data-draggable=false]{cursor:default;touch-action:auto}.si-item img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.si-item[data-dragging=true]{cursor:grabbing;box-shadow:0 14px 0 var(--card-ledge), 0 22px 36px var(--drop);transition:scale .16s,box-shadow .16s;scale:1.05}.si-item[data-dragging=true][data-over=true]{box-shadow:0 6px 0 var(--card-ledge), 0 10px 18px var(--drop);scale:.97}.si-item[data-flying=true]{opacity:0;transition:translate .38s cubic-bezier(.3,.9,.4,1),scale .38s cubic-bezier(.3,.9,.4,1),opacity .2s ease-in .3s}.si-bin{border:4px solid var(--panel-line);background:var(--paper);min-width:0;min-height:0;box-shadow:0 8px 0 var(--panel-ledge);color:var(--ink);font:inherit;cursor:pointer;touch-action:none;border-radius:clamp(24px,3.6vmin,40px);outline:none;flex-direction:column;align-items:center;gap:clamp(6px,1.2vmin,14px);padding:clamp(12px,1.8vmin,24px);transition:box-shadow .11s,border-color .15s,opacity .2s,scale .15s;display:flex;position:relative;container:si-mat/size}.si-mat-button{border-radius:inherit;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;padding:0;position:absolute;inset:0}.si-name{--say:clamp(44px, 11cqw, 60px);flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(8px,2.4cqw,14px);max-width:100%;display:flex}.si-say{z-index:1;width:var(--say);height:var(--say);background:var(--prompt);box-shadow:0 6px 0 var(--prompt-deep);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;flex:none;place-items:center;padding:0;transition:transform .11s cubic-bezier(.2,.8,.2,1),box-shadow .11s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.si-say svg{fill:#fff;stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;width:54%;height:auto}.si-say:active{box-shadow:0 2px 0 var(--prompt-deep);transform:translateY(4px)}.si-say[data-saying=true]{box-shadow:0 6px 0 var(--prompt-deep), 0 0 0 6px var(--prompt-wash)}.si-say:focus-visible{outline:6px solid var(--gold-ring);outline-offset:4px}.si-head{align-items:center;gap:inherit;flex-direction:column;flex-shrink:0;max-width:100%;display:flex}.si-example{--example:min(220px, 30cqh, max(46cqw, min(100cqw, 72px)));width:var(--example);height:var(--example);padding:calc(var(--example) * .06);border:4px solid var(--card-line);background:var(--paper);border-radius:16%;flex-shrink:0;display:block}.si-example img,.si-plates img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.si-label{text-align:center;overflow-wrap:anywhere;min-width:0;font-size:clamp(15px,7cqw,34px);font-weight:800;line-height:1.15}.si-screen[data-labels=words] .si-label{font-size:clamp(20px,min(13cqw,12cqh),64px)}@container si-mat (aspect-ratio>=13/10) and (height<=360px){.si-screen[data-labels=pictures] .si-head{flex-direction:row;align-self:stretch}.si-screen[data-labels=pictures] .si-example{--example:min(220px, 50cqh, 30cqw)}.si-screen[data-labels=pictures] .si-label{text-align:left;font-size:clamp(15px,10cqh,30px)}.si-screen[data-labels=pictures] .si-name{--say:clamp(44px, 22cqh, 56px);flex-wrap:nowrap;justify-content:flex-start}}.si-pile{flex:1 1 0;align-self:stretch;min-height:0;container:si-inside/size}.si-plates{--gap:12px;--plate:max(20px, min(100px, (100cqw - 2 * var(--gap)) / 3, (100cqh - (var(--rows) - 1) * var(--gap)) / var(--rows)));grid-template-columns:repeat(3, var(--plate));grid-auto-rows:var(--plate);gap:var(--gap);place-content:start center;display:grid}@container si-inside (aspect-ratio<=2/3){.si-plates{--plate:max(20px, min(100px, (100cqw - var(--gap)) / 2, (100cqh - (var(--rows2) - 1) * var(--gap)) / var(--rows2)));grid-template-columns:repeat(2, var(--plate))}}@container si-inside (aspect-ratio>=5/2){.si-plates{--plate:max(20px, min(100px, (100cqw - 5 * var(--gap)) / 6, (100cqh - (var(--rows6) - 1) * var(--gap)) / var(--rows6)));grid-template-columns:repeat(6, var(--plate))}}.si-plates img{border:3px solid var(--card-line);background:var(--paper);box-shadow:0 4px 0 var(--card-ledge);border-radius:14%;padding:6%;animation:.32s cubic-bezier(.3,1.6,.5,1) .18s both fi-pop}.si-spot{visibility:hidden}.si-bin:has(>.si-mat-button:focus-visible){outline:6px solid var(--gold-ring);outline-offset:6px}.si-bin[data-over=true]{border-color:var(--prompt);box-shadow:0 0 0 10px #4c9f9b4d, 0 8px 0 var(--panel-ledge);scale:1.02}.si-bin[data-state=correct]{border-color:var(--correct);box-shadow:0 0 0 8px #4fa66a47, 0 8px 0 var(--correct-ledge)}.si-bin[data-state=wrong]{animation:.42s ease-in-out fi-shake}.si-screen[data-phase=prompt] .si-bin[data-state=wrong],.si-screen[data-phase=prompt] .si-bin[data-state=idle]{opacity:.45}.si-bin[data-state=prompt]{border-color:var(--prompt);animation:1.1s ease-in-out infinite si-mat-pulse}@keyframes si-mat-pulse{0%,to{box-shadow:0 0 0 0 #4c9f9b59, 0 8px 0 var(--prompt-ledge)}50%{box-shadow:0 0 0 14px #4c9f9b33, 0 8px 0 var(--prompt-ledge)}}.si-bin .fi-burst{width:clamp(48px,8vmin,80px);top:-24px;right:-16px}.si-screen[data-at-once="5"] .si-item-area{justify-content:flex-end;padding:12px 12px 24px}.si-screen[data-at-once="5"] .si-row{--size:clamp(44px, min((100cqw - 4 * clamp(8px, 2vmin, 24px)) / 5, 100cqh - 48px), max(200px, var(--fill) * var(--fill-picture) * var(--fill-play-h)));align-items:end;padding-top:12px}.si-screen[data-at-once="5"] .si-item{cursor:pointer;outline:none}.si-screen[data-at-once="5"] .si-item[data-current=true]{border-color:var(--selected-line);box-shadow:0 12px 0 var(--card-ledge), 0 18px 28px var(--drop);transform:translateY(-12px)}.si-screen[data-at-once="5"] .si-item[data-current=false]{scale:.92}.si-screen[data-at-once="5"] .si-item:focus-visible{outline:6px solid var(--gold-ring);outline-offset:6px}.si-screen[data-at-once="5"]:is([data-phase=wrong],[data-phase=prompt]) .si-item[data-current=false]{opacity:.45}@media (prefers-reduced-motion:reduce){.si-item,.si-item[data-flying=true],.si-plates img,.si-bin,.si-say{transition:none;animation:none}.si-bin[data-over=true]{scale:1}.si-bin[data-state=prompt]{box-shadow:0 0 0 10px #4c9f9b47, 0 8px 0 var(--prompt-ledge)}}@media (orientation:landscape) and (height<=500px){.si-screen{--pad:10px}.si-screen .fi-progress{gap:8px;margin-top:12px}.si-screen .fi-progress span{width:10px;height:10px}.si-stage{--si-gap:10px;padding-top:4px}.si-item-area{border-radius:20px;gap:12px;padding:6px 2px}.si-item-area .mi-hint{text-align:center;font-size:13px;line-height:1.2}.si-row{--size:clamp(44px, min(100cqw, 100cqh - 40px), var(--si-cap))}.si-bin{border-radius:20px;gap:4px;padding:8px}.si-name{--say:44px;flex-wrap:nowrap;gap:6px}.si-name .si-label{min-width:0}.si-example{--example:min(220px, 22cqh, max(46cqw, min(100cqw, 72px)))}@container si-mat (aspect-ratio>=13/10) and (height<=360px){.si-screen[data-labels=pictures] .si-example{--example:min(220px, 42cqh, 30cqw)}}.si-say{box-shadow:0 4px 0 var(--prompt-deep)}.si-bin .fi-burst{width:44px;top:-14px;right:-10px}.si-plates{--gap:6px}.si-screen[data-at-once="1"][data-bins="3"] .si-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,24fr) repeat(3,minmax(0,25.33fr))}.si-screen[data-at-once="1"][data-bins="3"] .si-item-area{grid-area:1/1}.si-screen[data-at-once="1"][data-bins="3"] .si-row{--size:clamp(44px, min(100cqw, 100cqh - 40px), var(--si-cap))}.si-screen[data-at-once="1"][data-bins="3"] .si-item-area .mi-hint{position:static;translate:none}.si-screen[data-at-once="1"][data-bins="3"] .si-bin{grid-row:1}.si-screen[data-at-once="1"][data-bins="3"] .si-bin[data-slot="0"]{grid-column:2}.si-screen[data-at-once="1"][data-bins="3"] .si-bin[data-slot="1"]{grid-column:3}.si-screen[data-at-once="1"][data-bins="3"] .si-bin[data-slot="2"]{grid-column:4}.si-screen[data-at-once="5"] .si-stage{grid-template-rows:minmax(0,54fr) minmax(0,46fr)}.si-screen[data-at-once="5"] .si-item-area{padding:4px 6px 8px}.si-screen[data-at-once="5"] .si-item-area .mi-hint{display:none}.si-screen[data-at-once="5"] .si-row{--size:clamp(44px, min((100cqw - 32px) / 5, 100cqh - 16px), 96px);padding-top:6px}.si-screen[data-at-once="5"] .si-item[data-current=true]{transform:translateY(-6px)}}@media (width<=540px){.si-stage{--si-gap:10px}.si-bin{gap:6px;padding:10px}.si-plates{--gap:8px}.si-screen[data-at-once="1"][data-bins="2"] .si-stage{grid-template-rows:minmax(0,20fr) minmax(0,40fr) minmax(0,40fr);grid-template-columns:minmax(0,1fr)}.si-screen[data-at-once="1"][data-bins="2"] .si-item-area{grid-area:1/1;padding:6px 4px}.si-screen[data-at-once="1"][data-bins="2"] .si-item-area .mi-hint{display:none}.si-screen[data-at-once="1"][data-bins="2"] .si-row{--size:clamp(44px, min(100cqw, 100cqh - 8px), var(--si-cap))}.si-screen[data-at-once="1"][data-bins="2"] .si-bin[data-slot="0"]{grid-area:2/1}.si-screen[data-at-once="1"][data-bins="2"] .si-bin[data-slot="1"]{grid-area:3/1}.si-screen[data-at-once="1"][data-bins="3"] .si-stage{grid-template-rows:minmax(0,26fr) minmax(0,74fr)}.si-screen[data-at-once="5"] .si-item-area{padding:8px 6px 16px}}.si-categories-count{font-weight:700}.si-categories{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.si-categories button{border:2px solid var(--card-line);background:var(--paper);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:12px;padding:4px 14px;font-size:16px;font-weight:800}.si-categories button[aria-pressed=true]{border-color:var(--prompt);background:var(--prompt-wash);box-shadow:inset 0 0 0 2px var(--prompt);color:var(--prompt-text)}.si-categories button:focus-visible{outline:6px solid var(--gold-ring);outline-offset:4px}