:root{--ink:#191d1c;--paper:#f6f7f5;--muted:#aeb8b1;--line:#4b5650;--leaf:#92a195;font-family:Hiragino Sans,Yu Gothic,sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid var(--leaf);outline-offset:5px}button:disabled{opacity:.3;cursor:default}[hidden]{display:none!important}header{height:92px;display:flex;align-items:center;padding:0 4vw;gap:32px}.brand{font:32px Georgia,Hiragino Mincho ProN,serif;text-decoration:none;display:flex;align-items:baseline;gap:20px}.brand span{font-size:15px;font-style:italic;color:var(--muted)}header button{background:none;border:0;font-size:12px;padding:10px 0}#contents{margin-left:auto}main{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(340px,1fr);min-height:calc(100svh - 92px)}.plate{margin:0;position:relative;min-height:580px;overflow:hidden;background:#34352d}.plate>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.plate figcaption{position:absolute;top:24px;left:28px;font-size:10px;color:#fff;text-shadow:0 1px 4px #000;background:#191d1c80;padding:6px 10px}#enter{position:absolute;left:32px;bottom:36px;border:0;border-radius:2px;background:var(--paper);color:var(--ink);font-size:14px;padding:19px 24px;display:flex;gap:50px;align-items:center}#enter:hover{background:#fff}.story{padding:5vh 3.5vw 24px;display:flex;flex-direction:column;justify-content:center}.issue{font-size:12px;color:var(--muted);margin:0 0 12px}.page-number{font:italic 19px Georgia,serif;color:var(--leaf);margin:0 0 36px}h1{font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-weight:400;font-size:clamp(32px,3.3vw,52px);line-height:1.65;letter-spacing:.05em;margin:0 0 30px;white-space:pre-line}h2{font-size:15px;font-weight:500;line-height:1.7;margin:0 0 18px}#copy{font-size:13px;line-height:2.2;color:#d2d8d3;max-width:30em;margin:0 0 30px}dl{display:grid;grid-template-columns:95px 1fr;gap:12px;font-size:11px;line-height:1.8;margin:0 0 38px}dt{color:var(--muted)}dd{margin:0}.pager{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:22px}.pager button{background:transparent;border:1px solid var(--line);height:42px;min-width:44px;padding:0 10px;font-size:15px}.pager #play{font-size:11px;flex:1;border:0}.small{font-size:10px;color:var(--muted);line-height:1.8;margin:22px 0 0}dialog{color:var(--ink);background:var(--paper);border:0;max-width:min(940px,94vw);max-height:92dvh;padding:32px}dialog::backdrop{background:#080c0bcc}dialog .close{display:block;margin:0 0 20px auto;background:transparent;border:1px solid #adb7b0;font-size:12px;padding:10px 20px}dialog h2{font:28px Hiragino Mincho ProN,Yu Mincho,serif}dialog p{font-size:13px;line-height:2;max-width:42em}#about-dialog a{display:inline-block;font-size:12px;margin:20px 30px 0 0}#room-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}#room-list button{text-align:left;color:var(--ink);padding:0;border:0;background:none;font-size:13px;line-height:1.8}#room-list img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:10px}#room-list button[aria-current=true]{text-decoration:underline;text-underline-offset:5px}#space-dialog{width:94vw;max-width:1500px;height:90dvh;padding:0;overflow:hidden;background:#dce1dd}#space-dialog[open]{display:flex;flex-direction:column}.space-head{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--paper);padding:15px 24px}.space-head h2{font:16px Hiragino Sans,sans-serif;margin:0}.space-head>div{display:flex;gap:8px}.space-head button{background:transparent;border:1px solid #adb7b0;padding:10px 15px;color:var(--ink);font-size:12px;margin:0}.space-head button[aria-pressed=true]{background:var(--ink);color:var(--paper)}#space-stage{position:relative;flex:1;min-height:0;min-width:0}#space-stage canvas{display:block;width:100%;height:100%;touch-action:none}#space-status{position:absolute;top:100px;left:20px;right:20px;text-align:center;pointer-events:none}.space-help{text-align:center;font-size:11px!important;margin:10px auto!important;color:#4e5b51}#error{padding:20px;text-align:center}@media(min-width:1500px){.story{padding-left:5vw;padding-right:5vw}}@media(max-width:900px){header{height:74px;padding:0 22px;gap:20px}.brand{font-size:27px;gap:12px}header button{font-size:10px}#about{max-width:90px;line-height:1.7}main{grid-template-columns:1fr;min-height:auto}.plate{height:62svh;min-height:360px;max-height:650px}.plate>img{object-fit:cover}.story{padding:36px 28px 42px;display:block}.page-number{margin-bottom:18px}h1{font-size:34px;margin-bottom:22px}#copy{max-width:38em}dl{margin-bottom:24px}.pager{max-width:420px}.small{margin-top:16px}#enter{left:24px;bottom:24px;padding:16px 20px}.plate figcaption{left:18px;top:18px;font-size:9px}.space-head{padding:12px;flex-wrap:wrap}.space-head h2{font-size:13px}.space-head button{font-size:11px;padding:9px 11px}dialog{padding:22px}#room-list{gap:18px}#room-list button{font-size:12px}}