:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b0b0c;color:#f5f5f5;font-family:PingFang TC,Noto Sans TC,system-ui,-apple-system,Segoe UI,sans-serif;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.stage{position:fixed;inset:0;overflow:hidden;touch-action:none}.ar-video,.ar-canvas{position:absolute;inset:0;width:100%;height:100%}.ar-video{object-fit:cover;pointer-events:none}.ar-canvas{touch-action:none}.ar-tap{position:absolute;z-index:4;width:4.5rem;height:4.5rem;margin:-2.25rem 0 0 -2.25rem;border:2px solid rgba(255,255,255,.9);border-radius:50%;pointer-events:none;animation:ar-tap-ripple .48s ease-out forwards}.ar-tap--pet{border-color:#f42c26f2;box-shadow:0 0 12px #f42c2680}.ar-trail{position:absolute;z-index:4;width:1.4rem;height:1.4rem;margin:-.7rem 0 0 -.7rem;border-radius:50%;background:radial-gradient(circle,#fffffff2,#fff0 70%);pointer-events:none;animation:ar-trail-fade .62s ease-out forwards}@keyframes ar-tap-ripple{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(1.15)}}@keyframes ar-trail-fade{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(.4)}}@media(prefers-reduced-motion:reduce){.ar-tap,.ar-trail{animation:ar-fade-out .48s ease-out forwards}@keyframes ar-fade-out{0%{opacity:.85}to{opacity:0}}}.hud{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 40%,#1b1b1f,#0b0b0c 70%)}.hud[hidden]{display:none}.panel{max-width:22rem;text-align:center}.panel h1{margin:0 0 .75rem;font-size:1.75rem;letter-spacing:.02em}.panel p{margin:0 0 1.5rem;font-size:.95rem;line-height:1.7;color:#b9b9bd}.picker{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:0 0 1.25rem;font-size:.9rem;color:#b9b9bd}.picker select{appearance:none;border:1px solid rgba(255,255,255,.25);border-radius:.5rem;padding:.5rem 1.75rem .5rem .85rem;font:inherit;color:#f5f5f5;background:#ffffff14;background-image:linear-gradient(45deg,transparent 50%,#f5f5f5 50%),linear-gradient(135deg,#f5f5f5 50%,transparent 50%);background-position:calc(100% - 15px) 55%,calc(100% - 10px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.picker select:disabled{opacity:.5}#start{appearance:none;border:0;border-radius:999px;padding:.85rem 2.75rem;font:inherit;font-weight:600;color:#fff;background:#f42c26;cursor:pointer}#start:disabled{opacity:.5;cursor:default}.status{margin:1.25rem 0 0;font-size:.85rem;line-height:1.6;color:#9a9aa0}.status.is-error{color:#ff8a80}.hint{position:absolute;left:50%;bottom:calc(5.2rem + env(safe-area-inset-bottom));z-index:5;transform:translate(-50%);margin:0;padding:.5rem 1.1rem;border-radius:999px;font-size:.85rem;white-space:nowrap;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.hint[hidden]{display:none}.back{position:absolute;left:50%;bottom:calc(1.5rem + env(safe-area-inset-bottom));z-index:6;transform:translate(-50%);appearance:none;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.7rem 1.6rem;font:inherit;font-size:.9rem;color:#fff;white-space:nowrap;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.back[hidden]{display:none}.settings{position:absolute;top:calc(.75rem + env(safe-area-inset-top));right:calc(.75rem + env(safe-area-inset-right));z-index:8;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;appearance:none;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-size:1.25rem;line-height:1;color:#fff;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.settings-panel{position:absolute;top:calc(3.9rem + env(safe-area-inset-top));right:calc(.75rem + env(safe-area-inset-right));z-index:8;display:flex;flex-direction:column;gap:.75rem;padding:.9rem 1.1rem;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;font-size:.85rem;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-panel label{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.settings-panel hr{width:100%;height:1px;margin:0;border:0;background:#ffffff2e}.settings-panel .slider{flex-direction:column;align-items:stretch;gap:.35rem}.settings-panel .slider b{float:right;font-weight:600;color:#f5f5f5}.settings-panel .slider span{display:block;color:#b9b9bd}.settings-panel input[type=range]{width:10rem;height:auto;accent-color:#f42c26}.settings-panel input{width:1.05rem;height:1.05rem;accent-color:#f42c26}.settings[hidden],.settings-panel[hidden]{display:none}.debug{position:absolute;top:calc(.75rem + env(safe-area-inset-top));left:calc(.75rem + env(safe-area-inset-left));max-width:min(60vw,16rem);z-index:7;margin:0;padding:.6rem .8rem;border-radius:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;line-height:1.6;color:#d8ffd8;background:#0009;pointer-events:none}.debug[hidden]{display:none}