@font-face{font-family:Literata FF;src:url(/fonts/literata.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:Literata FF;src:url(/fonts/literata-italic.woff2) format("woff2");font-weight:200 900;font-style:italic;font-display:swap}:root{--door-ground:#0e0d0c;--door-ink:#e8dcc8;--door-ink2:#b3a993;--ground:#0e0d0c;--ink:#e8dcc8;--ink2:#b3a993;--face:"Literata FF", Georgia, "Times New Roman", serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--edge:16px;--edge-l:max(var(--edge), env(safe-area-inset-left, 0px));--edge-r:max(var(--edge), env(safe-area-inset-right, 0px));--ease-out:cubic-bezier(.2,.7,.2,1)}@media(min-width:768px){:root{--edge:32px}}@media(min-width:1200px){:root{--edge:48px}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;background:var(--ground);color:var(--ink)}body{font-family:var(--face);font-optical-sizing:auto;font-kerning:normal;min-height:100dvh;overflow-x:hidden}a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lc{text-transform:lowercase}[hidden]{display:none!important}#door{min-height:100dvh;display:flex;flex-direction:column;padding:max(var(--space-4),env(safe-area-inset-top)) var(--edge-r) max(var(--space-5),env(safe-area-inset-bottom)) var(--edge-l);background:var(--door-ground);color:var(--door-ink)}.who{display:flex;align-items:center;gap:var(--space-3);font-size:clamp(18px,4.8vw,26px);letter-spacing:.01em;text-decoration:none;align-self:flex-start;min-height:44px;font-variation-settings:"opsz" 24}.who svg{width:clamp(64px,10vw,120px);height:clamp(64px,10vw,120px);flex:none;margin-left:-6px}.who svg *{stroke:currentColor}.field{flex:1 0 auto;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-5) 0 0;min-height:min(36vh,300px)}.portraits{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);width:100%;height:min(34vh,290px)}.pair{flex:1;height:100%;display:block;min-width:44px}.pair svg{display:block;width:100%;height:100%;overflow:visible}.pair path{fill:var(--door-ink)}.pair .hair{fill:none;stroke:var(--door-ink);stroke-width:1}.pair .ticks{fill:none;stroke:var(--door-ink);stroke-width:1;shape-rendering:crispEdges}.hero{display:flex;flex-direction:column;padding-top:var(--space-5)}@media(min-width:1000px){#door{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,38vw);grid-template-rows:auto 1fr auto;column-gap:var(--space-8)}.who{grid-column:1/-1}.field{grid-column:2;grid-row:2;align-self:end;padding:0;min-height:0}.hero{grid-column:1;grid-row:2;align-self:end}.doorfoot{grid-column:1/-1}.portraits{height:min(64vh,560px);gap:var(--space-6)}}@media(max-height:520px)and (orientation:landscape){.field{min-height:0;padding-top:var(--space-3)}.portraits{height:46vh}}.sentence-big{margin:0;font-weight:380;font-size:clamp(52px,14.6vw,150px);line-height:1.02;letter-spacing:-.012em;font-variation-settings:"opsz" 72;min-height:2.04em;display:flex;align-items:flex-end;view-transition-name:sentence}.sentence-big:focus{outline:none}@media(min-width:1000px){.sentence-big{font-size:clamp(72px,7vw,128px)}.doorfoot{margin-top:var(--space-2)}}@media(max-height:520px)and (orientation:landscape){.sentence-big{font-size:44px}}.sentence-big .s,.sentence-big .s2{display:block}.notice{margin:var(--space-4) 0 0;font-size:17px;line-height:1.45;max-width:40ch}.alts{list-style:none;margin:var(--space-5) 0 0;padding:0;border-top:1px solid color-mix(in srgb,var(--door-ink) 40%,transparent)}.alts li{display:flex;align-items:center;gap:var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--door-ink) 40%,transparent)}.alt{flex:1;display:flex;align-items:baseline;min-height:56px;padding:var(--space-3) 0;text-decoration:none;font-size:clamp(25px,6.6vw,46px);line-height:1.12;font-variation-settings:"opsz" 48;transition:padding-left .25s var(--ease-out)}.alt:hover,.alt:focus-visible{padding-left:var(--space-3)}.alts .d{font-size:15px;font-variant-numeric:tabular-nums lining-nums;color:var(--door-ink2);white-space:nowrap;font-variation-settings:"opsz" 12}.dplayer{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--edge-r) max(var(--space-2),env(safe-area-inset-bottom)) var(--edge-l);min-height:56px;background:var(--door-ground);color:var(--door-ink);border-top:1px solid color-mix(in srgb,var(--door-ink) 40%,transparent);font-size:16px;font-variation-settings:"opsz" 14}.dplayer .np{flex:1;min-width:0;line-height:44px;font-style:italic;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dplayer .time{font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;color:var(--door-ink2)}#door.has-player{padding-bottom:calc(56px + max(var(--space-5),env(safe-area-inset-bottom)))}.tps{display:inline-flex;flex:none;margin-left:-16px}.tps .tp{width:44px;height:44px;display:inline-grid;place-items:center;color:inherit}.tp svg{width:20px;height:20px;display:block;fill:currentColor}.tp[aria-disabled=true]{opacity:.34;cursor:default}.doorfoot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6);font-size:14px;color:var(--door-ink2);font-variation-settings:"opsz" 12}.doorfoot a{color:var(--door-ink2);min-height:44px;display:inline-flex;align-items:center}a.credit,.meta a.credit{font-size:11px;font-style:normal;text-decoration:none;opacity:.55;font-variation-settings:"opsz" 10}a.credit:hover,a.credit:focus-visible,.meta a.credit:hover,.meta a.credit:focus-visible{opacity:1;text-decoration:underline}@media(prefers-reduced-motion:no-preference){.enter .sentence-big .s{animation:rise .9s var(--ease-out) both}.enter .pair{animation:rise 1s var(--ease-out) both}.enter .pair:nth-child(2){animation-delay:.1s}.enter .pair:nth-child(3){animation-delay:.2s}.enter .alts li{animation:rise .8s var(--ease-out) both}.enter .alts li:nth-child(1){animation-delay:.35s}.enter .alts li:nth-child(2){animation-delay:.47s}.enter .alts li:nth-child(3){animation-delay:.59s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}#room{position:fixed;inset:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto auto;background:var(--ground);color:var(--ink)}#room>h2{grid-row:1}.rhead{grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:max(var(--space-2),env(safe-area-inset-top)) var(--edge-r) var(--space-1) var(--edge-l);min-height:56px;position:relative;z-index:5;background:var(--ground)}.sentence-small{text-decoration:none;min-height:44px;font-size:clamp(17px,4.6vw,22px);line-height:1.25;font-variation-settings:"opsz" 20;view-transition-name:sentence;display:flex;align-items:center;flex-wrap:wrap;min-width:0}.songname{position:absolute;z-index:3;left:calc(var(--inL) + var(--strip) + 2px);max-width:calc(100% - var(--inL) - var(--strip) - var(--inR) - var(--stripR) - 4px);min-height:44px;display:inline-flex;align-items:center;text-align:left;font-style:italic;font-size:clamp(21px,5.8vw,34px);line-height:1.15;font-variation-settings:"opsz" 36;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.songname[aria-expanded=true]{text-decoration-thickness:2px}.homemark{flex:none;width:48px;height:48px;display:grid;place-items:center}.homemark svg{width:44px;height:44px}.homemark svg *{stroke:var(--ink)}.under{grid-row:2;position:relative;z-index:5}.switcher{position:absolute;left:0;right:0;top:0;background:var(--ground);padding:0 var(--edge-r) var(--space-4) var(--edge-l);border-bottom:1px solid var(--ink)}.switcher ul{list-style:none;margin:0;padding:0}.switcher button,.switcher a{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);width:100%;min-height:48px;padding:var(--space-2) 0;text-align:left;text-decoration:none;font-size:clamp(21px,5.4vw,30px);font-variation-settings:"opsz" 36;border-top:1px solid color-mix(in srgb,var(--ink) 35%,transparent)}.switcher .d{font-size:15px;color:var(--ink2);font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 12}.switcher [aria-current=true] .d{color:var(--ink)}.elsewhere{margin:0;padding:0 var(--edge-r) 0 var(--edge-l);font-size:15px;font-style:italic;font-variation-settings:"opsz" 14}.elsewhere a{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:.2em;text-decoration-thickness:1px}.announce{position:absolute;left:var(--edge-l);top:var(--space-2);z-index:6;font-size:15px;background:var(--ground);padding:var(--space-2);min-height:44px}.announce:not(:focus){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;padding:0;min-height:0}.stage{grid-row:3;position:relative;overflow:hidden;--strip:clamp(44px,10.5vw,132px);--stripR:clamp(30px,8vw,132px);--inL:max(20px, env(safe-area-inset-left, 0px), calc(50% - 390px - var(--strip)));--inR:max(12px, env(safe-area-inset-right, 0px), calc(50% - 390px - var(--stripR)))}.zone{position:absolute;left:0;right:0;top:0}.brk{position:absolute;top:0;height:100%;overflow:visible}.brk.l{left:var(--inL);width:var(--strip)}.brk.r{right:var(--inR);width:var(--stripR)}.brk path,.brk line{fill:var(--ink);stroke:none}.brk .hair{fill:none;stroke:var(--ink);stroke-width:1}.brk .ticks{fill:none;stroke:var(--ink);stroke-width:1;shape-rendering:crispEdges}.brk .now{stroke:var(--ink);stroke-width:1.5}.colclip{position:absolute;top:var(--clipTop,0px);bottom:0;left:calc(var(--inL) + var(--strip) + 2px);right:calc(var(--inR) + var(--stripR) + 2px);overflow:hidden}.col{position:absolute;left:0;right:0;top:0;will-change:transform}.ln{position:absolute;left:0;right:0;margin:0 0 .34em;font-size:clamp(22px,5.9vw,40px);line-height:1.2;font-weight:400;font-variation-settings:"opsz" 36;color:var(--ink2);display:none;hyphens:none;overflow-wrap:break-word;cursor:pointer}.ln.told{display:block}.ln.cur{color:var(--ink)}.ln.brk-after{margin-bottom:1.15em}.col.measure .ln{position:relative;display:block;visibility:hidden}.syl{position:relative}.syl:after{content:"";position:absolute;left:0;right:0;bottom:-.16em;height:1px;background:currentColor;transform-origin:0 50%;transform:scaleX(var(--p,0))}.ln:not(.cur) .syl:after{display:none}@media(hover:hover){.ln.told:not(.cur):hover{color:var(--ink)}}.scrub{position:absolute;top:0;left:var(--inL);width:var(--strip);touch-action:none;cursor:ns-resize;z-index:2}.center{position:absolute;left:calc(var(--inL) + var(--strip) + 2px);right:calc(var(--inR) + var(--stripR) + 2px);z-index:3}.bigplay{min-height:48px;font-style:italic;font-size:clamp(28px,7.4vw,52px);line-height:1.1;font-weight:380;font-variation-settings:"opsz" 60;text-align:left}.bigplay .t{font-size:.62em;font-style:normal;font-variant-numeric:tabular-nums}.msg{position:absolute;left:calc(var(--inL) + var(--strip) + 2px);right:calc(var(--inR) + var(--stripR) + 2px);z-index:4;font-size:18px;line-height:1.45}.msg p{margin:0 0 var(--space-2)}.msg button{min-height:44px;font-style:italic;text-decoration:underline;text-underline-offset:.2em}.tailrow{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:0 var(--edge-r) var(--space-2) var(--edge-l)}.tail{margin:0;font-size:clamp(28px,7.6vw,60px);line-height:1.1;font-weight:380;font-variation-settings:"opsz" 60;color:var(--ink);visibility:hidden}.tail.on{visibility:visible}@media(prefers-reduced-motion:no-preference){.tail.on{animation:land .7s var(--ease-out) both}@keyframes land{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}.rule{grid-row:4;position:relative;height:44px;margin:0 var(--edge-r) 0 var(--edge-l);touch-action:none;cursor:pointer}.rule .track{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--ink)}.rule .done{position:absolute;left:0;right:0;top:calc(50% - 1px);height:3px;background:var(--ink);transform-origin:0 50%;transform:scaleX(0)}.rule .tick{position:absolute;left:0;top:calc(50% - 8px);width:1.5px;height:16px;background:var(--ink)}.rule:focus-visible{outline-offset:-4px}.bar{grid-row:5;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--edge-r) max(var(--space-2),env(safe-area-inset-bottom)) var(--edge-l);min-height:56px;font-size:16px;font-variation-settings:"opsz" 14;position:relative;z-index:3;background:var(--ground)}.bar button,.bar a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}.bar .time{font-variant-numeric:tabular-nums lining-nums}.bar .sp{flex:1}.bar .lk{text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}.nextwrap{position:relative;display:inline-flex}.countdown{position:absolute;left:0;right:0;bottom:8px;height:2px;background:var(--ink);transform-origin:0 50%;transform:scaleX(0)}.bar .nt{display:none}@media(min-width:640px){.bar .nt{display:inline}}.keysbtn{display:none!important}@media(hover:hover)and (pointer:fine)and (min-width:640px){.keysbtn{display:inline-flex!important}}@media(max-height:520px)and (orientation:landscape){.rhead{min-height:44px;padding-top:max(2px,env(safe-area-inset-top))}.bar{min-height:46px}.tail{font-size:26px}.ln{font-size:20px}.bigplay{font-size:26px;min-height:44px}}dialog{border:0;padding:0;max-width:none;max-height:none;width:100%;height:100%;background:var(--ground);color:var(--ink)}dialog::backdrop{background:#000}.sheet{max-width:680px;margin:0 auto;padding:max(var(--space-3),env(safe-area-inset-top)) var(--edge-r) var(--space-8) var(--edge-l);font-variation-settings:"opsz" 14}.sheet header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);position:sticky;top:0;background:var(--ground);padding:var(--space-2) 0;z-index:1}.sheet h2{margin:0;font-size:clamp(24px,6vw,34px);font-weight:400;line-height:1.2;font-variation-settings:"opsz" 36}.x{min-height:44px;min-width:44px;font-style:italic;font-size:18px}.words{margin:var(--space-4) 0 0;font-size:19px;line-height:1.35}.stanza{margin:0 0 1em;padding:0;list-style:none}.wl{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);width:100%;min-height:44px;padding:var(--space-1) 0;text-align:left}.wl .t{font-size:14px;color:var(--ink2);font-variant-numeric:tabular-nums;white-space:nowrap}@media(hover:hover){.wl:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}}.sheet h3{margin:var(--space-7) 0 var(--space-3);font-size:15px;font-weight:600;letter-spacing:.06em;font-variation-settings:"opsz" 12}.works{list-style:none;margin:0;padding:0;font-size:18px;line-height:1.5}.works li{padding:var(--space-3) 0;border-top:1px solid color-mix(in srgb,var(--ink) 35%,transparent)}.works .w{font-size:20px}.works .c{display:block;font-size:15px;color:var(--ink2)}.works button,.works a,.meta button,.meta a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px;font-style:italic}.meta{font-size:15px;color:var(--ink2);margin-top:var(--space-6);line-height:1.6}.meta button,.meta a{color:var(--ink);margin-right:var(--space-4)}#filmDlg{background:#0b0a09;color:#e8dcc8}#filmDlg .cap span{color:#b3a993}.film{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:max(var(--space-4),env(safe-area-inset-top)) var(--edge-r) max(var(--space-4),env(safe-area-inset-bottom)) var(--edge-l)}.film video{width:100%;height:auto;aspect-ratio:1280/536;max-height:72dvh;background:#000;display:block}.film .cap{max-width:900px;margin:var(--space-3) auto 0;width:100%;display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start;font-size:15px;line-height:1.45}#keysDlg{width:min(560px,100%);height:auto;max-height:100%;margin:auto;border:1px solid var(--ink)}#keysDlg dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-5);margin:var(--space-4) 0 0;font-size:17px}#keysDlg dt{font-variant-numeric:tabular-nums;font-style:italic}#keysDlg dd{margin:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}