:root{color:#fff;background:#120713;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root,.app,.stage{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.app{background:#120713;position:fixed;inset:0}.stage{background:radial-gradient(circle at 50% 35%,#2d467f 0%,#152347 47%,#0d1024 100%);position:absolute;inset:0}.camera,.ar-container{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera{z-index:0;background:#10172e}.ar-container canvas,.ar-container video{object-fit:cover!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.demo-depth-plane{z-index:1;pointer-events:none;background:linear-gradient(165deg,#23377047 0 38%,#18214633 38% 65%,#0a0c1e47 65%),radial-gradient(circle at 50% 28%,#ffffff14,#0000 34%);transition:opacity .35s;position:absolute;inset:0}.camera-ready .demo-depth-plane{opacity:.25}.camera-fallback .demo-depth-plane{opacity:1;background:linear-gradient(166deg,#213e7a 0 36%,#17274e 36% 62%,#0b1128 62%)}.muky{z-index:4;object-fit:contain;transform-origin:50% 92%;filter:drop-shadow(0 16px 17px #00000061);pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity, left, bottom, width;width:min(56vw,390px);max-height:76vh;position:absolute;bottom:15%;left:50%}.muky-shadow{z-index:3;filter:blur(11px);opacity:.62;pointer-events:none;will-change:transform,opacity,width,bottom;background:#00000061;border-radius:50%;width:min(34vw,240px);height:24px;transition:transform .24s,opacity .24s,width .24s,bottom .24s;position:absolute;bottom:12%;left:50%;transform:translate(-50%)scale(1)}.shadow-hidden{opacity:0;transform:translate(-50%)scale(.45)}.shadow-peek,.shadow-shrink{opacity:.05;width:min(22vw,150px);bottom:30%}.shadow-jump{opacity:.18;width:min(19vw,130px);animation:.85s ease-in-out both shadowJump;bottom:14%;transform:translate(-50%)scale(.58)}.shadow-land{opacity:.72;width:min(39vw,270px);animation:.8s ease-out both shadowLand;bottom:10.5%}.shadow-idle,.shadow-reaction{opacity:.52;width:min(31vw,220px);bottom:12.3%}.intro-hidden{opacity:0;transform:translate(-50%,14%)scale(.72)}.intro-peek{opacity:1;transform-origin:0 55%;width:min(57vw,440px);animation:1.2s cubic-bezier(.16,.88,.28,1) both peekFromEdge;bottom:28%;left:13%}.intro-shrink{opacity:1;transform-origin:0 60%;width:min(47vw,365px);animation:.5s cubic-bezier(.25,.7,.25,1) both shrinkPrep;bottom:25%;left:19%}.intro-jump{opacity:1;transform-origin:50% 86%;width:min(47vw,350px);animation:.86s cubic-bezier(.23,.7,.25,1) both jumpArcV4;bottom:28%;left:50%}.intro-land{opacity:1;transform-origin:50% 94%;width:min(55vw,400px);animation:.8s cubic-bezier(.18,.76,.24,1) both landBounceV4;bottom:11.5%;left:50%}.intro-idle{opacity:1;width:min(50vw,360px);animation:2.35s ease-in-out infinite idleFloat;bottom:15%;left:50%;transform:translate(-50%)scale(1)}.reaction-pose{opacity:1!important;width:min(52vw,380px)!important;animation:.38s cubic-bezier(.2,.9,.25,1) both reactionPop!important;bottom:15%!important;left:50%!important;transform:translate(-50%)scale(1.02)!important}@keyframes peekFromEdge{0%{opacity:0;transform:translate(-44%,4%)scale(.9)}55%{opacity:1;transform:translate(-6%)scale(1.01)}78%{transform:translate(-2%,-1%)scale(.99)}to{transform:translate(0)scale(1)}}@keyframes shrinkPrep{0%{transform:translate(0)scale(1)}62%{transform:translate(7%,4%)scale(.83)rotate(-2deg)}to{transform:translate(10%,7%)scale(.78)rotate(-3deg)}}@keyframes jumpArcV4{0%{transform:translate(-50%)translate(-27%,16%)scale(.8)rotate(-4deg)}24%{transform:translate(-50%)translate(-16%,-18%)scale(.76)rotate(2deg)}52%{transform:translate(-50%)translateY(-58%)scale(.69)rotate(7deg)}75%{transform:translate(-50%)translate(7%,-28%)scale(.72)rotate(-2deg)}to{transform:translate(-50%)translateY(13%)scale(.76)rotate(0)}}@keyframes landBounceV4{0%{transform:translate(-50%)translateY(-26%)scale(.78,.84)}46%{transform:translate(-50%)translateY(5%)scale(.88,.68)}66%{transform:translate(-50%)translateY(-5%)scale(.79,.87)}82%{transform:translate(-50%)translateY(1.5%)scale(.82,.78)}to{transform:translate(-50%)translateY(0)scale(.8)}}@keyframes shadowJump{0%,to{opacity:.3;transform:translate(-50%)scale(.72)}52%{opacity:.1;transform:translate(-50%)scale(.34)}}@keyframes shadowLand{0%{opacity:.22;transform:translate(-50%)scale(.55)}48%{opacity:.76;transform:translate(-50%)scale(1.18,.72)}68%{opacity:.54;transform:translate(-50%)scale(.9)}to{opacity:.58;transform:translate(-50%)scale(1)}}@keyframes idleFloat{0%,to{transform:translate(-50%)translateY(0)rotate(-.35deg)}50%{transform:translate(-50%)translateY(-6px)rotate(.35deg)}}@keyframes reactionPop{0%{transform:translate(-50%)scale(.9)}68%{transform:translate(-50%)scale(1.07)}to{transform:translate(-50%)scale(1.02)}}.top-brand{top:max(14px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#4c0534c2;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:9px;padding:8px 12px 8px 8px;display:flex;position:absolute;left:16px}.top-brand .six{color:#111;background:#fff;border:4px solid #c20a74;border-radius:50%;place-items:center;width:38px;height:38px;font-size:26px;font-weight:900;display:grid}.top-brand strong{letter-spacing:.04em;font-size:13px;display:block}.top-brand small{opacity:.78;margin-top:1px;font-size:10px;display:block}.status-badge,.demo-badge{z-index:9;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000094;border-radius:999px;padding:8px 13px;font-size:12px;position:absolute;top:82px;left:50%;transform:translate(-50%)}.camera-note{z-index:9;text-align:center;color:#ffffffd1;background:#0c0a1894;border-radius:12px;width:min(88vw,520px);padding:7px 11px;font-size:11px;position:absolute;top:122px;left:50%;transform:translate(-50%)}.error-card{z-index:12;color:#34102c;text-align:center;background:#fff;border-radius:20px;width:min(86vw,420px);padding:20px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000073}.experience-dock{z-index:11;left:50%;bottom:max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#120713cc;border:1px solid #ffffff2e;border-radius:18px;gap:7px;width:min(94vw,570px);padding:8px;transition:opacity .38s,transform .38s cubic-bezier(.2,.8,.2,1),visibility .38s;display:flex;position:absolute}.dock-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,22px)scale(.97)}.dock-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)scale(1)}.experience-dock button{color:#251027;cursor:pointer;background:#fff;border:0;border-radius:12px;flex:1 1 0;min-width:0;padding:11px 9px;font-weight:850}.experience-dock button:active{transform:scale(.97)}.experience-dock button:disabled{pointer-events:none}.experience-dock .replay{background:#ffd52a;flex:.7}.info-sheet{z-index:12;color:#35102d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-radius:20px;width:min(90vw,520px);padding:18px 48px 18px 18px;animation:.25s both sheetIn;position:absolute;bottom:86px;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #00000057}.info-sheet strong{color:#9d075d;margin-bottom:5px;font-size:19px;display:block}.info-sheet span{font-size:14px;line-height:1.35;display:block}.close-sheet{color:#7c174f;cursor:pointer;background:#f4e4ee;border:0;border-radius:50%;width:32px;height:32px;font-size:22px;position:absolute;top:9px;right:10px}@keyframes sheetIn{0%{opacity:0;transform:translate(-50%,12px)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (width<=540px){.intro-peek{width:min(68vw,360px);bottom:31%;left:4%}.intro-shrink{width:min(58vw,305px);bottom:28%;left:9%}.intro-jump{width:min(61vw,320px);bottom:30%}.intro-land{width:min(70vw,365px);bottom:12%}.intro-idle,.reaction-pose{width:min(62vw,325px)!important;bottom:16%!important}.experience-dock button{padding:10px 6px;font-size:12px}.demo-badge{top:88px}}.target-guide{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#120713c7;border:1px solid #ffffff2e;border-radius:17px;width:min(88vw,440px);padding:13px 16px;position:absolute;bottom:12%;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000040}.target-guide strong{color:#ffd52a;font-size:16px;display:block}.target-guide span{opacity:.84;margin-top:3px;font-size:11px;line-height:1.35;display:block}.real-ar-mode,.real-ar-mode .stage,.real-ar-mode .ar-container{background:0 0!important}.real-ar-mode .ar-container{z-index:0!important;position:fixed!important;inset:0!important;overflow:hidden!important}.real-ar-mode .ar-container video,.real-ar-mode video{visibility:visible!important;opacity:1!important;object-fit:cover!important;z-index:0!important;background:#000!important;width:100vw!important;height:100vh!important;display:block!important;position:fixed!important;inset:0!important}.real-ar-mode .ar-container canvas,.real-ar-mode canvas{z-index:1!important;background:0 0!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.real-ar-mode .status-badge,.real-ar-mode .target-guide,.real-ar-mode .top-brand,.real-ar-mode .experience-dock,.real-ar-mode .info-sheet,.real-ar-mode .error-card{position:fixed}.top-brand.cinematic-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s,transform .2s,visibility .2s!important;transform:translateY(-10px)!important}