:root{--bg: #0b0e13;--bg-raise: #131824;--steel: #3d6a80;--steel-bright: #5e93ad;--copper: #b0793f;--copper-bright: #d99a5b;--silver: #aab4bf;--text: #e8ecf1;--text-dim: #8b95a3}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:2rem;text-align:center;background:radial-gradient(ellipse at 50% 30%,#141a28 0%,var(--bg) 70%)}.screen.active{display:flex}h1{font-size:1.5rem;font-weight:600;letter-spacing:.04em;background:linear-gradient(120deg,var(--silver),var(--copper-bright));-webkit-background-clip:text;background-clip:text;color:transparent}p{color:var(--text-dim);max-width:30rem;line-height:1.5}.brand-logo{width:min(70vw,340px);filter:drop-shadow(0 4px 24px rgba(94,147,173,.25))}.brand-logo.small{width:min(50vw,220px)}#reward-canvas{width:min(80vw,320px);height:min(80vw,320px);filter:drop-shadow(0 10px 30px rgba(217,154,91,.35))}.loader-bar{width:min(60vw,280px);height:3px;border-radius:2px;background:var(--bg-raise);overflow:hidden}#loader-fill{width:0%;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--steel-bright),var(--copper-bright));transition:width .3s ease}.tip{font-size:.85rem;color:var(--text-dim)}.coupon-qr{background:#fff;padding:12px;border-radius:14px;line-height:0;box-shadow:0 8px 30px #0006}.coupon-qr svg{width:190px;height:190px;display:block}#coupon-code{font-family:Courier New,monospace;font-size:1.6rem;letter-spacing:.18em;color:var(--copper-bright);padding:.7rem 1.4rem;border:1px solid rgba(217,154,91,.45);border-radius:12px;background:#d99a5b14}#coupon-countdown{font-size:3.4rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--text);transition:color .3s ease,transform .3s ease}#coupon-countdown.urgent{color:#e0736f;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}#coupon-countdown.expired{color:var(--text-dim);animation:none}.error{color:#d96b6b;font-size:.9rem}.hidden{display:none!important}.btn-primary{font-size:1rem;font-weight:600;letter-spacing:.03em;color:var(--bg);background:linear-gradient(120deg,var(--copper-bright),var(--copper));border:none;border-radius:999px;padding:.9rem 2.4rem;cursor:pointer;box-shadow:0 6px 24px #d99a5b59;transition:transform .15s ease,box-shadow .15s ease}.btn-primary:active{transform:scale(.97);box-shadow:0 3px 12px #d99a5b4d}#screen-ar{padding:0;background:#000}#screen-ar.no-camera{background:radial-gradient(ellipse at 50% 35%,#1a2233,#0b0e13 60%,#05070b)}#screen-ar.no-camera:after{content:"Desktop mode (no camera) - drag to look around, tap the objects";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#aab4bf47;font-size:.8rem;letter-spacing:.05em;text-align:center;pointer-events:none;width:80%}#camera-feed,#ar-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;object-fit:cover}#camera-feed{z-index:0;background:#000}#ar-canvas{z-index:1;background:transparent;touch-action:none}#hud,#clue-banner{z-index:2}#hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:max(env(safe-area-inset-top),12px) 16px 12px;background:linear-gradient(180deg,rgba(11,14,19,.85),transparent)}.hud-logo{height:52px;max-width:55vw;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}#clue-progress{display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--silver);background:transparent;transition:background .4s ease,box-shadow .4s ease}.dot.solved{background:var(--copper-bright);border-color:var(--copper-bright);box-shadow:0 0 10px #d99a5bcc}#clue-banner{position:absolute;left:50%;bottom:max(env(safe-area-inset-bottom,0px) + 24vh,24vh);transform:translate(-50%);width:min(84vw,400px);max-height:42vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:.85rem 1.2rem;border-radius:22px;background:linear-gradient(165deg,#1a2030f0,#0f131df0);border:1px solid rgba(217,154,91,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 34px #00000073,inset 0 1px #ffffff0a;color:var(--text);font-size:.88rem;line-height:1.45;text-align:center;cursor:pointer;animation:bubble-in .45s cubic-bezier(.34,1.56,.64,1)}#clue-banner::-webkit-scrollbar{display:none}#clue-banner:after{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);width:20px;height:20px;background:#0f131d;border-right:1px solid rgba(217,154,91,.4);border-bottom:1px solid rgba(217,154,91,.4);clip-path:polygon(0 0,100% 0,50% 100%)}#clue-banner.minimized:after{display:none}#debug-error{position:absolute;top:64px;left:8px;right:8px;z-index:5;background:#781414e6;border:1px solid #e0736f;border-radius:8px;padding:.5rem .7rem;color:#ffd7d4;font-size:.7rem;font-family:monospace;word-break:break-word}#clue-banner.levelup{border-color:var(--copper-bright);box-shadow:0 10px 30px #00000059,0 0 0 3px #d99a5b40;animation:bubble-in .45s cubic-bezier(.34,1.56,.64,1),levelup-pulse 1.1s ease-out .1s}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.85)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes levelup-pulse{0%{box-shadow:0 10px 30px #00000059,0 0 0 3px #d99a5b8c}to{box-shadow:0 10px 30px #00000059,0 0 0 3px #d99a5b00}}#clue-banner.minimized{width:auto;max-width:80vw;max-height:none;padding:.4rem 1.1rem;font-size:.72rem;letter-spacing:.03em;color:var(--text-dim);overflow:visible;white-space:nowrap}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}