:root{--ink:#f2ece2;--muted:#b8aea0;--blood:#a10d18;--gold:#b99b67;--bg:#090706}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{width:100%;height:100%;margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}
button{font:inherit;color:inherit}.stage{position:relative;width:100%;height:100%;min-height:100dvh;background:radial-gradient(circle at 50% 30%,#2c1717 0,#100b09 35%,#050403 100%);isolation:isolate}
.stage:before{content:"";position:absolute;inset:0;opacity:.22;z-index:-1;background-image:repeating-linear-gradient(93deg,transparent 0 5px,#000 6px 7px);mix-blend-mode:multiply}
.camera{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;transform:scaleX(-1);opacity:0;transition:opacity .8s}.camera.visible{opacity:.63}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse,transparent 25%,rgba(0,0,0,.35) 60%,#050403 110%);z-index:1}.stage[data-video-orientation="portrait"] .vignette:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:min(100vw,var(--portrait-window-width,56.25dvh));transform:translateX(-50%);border-left:1px solid rgba(185,155,103,.55);border-right:1px solid rgba(185,155,103,.55);box-shadow:0 0 0 100vmax rgba(0,0,0,.88)}
.screen{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(28px,env(safe-area-inset-top)) max(26px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom));opacity:0;visibility:hidden;transform:scale(1.02);transition:.45s ease}.screen.active{opacity:1;visibility:visible;transform:none}
.crest{font-family:Cinzel,serif;color:var(--gold);font-size:3rem;margin-bottom:1.2rem;text-shadow:0 0 30px rgba(185,155,103,.35)}.eyebrow{letter-spacing:.32em;font-size:.7rem;font-weight:800;color:var(--gold);margin:0 0 1.4rem;text-align:center}
#home{justify-content:flex-end;padding-bottom:max(5vh,env(safe-area-inset-bottom))}#home .crest{position:absolute;top:2vh;margin:0}#home .eyebrow{position:absolute;top:10vh}#home h1{position:absolute;top:14vh}.face-guide{position:absolute;top:36%;width:min(31vw,260px);height:min(38vh,310px);border:1px solid rgba(214,191,150,.65);border-radius:48% 48% 44% 44%;box-shadow:0 0 0 9999px rgba(7,4,3,.12),inset 0 0 50px rgba(0,0,0,.25)}.face-guide:before,.face-guide:after{content:"";position:absolute;left:50%;width:30px;height:1px;background:var(--gold);transform:translateX(-50%)}.face-guide:before{top:-1px}.face-guide:after{bottom:-1px}
h1,h2{font-family:Cinzel,serif;text-align:center;line-height:.94;letter-spacing:.05em;margin:0;text-shadow:0 3px 30px #000}h1{font-size:clamp(3rem,10vw,6.6rem)}h2{font-size:clamp(2.15rem,7vw,4.8rem)}.instruction{text-align:center;color:var(--muted);line-height:1.65;margin:2.3rem 0 1.9rem;font-size:clamp(.95rem,2.3vw,1.2rem)}
.primary,.secondary{border:1px solid rgba(255,255,255,.16);border-radius:4px;min-width:min(78vw,360px);padding:1.2rem 2rem;font-weight:800;letter-spacing:.16em;cursor:pointer}.primary{background:linear-gradient(#c11825,#7e0710);box-shadow:0 15px 45px rgba(133,0,10,.4),inset 0 1px rgba(255,255,255,.2)}.primary:active{transform:translateY(2px)}.primary.compact{min-width:0}.secondary{background:rgba(255,255,255,.07);min-width:0}.hidden{display:none!important}
.card-screen{background:rgba(5,4,3,.78);backdrop-filter:blur(14px)}.card{width:min(720px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:clamp(26px,6vw,58px);border:1px solid rgba(185,155,103,.28);background:rgba(18,13,11,.94);box-shadow:0 30px 90px #000}.card h2{max-width:100%;font-size:clamp(1.35rem,6.5vw,3.7rem);letter-spacing:clamp(.01em,.45vw,.05em);overflow-wrap:anywhere}.consent-text{color:#d1c8bc;font-size:clamp(.95rem,2.1vw,1.12rem);line-height:1.72;margin:2rem auto;max-width:57ch}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.topline{position:absolute;top:max(24px,env(safe-area-inset-top));left:6vw;right:6vw;display:flex;justify-content:space-between;font-size:.7rem;font-weight:800;letter-spacing:.2em}.focus-frame{position:absolute;width:min(75vw,670px);aspect-ratio:16/10}.focus-frame i{position:absolute;width:38px;height:38px;border-color:rgba(214,191,150,.78)}.focus-frame i:nth-child(1){left:0;top:0;border-left:2px solid;border-top:2px solid}.focus-frame i:nth-child(2){right:0;top:0;border-right:2px solid;border-top:2px solid}.focus-frame i:nth-child(3){left:0;bottom:0;border-left:2px solid;border-bottom:2px solid}.focus-frame i:nth-child(4){right:0;bottom:0;border-right:2px solid;border-bottom:2px solid}.experience-copy{position:absolute;left:0;right:0;bottom:8vh;text-align:center}.status{font-family:Cinzel,serif;font-size:clamp(2rem,7vw,4.8rem);letter-spacing:.08em;margin:0}.countdown{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font:700 clamp(8rem,32vw,20rem)/1 Cinzel;color:#fff;text-shadow:0 0 70px #8c000d;pointer-events:none}.rec{font-weight:800;letter-spacing:.18em;margin-top:1rem}.rec b{font-size:1.25em;color:#fff}.rec span{display:inline-block;width:11px;height:11px;border-radius:50%;background:#f21b2d;box-shadow:0 0 16px #f21b2d;animation:pulse 1s infinite}.timer-track{width:min(440px,66vw);height:3px;margin:1.4rem auto 0;background:rgba(255,255,255,.16)}.timer-bar{height:100%;width:0;background:var(--blood)}
.complete-screen,.error-screen{background:rgba(5,4,3,.88);text-align:center}.complete-screen{overflow:auto}.complete-screen h2,.error-screen h2{margin-bottom:1.25rem}.complete-message{color:var(--muted);letter-spacing:.14em;font-size:.78rem;margin:0 0 1.4rem}.loader{width:140px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:sweep 1.8s infinite}.qr-panel{display:flex;flex-direction:column;align-items:center;gap:1rem;width:min(440px,100%)}.qr-panel img{display:block;width:min(38vh,68vw,300px);height:auto;aspect-ratio:1;background:#fffaf2;padding:10px;border:2px solid var(--gold);box-shadow:0 18px 55px #000}.qr-panel p{margin:0;color:var(--ink);font-weight:800;letter-spacing:.12em;font-size:clamp(.7rem,1.8vw,.9rem)}.qr-panel .primary{margin-top:.25rem}.qr-panel small{color:var(--muted);letter-spacing:.08em}.error-screen p:not(.eyebrow){letter-spacing:.15em;color:var(--muted);margin-bottom:2rem}.pending{font-size:.8rem;color:var(--gold);margin-top:1.5rem}.disabled{opacity:.4;pointer-events:none}
@keyframes pulse{50%{opacity:.25;transform:scale(.75)}}@keyframes sweep{50%{transform:scaleX(.35);opacity:.5}}
@media (orientation:portrait){.focus-frame{aspect-ratio:3/4;width:min(78vw,520px);max-height:62vh}.experience-copy{bottom:6vh}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
#confess{min-width:min(86vw,520px);padding:1.55rem 2.4rem;font-size:clamp(1.15rem,2.7vw,1.55rem);box-shadow:0 20px 65px rgba(160,0,14,.55),inset 0 1px rgba(255,255,255,.22)}
.rec{display:inline-flex;align-items:center;gap:.75rem;padding:.8rem 1.15rem;border:1px solid rgba(242,27,45,.65);border-radius:4px;background:rgba(100,0,10,.72);font-size:clamp(1.25rem,3.5vw,2rem);line-height:1.1;box-shadow:0 12px 38px rgba(130,0,12,.42)}
.rec span{width:20px;height:20px;flex:0 0 20px}.rec b{font-size:1.25em}
.complete-screen>.crest,.complete-screen>.eyebrow,.complete-screen>h2,.complete-screen>.loader{display:none!important}
.qr-panel{width:min(520px,100%)}.qr-panel img{width:min(55vh,78vw,420px)}