@font-face{font-family:outfit;src:url(../media/outfit_600-s.p.1mr8deqlh6lmf.woff2)format("woff2");font-display:swap;font-weight:600}@font-face{font-family:outfit;src:url(../media/outfit_800-s.p.104e-5n9_9w60.woff2)format("woff2");font-display:swap;font-weight:800}@font-face{font-family:outfit Fallback;src:local(Arial);ascent-override:97.97%;descent-override:25.47%;line-gap-override:0.0%;size-adjust:102.07%}.BCDZpW_className{font-family:outfit,outfit Fallback}.BCDZpW_variable{--font-outfit:"outfit", "outfit Fallback"}
.db{--lq-surface:#1c1917;--lq-raised:#252220;--lq-ring:#2f2a27;--lq-ink:#f5f0e8;--lq-muted:#a8a199;--lq-der:#2563eb;--lq-die:#e11d48;--lq-das:#059669}.db,.ab-desk{border-radius:var(--ui-radius-lg);background:var(--ui-raised);box-shadow:var(--ui-shadow-media);-webkit-user-select:none;user-select:none}.db{gap:var(--ui-seam);height:335px;padding:var(--ui-seam);grid-template-columns:84px minmax(0,1fr);display:grid;position:relative}.db[data-build-only]{grid-template-columns:minmax(0,1fr);height:100%;padding:0}.db[data-build-only] .db-app{border-radius:0;grid-template-columns:minmax(0,1fr)}.db[data-build-only][data-mode] .db-card{translate:0 -12px;scale:.9}.db-plate{justify-content:center;align-items:center;gap:var(--ui-space-3);border-radius:calc(var(--ui-radius-lg) - var(--ui-seam));background:var(--ui-panel);flex-direction:column;display:flex;position:relative}.db-engrave{color:var(--ui-faint);font:var(--ui-type-label);transition:color var(--ui-dur-base) var(--ui-ease)}.db-engrave[data-on]{color:var(--ui-ink)}.db-toggle{border-radius:var(--ui-radius-full);background:var(--ui-fill);width:40px;height:84px;box-shadow:inset 0 0 0 1px var(--ui-ring);cursor:pointer;transition:background-color var(--ui-dur-base) var(--ui-ease);-webkit-tap-highlight-color:transparent;border:0;padding:0;display:block;position:relative}.db-toggle[data-checked]{background:color-mix(in oklab, var(--ui-reaction) 16%, var(--ui-fill))}.db-toggle:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}.db-toggle__slot{display:none}.db-toggle__lever{border-radius:var(--ui-radius-full);background:var(--ui-raised);width:32px;height:38px;box-shadow:var(--ui-shadow-button);transition:translate .28s cubic-bezier(.3,1.3,.5,1);position:absolute;top:4px;left:4px}.db-toggle__lever[data-checked]{translate:0 38px}.db-toggle:active .db-toggle__lever{scale:.96}.db-lamp{bottom:var(--ui-space-4);background:var(--ui-line);width:6px;height:6px;transition:background-color var(--ui-dur-travel) var(--ui-ease), box-shadow var(--ui-dur-travel) var(--ui-ease);border-radius:50%;position:absolute}.db-lamp[data-on]{background:var(--ui-reaction);box-shadow:0 0 0 3px color-mix(in oklab, var(--ui-reaction) 20%, transparent)}.db-app{border-radius:calc(var(--ui-radius-lg) - var(--ui-seam));background:radial-gradient(circle, var(--ui-line) 1px, transparent 1.2px) 0 0 / 16px 16px, var(--ui-panel);place-items:center;display:grid;position:relative;overflow:hidden}.db[data-surface=build] .db-app{background:var(--lq-surface)}.db-wipe{z-index:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}.db-card{z-index:1;position:relative}.db-hint{z-index:1}.db-card{width:312px;font-family:var(--font-outfit), var(--ui-font-sans);transition:scale .4s var(--ui-ease);flex-direction:column;align-items:center;gap:20px;display:flex;translate:0 -10px;scale:.68}.db[data-mode=build] .db-card{translate:0 -10px;scale:.68}.db-frame{background:var(--lq-ring);border-radius:32px;width:208px;height:208px;padding:10px;position:relative}.db-image{object-fit:cover;background:var(--lq-ink);border-radius:24px;width:100%;height:100%;display:block}.db-word{height:56px;color:var(--lq-ink);justify-content:center;align-items:center;gap:14px;display:flex;position:relative}.db[data-mode=design] .db-word{color:var(--ui-ink)}.db-word{transition:color 1ms linear .26s}.db-word b{letter-spacing:-.01em;font-size:28px;font-weight:800}.db-slot{background:var(--lq-raised);min-width:84px;height:56px;box-shadow:inset 0 0 0 1.5px var(--lq-ring);color:var(--lq-muted);transition:background-color var(--ui-dur-base) var(--ui-ease), color var(--ui-dur-base) var(--ui-ease);border-radius:16px;place-items:center;padding:0 12px;font-size:28px;font-weight:800;display:grid}.db-slot[data-article=der]{background:var(--lq-der);color:var(--lq-ink);box-shadow:none}.db-slot[data-article=die]{background:var(--lq-die);color:var(--lq-ink);box-shadow:none}.db-slot[data-article=das]{background:var(--lq-das);color:var(--lq-ink);box-shadow:none}.db-answers{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid;position:relative}.db-answer{height:64px;color:var(--lq-ink);font:800 22px / 1 var(--font-outfit), var(--ui-font-sans);cursor:pointer;transition:opacity var(--ui-dur-base) var(--ui-ease), scale var(--ui-dur-press) var(--ui-ease), filter var(--ui-dur-base) var(--ui-ease);border:0;border-radius:16px;padding:0;position:relative}.db-answer[data-article=der]{background:var(--lq-der)}.db-answer[data-article=die]{background:var(--lq-die)}.db-answer[data-article=das]{background:var(--lq-das)}.db-answer:disabled{cursor:default}.db[data-mode=build] .db-answer:active:not(:disabled){scale:.96}.db-answer[data-dim]{opacity:.35}.db-answer[data-wrong]{filter:saturate(.3)brightness(.8)}.db-note{z-index:2;background:var(--ui-reaction);color:var(--ui-on-inverse);font:500 15px / 20px var(--ui-font-sans);white-space:nowrap;pointer-events:none;transition:opacity .22s var(--ui-ease), translate .22s var(--ui-ease);border-radius:4px;padding:1px 6px;position:absolute}.db[data-mode=build] .db-note{opacity:0;translate:0 4px}.db-frame:before{content:"";border:1px dashed var(--ui-reaction);pointer-events:none;transition:opacity .22s var(--ui-ease);border-radius:33px;position:absolute;inset:-1px}.db-frame:after{content:"";border-top:1px solid var(--ui-reaction);pointer-events:none;width:10px;transition:opacity .22s var(--ui-ease);position:absolute;top:50%;left:0}.db-answers:after{content:"";border-right:1px solid var(--ui-reaction);pointer-events:none;transition:opacity .22s var(--ui-ease);position:absolute;top:0;bottom:0;right:-6px}.db[data-mode=build] :is(.db-frame,.db-answers):before,.db[data-mode=build] :is(.db-frame,.db-answers):after{opacity:0}.db-note[data-at=radius]{top:-28px;left:0}.db-note[data-at=pad]{top:calc(50% - 28px);left:-36px}.db-note[data-at=type],.db-note[data-at=touch]{top:50%;left:calc(100% + 10px);translate:0 -50%}.db[data-mode=build] :is(.db-note[data-at=type],.db-note[data-at=touch]){translate:0 calc(4px - 50%)}.db-note[data-at=hex]{color:var(--ui-reaction);background:0 0;padding:0;font-size:12px;top:calc(100% + 8px);left:50%;translate:-50%}.db[data-mode=build] .db-note[data-at=hex]{translate:-50% 4px}.ab-desk{background:var(--ui-panel);height:335px;box-shadow:inset 0 0 0 1px var(--ui-line);place-items:center;display:grid;position:relative;overflow:hidden}.ab-stack{width:min(320px,100% - 64px);height:250px;margin-left:-24px;position:relative}.ab-letter{padding:var(--ui-space-5);border-radius:var(--ui-radius-md);background:var(--ui-raised);color:var(--ui-ink);box-shadow:var(--ui-shadow-hairline), var(--ui-shadow-float);transform-origin:50% 60%;flex-direction:column;display:flex;position:absolute;inset:0}.ab-letter__head{justify-content:space-between;align-items:baseline;gap:var(--ui-space-3);display:flex}.ab-letter__head b{font:var(--ui-type-meta)}.ab-letter__role{margin:0 0 var(--ui-space-3);padding-bottom:var(--ui-space-3);border-bottom:1px solid var(--ui-line);color:var(--ui-muted);font:var(--ui-type-caption)}.ab-letter__body{justify-content:center;gap:var(--ui-space-2);flex-direction:column;flex:1;display:flex}.ab-elide{color:var(--ui-faint);font:var(--ui-type-label)}.ab-letter[data-top]{cursor:pointer}.ab-letter:not([data-top])>*{visibility:hidden}.ab-quote{font:var(--ui-weight-medium) var(--ui-text-lg) / 1.45 var(--ui-font-sans);letter-spacing:-.01em;text-wrap:pretty;margin:2px 0}.ab-quote mark{background:linear-gradient(transparent 14%, color-mix(in oklab, var(--ui-reaction) 18%, transparent) 14% 90%, transparent 90%) no-repeat 0 0 / 0% 100%;color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 1px;transition:background-size .7s cubic-bezier(.4,0,.2,1)}.ab-quote mark[data-on]{background-size:100% 100%}.ab-letter__foot{margin-top:var(--ui-space-2);color:var(--ui-faint);font:var(--ui-type-label)}.ab-next{right:var(--ui-space-4);bottom:var(--ui-space-4);z-index:5;align-items:center;gap:var(--ui-space-3);display:inline-flex;position:absolute}.ab-next__count{color:var(--ui-faint);font:var(--ui-type-label);font-variant-numeric:tabular-nums}@keyframes ab-develop{0%{opacity:.2;filter:grayscale()contrast(1.6)blur(2px)}to{opacity:1;filter:none}}html[data-color-scheme=dark] .ab-letter,[data-scheme-scope=dark] .ab-letter{box-shadow:var(--ui-shadow-hairline)}.db-hint{color:var(--lq-muted);font:var(--ui-type-label);text-align:center;opacity:0;transition:opacity .3s var(--ui-ease) .2s;pointer-events:none;margin:0;position:absolute;bottom:10px;left:0;right:0}.db[data-mode=build] .db-hint{opacity:1}@media (pointer:coarse){.db-toggle:after{content:"";position:absolute;inset:min(0px,50% - 22px)}}@media (max-width:640px){.db{grid-template-rows:56px minmax(0,1fr);grid-template-columns:1fr;height:400px}.db-plate{gap:var(--ui-space-3);flex-direction:row}.db-toggle{width:76px;height:36px}.db-toggle__lever{width:34px;height:28px;top:4px;left:4px}.db-toggle__lever[data-checked]{translate:34px}.db-lamp{position:static}.db-card,.db[data-mode=build] .db-card{scale:.64}.db-note[data-at=type],.db-note[data-at=touch],.db-note[data-at=pad]{display:none}.db[data-build-only]{grid-template-rows:minmax(0,1fr);height:100%}.db[data-build-only][data-mode] .db-card{scale:.8}.ab-desk{height:auto;padding:var(--ui-space-6) var(--ui-space-4) var(--ui-space-4);grid-template-rows:1fr auto}.ab-stack{width:calc(100% - 24px);height:270px;margin:0 24px 0 0}.ab-next{margin-top:var(--ui-space-5);justify-self:end;position:static}}.ab-editions{border-top:1px solid var(--ui-line);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ab-editions li{border-bottom:1px solid var(--ui-line)}.ab-edition{column-gap:var(--ui-space-4);padding:var(--ui-space-3) 0;color:var(--ui-ink);grid-template-columns:76px minmax(0,1fr);text-decoration:none;display:grid}.ab-edition:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px;border-radius:var(--ui-radius-sm)}.ab-edition__date{color:var(--ui-faint);font:var(--ui-type-label);font-variant-numeric:tabular-nums;padding-top:2px}.ab-edition__title{font:var(--ui-type-ui);color:var(--ui-muted);align-items:center;gap:6px;display:flex}.ab-edition__title svg{opacity:0;flex:none;width:14px;height:14px}.ab-edition[data-on] .ab-edition__title{color:var(--ui-ink)}.ab-edition[data-on] .ab-edition__title svg{opacity:.6}.ab-edition__standfirst{grid-column:2;overflow:hidden}.ab-edition__standfirst span{padding-top:var(--ui-space-1);color:var(--ui-muted);font:var(--ui-type-caption);text-wrap:pretty;display:block}@media (max-width:640px){.ab-edition{grid-template-columns:1fr;row-gap:2px}.ab-edition__standfirst{grid-column:1}}.ab-roles{padding:var(--ui-seam);border-radius:var(--ui-radius-lg);background:var(--ui-raised);box-shadow:var(--ui-shadow-media);flex-direction:column;margin:0;list-style:none;display:flex}.ab-roles__row{align-items:center;gap:var(--ui-space-4);padding:var(--ui-space-3);border-radius:calc(var(--ui-radius-lg) - var(--ui-seam));color:inherit;transition:background-color var(--ui-dur-base) var(--ui-ease);text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){a.ab-roles__row:hover{background:var(--ui-panel);transition-duration:0s}}a.ab-roles__row:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}.ab-roles__logo{flex:none;place-items:center;width:40px;height:40px;display:grid}.ab-roles__logo img{border-radius:var(--ui-radius-md);outline:1px solid var(--ui-line);outline-offset:-1px;width:32px;height:32px}.ab-roles__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ab-roles__org{color:var(--ui-ink);font:var(--ui-type-title-sm)}.ab-roles__title{color:var(--ui-muted);font:var(--ui-type-ui)}.ab-roles__years{color:var(--ui-muted);font:var(--ui-type-ui);font-variant-numeric:tabular-nums;flex:none;align-self:flex-start;padding-top:2px}.ab-ship{gap:var(--ui-space-6);padding:var(--ui-space-5) var(--ui-space-6);border-radius:var(--ui-radius-lg);background:var(--ui-raised);box-shadow:var(--ui-shadow-media);flex-direction:column;display:flex}.ab-ship__head{justify-content:space-between;align-items:baseline;gap:var(--ui-space-4);display:flex}.ab-ship__day{color:var(--ui-muted);font:var(--ui-type-caption);font-variant-numeric:tabular-nums}.ab-ship__day b{color:var(--ui-ink);font:var(--ui-type-title-sm);margin-right:4px}.ab-ship__now{color:var(--ui-muted);font:var(--ui-type-caption)}.ab-ship__now b{color:var(--ui-ink);margin-right:4px}.ab-ship__axis{color:var(--ui-faint);font:var(--ui-type-label);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.ab-ship__slider{padding:36px 0 0}.ab-ship__control{touch-action:none;cursor:pointer;align-items:center;height:24px;display:flex}.ab-ship__track{border-radius:var(--ui-radius-full);background:var(--ui-line);width:100%;height:4px;position:relative}.ab-ship__fill{border-radius:var(--ui-radius-full);background:var(--ui-ink);height:100%}.ab-ship__thumb{background:var(--ui-raised);width:18px;height:18px;box-shadow:var(--ui-shadow-button);border-radius:50%;outline:none}.ab-ship__thumb:focus-visible{box-shadow:var(--ui-shadow-button), 0 0 0 2px var(--ui-focus)}.ab-ship__thumb:active{scale:.96}.ab-ship__pin{background:var(--ui-raised);width:10px;height:10px;box-shadow:inset 0 0 0 2px var(--ui-line);transition:box-shadow var(--ui-dur-base) var(--ui-ease);pointer-events:none;border-radius:50%;position:absolute;top:50%;translate:-50% -50%}.ab-ship__pin[data-on]{box-shadow:inset 0 0 0 3px var(--ui-ink)}.ab-ship__marks{gap:var(--ui-space-1);color:var(--ui-faint);transition:color var(--ui-dur-base) var(--ui-ease);font-size:16px;display:flex;position:absolute;bottom:18px;left:50%;translate:-50%}.ab-ship__pin[data-on] .ab-ship__marks{color:var(--ui-ink)}.ab-ship__pin:nth-child(2) .ab-ship__marks{text-align:left;left:0;translate:0}.ab-ship__pin:nth-child(3) .ab-ship__marks{text-align:right;left:auto;right:14px;translate:0}.ab-ship__pin:nth-child(4) .ab-ship__marks{text-align:right;left:auto;right:0;translate:0}@media (max-width:640px){.ab-ship__pin:nth-child(3) .ab-ship__marks{left:auto;right:10px;translate:0}}.ab-portrait{background:var(--ui-panel);height:335px;box-shadow:inset 0 0 0 1px var(--ui-line);place-items:center;display:grid}.ab-print{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}.ab-print:focus-visible{outline:2px solid var(--ui-focus);outline-offset:6px;border-radius:var(--ui-radius-lg)}.ab-print__body{width:196px;padding:var(--ui-space-2) var(--ui-space-2) 0;border-radius:var(--ui-radius-lg);background:var(--ui-raised);box-shadow:var(--ui-shadow-hairline), var(--ui-shadow-float);transition:translate var(--ui-dur-travel) var(--ui-ease);flex-direction:column;display:flex;position:relative}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ab-print:hover .ab-print__body{translate:0 -3px}}.ab-print__film{aspect-ratio:4/5;border-radius:var(--ui-radius-md);background:var(--ui-panel);box-shadow:inset 0 0 0 1px var(--ui-ring);place-items:center;display:grid;position:relative;overflow:hidden}.ab-print__dither{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.ab-print__photo{object-fit:cover;width:100%;height:100%;animation:1.6s cubic-bezier(.3,0,.2,1) both ab-develop}.ab-print__hint{color:var(--ui-muted);font:var(--ui-type-label);text-align:center;flex-direction:column;gap:2px;margin-top:60%;display:flex;position:relative}.ab-print__hint b{color:var(--ui-ink);font:var(--ui-type-meta)}.ab-print__caption{padding:var(--ui-space-3) var(--ui-space-1);color:var(--ui-muted);font:var(--ui-type-label);text-align:center;display:block}.ab-print__hint{transition:opacity var(--ui-dur-base) var(--ui-ease)}.ab-print:hover .ab-print__hint{opacity:0}html[data-color-scheme=dark] .ab-print__body,[data-scheme-scope=dark] .ab-print__body{box-shadow:var(--ui-shadow-hairline)}.ab-shelf{gap:var(--ui-seam);padding:var(--ui-seam);border-radius:var(--ui-radius-lg);background:var(--ui-raised);box-shadow:var(--ui-shadow-media);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ab-shelf__item{aspect-ratio:1;padding:var(--ui-space-5);border-radius:calc(var(--ui-radius-lg) - var(--ui-seam));background:var(--ui-panel);color:var(--ui-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;place-items:center;display:grid}.ab-shelf__item>*{width:100%;height:100%;transition:translate var(--ui-dur-exit) var(--ui-ease), scale var(--ui-dur-exit) var(--ui-ease)}@media (hover:hover) and (pointer:fine){.ab-shelf__item:hover>*{transition-duration:0s;translate:0 -4px}}.ab-shelf__item[data-picked]>*{translate:0 -6px;scale:1.06}.ab-shelf__item:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}.ab-shelf__svg{display:block;overflow:visible}.ab-shelf__blueprint path[data-tone]{fill:none;stroke:var(--ui-ink);stroke-width:.9px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.ab-shelf__blueprint path[data-tone="3"]{stroke-dasharray:3 2}.ab-shelf__callout path{fill:none;stroke:var(--ui-accent);stroke-width:.8px;vector-effect:non-scaling-stroke}.ab-shelf__callout circle{fill:var(--ui-accent)}.ab-shelf__callout text{fill:var(--ui-accent);font:var(--ui-weight-medium) 7.5px var(--ui-font-sans)}.ab-shelf__item[data-picked] .ab-shelf__blueprint path[data-tone]{stroke:var(--ui-accent)}@media (max-width:640px){.ab-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-shelf__item{padding:var(--ui-space-4)}}@media (prefers-reduced-motion:reduce){.ab-shelf__item>*{transition:none}}.ab-chapters ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.ab-chapters a{align-items:baseline;gap:var(--ui-space-3);padding:3px var(--ui-space-2);margin-inline:calc(-1 * var(--ui-space-2));border-radius:var(--ui-radius-sm);color:var(--ui-muted);font:var(--ui-type-ui);transition:color var(--ui-dur-exit) var(--ui-ease), background-color var(--ui-dur-exit) var(--ui-ease);text-decoration:none;display:flex}.ab-chapters__n{width:18px;color:var(--ui-faint);font:var(--ui-type-label);font-variant-numeric:tabular-nums}.ab-chapters a[aria-current]{background:var(--ui-fill);color:var(--ui-ink)}.ab-chapters a[aria-current] .ab-chapters__n{color:var(--ui-accent)}@media (hover:hover) and (pointer:fine){.ab-chapters a:hover{color:var(--ui-ink);transition-duration:0s}}.ab-chapters a:focus-visible{box-shadow:0 0 0 2px var(--ui-focus);outline:none}
