:root{--sketch-bg: #000;--sketch-ink: #fff;--sketch-muted: #e3e7ed;--sketch-text-shadow: 0 1px 2px rgb(0 0 0 / 60%), 0 0 12px rgb(0 0 0 / 45%)}html,body{height:100vh;overflow:hidden}body{margin:0;box-sizing:border-box;display:grid;grid-template:"header" 3rem "stage" 1fr "titlebar" 4rem;background:var(--sketch-bg);color:var(--sketch-ink);font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}.sketch-header,.sketch-titlebar{display:grid;align-items:center;gap:1rem;padding-inline:2rem}.sketch-header{grid-area:header;font-size:1rem;letter-spacing:.14em;color:var(--sketch-muted);text-shadow:var(--sketch-text-shadow)}.sketch-site-title{justify-self:start;position:relative;z-index:1;color:inherit;text-decoration:none;view-transition-name:site-title}.sketch-site-title:hover,.sketch-site-title:focus-visible{color:var(--sketch-ink)}.sketch-stage{grid-row:header-start / titlebar-end;grid-column:stage;min-height:0;display:grid}#ascii-movie{display:block;width:100%;height:100%;outline:none}.sketch-titlebar{position:fixed;inset-inline:0;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.375rem 1rem;pointer-events:none;text-shadow:var(--sketch-text-shadow)}.sketch-credit{margin:0;font-size:.75rem;color:var(--sketch-muted)}.sketch-credit span{white-space:nowrap}.sketch-credit a{color:inherit;pointer-events:auto}.sketch-credit a:hover,.sketch-credit a:focus-visible{color:var(--sketch-ink)}.sketch-titlebar h1{margin:0;font-weight:500;font-size:clamp(1.25rem,3vw,1.875rem);letter-spacing:-.02em;color:var(--sketch-muted)}@view-transition{navigation:auto}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.15s}