:root{--bg:#efece2;--bg-hi:#f6f4ec;--bg-edge:#e3dfd1;--ink:#4a4636;--kerf:#3b3729;--rule:74, 70, 54;--hair:rgba(var(--rule), .16);--hair2:rgba(var(--rule), .3);--dim:rgba(var(--rule), .62);--faint:rgba(var(--rule), .42);--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Hiragino Sans", "Noto Sans JP", Arial, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--pad:clamp(20px, 5vw, 56px);--max:1120px}@media (prefers-color-scheme:dark){:root{--bg:#15170f;--bg-hi:#1d2016;--bg-edge:#0c0d08;--ink:#cdc9b4;--kerf:#efece0;--rule:214, 210, 190}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.65;overflow-x:hidden}a{color:inherit}::selection{background:rgba(var(--rule), .22)}:focus-visible{outline:1.5px solid var(--ink);outline-offset:3px;border-radius:2px}.tag,.chip,.env,.replay,.tile-meta,.bar-name,.foot-id,.foot-by{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase}.bar{z-index:20;padding:12px var(--pad);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);opacity:0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;transition:opacity .4s,transform .4s cubic-bezier(.2,.7,.3,1);display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.bar.on{opacity:1;border-bottom-color:var(--hair);transform:none}.bar-id{align-items:center;gap:10px;text-decoration:none;display:flex}.bar-mark{width:26px;height:20px;display:block}.bar-name{color:var(--dim);font-size:10px}.bar-id:hover .bar-name{color:var(--ink)}.bar-nav{align-items:center;gap:20px;display:flex}.bar-nav a{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-size:10px;text-decoration:none;transition:color .18s}.bar-nav a:hover{color:var(--ink)}@media (width<=600px){.bar-nav{gap:13px}.bar-name{display:none}}.env{color:var(--bg);background:var(--ink);letter-spacing:.18em;border-radius:2px;padding:3px 7px 2px;font-size:9px}.hero{z-index:1;height:min(463px,57.4svh);display:block;position:relative}.hero-mark{width:auto;max-width:min(70%,400px);height:auto;max-height:76%;margin:auto;display:block;position:absolute;inset:0}.hero canvas#logo{width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 24px),#0000 100%)}.replay{opacity:0;right:var(--pad);color:var(--faint);border:1px solid var(--hair);cursor:pointer;pointer-events:none;background:0 0;border-radius:2px;align-items:center;gap:7px;padding:7px 12px;font-size:9px;transition:opacity .9s,color .2s,border-color .2s;display:inline-flex;position:absolute;bottom:20px}.is-cut .replay{opacity:1;pointer-events:auto}.replay:hover{color:var(--ink);border-color:var(--hair2)}@media (width<=640px){.replay{border-radius:50%;gap:0;padding:9px;bottom:14px;right:14px}.replay-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}main{z-index:1;position:relative}main:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(to right, rgba(var(--rule), .05) 1px, transparent 1px), linear-gradient(to bottom, rgba(var(--rule), .05) 1px, transparent 1px);background-size:24px 24px;position:absolute;inset:0}.section{max-width:var(--max);padding:clamp(64px, 10vh, 120px) var(--pad);margin:0 auto}.section+.section{position:relative}.section+.section:before{content:"";background:var(--hair);width:100vw;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.section-head{margin-bottom:clamp(32px,5vh,52px)}.tag{color:var(--faint);margin-bottom:14px;font-size:10px;display:block}.section-head h2{letter-spacing:-.02em;margin:0;font-size:clamp(30px,5vw,46px);font-weight:600;line-height:1.1}.tiles{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:clamp(16px,2.4vw,26px);margin:0;padding:0;list-style:none;display:grid}.tile{display:flex}.tile-link{width:100%;color:inherit;background:color-mix(in srgb, var(--bg-hi) 72%, transparent);border:1px solid var(--hair);border-radius:5px;flex-direction:column;text-decoration:none;transition:border-color .22s,transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s;display:flex;overflow:hidden}a.tile-link:hover{border-color:var(--hair2);transform:translateY(-3px);box-shadow:0 12px 30px -18px #00000080}.tile-art{aspect-ratio:40/21;border-bottom:1px solid var(--hair);background:#08131f;overflow:hidden}.tile-art svg,.tile-art img{object-fit:cover;width:100%;height:100%;display:block}.tile-art-blank{color:rgba(var(--rule), .5);background:0 0;place-items:center;display:grid}.tile-body{flex-direction:column;flex:1;gap:9px;padding:20px 20px 22px;display:flex}.tile-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.tile-title h3{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:600}.tile-body p{color:var(--faint);margin:0;font-size:14.5px;line-height:1.6}.chip{border:1px solid var(--hair2);color:var(--dim);border-radius:999px;flex:none;padding:4px 9px 3px;font-size:9px}.chip-live{background:var(--ink);color:var(--bg);border-color:#0000}.tile-meta{color:rgba(var(--rule), .38);flex-wrap:wrap;align-items:center;gap:8px;padding-top:6px;font-size:9px;display:flex;margin-top:auto!important}.tile-meta .host{text-transform:none;letter-spacing:.06em}.tile-meta .sep{opacity:.6}.tile-soon .tile-link{border-style:dashed;border-color:rgba(var(--rule), .24);background:0 0}.tile-soon .tile-art{border-bottom-style:dashed;border-bottom-color:rgba(var(--rule), .2)}.tile-soon h3{color:var(--faint);font-weight:500}.foot{z-index:1;border-top:1px solid var(--hair);background:color-mix(in srgb, var(--bg-edge) 55%, var(--bg));position:relative}.foot-in{max-width:var(--max);padding:40px var(--pad) 34px;color:var(--faint);margin:0 auto;font-size:9.5px}.foot-nav{border-bottom:1px solid var(--hair);grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:26px;margin-bottom:22px;padding-bottom:30px;display:grid}.foot-col{flex-direction:column;align-items:flex-start;gap:9px;display:flex}.foot-h{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:1px;font-size:9px}.foot-col a{color:var(--faint);border-bottom:1px solid #0000;font-size:12.5px;text-decoration:none;transition:color .18s,border-color .18s}.foot-col a:hover{color:var(--ink);border-bottom-color:var(--hair2)}.foot-base{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px 26px;display:flex}.foot p{margin:0}.foot-id{align-items:baseline;gap:14px;display:flex}.foot-name{color:var(--dim)}.foot-by a,.foot-link{color:var(--dim);border-bottom:1px solid var(--hair2);padding-bottom:2px;text-decoration:none;transition:color .18s,border-color .18s}.foot-by a:hover,.foot-link:hover{color:var(--ink);border-bottom-color:var(--ink)}.foot-ja{letter-spacing:.06em;text-transform:none;opacity:.55;margin-left:10px;display:inline-block}@media (width<=520px){.foot-ja{margin:6px 0 0;display:block}}