@font-face{font-family:Spectral;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/spectral-latin-300-normal-Csl9mA3s.woff2) format("woff2"),url(/assets/spectral-latin-300-normal-BMSND_f1.woff) format("woff")}@font-face{font-family:Spectral;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/spectral-latin-400-normal-CTVgUekv.woff2) format("woff2"),url(/assets/spectral-latin-400-normal-D34IWA1h.woff) format("woff")}@font-face{font-family:Spectral;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/spectral-latin-400-italic-CDO25mTW.woff2) format("woff2"),url(/assets/spectral-latin-400-italic-Ds-NcNVC.woff) format("woff")}@font-face{font-family:Spectral;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/spectral-latin-500-normal-nNjq7_Cd.woff2) format("woff2"),url(/assets/spectral-latin-500-normal-PrYyf_gG.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}:root{color-scheme:dark;--night: #13110e;--lip-edge: #3d362d;--lip-face: #221e19;--ink: #ede6da;--ink-2: #b8ae9f;--faint: #8e8577;--hair: rgba(237, 230, 218, .11);--lamp: rgba(255, 213, 158, .075);--alert: #e8a48b;--serif: "Spectral", "Iowan Old Style", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease: cubic-bezier(.2, .7, .1, 1);--spring: linear(0, .0398, .1302, .2413, .3554, .4629, .5591, .6424, .7127, .771, .8188, .8574, .8883, .9129, .9323, .9476, .9596, .9689, .9761, .9817, .986, .9893, .9919, .9938, .9953, .9964, .9973, .998, .9985, .9988, .9991, .9993, 1);--gutter: 40px;--side-l: max(var(--gutter), env(safe-area-inset-left));--side-r: max(var(--gutter), env(safe-area-inset-right));--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .78 .065 0 0 0 -.015'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--room: var(--grain), radial-gradient(90% 55% at 50% -8%, rgba(255, 214, 165, .05), transparent 70%), radial-gradient(130% 95% at 50% 40%, transparent 52%, rgba(0, 0, 0, .38)), var(--night)}*,*:before,*:after{box-sizing:border-box}html{background:var(--night);-webkit-text-size-adjust:100%}body:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--room);pointer-events:none}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.is-detail body{overflow:hidden}html.is-detail .cabinet{content-visibility:hidden}:focus-visible{outline:1.5px solid var(--ink);outline-offset:3px}.skip{position:absolute;left:12px;top:-60px;z-index:20;padding:8px 12px;border-radius:6px;background:var(--ink);color:var(--night);font:500 12px/1 var(--mono);text-decoration:none}.skip:focus{top:12px}.mark{font-weight:400;position:absolute;top:calc(26px + env(safe-area-inset-top));left:var(--side-l);margin:0;font:400 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}.mark a{color:inherit;text-decoration:none}.mark-count:not(:empty):before{content:"·";margin:0 .7em;color:var(--faint)}.mark-count{color:var(--faint);font-variant-numeric:tabular-nums}.cabinet{contain-intrinsic-size:auto 100vh;max-width:1480px;margin:0 auto;padding:calc(92px + env(safe-area-inset-top)) var(--side-r) 72px var(--side-l);outline:none}.cabinet-note{color:var(--ink-2)}.case+.case{margin-top:64px}.case-label{margin:0 0 6px;font:400 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}.case-count{margin-left:.9em;color:var(--faint);font-variant-numeric:tabular-nums}.tier{position:relative;padding-bottom:30px}.tier:before{content:"";position:absolute;inset:calc(var(--stage) * -.2) calc(var(--gutter) * -.5) auto;height:calc(var(--stage) * 1.2);background:radial-gradient(46% 70% at 50% 100%,var(--lamp),transparent),radial-gradient(75% 40% at 50% 100%,rgba(255,228,190,.035),transparent);pointer-events:none}.tier:after{content:"";position:absolute;top:var(--stage);left:calc(var(--gutter) * -.5);right:calc(var(--gutter) * -.5);height:10px;background:linear-gradient(to bottom,var(--lip-edge) 0 1px,var(--lip-face) 1px,#1a1713);box-shadow:0 14px 26px -8px #000000b3;-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);pointer-events:none}.tier+.tier{margin-top:26px}.tier-things{position:relative;z-index:1;display:flex;justify-content:center;margin:0;padding:0;list-style:none}.thing{flex:none}.thing-link{display:flex;flex-direction:column;color:inherit;text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent}.thing-stage{position:relative;display:block}.thing-stage:before{content:"";position:absolute;left:50%;bottom:0;width:var(--obj-w);height:40%;transform:translate(-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--tone) 22%,transparent),transparent);transition:opacity .6s var(--ease)}.thing-stage.is-loaded:before{opacity:0}.thing-pic{position:absolute;left:50%;bottom:calc(var(--drop) * -1);transform:translate(calc(-50% + var(--shift)));transition:transform .45s var(--ease)}.thing-pic img{display:block;width:100%;height:100%;opacity:0;transition:opacity .6s var(--ease)}.thing-stage.is-loaded .thing-pic img{opacity:1}.thing-pic.is-photo img{outline:1px solid rgba(255,255,255,.05);outline-offset:-1px}.thing-stage.is-missing .thing-pic{display:none}.thing-stage.is-missing:after{content:"image missing";position:absolute;left:50%;bottom:10px;transform:translate(-50%);white-space:nowrap;font:400 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.tag{display:grid;gap:5px;justify-items:center;margin:22px auto 0;padding:2px 8px 4px;max-width:100%;border-radius:3px;text-align:center}.tag-maker{font:400 9.5px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.tag-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font:400 14.5px/1.3 var(--serif);color:var(--ink-2);text-wrap:balance;transition:color .3s var(--ease)}@media(hover:hover){.thing-link:hover .thing-pic{transform:translate(calc(-50% + var(--shift)),-7px)}.thing-link:hover .tag-name{color:var(--ink)}}@media(hover:none){.thing-link:active .thing-pic{transform:translate(calc(-50% + var(--shift)),-4px);transition-duration:.12s}}.thing-link:focus-visible .thing-pic{transform:translate(calc(-50% + var(--shift)),-7px)}.thing-link:focus-visible .tag{outline:1.5px solid var(--ink);outline-offset:2px}.thing-link:focus-visible .tag-name{color:var(--ink)}.empty{position:relative;z-index:1;display:grid;place-content:center;gap:10px;height:var(--stage);text-align:center}.empty-title{margin:0;font:300 24px/1.2 var(--serif)}.empty-hint{margin:0;font:400 12px/1.6 var(--mono);color:var(--ink-2)}.empty code,.notes-body code{font-family:var(--mono);font-size:.9em;color:var(--ink)}.credit{padding:0 var(--side-r) max(48px,calc(20px + env(safe-area-inset-bottom))) var(--side-l);text-align:center}.credit p{margin:0;font:400 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}.credit a{display:inline-block;padding:12px 4px;margin:-12px -4px;border-radius:3px;color:var(--ink-2);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;transition:color .2s,text-decoration-color .2s}.credit a:hover,.credit a:focus-visible{color:var(--ink);text-decoration-color:var(--hair)}.credit a:focus-visible{outline-offset:0}html.is-detail .credit{visibility:hidden}.detail{position:fixed;inset:0;z-index:10;overflow:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;background:var(--room)}.detail[hidden]{display:none}.sheet{min-height:100%}.sheet-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:max(16px,env(safe-area-inset-top)) var(--side-r) 14px var(--side-l);background:linear-gradient(to bottom,rgba(19,17,14,.9),rgba(19,17,14,.62) 60%,transparent)}.sheet-bar button{min-height:40px;border:1px solid transparent;border-radius:999px;background:none;color:var(--ink-2);font:400 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .2s,background-color .2s}.sheet-bar button:hover{color:var(--ink);background:#ffffff0d}.bar-back{display:inline-flex;align-items:center;gap:10px;padding:0 14px 0 10px;margin-left:-10px}.bar-arrow{font-size:14px;letter-spacing:0}.bar-nav{display:flex;align-items:center;gap:4px;margin-right:-8px}.sheet-bar .bar-step{width:40px;font-size:20px;letter-spacing:0}.bar-pos{min-width:64px;text-align:center;font:400 11px/1 var(--mono);letter-spacing:.12em;color:var(--faint);font-variant-numeric:tabular-nums}.sheet-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:clamp(32px,5vw,80px);align-items:start;max-width:1440px;margin:0 auto;padding:4px var(--side-r) max(80px,env(safe-area-inset-bottom)) var(--side-l)}.visual{position:sticky;top:72px}.stage{position:relative;display:grid;place-items:center;height:min(74vh,780px);margin:0;background:radial-gradient(60% 56% at 50% 40%,rgba(255,213,158,.08),rgba(255,213,158,.025) 55%,transparent 78%)}.stage-pic{position:absolute;inset:4%;display:flex;align-items:center;justify-content:center}.stage-pic img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;animation:appear .5s var(--ease) both}.stage-pic.is-photo img{border-radius:3px;filter:brightness(.88) saturate(.96)}@media(hover:hover)and (pointer:fine){.stage-pic img{cursor:zoom-in;transition:transform .4s var(--ease)}.stage.is-zoomed{overflow:hidden}.stage.is-zoomed .stage-pic img{cursor:zoom-out;transform:scale(var(--zoom))}}.stage-pic.is-missing img{display:none}.stage-pic.is-missing:after{content:"This image is missing. Run npm run images to rebuild it.";font:400 12px/1.5 var(--mono);color:var(--faint);text-align:center}@keyframes appear{0%{opacity:0}}.thumbs{display:flex;gap:10px;justify-content:center;margin-top:16px;padding:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-y pinch-zoom}.thumbs.is-scrollable{touch-action:pan-x pan-y pinch-zoom}.thumb{flex:none;width:64px;height:64px;padding:0;border:1px solid transparent;border-radius:6px;background:#ffffff09;overflow:hidden;cursor:pointer;opacity:.62;transition:opacity .2s,border-color .2s}.thumb:hover,.thumb[aria-pressed=true]{opacity:1}.thumb[aria-pressed=true]{border-color:color-mix(in srgb,var(--ink) 55%,transparent)}.thumb:focus-visible{opacity:1;outline-offset:1px}.thumb picture,.thumb img{display:block;width:100%;height:100%}.thumb img{object-fit:cover}.thumb.is-photo img{filter:brightness(.88)}.thumb.is-cutout img{object-fit:contain;padding:5px}.info{max-width:580px;padding-top:clamp(8px,4vh,48px)}.info-section{margin:0 0 30px;font:400 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}.info-maker{margin:0;font:400 12px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}.info-title{outline:none;margin:12px 0 22px;font:300 clamp(34px,3.4vw,52px) / 1.06 var(--serif);letter-spacing:-.012em;text-wrap:balance}.info-facts{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 22px;margin:0;font:400 13px/1.4 var(--mono)}.info-price{color:var(--ink);font-variant-numeric:tabular-nums}.info-shop{display:inline-block;padding:12px 0;margin:-12px 0;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:5px;transition:color .2s,text-decoration-color .2s}.info-shop:hover{color:var(--ink);text-decoration-color:currentColor}.info-shop-arrow{margin-left:6px}.notes,.from-shop{margin-top:46px;padding-top:24px;border-top:1px solid var(--hair)}.notes[hidden]{display:none}.notes.is-empty{margin-top:30px;padding-top:0;border-top:0}.info-label{margin:0 0 16px;font:400 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}.notes-body{font:400 19px/1.62 var(--serif);color:var(--ink)}.notes-body>:first-child{margin-top:0}.notes-body p,.notes-body ul,.notes-body ol,.notes-body blockquote,.notes-body pre{margin:0 0 .85em}.notes-body h3,.notes-body h4,.notes-body h5{margin:1.4em 0 .4em;font:500 1em/1.3 var(--serif)}.notes-body a{color:inherit;text-decoration-color:color-mix(in srgb,var(--ink) 40%,transparent);text-underline-offset:4px}.notes-body blockquote{padding-left:18px;border-left:1px solid var(--hair);color:var(--ink-2);font-style:italic}.notes-body pre{padding:12px 14px;border-radius:6px;background:#ffffff0a;overflow-x:auto;font:400 13px/1.5 var(--mono)}.notes-body hr{border:0;border-top:1px solid var(--hair);margin:1.4em 0}.notes button{min-height:38px;padding:0 16px;border-radius:999px;font:400 12px/1 var(--mono);letter-spacing:.08em;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.notes-edit,.notes-cancel{border:1px solid var(--hair);background:none;color:var(--ink-2)}.notes-edit{margin-top:18px}.notes .notes-add{min-height:32px;padding:0;border:0;background:none;color:var(--faint);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.notes .notes-add:hover{color:var(--ink-2)}.notes-edit:hover,.notes-cancel:hover{border-color:color-mix(in srgb,var(--ink) 40%,transparent);color:var(--ink)}.notes-input{display:block;width:100%;min-height:190px;padding:14px 16px;border:1px solid var(--hair);border-radius:8px;background:#ffffff08;color:var(--ink);font:400 14px/1.65 var(--mono);resize:vertical}.notes-input::placeholder{color:var(--faint)}.notes-input:focus{outline:none;border-color:color-mix(in srgb,var(--ink) 45%,transparent)}.notes-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.notes-save{border:1px solid var(--ink);background:var(--ink);color:var(--night)}.notes-save:hover{background:#fff}.notes-save:disabled{opacity:.6;cursor:progress}.notes-hint{margin-left:auto;font:400 11px/1 var(--mono);color:var(--faint)}.notes-error{margin:10px 0 0;font:400 12px/1.5 var(--mono);color:var(--alert)}.notes-error:empty{display:none}.from-shop{color:var(--ink-2)}.from-shop p{margin:0;font:400 15.5px/1.6 var(--serif);text-wrap:pretty}.status{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));z-index:30;max-width:calc(100vw - 32px);margin:0;padding:10px 16px;border:1px solid var(--hair);border-radius:999px;background:#1e1b17f0;color:var(--ink-2);font:400 12px/1.3 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translate(-50%,8px);transition:opacity .3s var(--ease),transform .3s var(--ease);pointer-events:none}.status.is-on{opacity:1;transform:translate(-50%)}.status.is-error{color:var(--alert)}::view-transition-group(thing-hero){animation-duration:.56s;animation-timing-function:var(--spring)}html.is-closing::view-transition-group(thing-hero){animation-duration:.46s}::view-transition-old(thing-hero),::view-transition-new(thing-hero){height:100%}html.is-opening:not(.is-unready)::view-transition-old(thing-hero),html.is-closing::view-transition-new(thing-hero){animation:none;opacity:0}html.is-opening:not(.is-unready)::view-transition-new(thing-hero),html.is-closing::view-transition-old(thing-hero){animation:none;opacity:1;mix-blend-mode:normal}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s;animation-timing-function:cubic-bezier(.33,0,.2,1)}html.is-opening .info,html.is-closing .info{view-transition-name:thing-info}::view-transition-new(thing-info){animation:info-in .42s var(--ease) .12s both}::view-transition-old(thing-info){animation:info-out .14s ease-out both}@keyframes info-in{0%{opacity:0;transform:translateY(10px)}}@keyframes info-out{to{opacity:0}}html.is-morphing .thing-pic,html.is-morphing .thing-pic img{transition:none}.stage-pic img[data-arrived]{animation:none}html.is-stepping::view-transition-old(root),html.is-stepping::view-transition-new(root){animation-duration:.22s}@media(max-width:760px){:root{--gutter: 16px}.mark{top:calc(22px + env(safe-area-inset-top))}.cabinet{padding-top:calc(66px + env(safe-area-inset-top));padding-bottom:56px}.credit p{font-size:10px}.case+.case{margin-top:44px}.case-label{margin-bottom:2px}.tier{padding-bottom:14px}.tier+.tier{margin-top:14px}.tier-things{justify-content:center}.tag{gap:4px;margin-top:13px;padding:2px 2px 4px}.tag-name{font-size:13.5px;line-height:1.22;-webkit-line-clamp:4;line-clamp:4}.tag-maker{font-size:9px;letter-spacing:.12em}.sheet-bar{padding-bottom:8px}.sheet-bar button{min-height:44px}.sheet-bar .bar-step{width:44px}.bar-pos{min-width:56px}.sheet-body{grid-template-columns:minmax(0,1fr);gap:12px;padding-bottom:max(56px,calc(24px + env(safe-area-inset-bottom)))}.visual{position:static}.stage{width:100%;height:auto;aspect-ratio:var(--ar, 1);max-height:min(52vh,460px);min-height:220px}.thumbs{justify-content:flex-start;gap:8px;margin:10px calc(var(--side-r) * -1) 0 calc(var(--side-l) * -1);padding:4px var(--side-r) 4px var(--side-l);scroll-padding-inline:var(--side-l) var(--side-r);scroll-snap-type:x proximity}.thumb{width:56px;height:56px;scroll-snap-align:start}.info{padding-top:14px}.info-section{margin-bottom:14px}.info-maker{font-size:11px}.info-title{margin:10px 0 18px;font-size:clamp(28px,8.4vw,34px);line-height:1.1}.info-facts{gap:6px 20px}.notes,.from-shop{margin-top:34px}.notes.is-empty{margin-top:22px}.notes-body{font-size:18px}.notes-hint{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}