:root{--plum: #2d1c53;--plum-deep: #21133f;--mint: #9fe3c2;--mint-light: #dff5e9;--lilac: #c8b6dc;--charcoal: #28252b;--warm: #f7eee3;--cream: #fffaf3;--positive: #72cda2;--warning: #e36f68;--gold: #f4bd58;--noise: #97919e;--display: Georgia, Cambria, "Times New Roman", serif;--body: Inter, Aptos, "Segoe UI", sans-serif;color:var(--charcoal);font-family:var(--body);font-synthesis:none;text-rendering:optimizeLegibility;background:var(--plum-deep)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.experience{position:relative;width:100%;height:100%;min-width:960px;min-height:540px;overflow:hidden;isolation:isolate;background:var(--warm)}#game-canvas,#game-canvas canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain}#game-canvas{z-index:-5;background:var(--warm)}.grain{position:absolute;inset:0;z-index:-4;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");mix-blend-mode:multiply}.brand-bar{position:absolute;z-index:75;top:clamp(16px,2.2vh,28px);left:clamp(20px,2.4vw,46px);display:flex;align-items:center;height:clamp(52px,7.6vh,82px);padding:8px 18px 8px 10px;border-radius:18px;background:color-mix(in srgb,var(--cream) 92%,transparent);box-shadow:0 8px 28px #32183224;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.brand-logo{width:clamp(175px,17vw,285px);max-height:66px;display:block;object-fit:contain}.brand-rule{width:1px;height:34px;margin:0 18px 0 14px;background:var(--lilac)}.header-title{color:var(--plum);font-size:clamp(11px,1vw,16px);font-weight:800;letter-spacing:.11em}.screen{position:absolute;inset:0;z-index:30;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s ease,visibility .42s}.screen.is-visible{opacity:1;visibility:visible;pointer-events:auto}.boot-screen{z-index:100;display:grid;place-content:center;justify-items:center;gap:20px;color:var(--cream);background-color:var(--plum-deep);background-image:linear-gradient(#21133f2e,#21133f8a),var(--brand-pattern);background-position:center;background-size:cover}.boot-screen img{width:min(360px,34vw);max-height:150px;object-fit:contain}.boot-screen p{margin:0;font-size:15px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.boot-mark{display:flex;gap:8px}.boot-mark span{width:13px;height:13px;border-radius:50%;background:var(--cream);animation:boot-bounce .9s ease-in-out infinite alternate}.boot-mark span:nth-child(2){animation-delay:.15s;background:var(--mint)}.boot-mark span:nth-child(3){animation-delay:.3s;background:var(--lilac)}@keyframes boot-bounce{to{transform:translateY(-12px)}}.attract-screen{padding:clamp(125px,18vh,195px) 7vw 7vh}.attract-copy{position:relative;z-index:2;width:min(940px,54vw);padding:clamp(26px,3.2vw,58px);border:1px solid rgba(77,35,74,.08);border-radius:34px;background:#fffaf3e8;box-shadow:0 24px 80px #3218322e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.eyebrow{color:var(--plum);font-size:clamp(12px,1.15vw,19px);font-weight:900;letter-spacing:.22em;text-transform:uppercase}.attract-copy h1{margin:18px 0 20px;color:var(--plum-deep);font-family:var(--display);font-size:clamp(54px,6.4vw,110px);line-height:.84;letter-spacing:-.055em;text-wrap:balance}.attract-copy h1 em{color:var(--plum);font-style:italic;font-weight:500}.supporting-line{max-width:730px;margin:0;color:#684f64;font-size:clamp(13px,1.05vw,19px);font-weight:800;line-height:1.45;letter-spacing:.1em}.viewpoint-pill{display:inline-flex;margin-top:13px;padding:8px 12px;align-items:center;color:var(--plum);border:1px solid rgba(45,28,83,.16);border-radius:100px;background:var(--mint-light);font-size:clamp(10px,.72vw,13px);font-weight:900;letter-spacing:.1em}.start-prompt{display:inline-flex;align-items:center;gap:20px;min-width:535px;margin-top:clamp(26px,4vh,46px);padding:15px 25px 15px 16px;color:var(--cream);border-radius:100px;background:var(--plum);box-shadow:0 10px 30px #4d234a40}.start-prompt strong,.start-prompt span{display:block}.start-prompt strong{font-size:clamp(16px,1.3vw,22px);letter-spacing:.1em}.start-prompt span{margin-top:3px;color:var(--mint-light);font-size:clamp(13px,.9vw,17px)}.ghost-hands{display:flex;width:105px;flex:0 0 auto;align-items:center;justify-content:center;gap:1px}.ghost-hand{position:relative;width:56px;height:56px;flex:0 0 auto;border-radius:50%;background:var(--mint);animation:hand-wave 1.6s ease-in-out infinite}.ghost-hand.left-hand{animation-delay:-.35s}.ghost-hand.right-hand{animation-direction:alternate-reverse}.ghost-hand:before,.ghost-hand:after,.ghost-hand i,.ghost-hand b{content:"";position:absolute;width:8px;border-radius:8px;background:var(--plum)}.ghost-hand:before{height:27px;left:16px;top:9px;transform:rotate(-8deg)}.ghost-hand:after{height:30px;left:26px;top:5px}.ghost-hand i{height:24px;left:36px;top:11px;transform:rotate(8deg)}.ghost-hand b{width:30px;height:22px;left:14px;top:28px}@keyframes hand-wave{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg) translateY(-3px)}}.text-button{display:block;margin:18px 0 0;padding:8px 4px;color:#6f5b6c;border:0;border-bottom:1px solid #aa98a8;background:transparent;font-size:14px;font-weight:700;cursor:pointer}.text-button:hover{color:var(--plum);border-color:var(--plum)}.how-to-card{position:absolute;right:7vw;bottom:9vh;width:clamp(360px,29vw,520px);padding:25px;border-radius:26px;background-color:var(--plum-deep);background-image:linear-gradient(#21133fd1,#21133ff0),var(--brand-pattern);background-position:center;background-size:cover;box-shadow:0 20px 70px #32183242}.card-kicker{display:block;margin:0 0 13px 7px;color:var(--lilac);font-size:12px;font-weight:900;letter-spacing:.14em}.object-guide{display:flex;align-items:center;gap:15px;padding:10px 12px;color:var(--cream);border-top:1px solid rgba(255,255,255,.11)}.object-guide i{display:grid;width:47px;height:47px;flex:0 0 auto;place-items:center;border-radius:50%;font-style:normal;font-size:22px;font-weight:900}.object-guide strong,.object-guide span{display:block}.object-guide strong{font-size:16px;letter-spacing:.1em}.object-guide span{color:#d7ced7;font-size:14px}.positive-guide i{color:var(--plum);background:var(--mint)}.risk-guide i{width:74px;border-radius:16px;background:var(--warning);font-size:15px}.noise-guide i{color:var(--cream);background:var(--noise);border:2px dashed rgba(255,250,243,.72);border-radius:42% 58% 55% 45%;font-size:31px;line-height:1;transform:rotate(-7deg)}.privacy-note{position:absolute;left:7vw;bottom:2.8vh;color:#fffaf3eb;font-size:clamp(11px,.8vw,14px);font-weight:650;text-shadow:0 1px 3px rgba(50,24,50,.5)}.privacy-note span{color:var(--mint)}.permission-screen,.calibration-screen,.results-screen{display:grid;place-items:center;background:#3218329e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.results-screen{background-color:var(--plum-deep);background-image:linear-gradient(#21133f85,#21133fb8),var(--brand-pattern);background-position:center;background-size:cover}.modal-card{width:min(670px,74vw);padding:54px;text-align:center;border-radius:34px;background:var(--cream);box-shadow:0 28px 90px #12071261}.compact-card h2,.calibration-copy h2{margin:12px 0;color:var(--plum);font-family:var(--display);font-size:clamp(38px,4vw,64px);line-height:1}.compact-card p{margin:10px auto 28px;max-width:520px;color:#655b64;font-size:18px;line-height:1.6}.camera-icon{display:inline-block;width:76px;height:54px;margin:0 0 20px;border:8px solid var(--plum);border-radius:14px}.camera-icon:after{content:"";display:block;width:22px;height:22px;margin:8px auto;border:5px solid var(--mint);border-radius:50%}.primary-button{min-width:220px;padding:16px 26px;color:var(--cream);border:0;border-radius:100px;background:var(--plum);box-shadow:0 9px 26px #4d234a3d;font-weight:900;letter-spacing:.12em;cursor:pointer}.primary-button:hover{transform:translateY(-2px);background:var(--plum-deep)}.compact-card .text-button{margin:14px auto 0}.calibration-screen{grid-template-columns:1fr 1fr;padding:10vh 10vw;gap:6vw}.calibration-guide{position:relative;width:min(420px,32vw);height:min(620px,62vh);opacity:.9}.calibration-guide .play-zone{position:absolute;inset:3%;border:4px dashed rgba(159,227,194,.75);border-radius:45% 45% 28% 28%}.calibration-guide .head{position:absolute;left:calc(50% - 45px);top:13%;width:90px;height:90px;border:7px solid var(--cream);border-radius:50%}.calibration-guide .body{position:absolute;left:calc(50% - 80px);top:29%;width:160px;height:260px;border:7px solid var(--cream);border-bottom:0;border-radius:50% 50% 0 0}.calibration-guide .arm{position:absolute;top:36%;width:200px;height:7px;background:var(--mint);transform-origin:center right}.calibration-guide .arm.left{left:1%;transform:rotate(-55deg)}.calibration-guide .arm.right{right:1%;transform:rotate(55deg);transform-origin:center left}.calibration-copy{padding:45px;border-radius:32px;background:var(--cream);box-shadow:0 20px 65px #1207124d}.calibration-copy p{color:#655b64;font-size:clamp(16px,1.2vw,21px);line-height:1.5}.readiness{height:13px;margin-top:28px;overflow:hidden;border-radius:10px;background:#e3d9dc}.readiness i{display:block;width:10%;height:100%;border-radius:inherit;background:var(--mint);transition:width .12s linear}.countdown-screen{display:grid;padding:6vh 7vw;align-content:start;justify-content:end;text-align:right;color:var(--cream);background:#21133f2e;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.countdown-value{min-width:1.25em;padding:.04em .16em .11em;color:var(--cream);border:2px solid rgba(255,250,243,.42);border-radius:24px;background:#21133fb3;font-family:var(--display);font-size:clamp(100px,13vw,205px);font-weight:700;line-height:.85;text-align:center;box-shadow:0 16px 60px #12071242;text-shadow:0 10px 40px rgba(0,0,0,.22)}.countdown-value.pulse{animation:countdown-pulse .6s cubic-bezier(.18,.89,.32,1.28)}.countdown-screen p{margin:18px 4px 0;color:var(--mint);font-size:16px;font-weight:900;letter-spacing:.2em}@keyframes countdown-pulse{0%{transform:scale(.5);opacity:.1}to{transform:scale(1);opacity:1}}.hud{position:absolute;z-index:25;inset:20px 28px auto;display:grid;grid-template-columns:1fr auto .75fr 1.1fr auto 100px;align-items:center;gap:13px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease}.hud.is-visible{opacity:1;visibility:visible}.hud.is-visible .scan-meter{pointer-events:auto}.hud-block,.hud-stage,.scan-meter,.hud-time{height:80px;border:1px solid rgba(77,35,74,.08);border-radius:18px;background:#fffaf3f0;box-shadow:0 9px 30px #32183226;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-block{display:flex;min-width:150px;padding:11px 18px;flex-direction:column;justify-content:center}.hud-block strong{color:var(--plum);font-family:var(--display);font-size:clamp(26px,2.2vw,40px);line-height:1}.hud-label{color:#756675;font-size:10px;font-weight:900;letter-spacing:.15em}.hud-stage{display:grid;min-width:170px;padding:0 22px;place-items:center;color:var(--plum);font-size:13px;font-weight:900;letter-spacing:.12em}.combo-block{align-items:center}.confidence-track{width:100%;height:11px;margin-top:9px;overflow:hidden;border-radius:20px;background:#e5dadd}.confidence-track i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--warning),var(--gold),var(--mint));transition:width .3s ease}.scan-meter{display:flex;width:205px;padding:12px 18px;flex-direction:column;align-items:flex-start;justify-content:center;color:var(--cream);border:0;background:var(--plum);cursor:pointer}.scan-meter span{font-size:9px;font-weight:800;letter-spacing:.12em}.scan-meter strong{margin-top:4px;color:var(--mint);font-size:17px;letter-spacing:.12em}.scan-meter.is-used{background:#6f666f}.scan-meter.is-used strong{color:#ddd4dc}.hud-time{display:grid;width:90px;place-items:center;color:var(--plum);font-family:var(--display);font-size:46px;font-weight:700}.hud-time.urgent{color:var(--cream);background:var(--warning);animation:timer-pulse .8s ease-in-out infinite alternate}@keyframes timer-pulse{to{transform:scale(1.07)}}.gameplay-legend{position:absolute;z-index:21;left:2vw;bottom:2.4vh;display:flex;overflow:hidden;align-items:center;color:var(--cream);border:2px solid rgba(255,250,243,.45);border-radius:100px;background:#321832e0;box-shadow:0 8px 28px #32183233;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease,visibility .35s}.experience[data-state=PLAYING] .gameplay-legend{opacity:1;visibility:visible;transform:translateY(0)}.gameplay-legend span{display:flex;height:47px;padding:0 15px;align-items:center;gap:7px;border-right:1px solid rgba(255,255,255,.16);font-size:10px;font-weight:900;letter-spacing:.07em}.gameplay-legend span:last-child{border-right:0}.gameplay-legend i{display:grid;min-width:25px;height:25px;place-items:center;border-radius:50%;font-size:13px;font-style:normal}.legend-opportunity i{color:var(--plum);background:var(--mint)}.legend-risk i{min-width:58px;border-radius:8px;background:var(--warning);font-size:9px}.legend-noise i{background:var(--noise);font-size:9px;letter-spacing:1px}.pip{position:absolute;z-index:70;right:2vw;bottom:3.5vh;width:clamp(230px,20vw,360px);aspect-ratio:16 / 10;overflow:hidden;border:5px solid var(--cream);border-radius:24px;background:var(--plum-deep);box-shadow:0 18px 50px #3218324d;transition:width .3s ease,opacity .3s ease}.pip.is-playing{width:clamp(195px,15vw,285px)}.pip video,.pip canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.pip-status{position:absolute;right:9px;bottom:9px;left:9px;display:flex;align-items:center;gap:8px;padding:8px 11px;color:var(--cream);border-radius:12px;background:#321832cc;font-size:10px;font-weight:900;letter-spacing:.1em}.pip-status i{width:9px;height:9px;border-radius:50%;background:var(--warning)}.pip.tracking-good .pip-status i{background:var(--mint);box-shadow:0 0 9px var(--mint)}.audio-button{position:absolute;z-index:80;right:2vw;top:2.6vh;display:flex;height:46px;align-items:center;gap:8px;padding:0 16px;color:var(--plum);border:1px solid rgba(77,35,74,.12);border-radius:100px;background:#fffaf3ed;box-shadow:0 8px 24px #3218321f;cursor:pointer}.audio-button strong{font-size:10px;letter-spacing:.11em}.speaker-icon{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--mint);font-size:19px}.audio-button.is-muted .speaker-icon{color:var(--cream);background:var(--noise)}.shortcut-hint{position:absolute;z-index:22;right:2.2vw;bottom:1.1vh;color:#fffaf3c2;font-size:9px;font-weight:800;letter-spacing:.1em;text-shadow:0 1px 3px var(--plum-deep)}.shortcut-hint b{color:var(--mint)}.experience[data-state=PLAYING] .brand-bar,.experience[data-state=PLAYING] .audio-button{display:none}.experience[data-state=ATTRACT] .pip{top:12vh;bottom:auto;width:clamp(230px,17vw,320px)}.experience[data-state=RESULTS] .pip{opacity:0;visibility:hidden}.experience[data-state=CAMERA_PERMISSION] .pip{opacity:.25}.results-screen{z-index:65;padding:9vh 5vw 4vh}.results-card{display:grid;width:min(1540px,92vw);max-height:84vh;grid-template-columns:.82fr 1.18fr;overflow:hidden;border-radius:38px;background:var(--cream);box-shadow:0 30px 100px #1207126b}.results-main{display:flex;min-height:620px;padding:clamp(34px,4.4vw,68px);flex-direction:column;justify-content:center;color:var(--cream);background-color:var(--plum);background-image:linear-gradient(#2d1c5380,#21133fd1),var(--brand-pattern);background-position:left center;background-size:cover}.result-brand-logo{width:min(265px,24vw);max-height:105px;margin:0 0 clamp(28px,4vh,48px);object-fit:contain;object-position:left center}.results-main .eyebrow{color:var(--mint)}.result-score{margin:15px 0 0;font-family:var(--display);font-size:clamp(86px,10vw,165px);font-weight:700;line-height:.9;letter-spacing:-.06em}.results-main h2{margin:25px 0 42px;max-width:530px;color:var(--mint-light);font-family:var(--body);font-size:clamp(22px,2.4vw,40px);line-height:1.08;letter-spacing:.06em}.result-confidence{display:flex;max-width:460px;padding-top:17px;align-items:baseline;justify-content:space-between;border-top:1px solid rgba(255,255,255,.25)}.result-confidence span{color:var(--lilac);font-size:12px;font-weight:800;letter-spacing:.13em}.result-confidence strong{font-size:22px;letter-spacing:.09em}.results-detail{display:flex;min-height:620px;padding:clamp(28px,3.5vw,54px);flex-direction:column;justify-content:center}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 35px}.result-grid div{display:flex;min-height:56px;padding:9px 0;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ddd2d7}.result-grid span{color:#6e626c;font-size:clamp(13px,1vw,17px)}.result-grid strong{color:var(--plum);font-family:var(--display);font-size:clamp(24px,2vw,34px)}.assurance-bridge{margin-top:20px;padding:18px 20px;border-left:5px solid var(--mint);border-radius:4px 16px 16px 4px;background:#ece7f3}.assurance-bridge strong{color:var(--plum);font-size:clamp(12px,.9vw,15px);letter-spacing:.1em}.assurance-bridge p{margin:8px 0 0;color:#5e5570;font-size:clamp(12px,.86vw,15px);line-height:1.42}.partner-message{margin:13px 0 0;color:var(--plum);font-size:clamp(12px,.9vw,15px);font-weight:800;line-height:1.4}.leaderboard-cta{margin:18px 0 13px;color:var(--plum);font-size:13px;font-weight:900;letter-spacing:.09em;text-align:center}.result-actions{display:flex;align-items:center;justify-content:center;gap:22px;color:#746872;font-size:13px}@media(max-aspect-ratio:1.55/1){.attract-copy{width:62vw}.how-to-card{right:4vw;width:31vw}.pip{right:1.5vw;bottom:4vh;width:20vw}.hud{grid-template-columns:1fr auto .7fr 1fr auto 82px;gap:8px;inset-inline:16px}.hud-stage{min-width:140px}.scan-meter{width:178px}}@media(max-height:720px){.brand-bar{top:10px;height:55px}.brand-logo{width:190px;max-height:46px}.attract-screen{padding-top:84px}.attract-copy{padding:27px 34px}.attract-copy h1{margin-block:10px 12px;font-size:58px}.start-prompt{margin-top:19px}.how-to-card{bottom:5vh;padding:16px}.object-guide{padding-block:6px}.object-guide i{width:40px;height:40px}.gameplay-legend span{height:40px;padding-inline:10px;font-size:8px}.hud-block,.hud-stage,.scan-meter,.hud-time{height:64px}.results-screen{padding-top:6vh}.results-card{max-height:88vh}.results-main,.results-detail{min-height:540px}.result-brand-logo{width:190px;max-height:72px;margin-bottom:20px}.results-main h2{margin:17px 0 24px;font-size:26px}.result-grid div{min-height:45px;padding-block:5px}.assurance-bridge{margin-top:12px;padding:11px 14px}.assurance-bridge p{margin-top:4px}.partner-message{margin-top:7px}.leaderboard-cta{margin:10px 0 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}