:root{color-scheme:dark;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;color:#f3e9d6;background:#101924;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 15%,#26333c 0,#101924 70%);min-height:100vh}main{max-width:480px;margin:auto;padding:22px 16px calc(16px + env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}.eyebrow{font-size:9px;color:#c2af86;letter-spacing:2px;margin:0 0 8px}h1{font-size:23px;letter-spacing:1px;font-weight:600;margin:0}.night{font-size:10px;border:1px solid #465454;border-radius:20px;padding:7px;white-space:nowrap;color:#c0c8be}.room{background:#18242d;border:1px solid #46504b;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px #0003}.room-heading,.caption{display:flex;justify-content:space-between;font-size:12px;padding:14px 16px;color:#c9c8b6}.room-heading i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#deb76f;margin-right:7px}canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.caption{padding-top:0;padding-bottom:9px}#phase-label{color:#f0c880}progress{display:block;appearance:none;width:100%;height:3px;border:0;background:#2c3b43}progress::-webkit-progress-bar{background:#2c3b43}progress::-webkit-progress-value{background:#d1ad6c}progress::-moz-progress-bar{background:#d1ad6c}.person{display:flex;gap:14px;align-items:center;margin:17px 0 12px}.person img{border-radius:12px;object-fit:cover;border:1px solid #6c6754;flex-shrink:0}.person-title{display:flex;gap:12px;align-items:center}h2{font-size:20px;margin:0}.person-title span{font-size:11px;color:#a7b8b7}.person p{font-size:13px;line-height:1.6;margin:6px 0 0}.journey{display:flex;list-style:none;padding:0;margin:16px 0 20px;justify-content:space-between;color:#829496;font-size:11px}.journey li{border-bottom:2px solid #33434b;padding:0 0 8px;text-align:center;width:18%}.journey li.done{color:#e8c689;border-color:#bc9356}.controls{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:8px}button{min-height:50px;font:inherit;font-size:12px;font-weight:600;border:1px solid #536160;border-radius:10px;background:#25353e;color:#eee4d0;cursor:pointer;touch-action:manipulation}button.primary{background:#dac08a;color:#19232c;border-color:#f0d7a2}button:disabled{opacity:.6;cursor:default}button:focus-visible,summary:focus-visible{outline:3px solid #f3d398;outline-offset:3px}.notice{font-size:11px;color:#becac6;line-height:1.6;min-height:35px;margin:10px 0 6px}details{font-size:11px;line-height:1.8;color:#a9b7b8}summary{cursor:pointer;padding:8px 0;min-height:40px}details p{margin:0 0 8px}footer{text-align:center;color:#81938f;font-size:10px;letter-spacing:2px;padding:10px 0}@media(max-width:370px){main{padding:16px 12px}h1{font-size:20px}.night{font-size:9px}.person{gap:10px}.person img{width:64px;height:64px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.sprite-link{display:block;padding:14px;margin:0 0 14px;border:1px solid #6b725e;border-radius:10px;background:#283c3e;color:#e7ce94;font-size:13px;text-align:center;text-decoration:none;min-height:48px}.sprite-link:focus-visible{outline:3px solid #f3d398;outline-offset:3px}