:root{--print:#0c1a30;--print-deep:#08121f;--line:#cfe1f7;--soft:#cfe1f7b8;--faint:#cfe1f738;--paper:#f0f2ee;--ink:#0c1a30;--ink-soft:#0c1a30a8;--sun:#f6b73c;--edge:clamp(20px, 5vw, 76px);--built:0;color:var(--line);background:var(--print);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Anek Latin Variable,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.55}@media (width<=640px){:root{font-size:16px}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:clip}h1,h2,h3,p,ol,ul,dl,dd,figure{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit}:focus-visible{outline:2px solid var(--sun);outline-offset:3px}h1,h2{letter-spacing:-.022em;text-wrap:balance;color:#fff;font-weight:320;font-stretch:116%;line-height:1.02}h1{max-width:22ch;font-size:clamp(2.4rem,4.7vw,4.4rem)}h2{max-width:19ch;font-size:clamp(1.9rem,3.5vw,3.2rem)}p{text-wrap:pretty;max-width:34rem}.note,.hour,.flat dt,.foot,#dial text{letter-spacing:.012em;font-size:.86rem;font-weight:500;font-stretch:80%;line-height:1.35}.note{color:var(--soft)}.stage{z-index:0;background:var(--print);position:fixed;inset:0;overflow:clip}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#pano{opacity:0}.top{z-index:2;padding:20px var(--edge);color:#fff;background:linear-gradient(#08121f80,#0000);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;inset:0 0 auto}.wordmark{letter-spacing:.01em;font-size:1.12rem;font-weight:600;font-stretch:122%;text-decoration:none}.hour{max-width:none;color:var(--line);font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.hour-dot{background:var(--sun);border-radius:50%;width:9px;height:9px}.top-link{text-underline-offset:5px;font-size:.95rem;font-weight:500;text-decoration-thickness:1px}.top-link:hover,.flat-link:hover,.sheet a:hover{-webkit-text-decoration-color:var(--sun);text-decoration-color:var(--sun)}@media (width<=640px){.top-link{display:none}}.chapter{z-index:1;height:calc(var(--screens) * 100svh);position:relative}.pin{height:100svh;padding:96px var(--edge) clamp(28px, 6svh, 64px);align-content:end;gap:28px;display:grid;position:sticky;top:0}.pin:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#08121f00 36%,#08121f9e 72%,#08121fe6 100%);position:absolute;inset:0}.plate{justify-items:start;gap:18px;display:grid}.plate>p:not(.note),.lede{color:#e9f1fceb;font-size:1.06rem}.drawn{color:color-mix(in srgb, #fff calc(var(--built) * 100%), var(--print));-webkit-text-stroke:2px rgb(207 225 247/calc(1 - var(--built)));paint-order:stroke fill}.actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.button{border:1px solid var(--sun);background:var(--sun);color:var(--ink);border-radius:3px;padding:.78em 1.35em .7em;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-block}.button:hover{background:#ffd070;border-color:#ffd070}.button.quiet{border-color:var(--soft);color:#fff;background:#08121f59}.button.quiet:hover{background:#08121f99;border-color:#fff}[data-chapter=sun] .pin{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:end;column-gap:clamp(24px,6vw,96px)}.dial{justify-items:end;gap:6px;display:grid}.clock{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;max-width:none;font-size:clamp(3.2rem,8.4vw,8rem);font-weight:200;font-stretch:125%;line-height:.9}#dial{width:100%;height:auto;overflow:visible}#dial text{fill:var(--soft)}#dial .ground{stroke:var(--line);stroke-width:1px}#dial .tick{stroke:var(--soft);stroke-width:1px}#dial .path{fill:none;stroke:var(--soft);stroke-width:1px;stroke-dasharray:2 5}#dial .sun{fill:var(--sun)}@media (aspect-ratio<=5/6){[data-chapter=sun] .pin{grid-template-columns:minmax(0,1fr)}.dial{order:-1;justify-items:start}#dial text{font-size:1.35rem}}[data-chapter=choose] .pin{align-content:center;justify-items:end}[data-chapter=choose] .pin:before{background:linear-gradient(270deg,#08121feb 0%,#08121fcc 30%,#08121f00 52%)}.side{gap:22px;width:min(25rem,31vw);display:grid}.steps{counter-reset:step;color:var(--soft);gap:6px;font-size:1.02rem;line-height:1.35;display:grid}.steps li{counter-increment:step;align-items:baseline;gap:12px;transition:color .2s;display:flex}.steps li:before{content:counter(step);border:1px solid;border-radius:50%;flex:none;place-items:center;width:1.5em;height:1.5em;font-size:.8em;transition:background-color .2s,border-color .2s,color .2s;display:grid}.steps li.now{color:#fff}.steps li.now:before,.steps li.done:before{background:var(--sun);border-color:var(--sun);color:var(--ink)}.flat{background:var(--print);border:1px solid var(--faint);opacity:0;border-radius:3px;gap:16px;padding:22px 24px 20px;transition:opacity .3s,transform .3s;display:grid;transform:translateY(10px)}.flat.on{opacity:1;transform:none}.found{gap:22px;display:grid}.flat-id{white-space:nowrap;letter-spacing:-.02em;color:#fff;font-size:2.5rem;font-weight:300;font-stretch:125%;line-height:1}.flat-kind{color:var(--soft);margin-top:6px}.flat dl{border-top:1px solid var(--faint);grid-template-columns:1fr 1fr;display:grid}.flat dl div{border-bottom:1px solid var(--faint);padding:10px 0 9px}.flat dt{color:var(--soft)}.flat dd{color:#fff;font-size:1.12rem}.flat-link{color:var(--sun);text-underline-offset:5px;font-weight:500;text-decoration-thickness:1px}.side-note{color:#e9f1fcdb;font-size:.98rem}@media (aspect-ratio<=5/6){[data-chapter=choose] .pin{align-content:end;justify-items:stretch}[data-chapter=choose] .pin:before{background:linear-gradient(#08121f00 48%,#08121fe6 64%,#08121ff5 100%)}.side{gap:14px;width:auto}.side h2{font-size:1.7rem}.steps{grid-auto-flow:column;justify-content:start;gap:16px;font-size:.86rem}.steps li{gap:6px}.flat{gap:10px;padding:14px 16px}.flat header{align-items:baseline;gap:12px;display:flex}.flat-id{font-size:1.7rem}.flat dl div{padding:6px 0 5px}.flat dd{font-size:1rem}.found>*{grid-area:1/1}.side-note{align-self:start;transition:opacity .3s}.flat.on+.side-note{opacity:0}}#room{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}#room.held{cursor:grabbing}#room-hint{color:#fff;font-size:.95rem;transition:opacity .4s}.swap{display:grid}.swap>div{opacity:0;grid-area:1/1;align-content:end;gap:18px;transition:opacity .35s;display:grid}.swap>div.on{opacity:1}.swap p{color:#e9f1fceb;font-size:1.06rem}.sheet{z-index:3;background:var(--paper);color:var(--ink);position:relative}.sheet-in{max-width:78rem;padding:clamp(72px, 13vh, 150px) var(--edge);gap:clamp(36px,6vh,64px);margin:0 auto;display:grid}.sheet h2{color:var(--ink)}.columns{grid-template-columns:1fr 1.25fr 1fr;align-items:start;gap:clamp(28px,4vw,64px);display:grid}.sheet h3{border-bottom:1.5px solid var(--ink);padding-bottom:12px;font-size:1.05rem;font-weight:600;font-stretch:116%}.sheet li{border-bottom:1px solid #0c1a3029;padding:12px 0 11px}.sheet .columns p{color:var(--ink);padding-top:12px}.sheet .columns p+p{color:var(--ink-soft)}.sheet a{text-underline-offset:4px;color:var(--ink);text-decoration-thickness:1px}@media (width<=900px){.columns{grid-template-columns:1fr}}.last .pin{align-content:space-between}.last .pin:before{background:linear-gradient(#08121f80 0%,#08121fa8 55%,#08121feb 100%)}.last .plate{align-self:center}.foot{border-top:1px solid var(--faint);color:var(--soft);flex-wrap:wrap;justify-content:space-between;gap:8px 32px;padding-top:16px;display:flex}.foot p{max-width:44rem}.unset{color:var(--sun);border:1px dashed var(--sun);border-radius:3px;padding:.6em 1em}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flat,.swap>div,.steps li,.steps li:before{transition:none}}@font-face{font-family:Anek Latin Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 125%;src:url(/assets/anek-latin-vietnamese-wdth-normal-DWyKx61z.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anek Latin Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 125%;src:url(/assets/anek-latin-latin-ext-wdth-normal-CWZjywCA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anek Latin Variable;font-style:normal;font-display:swap;font-weight:100 800;font-stretch:75% 125%;src:url(/assets/anek-latin-latin-wdth-normal-B79iSqc4.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}