:root{--black:#000;--white:#fff;--dim:#8f8f8f;--line:#2b2b2b;--green:#0f9;--sans:"Pretendard Variable", Pretendard, system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--gutter:clamp(16px, 2.4vw, 40px);--top:64px;--label:44px;--gap:12px;--columns:3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--black);color:var(--white);font-family:var(--sans);word-break:keep-all;-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}a:hover,button:hover{color:var(--white)}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.screen{aspect-ratio:16/9;background:var(--black);width:100%;display:block;overflow:hidden}.screen canvas{object-fit:contain;width:100%;height:100%;display:block}.screen.cover canvas{object-fit:cover}.page{padding:0 max(var(--gutter), env(safe-area-inset-right)) 64px max(var(--gutter), env(safe-area-inset-left))}.top{height:var(--top);justify-content:space-between;align-items:center;font-size:15px;display:flex}.top h1{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.top a{font-family:var(--mono);color:var(--dim);font-size:13px}section+section{margin-top:40px}h2{letter-spacing:-.02em;align-items:baseline;gap:10px;margin:0 0 16px;font-size:clamp(20px,2.2vw,28px);font-weight:800;display:flex}h2 span{font-family:var(--mono);letter-spacing:0;color:var(--dim);font-size:13px;font-weight:400}.hall{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));gap:var(--gap);margin:0;padding:0;list-style:none;display:grid}.piece{display:block}.label{height:var(--label);color:var(--dim);align-items:center;gap:12px;font-size:15px;display:flex}.label strong{letter-spacing:-.02em;color:var(--white);font-weight:800}.piece:hover strong,.piece:focus-visible strong{color:var(--green)}.label .date{margin-left:auto}.date{font-family:var(--mono);font-size:13px}.watch{grid-template-rows:minmax(0,1fr) auto;height:100dvh;display:grid}.stage{background:var(--black);place-items:center;min-height:0;display:grid}.stage .screen{width:min(100%,177.778dvh - 99.5556px);max-height:100%}.stage:fullscreen .screen{width:min(100vw,177.778vh)}.bar{min-height:56px;padding:8px max(var(--gutter), env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 20px;font-size:15px;display:flex}.bar>a{letter-spacing:-.02em;font-weight:800}.bar strong{font-weight:700}.meta{color:var(--dim)}.actions{gap:8px;margin-left:auto;display:flex}button{border:1px solid var(--line);color:var(--dim);font-family:var(--sans);cursor:pointer;background:0 0;border-radius:0;padding:6px 12px;font-size:13px}html.embed,html.embed body,html.embed #root{width:100%;height:100%;overflow:hidden}html.embed .screen{aspect-ratio:auto;height:100%}.missing{min-height:100dvh;color:var(--dim);place-content:center;justify-items:center;gap:12px;font-size:15px;display:grid}.missing p{color:var(--white);margin:0}.missing a{text-decoration:underline}@media (width<=1100px){:root{--columns:2}}@media (width<=640px){:root{--top:56px;--columns:1}.bar .meta{display:none}}