:root{color:#fff8ee;font-synthesis:none;background:#302337;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 50% 0,#67465e 0,#302337 55%);min-width:280px;margin:0}button{font:inherit;cursor:pointer}button:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #ffe2a1}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}.app{width:min(100% - 32px,740px);margin:0 auto;padding:20px 0}.header{justify-content:space-between;align-items:flex-start;gap:14px;padding:0 4px 18px;display:flex}.eyebrow,.scene-number{letter-spacing:.16em;color:#f3bb9a;margin:0 0 7px;font-size:.68rem;font-weight:800}h1{letter-spacing:.07em;margin:0;font-size:clamp(1.6rem,4.2vw,2.5rem);line-height:1.2}h1 span{color:#ffbc91}.subtitle{color:#e6ced0;margin:7px 0 0;font-size:.86rem}.icon-button,.pause-button{color:#fff8ee;background:#ffffff12;border:1px solid #a98593;border-radius:999px;min-width:44px;min-height:44px}.icon-button{font-size:1.15rem;font-weight:800}.pause-button{padding:0 16px;font-size:.8rem}.game{color:#4e3a49;background:#faf0e8;border-radius:20px;overflow:hidden;box-shadow:0 18px 52px #1c142d66}.scene-heading{justify-content:space-between;align-items:center;gap:10px;padding:16px 20px 13px;display:flex}.scene-number{color:#a26e75;margin-bottom:3px}.scene-heading h2{letter-spacing:.06em;margin:0;font-size:1.05rem}.scene-heading .pause-button{color:#6a4b5a;background:#ffffff7a;border-color:#cdb4ae}.viewfinder{background:#895d75;position:relative;overflow:hidden}.viewfinder canvas{aspect-ratio:5/3;width:100%;height:auto;display:block}.frame-corners{pointer-events:none;opacity:.7;background:linear-gradient(#fff5e8,#fff5e8) 0 0/28px 2px no-repeat,linear-gradient(#fff5e8,#fff5e8) 0 0/2px 28px no-repeat,linear-gradient(#fff5e8,#fff5e8) 100% 0/28px 2px no-repeat,linear-gradient(#fff5e8,#fff5e8) 100% 0/2px 28px no-repeat,linear-gradient(#fff5e8,#fff5e8) 0 100%/28px 2px no-repeat,linear-gradient(#fff5e8,#fff5e8) 0 100%/2px 28px no-repeat,linear-gradient(#fff5e8,#fff5e8) 100% 100%/28px 2px no-repeat,linear-gradient(#fff5e8,#fff5e8) 100% 100%/2px 28px no-repeat;position:absolute;inset:18px}.viewfinder-label{color:#fff9ea;letter-spacing:.15em;opacity:.8;pointer-events:none;font:700 .6rem/1 sans-serif;position:absolute;bottom:27px;right:28px}.paused-cover{color:#fff9ef;letter-spacing:.15em;background:#2b2033a8;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.control-area{justify-content:space-between;align-items:center;gap:16px;padding:20px 22px 14px;display:flex}.message-wrap{min-width:0}.message-title{margin:0 0 5px;font-size:1.05rem;font-weight:800;line-height:1.5}.message-detail{color:#795e68;margin:0;font-size:.82rem;line-height:1.6}.primary{color:#fffdf7;letter-spacing:.03em;background:#b6525e;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:0 24px;font-weight:800;display:inline-flex;box-shadow:0 4px #883e4b}.primary:hover{background:#c45c65}.primary:active{transform:translateY(2px);box-shadow:0 2px #883e4b}.shutter-icon{border:2px solid;border-radius:50%;width:21px;height:21px;position:relative}.shutter-icon:after{content:"";border:1px solid;border-radius:50%;position:absolute;inset:4px}.progress{color:#906d74;justify-content:space-between;gap:10px;padding:0 22px 18px;font-size:.75rem;display:flex}.album{margin-top:24px}.album h2{letter-spacing:.1em;font-size:1rem}.album-photos{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.album figure{color:#6d4d59;background:#fff8ee;border-radius:4px;margin:0;padding:7px 7px 10px}.album img{width:100%;display:block}.album figcaption{padding-top:6px;font-size:.7rem;line-height:1.4}.footer{text-align:center;color:#ddc4c6;margin:22px 0 0;font-size:.75rem}dialog{color:#4e3a49;background:#fcf3eb;border:0;border-radius:18px;width:min(92vw,470px);max-height:90vh;padding:0;box-shadow:0 20px 50px #1b122c66}dialog::backdrop{background:#201829b3}.dialog-inner{padding:27px}.dialog-inner h2{margin:0 0 14px}.dialog-inner p:not(.eyebrow){font-size:.9rem;line-height:1.8}.small{min-height:48px;margin-top:6px;padding:0 25px}kbd{font:inherit;border:1px solid #c8b1b2;border-radius:4px;padding:2px 5px}.flash{animation:.28s ease-out flash}@keyframes flash{0%{filter:brightness(1.9)}to{filter:brightness()}}@media (max-width:600px){.app{width:min(100% - 24px,900px);padding-top:20px}.header{padding-bottom:14px}.game{border-radius:15px}.scene-heading{padding:12px 14px}.control-area{gap:14px;padding:15px 14px 12px;display:grid}.primary{width:100%}.progress{padding:0 14px 15px}.frame-corners{inset:12px}.viewfinder-label{bottom:20px;right:20px}.album-photos{gap:5px}.album figcaption{font-size:.6rem}}@media (prefers-reduced-motion:reduce){.flash{animation:none}}
