.aicd{--aicd-paper:var(--paper);--aicd-ink:var(--ink);--aicd-ink-soft:var(--ink-soft);--aicd-rule:color-mix(in srgb, var(--ink) 16%, transparent);--aicd-marker:#ff4438;--aicd-struck:var(--ink-soft);--aicd-faint:color-mix(in srgb, var(--ink) 24%, transparent);--aicd-display:var(--font-teaser-display), Georgia, serif;--aicd-body:var(--font-teaser-display), Georgia, serif;--aicd-mono:var(--font-teaser-mono), "IBM Plex Mono", ui-monospace, Menlo, monospace;max-width:max(480px,177.778svh - 426.667px);margin:8px 0 72px}.aicd .viewport{aspect-ratio:16/9;background:color-mix(in srgb, var(--aicd-ink) 3.5%, transparent);border:1px solid var(--aicd-rule);width:100%;color:var(--aicd-ink);border-radius:clamp(12px,1.6vw,22px);position:relative;overflow:hidden}.aicd .viewport[data-interactive=true]{cursor:pointer}.aicd .viewport:fullscreen{aspect-ratio:auto;background:var(--aicd-paper);border:0;border-radius:0;width:100vw;max-width:none;height:100vh}.aicd .stage{transform-origin:0 0;box-sizing:border-box;grid-template-rows:auto 1fr;gap:48px;width:1600px;height:900px;padding:60px 64px 52px;display:grid;position:absolute;top:0;left:0}.aicd .head{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.aicd .head h1{font-family:var(--aicd-display);letter-spacing:-.03em;text-wrap:balance;color:var(--aicd-ink);margin:0;font-size:68px;font-weight:300;line-height:.95}.aicd .head h1 span{color:var(--aicd-marker)}.aicd .grid{grid-template-columns:repeat(5,1fr);min-height:0;display:grid}.aicd .col{border-left:2px solid var(--aicd-rule);grid-template-rows:auto 1fr;gap:20px;min-width:0;padding:0 20px;display:grid}.aicd .col:first-child{border-left:0;padding-left:0}.aicd .year{font-family:var(--aicd-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:52px;font-weight:300;line-height:1}.aicd .items{grid-template-rows:repeat(21,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.aicd .items li{font-family:var(--aicd-body);letter-spacing:-.01em;white-space:nowrap;color:var(--aicd-ink);align-items:center;margin:0;font-size:15px;font-weight:400;line-height:1.1;display:flex;position:relative}.aicd .items li.gone .t{color:var(--aicd-faint)}.aicd .items li.gone svg path{stroke:var(--aicd-faint);stroke-width:3px}.aicd .items li .t{display:inline-block;position:relative}.aicd .items li.struck .t{color:var(--aicd-struck)}.aicd .items li svg{pointer-events:none;width:calc(100% + 12px);height:20px;position:absolute;top:50%;left:-6px;overflow:visible;transform:translateY(-48%)}.aicd .items li svg path{fill:none;stroke:var(--aicd-marker);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.aicd .q{font-family:var(--aicd-display);color:var(--aicd-marker);place-items:center;font-size:260px;font-weight:300;line-height:1;display:grid;position:absolute;inset:0}.aicd .instant,.aicd .instant *{transition:none!important}.aicd .playing .col{opacity:0;transform:translateY(14px)}.aicd .playing .col.in{opacity:1;transition:opacity .45s,transform .45s;transform:none}.aicd .playing .items li.struck .t{color:var(--aicd-ink);transition:color .3s}.aicd .playing .items li.struck.hit .t{color:var(--aicd-struck)}.aicd .playing .items li.struck svg path{stroke-dashoffset:var(--len)}.aicd .playing .items li.hit svg path{stroke-dashoffset:0;transition:stroke-dashoffset .38s cubic-bezier(.6,.1,.3,1)}.aicd .playing .items li.pend{opacity:0;transform:translate(-10px)}.aicd .playing .items li{transition:opacity .3s,transform .3s}.aicd .playing .q{opacity:0;transform:scale(.8)}.aicd .playing .col.in .q{opacity:1;transition:opacity .5s .25s,transform .5s .25s;transform:none}.aicdControls{font-family:var(--aicd-mono);color:var(--ink-soft,#8b95a5);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-top:16px;font-size:13px;display:flex}.aicdHint{letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;display:flex}.aicdKeys{text-transform:none;letter-spacing:0;align-items:center;gap:6px;display:inline-flex}.aicdKeys kbd{font:inherit;border:1px solid var(--line,#262d38);color:var(--ink,inherit);border-radius:4px;padding:1px 7px}.aicdButtons{gap:10px;margin-left:auto;display:flex}.aicdButtons button{font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:6px;padding:11px 18px;transition:opacity .16s,transform .12s}.aicdButtons button:disabled{opacity:.3;cursor:default}.aicdButtons button:active:not(:disabled){transform:translateY(1px)}.aicdButtons button:focus-visible{outline:3px solid var(--aicd-marker);outline-offset:2px}.aicdGhost{color:var(--ink,inherit);border:1px solid var(--line,#262d38);background:0 0}.aicdNext{background:var(--aicd-marker);color:#fff;border:0;font-weight:500}.aicdNext[data-pulse]{animation:1.8s ease-out infinite aicdPulse}@keyframes aicdPulse{0%{box-shadow:0 0 #ff44388c}70%{box-shadow:0 0 0 12px #ff443800}to{box-shadow:0 0 #ff443800}}.aicdLocked{display:grid}.aicdLocked>*{grid-area:1/1}.aicdLocked .aicd{filter:blur(8px);opacity:.75;-webkit-user-select:none;user-select:none;pointer-events:none;margin:0}.aicdLocked .gate{z-index:1;place-self:center;width:min(100% - 32px,440px);margin:0}@media (max-width:600px){.aicdKeys{display:none}.aicdButtons{width:100%}.aicdButtons .aicdNext{flex:1}.aicdLocked{min-height:380px}.aicdLocked .aicd{align-self:start}}@media (prefers-reduced-motion:reduce){.aicd .playing .col,.aicd .playing .col.in,.aicd .playing .q,.aicd .playing .items li{transition:none!important}.aicdNext[data-pulse]{animation:none}}.aicd .items li.ex{cursor:zoom-in}.aicd .items li.ex .t{text-underline-offset:4px;-webkit-text-decoration:underline dotted #0000;text-decoration:underline dotted #0000;transition:text-decoration-color .12s}.aicd .items li.ex:hover .t{-webkit-text-decoration-color:var(--aicd-marker);text-decoration-color:var(--aicd-marker)}.aicdPeek{z-index:1000;background:color-mix(in srgb, var(--paper,#212120) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;place-items:center;padding:clamp(16px,4vw,56px);animation:.16s ease-out both aicdPeekIn;display:grid;position:fixed;inset:0}.aicdPeekImages{justify-content:center;align-items:center;gap:clamp(12px,2vw,28px);max-width:100%;max-height:100%;display:flex}.aicdPeekImages img{object-fit:contain;background:var(--paper,#212120);cursor:default;border-radius:12px;min-width:0;max-width:100%;max-height:calc(100dvh - 2*clamp(16px,4vw,56px));animation:.2s cubic-bezier(.2,.8,.2,1) both aicdPeekPop;display:block;box-shadow:0 24px 60px #00000080}.aicdPeekImages[data-count="2"] img{max-width:calc(50% - clamp(6px,1vw,14px))}@keyframes aicdPeekIn{0%{opacity:0}}@keyframes aicdPeekPop{0%{opacity:0;transform:scale(.96)}}@media (max-width:700px){.aicdPeekImages[data-count="2"]{flex-direction:column}.aicdPeekImages[data-count="2"] img{max-width:100%;max-height:calc(50dvh - 40px)}}@media (prefers-reduced-motion:reduce){.aicdPeek,.aicdPeekImages img{animation:none}}
