:root{color-scheme:dark;--ink:#e6e9df;--muted:#9cabae;--mint:#a3e3d3;--line:#2a3d43}*{box-sizing:border-box}body{margin:0;background:#09151b;color:var(--ink);font-family:"Yu Gothic",Meiryo,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{font:inherit;color:inherit;border:1px solid #42565b;background:#12262d;padding:10px 16px;cursor:pointer;transition:background .2s}button:hover{background:#23454d}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}.sitebar{max-width:1520px;margin:auto;padding:19px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.brand{font-size:13px;font-weight:bold;letter-spacing:.13em}.brand span{color:var(--muted);font-size:10px;margin-left:12px}main{max-width:1456px;padding:0 32px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0 17px}h1{font-family:"Yu Mincho",serif;font-size:24px;font-weight:500;letter-spacing:.1em;margin:0}h1 span{font-size:14px;color:var(--mint);margin-left:12px}.chapter{font-size:12px;letter-spacing:.16em;color:var(--muted)}.stage{position:relative;aspect-ratio:16/9;background:#050c10;overflow:hidden;box-shadow:0 14px 55px #0005;isolation:isolate}.stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;display:flex;align-items:center;justify-content:center}.stage:fullscreen canvas{width:100%;height:100%;object-fit:contain}canvas{display:block;width:100%;height:100%;outline:none}.cover{position:absolute;inset:0;background:linear-gradient(90deg,#061218ef 0%,#061218b8 38%,#071b2420 100%),url('poster.png') 50%/cover}.intro{position:absolute;left:7%;top:16%;max-width:75%}.eyebrow{font-size:10px;letter-spacing:.23em;color:#c8b58c;font-weight:600}.display{font-family:"Yu Mincho",serif;font-size:clamp(28px,4.6vw,70px);font-weight:500;letter-spacing:.06em;margin:28px 0 0;line-height:1.2}.subtitle{font-family:"Yu Mincho",serif;font-size:clamp(17px,2.2vw,30px);color:var(--mint);margin:20px 0 28px}.catch{font-family:"Yu Mincho",serif;font-size:clamp(13px,1.5vw,19px);margin-bottom:32px}.primary{background:#315e5c;border-color:#9dc5b0;min-width:240px;padding:16px 26px;text-align:left;font-size:16px}.primary span{float:right;margin-left:32px}.primary:hover{background:#497f76}#load-status{font-size:12px;color:#c2cfc9;max-width:400px;line-height:1.8}progress{display:block;accent-color:var(--mint);width:min(320px,100%);height:5px;margin-top:20px}#error{position:absolute;bottom:18px;left:18px;right:18px;padding:14px;background:#341d25;color:#ffe1dc;border:1px solid #956268;font-size:13px;line-height:1.6}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:67px;border-bottom:1px solid var(--line)}.toolbar p{color:var(--muted);font-size:12px}.actions{display:flex;gap:7px;flex-shrink:0}.actions button{font-size:12px;padding:9px 13px}.guide{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:44px 0 24px}.guide h2{font-family:"Yu Mincho",serif;font-size:25px;font-weight:500;letter-spacing:.08em;margin:12px 0}.guide p:not(.eyebrow){line-height:1.9;color:var(--muted);max-width:430px}.keys{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;margin:7px 0}.keys>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;border-bottom:1px solid #24373e;padding-bottom:10px}.keys dt{white-space:nowrap;color:#d9e7e3}.keys dd{margin:0;text-align:right;color:var(--muted)}kbd{font-family:inherit;font-size:11px;letter-spacing:.03em}.note{color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 35px}footer{border-top:1px solid var(--line);padding:24px 32px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;letter-spacing:.1em}.mobile-note{display:none;font-size:12px;line-height:1.8;color:#c8d5ce;max-width:290px}@media(max-width:900px){.toolbar{align-items:flex-start;flex-direction:column;padding:13px 0;gap:2px}.toolbar p{margin:0 0 10px}.guide{grid-template-columns:1fr;gap:20px;padding-top:28px}.intro{top:9%}.display{margin-top:20px}.subtitle{margin:12px 0 17px}.catch{margin-bottom:20px}.chapter{display:none}}@media(max-width:600px){.sitebar{padding:17px 18px}.brand span{display:none}main{padding:0 16px}.heading{padding:19px 0 15px}h1{font-size:20px}h1 span{display:block;font-size:12px;margin:6px 0 0}.stage{aspect-ratio:4/5}.cover{background-position:58% center;background-size:auto 100%}.intro{left:7%;top:13%;max-width:88%}.display{font-size:32px;margin-top:25px}.subtitle{font-size:19px}.catch{font-size:13px;margin-bottom:30px}.primary{min-width:226px;font-size:14px;padding:15px 18px}.mobile-note{display:block}.actions{width:100%;gap:5px;flex-wrap:wrap}.actions button{flex:1;padding:10px 8px;white-space:nowrap}.keys{grid-template-columns:1fr;gap:14px}.guide h2{font-size:23px}footer{padding:20px 16px;font-size:9px}}@media(prefers-reduced-motion:reduce){button{transition:none}}