.blotle-yb{margin:calc(var(--spacing) * 4) 0;max-inline-size:calc(var(--container-board) * 1.5);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-surface);font-family:var(--font-sans);text-align:left;margin-inline:auto;position:relative}.blotle-yb-card{padding:calc(var(--spacing) * 3.5);color:inherit;border-radius:inherit;padding-block-end:calc(var(--spacing) * 3);padding-inline-end:calc(var(--spacing) * 11);text-decoration:none;display:block}.blotle-yb-card:hover .blotle-yb-said{text-underline-offset:3px;text-decoration:underline}.blotle-yb-top{align-items:flex-start;gap:calc(var(--spacing) * 3.5);display:flex}.blotle-yb-thumb{inline-size:calc(var(--spacing) * 16);block-size:calc(var(--spacing) * 16);border-radius:var(--radius-sm);flex:none;display:block;overflow:hidden}.blotle-yb-thumb>*{block-size:100%;inline-size:100%;display:block}.blotle-yb-blank{background:var(--color-plate)}.blotle-yb-body{flex:auto;min-inline-size:0;display:block}.blotle-yb-eyebrow{margin:0 0 calc(var(--spacing) * 1);font-size:var(--text-2xs);letter-spacing:.09em;text-transform:uppercase;color:var(--color-ink-faint);font-weight:700;line-height:1;display:block}.blotle-yb-said{font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);color:var(--color-ink);overflow-wrap:anywhere;line-height:1.1;display:block}.blotle-yb-note{margin-top:calc(var(--spacing) * 1.5);font-size:var(--text-sm);color:var(--color-ink-muted);line-height:1.4;display:block}.blotle-yb-track{margin-top:calc(var(--spacing) * 3);block-size:calc(var(--spacing) * 2);border-radius:var(--radius-sm);background:var(--color-hairline-strong);display:block;overflow:hidden}.blotle-yb-fill{background:var(--color-split-a);block-size:100%;min-inline-size:0;display:block}.blotle-yb-foot{justify-content:space-between;align-items:baseline;gap:calc(var(--spacing) * 3);margin-top:calc(var(--spacing) * 1.5);font-size:var(--text-2xs);color:var(--color-ink-faint);line-height:1.3;display:flex}.blotle-yb-nums{font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}.blotle-yb-x{inline-size:calc(var(--spacing) * 11);block-size:calc(var(--spacing) * 11);cursor:pointer;color:var(--color-ink-faint);font-size:var(--text-sm);border-radius:var(--radius-sm);background:0 0;border:0;place-items:center;line-height:1;display:grid;position:absolute;inset-block-start:calc(var(--spacing) * .5);inset-inline-end:calc(var(--spacing) * .5)}.blotle-yb-x:hover{color:var(--color-ink);background:var(--color-sunken)}@media (max-height:700px){.blotle-yb-card{padding-block:calc(var(--spacing) * 2.5)}.blotle-yb-thumb{inline-size:calc(var(--spacing) * 12);block-size:calc(var(--spacing) * 12)}.blotle-yb-said{font-size:var(--text-xl)}.blotle-yb-track{margin-top:calc(var(--spacing) * 2)}}
.blcr{margin:calc(var(--spacing) * 4) 0;max-inline-size:calc(var(--container-board) * 1.5);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-surface);font-family:var(--font-sans);text-align:left;align-items:flex-start;gap:.75rem;margin-inline:auto;padding:.85rem .875rem;display:flex}.blcr-body{flex:auto;min-width:0}.blcr-thumb{background:var(--color-plate);border:1px solid var(--color-plate-edge);box-sizing:border-box;border-radius:8px;flex:none;width:38px;height:38px;padding:3px}.blcr-link{color:var(--color-split-a);text-underline-offset:2px}.blcr-eyebrow{letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin:0 0 .2rem;font-size:.66rem}.blcr-line{margin:0;font-size:.95rem;line-height:1.4}.blcr-x{width:1.9rem;height:1.9rem;color:inherit;opacity:.5;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.15rem;line-height:1;display:flex}.blcr-x:hover{opacity:.9}
.blotle-main{width:100%;min-height:0;max-height:calc(100svh - var(--header-h) - var(--spacing));padding-left:max(calc(var(--spacing) * 4),var(--safe-l));padding-right:max(calc(var(--spacing) * 4),var(--safe-r));flex-direction:column;flex:auto;justify-content:safe center;align-items:center;display:flex}.blotle-main:has(.blotle-col.is-done){max-height:none}.blotle-notices{width:100%;max-width:calc(var(--container-board) * 2.75);flex:none}.blotle-notices:has(aside)+.blotle-col{--notice-h:calc(var(--spacing) * 44)}.blotle-notices:has(aside+aside)+.blotle-col{--notice-h:calc(var(--spacing) * 65)}.blotle-col{--controls-h:calc(var(--spacing) * 4  + var(--spacing) * 2  + var(--spacing) * 13  + var(--spacing) * 11  + var(--spacing) * 2  + var(--spacing) * 33 + 1px  + max(calc(var(--spacing) * 4),var(--safe-b)));--hero-gap:calc(var(--spacing) * 8);--hero-air:calc(var(--spacing) * 4);--hero-play:min(100%, calc(100svh - var(--header-h) - var(--spacing) - var(--controls-h) - var(--hero-gap) - var(--hero-air) - var(--notice-h,0px)));--hero-dock:.82;width:100%;max-width:calc(var(--container-board) * 2.75);flex-direction:column;flex:0 auto;align-items:center;min-height:0;display:flex}.blotle-col.is-done{flex:1 0 auto}@media (max-height:700px){.blotle-col{--hero-gap:calc(var(--spacing) * 4)}}@media (min-height:800px){.blotle-col{--hero-air:calc(var(--spacing) * 20)}}.blotle-stage{width:100%;padding:0 0 var(--hero-gap);flex:none;place-items:center;display:grid}.blotle-frame{width:var(--hero-play);aspect-ratio:1;align-items:center;display:flex}.blotle-col.is-done .blotle-stage{padding:clamp(calc(var(--spacing) * 2),2.4vh,calc(var(--spacing) * 6)) 0;flex:none}.blotle-col.is-done .blotle-frame{height:auto;width:calc(var(--hero-play) * var(--hero-dock))}.blotle-controls,.blotle-result{width:100%;max-width:var(--container-board);min-width:0;padding-top:calc(var(--spacing) * 4);padding-bottom:max(calc(var(--spacing) * 10),calc(var(--safe-b) + var(--spacing) * 6));flex:none}.blotle-frame{transition:rotate var(--duration-slow) var(--ease-ink)}.blotle-turn-cap{margin:0 0 calc(var(--spacing) * 1.5);text-align:center;font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-faint);font-weight:700}.blotle-turn{justify-content:center;gap:calc(var(--spacing) * 1);margin:0 0 calc(var(--spacing) * 3);display:flex}.blotle-turn-b{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);border:1px solid var(--color-hairline-strong);border-radius:var(--radius-sm);color:var(--color-ink-muted);cursor:pointer;transition:background var(--duration-base) var(--ease-ink), color var(--duration-base) var(--ease-ink);background:0 0;place-items:center;font-size:1.05rem;line-height:1;display:grid}.blotle-turn-b:hover{background:var(--color-surface)}.blotle-turn-b[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.blotle-controls{padding-bottom:max(calc(var(--spacing) * 4),var(--safe-b))}.blotle-field{margin:0;display:block;position:relative}.blotle-caption{margin:0 0 calc(var(--spacing) * 2);height:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4);white-space:nowrap;display:block;overflow:hidden}.blotle-caption.is-alert{color:var(--color-ink)}.blotle-input{box-sizing:border-box;width:100%;height:calc(var(--spacing) * 13);font-size:var(--text-base);background-color:var(--color-surface);border:1px solid var(--color-hairline-strong);border-radius:var(--radius-sm);padding:0 calc(var(--spacing) * 14) 0 calc(var(--spacing) * 3);appearance:none;transition:border-color var(--duration-quick) var(--ease-fold), box-shadow var(--duration-quick) var(--ease-fold);margin:0;font-weight:400;line-height:1.2}.blotle-field.is-open .blotle-input{border-bottom-right-radius:0;border-bottom-left-radius:0}.blotle-input::placeholder{color:var(--color-ink-faint);opacity:1;font-weight:400}.blotle-input:hover{border-color:var(--color-ink-faint)}.blotle-input:disabled{opacity:.55}.blotle-go{right:calc(var(--spacing) * 1);box-sizing:border-box;width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);border:1px solid var(--color-ink);background-color:var(--color-ink);color:var(--color-paper);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-fold), border-color var(--duration-quick) var(--ease-fold), color var(--duration-quick) var(--ease-fold);border-radius:0;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.blotle-go:hover{background-color:var(--color-ink-muted);border-color:var(--color-ink-muted)}.blotle-go:disabled{background-color:var(--color-sunken);border-color:var(--color-hairline-strong);color:var(--color-ink-faint);cursor:default}.blotle-assist{height:calc(var(--spacing) * 11);align-items:center;display:flex;position:relative}.blotle-hint{padding-top:calc(var(--spacing) * 2);font-size:var(--text-xs);color:var(--color-ink-muted);text-wrap:pretty;align-self:flex-start;margin:0;line-height:1.35;overflow:hidden}.blotle-suggest{height:calc(var(--spacing) * 11 + 1px);background-color:var(--color-surface);border:1px solid var(--color-hairline-strong);border-top-color:var(--color-hairline);border-radius:0 0 var(--radius-sm) var(--radius-sm);align-items:stretch;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:-1px;left:0;right:0;overflow:hidden}.blotle-suggest.is-hidden{display:none}.blotle-option{min-width:0;padding:0 calc(var(--spacing) * 3);border-inline-start:1px solid var(--color-hairline);font-size:var(--text-base);font-weight:400;line-height:calc(var(--spacing) * 11 - 1px);text-align:left;color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:background-color var(--duration-quick) var(--ease-fold);flex:1 1 0;overflow:hidden}.blotle-option:first-child{border-inline-start:0}.blotle-option:hover{background-color:var(--color-sunken)}.blotle-option.is-active{background-color:var(--color-ink);color:var(--color-paper)}.blotle-option-stem{font-weight:700}.blotle-slots{margin:calc(var(--spacing) * 2) 0 0;background-color:var(--color-surface);border:1px solid var(--color-hairline-strong);border-radius:var(--radius-sm);padding:0;list-style:none;overflow:hidden}.blotle-slot{box-sizing:border-box;grid-template-columns:calc(var(--spacing) * 4) minmax(0,1fr) 4ch;align-items:baseline;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 3 - 1px) calc(var(--spacing) * 3) calc(var(--spacing) * 3);border-top:1px solid var(--color-hairline);min-height:calc(var(--spacing) * 11);display:grid;position:relative}.blotle-slot:first-child{min-height:calc(var(--spacing) * 11 - 1px);border-top:0}.blotle-slot-index{font-size:var(--text-xs);color:var(--color-ink-muted);font-variant-numeric:tabular-nums lining-nums;text-align:right;line-height:1;position:relative}.blotle-slot-read{min-width:0;font-size:var(--text-base);line-height:calc(var(--spacing) * 5);color:var(--color-ink-muted);white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:clip}.blotle-slot-rank{margin-left:calc(var(--spacing) * 3);color:var(--color-ink-muted)}.blotle-slot-pct{font-size:var(--text-base);line-height:calc(var(--spacing) * 5);text-align:right;color:var(--color-ink-muted);font-variant-numeric:tabular-nums lining-nums;position:relative}.blotle-slot.is-hit .blotle-slot-text,.blotle-slot.is-hit .blotle-slot-pct{color:var(--color-ink)}.blotle-slot-fill{transform-origin:0;background-color:var(--color-sunken);position:absolute;inset:0}.blotle-slot.is-hit.is-entering .blotle-slot-fill{animation:blotle-unfold var(--duration-base) var(--ease-ink) both}.blotle-slot.is-hit.is-entering .blotle-slot-read{animation:blotle-rise-in var(--duration-base) var(--ease-ink) calc(var(--stagger) * 2) both}.blotle-slot.is-hit.is-entering .blotle-slot-pct{animation:blotle-rise-in var(--duration-base) var(--ease-ink) calc(var(--stagger) * 3) both}.blotle-slot.is-miss.is-entering,.blotle-field.is-shaking-1{animation:blotle-shake var(--duration-base) var(--ease-fold)}.blotle-field.is-shaking-2{animation:blotle-shake-again var(--duration-base) var(--ease-fold)}@keyframes blotle-unfold{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes blotle-shake{20%,60%{transform:translateX(calc(var(--spacing) * -1))}40%,80%{transform:translateX(calc(var(--spacing) * 1))}}@keyframes blotle-shake-again{20%,60%{transform:translateX(calc(var(--spacing) * -1))}40%,80%{transform:translateX(calc(var(--spacing) * 1))}}@media (min-width:72rem),(min-width:40rem) and (max-height:32rem){.blotle-main{padding-left:max(calc(var(--spacing) * 8),var(--safe-l));padding-right:max(calc(var(--spacing) * 8),var(--safe-r))}.blotle-col{justify-content:center;align-items:center;gap:calc(var(--spacing) * 12);--hero-wide:min(calc(var(--container-board) * 1.75), calc(100svh - var(--header-h) - var(--spacing) * 20 - var(--notice-h,0px)));flex-direction:row}.blotle-stage{flex:0 1 var(--hero-wide);min-width:0;padding:0}.blotle-controls{flex:0 0 var(--container-board);padding-bottom:0}.blotle-frame{width:100%}.blotle-col.is-done{align-items:flex-start}.blotle-col.is-done .blotle-stage{top:var(--header-h);flex:0 1 var(--hero-wide);min-width:0;height:calc(100svh - var(--header-h) - var(--spacing) - var(--notice-h,0px));align-self:flex-start;place-items:center;padding:0;display:grid;position:sticky}.blotle-col.is-done .blotle-frame{width:100%;height:auto}.blotle-col.is-done>.blotle-result{flex:0 0 var(--container-board)}}@media (min-width:40rem) and (max-height:32rem){.blotle-main{padding-left:max(calc(var(--spacing) * 4),var(--safe-l));padding-right:max(calc(var(--spacing) * 4),var(--safe-r))}.blotle-col{gap:calc(var(--spacing) * 6);--hero-wide:min(calc(var(--container-board) * 1.75), calc(100svh - var(--header-h) - var(--spacing) * 6))}.blotle-controls{min-width:0;max-width:var(--container-board);flex:1 1 0}.blotle-col.is-done .blotle-stage{height:calc(100svh - var(--header-h))}.blotle-col.is-done>.blotle-result{flex:1 1 0;min-width:0}}@media (prefers-reduced-motion:reduce){.blotle-slot.is-miss.is-entering,.blotle-slot.is-hit.is-entering .blotle-slot-fill,.blotle-slot.is-hit.is-entering .blotle-slot-read,.blotle-slot.is-hit.is-entering .blotle-slot-pct,.blotle-field.is-shaking-1,.blotle-field.is-shaking-2{animation:none}.blotle-input,.blotle-go,.blotle-option{transition:none}}