:root{--paper:#ffffff;--ink:#322e2c;--muted:#756e67;--line:#ded9d1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Hiragino Sans','Noto Sans JP',sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #9c344f;outline-offset:5px}header{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:30px 40px;z-index:2;pointer-events:none}header>*{pointer-events:auto}.wordmark{text-decoration:none;color:var(--ink);font-family:serif;font-size:23px;letter-spacing:.18em}.wordmark span{display:block;font:9px/1.8 sans-serif;letter-spacing:.24em;margin-top:8px}.text-button{border:0;background:none;font-size:12px;padding:12px 0}.text-button span{margin-left:18px}main{height:100dvh}canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:absolute;inset:0;display:grid;place-items:center;background:var(--paper);z-index:5;letter-spacing:.15em;font-size:14px}.intro{position:absolute;left:9%;top:50%;transform:translateY(-50%);pointer-events:none;transition:opacity .8s,transform 1s}.eyebrow{font-size:10px;letter-spacing:.23em;color:var(--muted)}h1{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-weight:400;font-size:clamp(40px,4.5vw,70px);letter-spacing:.09em;line-height:1.65;margin:24px 0}p{line-height:2}.intro>p:not(.eyebrow){font-size:13px;letter-spacing:.1em}.intro button{pointer-events:auto;margin-top:28px;background:var(--ink);color:white;border:0;padding:17px 25px;font-size:12px;min-height:48px}.intro button span{padding-left:40px}.entered .intro{opacity:0;transform:translateY(-45%);visibility:hidden;transition:opacity .8s,transform 1s,visibility 0s .8s}.hint{position:absolute;bottom:110px;left:0;right:0;text-align:center;font-size:12px;line-height:2.2;pointer-events:none;letter-spacing:.08em}.hint span{font-size:10px;color:var(--muted)}footer{position:fixed;bottom:0;left:0;width:100%;padding:22px 40px;display:flex;justify-content:space-between;align-items:center;z-index:2;background:linear-gradient(transparent,var(--paper) 50%)}.edition{font-size:9px;letter-spacing:.18em}.edition span{color:var(--muted);margin:0 8px}.controls{display:flex;gap:24px}.controls button{background:none;border:0;font-size:11px;min-height:44px;padding:8px 0}button{transition:opacity .2s}button:hover{opacity:.65}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:48px;max-width:560px;width:calc(100% - 32px);max-height:85dvh;overflow:auto}dialog::backdrop{background:#ffffffd9;backdrop-filter:blur(8px)}.close{position:absolute;right:12px;top:9px;background:none;border:0;font-size:28px;width:44px;height:44px}h2{font-family:serif;font-weight:400;letter-spacing:.12em;font-size:32px;margin:28px 0}dialog p,dl{font-size:13px;line-height:2.2}dl{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}dt{color:var(--muted);font-size:10px;margin-top:15px}dd{margin:5px 0}#detail{max-width:660px;text-align:center}#detailImage{display:block;width:100%;height:45dvh;object-fit:contain;margin:20px 0}.detail-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-nav p{font-size:11px}.detail-nav button{background:none;border:1px solid var(--line);width:44px;height:44px;font-size:20px}@media(max-width:600px){header{padding:22px}.wordmark{font-size:19px}.text-button{font-size:10px}.intro{left:8%;top:43%}h1{font-size:39px}.intro>p:not(.eyebrow){font-size:12px}footer{padding:12px 22px;display:block}.edition{margin-bottom:4px}.controls{justify-content:space-between;gap:12px}.hint{bottom:112px;font-size:10px}.hint span{font-size:9px}dialog{padding:38px 24px}.intro button{margin-top:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
[hidden]{display:none!important}
@media(min-width:601px) and (max-width:900px){h1{font-size:32px}.intro{left:7%}.intro>p:not(.eyebrow){font-size:12px}}
@media(max-width:600px){.intro{top:31%;left:8%}h1{font-size:32px;line-height:1.5;margin:14px 0}.intro button{padding:13px 22px;margin-top:12px}.eyebrow{font-size:9px}.intro>p:not(.eyebrow){font-size:11px;line-height:1.9}}

#redParticles{position:absolute;inset:0;pointer-events:none;z-index:1}#world{position:relative;z-index:0}.intro,.hint{z-index:2}.wordmark span{text-transform:none;letter-spacing:.12em;font-size:11px}.controls{gap:28px}@media(max-width:600px){footer{display:flex;align-items:center}.controls{gap:20px}.edition{margin:0;font-size:8px}.edition span{margin:0 3px}.intro h1{font-size:64px}}

body,.wordmark,.wordmark span,h1,h2,button{font-family:"Zen Kaku Gothic New",sans-serif}.wordmark span{font-weight:400}

footer{justify-content:flex-end}@media(max-width:600px){footer{justify-content:flex-end}}