:root{--ink:oklch(13% 0 0);--white:oklch(97% 0 0);--font-latin:"Manrope", "Noto Sans JP", sans-serif;--font-jp:"Noto Sans JP", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--gutter:clamp(.75rem, 2vw, 1.5rem);--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:var(--ink);color:var(--ink);font:500 1rem/1.6 var(--font-jp);letter-spacing:.02em;word-break:auto-phrase;-webkit-font-smoothing:antialiased;margin:0}h2{margin:0;font-style:normal}p{margin:0}img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--white);outline-offset:-3px}.ph{display:inline-block}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wall{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.wall.is-dragging{cursor:grabbing}.tile{outline:1px solid var(--ink);outline-offset:-1px;cursor:inherit;will-change:transform;background:oklch(22% 0 0);border:0;padding:0;position:absolute;top:0;left:0}.tile img{pointer-events:none;filter:grayscale()contrast(1.1);transition:filter .4s var(--ease-out), opacity .4s var(--ease-out)}.tile:hover img,.tile:focus-visible img{filter:none}.tile.is-dim img{opacity:.12}.tile.is-lit img{filter:none}.tile__label{background:var(--white);max-width:calc(100% - 1rem);font:900 .8rem/1.4 var(--font-jp);text-align:left;opacity:0;transition:opacity .25s, translate .25s var(--ease-out);padding:.2rem .5rem;position:absolute;bottom:.5rem;left:.5rem;translate:0 6px}.tile:hover .tile__label,.tile:focus-visible .tile__label{opacity:1;translate:0}.live .wall:not(.is-ready) .tile{opacity:0}.live .wall.is-ready .tile{animation:tile-in .9s var(--ease-out) both;animation-delay:var(--d,0s)}@keyframes tile-in{0%{opacity:0;translate:0 24px}}.boot{z-index:30;background:var(--ink);color:var(--white);transition:opacity .5s var(--ease-out) .7s, visibility 0s 1.2s;place-content:center;justify-items:center;gap:1.2rem;display:grid;position:fixed;inset:0}.boot__cells{grid-template-columns:repeat(var(--cols,15), 14px);gap:4px;display:grid}.boot__cells i{aspect-ratio:16/10;width:14px;transition:background-color .2s, scale .5s var(--ease-out);transition-delay:0s, var(--d,0s);outline:1px solid oklch(97% 0 0/.35)}.boot__cells i.is-on{background:var(--white)}.boot__count{font:800 clamp(2.5rem, 7vw, 5rem)/1 var(--font-latin);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.boot__label{font:400 .72rem/1 var(--font-mono);letter-spacing:.14em}.boot.is-done{opacity:0;visibility:hidden}.boot.is-done .boot__cells i{scale:0}html:not(.live) .boot{display:none}@media (width<=767px){.boot__cells{grid-template-columns:repeat(var(--cols,10), 12px)}.boot__cells i{width:12px}}.tags{z-index:5;pointer-events:none;gap:.35rem;display:grid;position:fixed}.tags>*{pointer-events:auto}.tags--top{top:var(--gutter);left:var(--gutter);justify-items:start}.tags--cats{right:var(--gutter);bottom:var(--gutter);justify-items:end}.tag{background:var(--white);color:var(--ink);font:500 .85rem/1.5 var(--font-jp);white-space:nowrap;padding:.15rem .55rem;text-decoration:none;display:inline-block}.tag--logo{font:800 1.9rem/1.1 var(--font-latin);letter-spacing:-.04em}.tags--cats button{cursor:pointer;font:500 clamp(.9rem, 1.6vw, 1.35rem)/1.4 var(--font-jp);border:0;transition:background-color .2s,color .2s}.tags--cats button small{font:400 .7em/1 var(--font-mono);margin-left:.4em}.tags--cats button:hover,.tags--cats button[aria-pressed=true]{background:var(--ink);color:var(--white);outline:1px solid var(--white)}.hint{z-index:5;left:var(--gutter);bottom:var(--gutter);background:var(--white);font:400 .72rem/1.5 var(--font-mono);letter-spacing:.1em;padding:.15rem .55rem;position:fixed}.view{background:var(--white);width:min(100% - 2rem,1200px);max-height:92dvh;color:var(--ink);border:0;padding:0}.view::backdrop{background:oklch(13% 0 0/.85)}.view__inner{gap:1rem;padding:clamp(1.25rem,3vw,2.5rem);display:grid}.view__meta{font:400 .75rem/1 var(--font-mono);letter-spacing:.08em;flex-wrap:wrap;gap:1.2rem;display:flex}.view h2{font:900 clamp(1.4rem, 3vw, 2.4rem)/1.4 var(--font-jp)}.view__shot{border:1px solid oklch(80% 0 0);justify-self:center;width:auto;max-width:100%;height:auto;max-height:calc(92dvh - 16rem)}.view__nav{justify-content:space-between;gap:.5rem;display:flex}.view__nav button{border:2px solid var(--ink);background:var(--white);font:900 .9rem/1 var(--font-jp);white-space:nowrap;cursor:pointer;padding:.7rem 1.2rem}.view__nav button:hover{background:var(--ink);color:var(--white)}.view__nav button:active{transform:translateY(1px)}.view[open]{animation:view-in .4s var(--ease-out)}@keyframes view-in{0%{opacity:0;translate:0 30px}}@media (width<=767px){.tag--logo{font-size:1.4rem}.tags--top .tag:nth-child(3),.tags--top .tag:nth-child(5){display:none}.tags--cats{padding:0 var(--gutter);scrollbar-width:none;gap:.35rem;display:flex;left:0;right:0;overflow-x:auto}.tags--cats button{flex:none;font-size:.85rem}.hint{display:none}}@media (prefers-reduced-motion:reduce){.tile img,.tile__label{transition:none}.view[open]{animation:none}}