:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button{color:#f8fafc;min-height:44px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#0f172ad6;border:1px solid #f8fafc29;border-radius:8px;padding:0 16px;font-weight:700;transition:background .15s,border-color .15s,transform .1s;box-shadow:0 10px 28px #0000003d}button:focus-visible{outline-offset:3px;outline:3px solid #facc156b}button:active{transform:scale(.97)}.btn-primary{color:#111827;background:#facc15;border-color:#facc15}.btn-primary:hover{background:#fde047}.btn-secondary{background:#0f172ab3}.btn-secondary:hover{background:#1e293bcc}.shell{background:linear-gradient(#070a101f,#070a10eb),linear-gradient(135deg,#facc152e,#0000 42%),linear-gradient(315deg,#38bdf81f,#0000 46%),#090f17;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:100dvh;padding:16px;display:grid}.status-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cbd5e1;z-index:10;background:#0f172a9e;border:1px solid #f8fafc24;border-radius:999px;align-items:center;gap:8px;width:fit-content;min-height:36px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 10px 30px #00000038}.status-dot{background:#22c55e;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #22c55e24}.stage{perspective:900px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.ar-container{isolation:isolate;background:0 0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.ar-container video{z-index:0!important}.ar-container canvas{pointer-events:none;z-index:1!important}.ar-container>div{pointer-events:none;z-index:2!important}.info-text{color:#cbd5e1;text-align:center;max-width:min(82vw,420px);font-size:15px}.error-text{color:#ef4444}.preview-scene{place-items:center;width:min(100%,460px);padding:18px 0 8px;display:grid}.marker-plane{aspect-ratio:1.45;width:min(72vw,340px);transform-style:preserve-3d;background:linear-gradient(135deg,#f8fafc2e,#f8fafc05),#1f2937;border:2px solid #f8fafc3d;border-radius:8px;position:relative;transform:rotateX(58deg)rotate(-10deg);box-shadow:0 28px 60px #00000061,inset 0 0 0 1px #ffffff0f}.marker-plane:before,.marker-plane:after{content:"";border:1px solid #facc1580;border-radius:6px;position:absolute;inset:16px}.marker-plane:after{aspect-ratio:1;opacity:.84;background-color:#0000;background-image:linear-gradient(90deg,#f8fafc 8px,#0000 8px 16px,#f8fafc 16px 24px,#0000 24px),linear-gradient(#f8fafc 8px,#0000 8px 16px,#f8fafc 16px 24px,#0000 24px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:56px;inset:auto 18px 18px auto}.preview-scene-street .order-title{background:#160829b8;border-color:#f472b647;box-shadow:0 0 28px #22d3ee2e}.marker-plane-street{background:linear-gradient(155deg,#f472b63d,#0000 38%),linear-gradient(335deg,#22d3ee33,#0000 42%),linear-gradient(#241139 0%,#071827 100%);border-color:#22d3ee6b;box-shadow:0 28px 60px #0000006b,0 0 34px #22d3ee33,inset 0 0 0 1px #ffffff14}.marker-plane-street:before{border-color:#f472b69e}.marker-plane-street:after{opacity:.94;background:linear-gradient(90deg,#22d3ee 8px,#0000 8px 16px,#f472b6 16px 24px,#0000 24px),linear-gradient(#facc15 8px,#0000 8px 16px,#22d3ee 16px 24px,#0000 24px)}.preview-scene-profile .order-title{background:#121214b8;border-color:#ffc45047;box-shadow:0 0 28px #ff82281f}.marker-plane-profile{background:radial-gradient(circle at 34% 28%,#ffe8be42,#0000 22%),radial-gradient(circle at 80% 16%,#5ac3ff33,#0000 18%),linear-gradient(112deg,#ff862c3d,#0000 28%),linear-gradient(#161719 0%,#242226 46%,#070809 100%);border-color:#ffa74a70;overflow:hidden;box-shadow:0 28px 60px #00000070,0 0 34px #ff77232e,inset 0 0 0 1px #ffffff1a}.marker-plane-profile:before{opacity:.58;background:repeating-linear-gradient(115deg,#ffffff17 0 2px,#0000 2px 54px),linear-gradient(90deg,#0000 0 44%,#ffffff1f 45% 45.6%,#0000 46%);border:0;border-radius:0;inset:0}.marker-plane-profile:after{aspect-ratio:auto;opacity:.72;background-color:#0000;background-image:linear-gradient(90deg,#5ebaff00,#5ebaffb8,#5ebaff00),linear-gradient(90deg,#fff0,#ffffffd1,#fff0);background-position:0 34%,14% 62%;background-repeat:no-repeat;background-size:100% 2px,72% 1px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:0;width:76%;height:34%;inset:18% 4% auto 22%;transform:rotate(-5deg)}.preview-scene-profile .standee{z-index:4;width:min(32vw,152px);animation:3.2s ease-in-out infinite profile-preview-character-idle;bottom:33%;left:31%;transform:translate(-50%)rotateX(-58deg)rotate(9deg)translateZ(112px)}.preview-scene-profile .standee-img,.preview-scene-profile .standee-photo{filter:drop-shadow(0 16px 18px #0000006b)drop-shadow(0 0 14px #76cdff47)}.profile-preview-backdrop{z-index:1;opacity:.72;background:radial-gradient(circle at 18% 54%,#ffffff5c,#0000 8%),repeating-linear-gradient(170deg,#ffffff2e 0 2px,#0000 2px 36px),linear-gradient(115deg,#4aa3ff00,#4aa3ff3d,#ff7f2a00);width:76%;height:52%;position:absolute;top:12%;right:4%;transform:rotateX(-58deg)rotate(9deg)translateZ(86px)}.profile-preview-fx{z-index:2;aspect-ratio:921/691;filter:saturate(1.18)drop-shadow(0 0 14px #ff7e2680);opacity:.88;background:url(/assets/ar-effecrs/efekk.png) 50%/contain no-repeat;width:77%;position:absolute;bottom:0;left:4%;transform:rotateX(-58deg)rotate(7deg)translateZ(82px)}.profile-preview-car{z-index:5;background:radial-gradient(circle at 78% 86%,#070809 0 8%,#ef3333 9% 15%,#0000 16%),radial-gradient(circle at 23% 86%,#070809 0 8%,#ef3333 9% 15%,#0000 16%),linear-gradient(12deg,#0000 0 12%,#00000047 13% 18%,#0000 19%),linear-gradient(15deg,#8f1025 0 24%,#f04937 25% 58%,#dbeafe 59% 100%);border-radius:8px 18px 8px 8px;width:61%;height:25%;position:absolute;bottom:17%;left:13%;transform:rotateX(-58deg)rotate(-5deg)translateZ(126px);box-shadow:0 18px 26px #0000005c,0 0 18px #ff4a2a47}.profile-preview-stats{z-index:6;color:#fff;text-shadow:0 3px 10px #000000d1,0 0 12px #7cceff8c;white-space:nowrap;max-width:50%;font-size:clamp(10px,3.35vw,17px);font-style:italic;font-weight:900;line-height:1.28;position:absolute;top:18%;left:46%;transform:rotateX(-58deg)rotate(9deg)translateZ(136px)}.profile-preview-stats strong{color:#fff;text-shadow:0 4px 12px #000c,0 0 16px #82d1ffc7;margin-bottom:2px;font-size:clamp(22px,7vw,38px);line-height:.95;display:block}.profile-preview-stats span{border-bottom:1px solid #ff82486b;padding:2px 0 3px;display:block}.profile-preview-stats b,.profile-preview-stats em{color:#ffe528;text-shadow:0 3px 10px #000000d1,0 0 14px #ff892aad}.profile-preview-stats em{margin-top:7px;font-size:clamp(12px,4vw,21px);line-height:1.05;display:block}@keyframes profile-preview-character-idle{0%,to{transform:translate(-50%)rotateX(-58deg)rotate(8deg)translateZ(110px)}50%{transform:translate(-50%)rotateX(-58deg)rotate(11deg)translateZ(118px)}}.street-preview-road{opacity:.62;background:repeating-linear-gradient(90deg,#22d3ee57 0 2px,#0000 2px 42px),repeating-linear-gradient(0deg,#f472b63d 0 2px,#0000 2px 36px),linear-gradient(90deg,#0000 48%,#facc15e0 49% 51%,#0000 52%);border-radius:6px;position:absolute;inset:28px 36px}.street-preview-sign{color:#facc15;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;background:#160829c2;border:1px solid #22d3ee8a;border-radius:6px;max-width:78%;padding:5px 9px;font-size:10px;font-weight:900;position:absolute;top:18px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 18px #f472b647}.preview-scene-couple .order-title{background:#231f28b8;border-color:#f2c86b57;box-shadow:0 0 28px #f472b624}.marker-plane-couple{background:linear-gradient(90deg,#38bdf83d,#0000 42%),linear-gradient(270deg,#f472b642,#0000 42%),linear-gradient(#2a2430 0%,#101923 100%);border-color:#f2c86b94;box-shadow:0 28px 60px #0006,0 0 34px #f2c86b2e,inset 0 0 0 1px #ffffff14}.marker-plane-couple:before{border-color:#f2c86bb8}.marker-plane-couple:after{opacity:.92;background:linear-gradient(90deg,#38bdf8 8px,#0000 8px 16px,#f9a8d4 16px 24px,#0000 24px),linear-gradient(#f2c86b 8px,#0000 8px 16px,#f8fafc 16px 24px,#0000 24px)}.couple-preview-split{opacity:.68;background:linear-gradient(90deg,#38bdf875 0 48%,#fffaefe0 48% 52%,#f472b680 52% 100%),repeating-linear-gradient(0deg,#ffffff29 0 2px,#0000 2px 34px);border-radius:6px;position:absolute;inset:28px 34px}.couple-preview-sign{color:#fff7ed;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg,#1c4f76d1,#7e254cd1);border:1px solid #f2c86bad;border-radius:6px;max-width:78%;padding:5px 9px;font-size:10px;font-weight:900;position:absolute;top:18px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 18px #f2c86b3d}.standee{transform-origin:bottom;width:min(35vw,156px);animation:2.8s ease-in-out infinite standee-idle;position:absolute;bottom:46%;left:50%;transform:translate(-50%)rotateX(-58deg)rotate(10deg)translateZ(70px)}.standee-img{object-fit:contain;filter:drop-shadow(0 18px 18px #00000057);width:100%;height:100%;position:absolute;bottom:0}.standee-photo{aspect-ratio:.72;background:radial-gradient(circle at 50% 24%,#f8fafc 0 18%,#0000 19%),linear-gradient(115deg,#0000 0 30%,#facc15 31% 45%,#0000 46%),linear-gradient(#38bdf8 0 36%,#ef4444 37% 100%);border:2px solid #f8fafce0;border-radius:8px 8px 4px 4px;width:100%;box-shadow:0 18px 36px #0000005c}.standee-base{background:#facc15;border-radius:999px;width:74%;height:16px;margin:-1px auto 0;box-shadow:0 10px 24px #00000052}.order-title{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-align:center;overflow-wrap:anywhere;background:#0f172aad;border:1px solid #f8fafc1f;border-radius:8px;max-width:min(82vw,360px);margin:14px 0 0;padding:8px 12px;font-size:14px;font-weight:700}.controls{z-index:10;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;width:min(100%,420px);margin:0 auto;display:grid}@keyframes standee-idle{0%,to{transform:translate(-50%)rotateX(-58deg)rotate(8deg)translateZ(70px)}50%{transform:translate(-50%)rotateX(-58deg)rotate(12deg)translateZ(78px)}}@media (width<=480px){.shell{padding:12px}.controls{grid-template-columns:1fr}}