:root{color:#f7fafc;background:#05070a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden}body.ar-running,body.ar-running #root{position:fixed;inset:0;width:100vw;height:100svh;min-height:100svh;overflow:hidden;overscroll-behavior:none;touch-action:none}button,a{font:inherit}.app{min-height:100vh;background:#05070a}.start-app{position:relative;isolation:isolate}.start-app:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(135deg,#05070ae6,#05070a9e),url(https://images.unsplash.com/photo-1535223289827-42f1e9919769?auto=format&fit=crop&w=1400&q=70) center / min(1120px,118vw) auto no-repeat,#05070a}.start-app:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#05070a1a,#05070ac7)}.ar-active{position:fixed;inset:0;width:100vw;height:100svh;min-height:100svh;overflow:hidden;background:transparent;touch-action:none;z-index:2}.ar-stage{position:fixed;inset:0;width:100vw;height:100svh;z-index:2;overflow:hidden;background:transparent}.scene-mount{position:fixed;inset:0;width:100vw;height:100svh}.ar-stage .ar-scene,body.ar-running video,body.ar-running #arjs-video,body.ar-running .arjs-video{position:fixed;display:block;inset:0!important;max-width:none!important;max-height:none!important;width:100vw!important;height:100svh!important;min-width:100vw!important;min-height:100svh!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}.ar-stage .ar-scene{background:transparent!important;z-index:2!important}.ar-stage .ar-scene canvas,.ar-stage .ar-scene .a-canvas{z-index:3!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:transparent!important}body.ar-running video,body.ar-running #arjs-video,body.ar-running .arjs-video{z-index:1!important;object-fit:cover!important;transform:none!important}body.ar-running .a-enter-vr,body.ar-running .a-enter-ar,body.ar-running .a-orientation-modal,body.ar-running .a-loader-title{display:none!important}.qr-scanner,.qr-camera,.qr-overlay{position:fixed;inset:0;width:100vw;height:100svh;overflow:hidden}.qr-scanner{z-index:3;background:#000}.image-tracker,.image-tracker-container{position:fixed;inset:0;width:100vw;height:100svh;overflow:hidden;background:#000}.image-tracker{z-index:3}.image-tracker-container{z-index:1}.image-tracker-container video,.image-tracker-container canvas{position:absolute!important;inset:0!important;display:block!important;width:100vw!important;height:100svh!important}.image-tracker-container video{z-index:1!important;object-fit:cover!important}.image-tracker-container canvas{z-index:2!important;background:transparent!important}.qr-camera{z-index:1;display:block;object-fit:cover;background:#000}.qr-scan-buffer{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.qr-overlay{z-index:4;pointer-events:none;perspective:900px}.qr-guide{position:fixed;inset:0;display:grid;place-items:center;align-content:center;gap:18px;color:#f7fafc;text-align:center}.qr-guide span{width:min(58vw,260px);aspect-ratio:1;border:3px solid rgba(255,207,51,.86);border-radius:8px;box-shadow:0 0 0 999px #00000038}.qr-guide p{margin:0;padding:9px 12px;border-radius:8px;color:#071011;background:#ffcf33;font-weight:900}.qr-lock{position:fixed;left:var(--qr-x);top:var(--qr-y);width:var(--qr-size);height:var(--qr-size);transform:translate(-50%,-50%) rotate(var(--qr-angle));transform-style:preserve-3d;overflow:visible;opacity:1;transition:left .14s linear,top .14s linear,width .16s ease,height .16s ease,transform .16s ease,opacity .18s ease;will-change:left,top,width,height,transform,opacity}.qr-lock.recovering{opacity:.78}.qr-model-stage{position:absolute;left:50%;top:50%;width:var(--model-size);height:var(--model-size);transform:translate(-50%,-92%);transform-style:preserve-3d;overflow:visible;pointer-events:none}.qr-model-mount,.qr-model-canvas{position:absolute;inset:-34%;display:block;width:168%!important;height:168%!important}.qr-model-canvas{filter:drop-shadow(0 18px 18px rgba(0,0,0,.36))}.qr-model-placeholder{position:absolute;inset:24%;display:grid;place-items:center;border:2px solid rgba(255,255,255,.72);border-radius:8px;color:#071011;background:#9ae6b4d6;font-weight:900;animation:cube-float 2.8s ease-in-out infinite}.qr-cube{position:absolute;left:50%;top:50%;width:var(--cube-size);height:var(--cube-size);transform:translate(-50%,-80%) rotateX(-26deg) rotateY(38deg);transform-style:preserve-3d;animation:cube-float 2.8s ease-in-out infinite}.qr-cube .face{position:absolute;inset:0;display:grid;place-items:center;border:2px solid rgba(255,255,255,.72);border-radius:8px;color:#071011;background:#9ae6b4d6;font-weight:900;backface-visibility:hidden}.qr-cube .front{transform:translateZ(calc(var(--cube-size) / 2))}.qr-cube .back{transform:rotateY(180deg) translateZ(calc(var(--cube-size) / 2))}.qr-cube .right{background:#ffcf33d6;transform:rotateY(90deg) translateZ(calc(var(--cube-size) / 2))}.qr-cube .left{background:#12d6c5c7;transform:rotateY(-90deg) translateZ(calc(var(--cube-size) / 2))}.qr-cube .top{background:#ff5a5fd1;transform:rotateX(90deg) translateZ(calc(var(--cube-size) / 2))}.qr-cube .bottom{background:#f7fafcb8;transform:rotateX(-90deg) translateZ(calc(var(--cube-size) / 2))}.start-app{min-height:100svh;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));overflow-y:auto}.start-shell{display:grid;gap:16px;width:min(480px,100%);min-height:calc(100svh - 36px);margin:0 auto;align-content:center}.brand{display:grid;gap:2px}.brand span,.eyebrow{margin:0;color:#9ae6b4;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.brand strong{font-size:clamp(2.3rem,12vw,4rem);line-height:1}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-switch button{min-height:50px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#f7fafc;background:#ffffff14;cursor:pointer}.mode-switch button.active{color:#071011;background:#9ae6b4;border-color:#9ae6b4;font-weight:800}.target-card{display:grid;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#05070abd;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.target-card img{display:block;width:100%;max-height:min(34svh,260px);object-fit:contain;border-radius:8px;background:#fff}.target-card p:not(.eyebrow){margin:0;color:#d9e4ea;font-size:.92rem;line-height:1.45}.start-button{min-height:58px;border:0;border-radius:8px;color:#071011;background:#ffcf33;font-size:1.08rem;font-weight:900;cursor:pointer;box-shadow:0 16px 36px #00000047}.start-button:disabled{cursor:wait;opacity:.74}.permission-error{margin:0;padding:12px 14px;border:1px solid rgba(255,207,51,.5);border-radius:8px;color:#fff7d1;background:#05070ac7;font-size:.94rem;line-height:1.4}.tips{display:grid;gap:6px;color:#d9e4ea;font-size:.94rem;line-height:1.4}.tips p{margin:0}.ar-hud{position:fixed;z-index:20;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#05070ab8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ar-hud div{display:grid;gap:2px;min-width:0}.ar-hud div span{color:#9ae6b4;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.ar-hud strong{overflow:hidden;font-size:.98rem;text-overflow:ellipsis;white-space:nowrap}.ar-hud button{min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#f7fafc;background:#ffffff14}.tracking-status{flex:0 0 auto;min-height:30px;display:inline-grid;place-items:center;padding:0 10px;border-radius:8px;color:#071011;background:#ffcf33;font-size:.78rem;font-weight:900;white-space:nowrap}.tracking-status.found{background:#9ae6b4}.overlay{position:fixed;z-index:10;inset:0;display:grid;place-content:center;gap:12px;padding:24px;text-align:center;background:#05070a8f}.overlay h1{max-width:min(680px,92vw);margin:0;font-size:clamp(1.8rem,7vw,4.8rem);line-height:.98}.overlay p{max-width:520px;margin:0 auto;color:#d9e4ea;line-height:1.45}.pulse{width:56px;height:56px;justify-self:center;border:4px solid rgba(154,230,180,.28);border-top-color:#9ae6b4;border-radius:50%;animation:spin .9s linear infinite}.arjs-loader{position:fixed;z-index:15;inset:auto 16px 16px auto;max-width:min(320px,calc(100vw - 32px));padding:12px 14px;border-radius:8px;color:#071011;background:#ffcf33;font-weight:800}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cube-float{0%,to{transform:translate(-50%,-82%) rotateX(-26deg) rotateY(34deg) translateZ(0)}50%{transform:translate(-50%,-92%) rotateX(-26deg) rotateY(54deg) translateZ(18px)}}@media(max-width:720px){.start-app:before{background:linear-gradient(135deg,#05070aeb,#05070aa8),url(https://images.unsplash.com/photo-1535223289827-42f1e9919769?auto=format&fit=crop&w=1000&q=68) center top 28px / 92vw auto no-repeat,#05070a}.start-shell{align-content:start}.brand strong{font-size:clamp(2.4rem,17vw,4.4rem)}.target-card{padding:12px}.ar-hud{top:auto;bottom:max(10px,env(safe-area-inset-bottom));padding:8px 10px}.ar-hud span{font-size:.66rem}.ar-hud strong{font-size:.9rem}.tracking-status{min-height:28px;padding:0 8px;font-size:.72rem}.ar-hud button{min-height:34px;padding:0 12px}.overlay{padding:18px}.overlay h1{max-width:86vw;font-size:clamp(1.3rem,7vw,2rem);line-height:1.05}.overlay p{max-width:86vw;font-size:.94rem}.pulse{width:42px;height:42px}.arjs-loader{right:10px;bottom:calc(64px + env(safe-area-inset-bottom));left:10px;max-width:none;padding:10px 12px;font-size:.86rem;text-align:center}}@media(min-width:860px){.start-shell{width:min(920px,100%);grid-template-columns:1fr .9fr;align-items:center}.brand,.mode-switch,.start-button,.tips{grid-column:1}.target-card{grid-column:2;grid-row:1 / span 4}}
