.ilMBYa_deck{border-radius:calc(var(--radius-card) * 1.4);background:linear-gradient(to bottom, color-mix(in srgb, var(--color-film-2), white 4%) 0, var(--color-film) 42%), var(--color-film);box-shadow:var(--shadow-film), inset 0 .0625rem 0 var(--color-film-rule);color:var(--color-film-text);--color-context:var(--color-film);flex-direction:column;gap:clamp(1rem,2.5vw,1.5rem);padding:clamp(1rem,3vw,2rem);transition:box-shadow .25s;display:flex;position:relative}.ilMBYa_deck[data-over]{box-shadow:var(--shadow-float), 0 0 0 .25rem var(--color-signal)}.ilMBYa_display{border-radius:var(--radius);background-color:var(--color-film-screen);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.625rem .875rem;display:flex;box-shadow:inset 0 .125rem .5rem #000000b3}.ilMBYa_counter{color:var(--color-film-accent);font-size:clamp(1.125rem,2.6vw,1.5rem);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;letter-spacing:.04em}.ilMBYa_status{min-width:0;color:var(--color-film-muted);font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;flex:10rem}.ilMBYa_rec{color:var(--color-film-muted);font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:.1em;align-items:center;gap:.375rem;display:inline-flex}.ilMBYa_rec>span{background-color:color-mix(in srgb, var(--color-film-rec), transparent 70%);border-radius:50%;width:.625rem;height:.625rem}.ilMBYa_rec[data-on]{color:var(--color-film-rec)}.ilMBYa_rec[data-on]>span{background-color:var(--color-film-rec);box-shadow:0 0 .5rem var(--color-film-rec)}.ilMBYa_transport{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"left right""head head";align-items:center;gap:1rem clamp(1rem,3vw,2rem);display:grid;position:relative}.ilMBYa_transport:before{content:"";background-color:var(--color-tape);border-radius:.125rem;height:.1875rem;position:absolute;top:38%;left:22%;right:22%}@media (min-width:45em){.ilMBYa_transport:before{inset:auto 10% 16%}}@media (min-width:45em){.ilMBYa_transport{grid-template-columns:minmax(7rem,13rem) minmax(0,1fr) minmax(7rem,13rem);grid-template-areas:"left head right"}}.ilMBYa_reel{justify-self:center;width:100%;max-width:8.5rem;position:relative}.ilMBYa_reel[data-side=left]{grid-area:left}.ilMBYa_reel[data-side=right]{grid-area:right}@media (min-width:45em){.ilMBYa_reel{max-width:13rem}}.ilMBYa_head{z-index:1;border-radius:var(--radius-card);background-color:var(--color-film-2);min-width:0;box-shadow:inset 0 .0625rem 0 var(--color-film-rule), 0 .375rem 1rem #0006;text-align:center;flex-direction:column;grid-area:head;align-items:center;gap:.75rem;padding:clamp(1rem,2.5vw,1.5rem);display:flex;position:relative}.ilMBYa_screen{border-radius:var(--radius);background-color:var(--color-film-screen);place-items:center;width:100%;height:clamp(4rem,9vw,5.5rem);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 .125rem .5rem #000000b3}.ilMBYa_wave,.ilMBYa_flat{width:calc(100% - 1rem);height:calc(100% - .75rem);position:absolute;inset:.375rem .5rem}:is(.ilMBYa_wave,.ilMBYa_flat) path{fill:none;vector-effect:non-scaling-stroke}.ilMBYa_wave path{stroke:var(--color-tape-light);stroke-width:2px;stroke-linecap:round}.ilMBYa_flat path{stroke:var(--color-tape-light);stroke-width:1.5px;stroke-dasharray:2 4;opacity:.7}.ilMBYa_screen_text{border-radius:var(--radius-badge);background-color:var(--color-film-screen);color:var(--color-film-muted);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;padding:.125rem .5rem;position:relative}.ilMBYa_title{font-family:var(--font-display);font-size:clamp(1.375rem,3vw,1.875rem);font-weight:var(--fw-bold);line-height:1.1}.ilMBYa_file_name{max-width:100%;font-family:var(--font-display);font-size:var(--fs-title-lg);font-weight:var(--fw-bold);overflow-wrap:anywhere;line-height:1.2}.ilMBYa_choose{min-height:var(--button-lg);border-radius:var(--radius);background-color:var(--color-film-accent);color:var(--color-film-on-accent);font-weight:var(--fw-bold);box-shadow:0 .1875rem 0 color-mix(in srgb, var(--color-film-accent), black 45%), 0 .375rem .875rem #0006;transition:transform .12s var(--ease-out), box-shadow .12s ease, background-color .2s ease;justify-content:center;align-items:center;gap:.5rem;padding-inline:1.5rem;display:inline-flex}.ilMBYa_choose .led{background-color:color-mix(in srgb, var(--color-film-on-accent), transparent 55%)}.ilMBYa_choose:hover,.ilMBYa_choose:focus-visible{background-color:var(--color-film-accent-hover)}:is(.ilMBYa_choose:hover,.ilMBYa_choose:focus-visible) .led{background-color:var(--color-film-rec);box-shadow:0 0 .375rem var(--color-film-rec)}.ilMBYa_choose:active{box-shadow:0 0 0 color-mix(in srgb, var(--color-film-accent), black 45%), 0 .125rem .375rem #0006;transform:translateY(.1875rem)}.ilMBYa_choose:focus-visible{outline:2px solid var(--color-film-accent);outline-offset:3px}.ilMBYa_hint{max-width:30rem;color:var(--color-film-muted);font-size:var(--fs-xs)}.ilMBYa_again{min-height:var(--control-size);color:var(--color-film-accent);font-weight:var(--fw-semibold);font-size:var(--fs-small);text-underline-offset:.25em;text-decoration:underline}.ilMBYa_again:focus-visible{outline-color:var(--color-film-accent)}.ilMBYa_problem{border-radius:var(--radius);background-color:var(--color-film-error-tint);max-width:28rem;color:var(--color-film-error);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:.5rem .75rem}.ilMBYa_keys_row{flex-direction:column;gap:.5rem;display:flex}.ilMBYa_keys_label{color:var(--color-film-muted);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase}.ilMBYa_keys{grid-template-columns:repeat(auto-fit,minmax(min(100%,11.5rem),1fr));gap:.5rem;display:grid}.ilMBYa_key{border-radius:var(--radius);background-color:var(--color-film-2);height:100%;min-height:3.25rem;box-shadow:0 .1875rem 0 var(--color-film-edge), inset 0 .0625rem 0 var(--color-film-rule);color:var(--color-film-text);font-size:var(--fs-small);font-weight:var(--fw-semibold);transition:transform .12s var(--ease-out), box-shadow .12s ease, background-color .2s ease;align-items:center;gap:.625rem;padding:.375rem .75rem .375rem .625rem;line-height:1.25;text-decoration:none;display:flex}.ilMBYa_key .led{background-color:color-mix(in srgb, var(--color-film-hole), transparent 70%)}.ilMBYa_key .led[data-on]{background-color:var(--color-film-rec);box-shadow:0 0 .375rem var(--color-film-rec)}.ilMBYa_key:hover,.ilMBYa_key:focus-visible{background-color:color-mix(in srgb, var(--color-film-2), white 6%)}:is(.ilMBYa_key:hover,.ilMBYa_key:focus-visible) .led{background-color:var(--color-film-rec);box-shadow:0 0 .375rem var(--color-film-rec)}.ilMBYa_key:active{box-shadow:0 0 0 var(--color-film-edge), inset 0 .0625rem 0 var(--color-film-rule);transform:translateY(.1875rem)}.ilMBYa_key:focus-visible{outline:2px solid var(--color-film-accent);outline-offset:2px}.ilMBYa_key_knob{--color-surface:var(--color-film);--color-bg-alt:var(--color-film-2);width:2.25rem;height:2.25rem;color:var(--color-film-accent)}.ilMBYa_key_knob svg{width:1.125rem;height:1.125rem}
