:root{--theme-background:#f6edd9;--theme-text:#173f3b;--theme-accent:#236b5d;--control-backing:#0f2b27c7;--focus-ring:#173f3b;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.experience{background:var(--theme-background);min-height:100dvh;color:var(--theme-text);margin:0;transition:background-color .2s}*{box-sizing:border-box}[hidden]{display:none!important}button{font:inherit;cursor:pointer}.experience button.primary{background:var(--theme-accent);color:#fff;border:0;border-radius:.8rem;min-height:52px;padding:.8rem 1.4rem}.experience button.secondary{border:1px solid color-mix(in srgb, var(--theme-text) 35%, transparent);min-height:48px;color:var(--theme-text);background:0 0;border-radius:.8rem;padding:.7rem 1.2rem}.experience button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.experience button:disabled{opacity:.6;cursor:wait}html,body{margin:0}.experience[data-background=camera] #video-stage{background:0 0}.experience[data-background=camera] #film{clip-path:inset(50%);pointer-events:none;width:1px;height:1px;position:absolute;inset:auto}.experience[data-background=camera] #camera-background{object-fit:cover}.camera-background{object-fit:cover;z-index:0;background:#000;width:100%;height:100%;position:absolute;inset:0}.alpha-film{object-fit:contain;z-index:1;width:100%;height:100%;position:absolute;inset:0}.experience[data-background=camera] #film-controls,.experience[data-background=camera] #enable-sound{z-index:5}.experience[data-layout=stage] #status{z-index:18}.experience[data-background=camera] #poster-layer{pointer-events:none}.experience[data-background=ar] #video-stage{pointer-events:none;z-index:3;background:0 0}.experience[data-background=ar] #film{clip-path:inset(50%);pointer-events:none;width:1px;height:1px;position:absolute}.experience[data-background=ar] #film-controls,.experience[data-background=ar] #enable-sound{pointer-events:auto}.tracked-camera-mount{isolation:isolate;width:100%;height:100%;position:absolute;inset:0}.tracked-camera-mount video{z-index:0}#entry-panel{max-width:520px;padding:max(28px, env(safe-area-inset-top)) 24px max(32px, env(safe-area-inset-bottom));flex-direction:column;gap:18px;margin:0 auto;display:flex}#card-title{margin:0;font-size:1.45rem;line-height:1.25}#entry-guide{margin:0;line-height:1.5}.entry-poster{width:100%}.entry-poster img{border:1px solid color-mix(in srgb, var(--theme-text) 18%, transparent);border-radius:14px;width:100%;height:auto;display:block}.cache-area{flex-direction:column;gap:8px;font-size:.92rem;display:flex}#cache-info{background:color-mix(in srgb, var(--theme-text) 10%, transparent);min-height:44px;color:var(--theme-text);border:0;border-radius:.7rem;align-self:flex-start;padding:.4rem .8rem}#status{min-height:1.6em;margin:0;line-height:1.45}.experience[data-layout=stage] #status{left:max(16px, env(safe-area-inset-left));bottom:max(76px, calc(env(safe-area-inset-bottom) + 64px));background:var(--control-backing);color:#fff;z-index:8;border-radius:12px;max-width:min(420px,100% - 32px);padding:10px 14px;font-size:.95rem;line-height:1.45;position:fixed}#stage{z-index:10;background:var(--theme-background);position:fixed;inset:0}#poster-layer{z-index:3;place-items:center;padding:24px;display:grid;position:absolute;inset:0}#poster-layer img{object-fit:contain;border-radius:14px;max-width:min(520px,100%);height:auto;max-height:100%}#scan-stage{z-index:1;background:#000;position:absolute;inset:0}#scan-stage video,#scan-stage canvas{object-fit:cover;width:100%;height:100%}#scan-stage video{z-index:0!important}#scan-stage canvas{z-index:1;pointer-events:none}#scan-stage .scan-guide,#scan-stage #scan-cancel{z-index:2}.scan-guide{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));background:#0f2b278c;border:1px solid #ffffff40;border-radius:12px;width:min(26vw,118px);padding:5px;position:absolute}.scan-guide img{opacity:.85;border-radius:8px;width:100%;height:auto;display:block}.scan-guide.text-guide:after{content:"Show the front of your card";color:#fff;text-align:center;padding:6px 8px;font-size:11px;line-height:1.4;display:block}#scan-cancel{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));background:var(--control-backing);color:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:1.15rem;position:absolute}#video-stage{z-index:2;background:var(--theme-background);position:absolute;inset:0}#video-stage video{object-fit:contain;width:100%;height:100%;display:block}#stage-actions{z-index:8;left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));flex-wrap:wrap;gap:10px;max-width:min(480px,100% - 32px);display:flex;position:absolute}#stage-actions button{min-height:48px}.experience[data-layout=entry]>#stage-actions{max-width:520px;margin:18px auto 0;padding:0 24px 24px;position:static}.experience[data-layout=entry]>#status{max-width:520px;margin:0 auto;padding:0 24px}#film-controls{z-index:6;left:50%;bottom:max(14px, env(safe-area-inset-bottom));background:var(--control-backing);border-radius:999px;gap:8px;padding:6px;display:flex;position:absolute;transform:translate(-50%)}#film-controls button{color:#fff;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative}#film-controls button:hover{background:#ffffff29}#film-controls button:active{transform:scale(.94)}#film-controls svg{width:24px;height:24px}#control-play .icon-play{display:none}#control-play.is-paused .icon-play{display:block}#control-play.is-paused .icon-pause{display:none}#enable-sound{z-index:5;left:50%;bottom:max(76px, calc(env(safe-area-inset-bottom) + 64px));background:var(--control-backing);color:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px 14px;max-width:min(440px,100% - 32px);padding:12px 16px;display:flex;position:absolute;transform:translate(-50%)}#enable-sound p{flex:180px;margin:0;line-height:1.4}#enable-sound button{min-height:44px;color:var(--theme-text);background:#fff;border:0;border-radius:.7rem;padding:.5rem 1rem}#poster-play{z-index:4;background:color-mix(in srgb, var(--theme-background) 78%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}#poster-play p{margin:0;font-size:1.05rem}#poster-play button{background:var(--theme-accent);color:#fff;border:0;border-radius:999px;min-height:52px;padding:.8rem 1.6rem;font-size:1.05rem}#rotation-hint{z-index:7;top:max(14px, env(safe-area-inset-top));background:var(--control-backing);color:#fff;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 84px);padding:8px 8px 8px 14px;font-size:.88rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}#rotation-hint p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}#rotation-dismiss,#fullscreen-note-dismiss{color:#fff;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}#fullscreen-note{z-index:7;top:max(60px, calc(env(safe-area-inset-top) + 46px));background:var(--control-backing);color:#fff;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 84px);padding:8px 8px 8px 14px;font-size:.88rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}#fullscreen-note p{margin:0}#info-panel{z-index:30;background:#0c1a188c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}#info-panel .panel{background:var(--theme-background);max-width:420px;color:var(--theme-text);border-radius:16px;flex-direction:column;gap:12px;padding:22px;display:flex}#info-panel h2{margin:0;font-size:1.15rem}#info-panel p{margin:0;font-size:.95rem;line-height:1.5}#info-panel .panel-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}@media (width<=360px){#film-controls{gap:4px}#film-controls button{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.experience{transition:none}#film-controls button:active{transform:none}*{animation:none!important}}