html,body{-webkit-user-select:none;user-select:none;background:#2b2320;height:100%;margin:0;font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif;overflow:hidden}#camerafeed{width:100%;height:100%;display:block;position:fixed;inset:0}.hint{pointer-events:none;z-index:10;justify-content:center;align-items:flex-end;padding-bottom:12vh;transition:opacity .5s;display:flex;position:fixed;inset:0}.hint.hidden{opacity:0}.hint-card{text-align:center;color:#2b2320;background:#fbf4eaeb;border:2px solid #f39a3b;border-radius:18px;padding:14px 22px 16px;box-shadow:0 8px 24px #00000040}.hint-label{letter-spacing:.3em;color:#f39a3b;font-size:11px;font-weight:700}.hint-card p{margin:6px 0 10px;font-size:15px;font-weight:700;line-height:1.5}.hint-frame{border:2px dashed #f39a3b;border-radius:6px;width:91px;height:55px;margin:0 auto;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}.debug{z-index:20;color:#fff;white-space:pre;background:#0000008c;border-radius:4px;padding:4px 6px;font:11px/1.4 Consolas,monospace;display:none;position:fixed;top:8px;left:8px}.debug.on{display:block}.hidden{display:none!important}.btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:2px solid #f39a3b;border-radius:999px;font-family:inherit;font-weight:700}.btn-main{color:#fff;background:#f39a3b;padding:10px 26px 12px;font-size:16px;box-shadow:0 6px 18px #0000004d}.btn-ghost{color:#fbf4ea;background:#2b232099;padding:9px 18px;font-size:13px}.btn-sub{letter-spacing:.3em;opacity:.85;font-size:10px;display:block}#roomBtn{left:50%;bottom:calc(6vh + env(safe-area-inset-bottom));z-index:15;animation:.5s cubic-bezier(.34,1.56,.64,1) pop-in;position:fixed;transform:translate(-50%)}@keyframes pop-in{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}.room-ui{z-index:15;pointer-events:none;position:fixed;inset:0}.room-tip{top:calc(14px + env(safe-area-inset-top));color:#fbf4ea;white-space:nowrap;background:#2b232099;border-radius:999px;padding:6px 14px;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}.room-bar{left:0;right:0;bottom:calc(4vh + env(safe-area-inset-bottom));grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;display:grid;position:absolute}.room-bar>*{pointer-events:auto}.room-bar .btn-ghost{justify-self:start}.room-bar-spacer{pointer-events:none}.shutter{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:4px solid #fbf4ea;border-radius:50%;width:74px;height:74px;padding:4px}.shutter span{background:#f39a3b;border-radius:50%;width:100%;height:100%;transition:transform .1s;display:block}.shutter:active span{transform:scale(.88)}.flash{opacity:0;pointer-events:none;z-index:30;background:#fff;transition:opacity .35s ease-out;position:fixed;inset:0}.flash.on{opacity:.85;transition:none}.photo-modal{z-index:40;background:#2b2320eb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.photo-inner{flex-direction:column;align-items:center;gap:10px;max-height:100%;display:flex}.photo-inner img{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;border:6px solid #fbf4ea;border-radius:8px;max-width:100%;max-height:70vh;box-shadow:0 10px 30px #0006}.photo-note{color:#fbf4ea;opacity:.7;margin:0;font-size:12px}.photo-actions{gap:12px;display:flex}#roomBtn{white-space:nowrap}.hint.raised{padding-bottom:calc(6vh + 96px)}.height-label{top:calc(48px + env(safe-area-inset-top));color:#fbf4ea;letter-spacing:.1em;text-shadow:0 1px 4px #0009;font-size:13px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}