*{box-sizing:border-box}html{background:#ece9e0;color:#263c41}body{margin:0;font-family:Arial,"Hiragino Kaku Gothic ProN",sans-serif}header,footer{display:flex;justify-content:space-between;gap:20px;padding:24px 4vw;font-size:10px;letter-spacing:.1em}a{color:inherit;text-decoration:none}header a{border-bottom:1px solid #9eaca7;padding-bottom:5px}main{display:grid;grid-template-columns:260px auto;justify-content:center;align-items:center;gap:6vw;padding:3px 5vw 15px}.eyebrow{font-size:11px;letter-spacing:.16em;margin:0 0 32px}h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:38px;font-weight:400;line-height:1.65;letter-spacing:.05em;margin:0}.description{font-size:12px;line-height:2.2;color:#657275;margin:24px 0 60px}.status{font-size:11px;letter-spacing:.05em;min-height:1.6em}.controls{display:flex;gap:10px;margin:16px 0}button{border:1px solid #aeb8b1;background:transparent;color:inherit;border-radius:30px;padding:10px 17px;min-height:40px;font:11px inherit;cursor:pointer}button:hover{background:#e1e3d9}button:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid #917449;outline-offset:4px}.hint{font-size:10px;color:#687a7a;line-height:1.8}.window{position:relative;height:min(82svh,920px);aspect-ratio:2/3;overflow:hidden;border-radius:14px;background:#15252f;margin:0;isolation:isolate;box-shadow:0 8px 40px #173c4b12}.fallback,canvas{display:block;position:absolute;width:100%;height:100%;inset:0;object-fit:cover}canvas{opacity:0;transition:opacity .5s;touch-action:pan-y}.ready canvas{opacity:1}.window figcaption{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;gap:16px;color:#e8e5da;font-size:8px;letter-spacing:.19em;pointer-events:none;text-shadow:0 1px 12px #031827}#loading,#error{position:absolute;bottom:50px;left:20px;right:20px;color:#fff;font-size:11px;line-height:1.8}.ready #loading{display:none}.failed canvas{display:none}footer{font-size:9px;color:#728080;padding-top:14px}html.embed,html.embed body{background:#0a1b25;overflow:hidden}html.embed header,html.embed footer,html.embed .intro{display:none}html.embed main{display:block;padding:0}html.embed .window{height:100svh;width:100%;border-radius:0;box-shadow:none}html.embed .window figcaption{display:none}@media(max-width:700px){header{padding:20px 5vw;font-size:9px}main{display:flex;flex-direction:column-reverse;gap:28px;padding:8px 5vw 25px}.window{height:auto;width:min(90vw,480px);aspect-ratio:2/3}.intro{width:min(90vw,480px)}.eyebrow{margin-bottom:16px;font-size:10px}h1{font-size:30px;line-height:1.6}h1 br{display:none}.description{margin:16px 0 22px}.status{margin-top:22px}.hint{margin-bottom:0}footer{padding:15px 5vw;line-height:1.8;flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){canvas{transition:none}}