:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#fff;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#10263d}button{font:inherit;cursor:pointer}body{display:grid;place-items:center}.app{width:min(100vw,560px);height:100vh;height:100dvh;position:relative;overflow:hidden;isolation:isolate;background:#a4ceea;box-shadow:0 0 70px #06111b75}.background{position:absolute;top:0;right:0;bottom:0;left:0;background-size:100% 100%;background-repeat:no-repeat;background-position:center;transition:background-image .4s ease;background-color:#8bbedb}.background-grade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f3d6933 0%,transparent 23%,transparent 72%,#132b4d25);pointer-events:none}.game,.effects{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.game{z-index:2;cursor:crosshair}.game canvas{display:block;width:100%;height:100%}.effects{z-index:3;pointer-events:none}.hud{position:absolute;z-index:5;top:max(18px,env(safe-area-inset-top));left:12px;right:12px;pointer-events:none;text-shadow:0 1px 6px #1331476b}.hud-top{display:flex;align-items:flex-start;gap:9px}.score-pill,.progress-pill,.level-pill,.pause{background:#174b72d9;box-shadow:0 5px 18px #20486545;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border-radius:17px}.score-pill{height:43px;min-width:92px;display:flex;align-items:center;gap:8px;padding:0 9px 0 5px;font-size:24px;font-weight:800}.gold-card{display:grid;place-items:center;width:33px;height:34px;transform:rotate(-11deg);color:#fff5bd;border:2px solid #fff4a0;background:linear-gradient(120deg,#ffc43b,#f29d0b);border-radius:6px;box-shadow:0 0 10px #fac527}.progress-pill{flex:1;min-width:0;height:43px;display:flex;align-items:center;gap:7px;padding:0 8px;font-size:12px;font-weight:750}.progress-rail{height:19px;flex:1;min-width:27px;border-radius:22px;background:#4d91be87;box-shadow:inset 0 1px 5px #113b62aa;overflow:hidden}.progress-fill{width:0%;height:100%;border-radius:22px;background:linear-gradient(100deg,#ffe06a,#ffb72f);transition:width .24s ease}.prize-icon{font-size:21px}.progress-pill #prizeName{max-width:67px;line-height:1.05}.avatar-block{display:flex;align-items:center;flex-direction:column;width:65px;gap:3px;min-width:55px;text-align:center;font-size:12px}.avatar-block strong{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{height:56px;width:56px;border:3px solid #fff;border-radius:100%;background:linear-gradient(145deg,#d2ae8c,#659fc4);display:grid;place-items:center;font-weight:900;font-size:31px;box-shadow:0 4px 12px #12335066;background-size:cover;background-position:center}.hud-sub{margin-top:10px;display:flex;justify-content:center;position:relative}.level-pill{padding:8px 15px;display:flex;align-items:center;gap:12px;font-weight:750;font-size:14px}.level-pill i{height:18px;width:1px;background:#c6e0ed99}.pause{position:absolute;right:0;top:0;color:#fff;border:0;width:37px;height:36px;pointer-events:auto;font-weight:900}.reticle{position:absolute;z-index:4;top:44%;left:50%;width:45px;height:45px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 1px 3px #24344aa9);transition:opacity .15s}.reticle:before,.reticle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100%;border:2px solid #ffeb87;opacity:.8}.reticle:after{top:16px;right:16px;bottom:16px;left:16px;background:#fff8d5;border:none}.reticle span{position:absolute;left:-9px;right:-9px;top:21px;border-top:1px solid #fff9dd}.bottom{z-index:6;position:absolute;bottom:max(17px,env(safe-area-inset-bottom));left:12px;right:12px;pointer-events:none}.bottom-bar{display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid #ffffff63;border-radius:24px;background:#1d2636bd;box-shadow:0 5px 24px #21374e59;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-size:14px;font-weight:700;text-shadow:0 1px 4px #061c39;text-align:center}.bottom-bar #toolIcon{font-size:22px}.bottom-bar #statusText{flex:1}.switches{display:flex;justify-content:center;gap:8px;margin-top:9px;pointer-events:auto}.switch,.photo-label{font-size:12px;font-weight:750;border-radius:24px;padding:8px 13px;border:1px solid #ffffff93;color:#fff;background:#1a4562bd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.switch.active{background:#fff6d7;color:#173b58;border-color:#fff}.photo-label{cursor:pointer}.photo-label input{display:none}.level-toast{position:absolute;z-index:9;top:25%;left:8%;right:8%;text-align:center;font-weight:900;font-size:22px;opacity:0;transform:translateY(10px);transition:.3s;text-shadow:0 3px 10px #14395c}.level-toast.visible{opacity:1;transform:translateY(0)}.overlay{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#102c4d97;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.overlay.hidden{display:none}.dialog{width:100%;max-width:410px;border-radius:24px;padding:26px 23px;text-align:center;background:linear-gradient(150deg,#174c73f2,#0d3456ef);border:1px solid #ffffff50;box-shadow:0 10px 45px #11253c8c}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#fbd77a}.dialog h1{font-size:29px;margin:12px 0 9px;line-height:1.05}.dialog p{font-size:14px;line-height:1.55;color:#d6e9f4}.primary{width:100%;padding:15px;background:linear-gradient(#ffdc70,#ffb634);border:0;border-radius:16px;color:#163753;font-size:17px;font-weight:900;box-shadow:0 4px #b6812a,0 7px 20px #092f4d}.dialog-tip{font-size:11px!important;opacity:.77;margin-bottom:0}@media(max-width:380px){.hud{left:7px;right:7px}.score-pill{min-width:78px;font-size:19px}.gold-card{width:29px;height:30px}.progress-pill{gap:5px;padding:0 5px;font-size:10px}.progress-pill #prizeName{max-width:43px}.avatar-block{width:48px;min-width:48px}.avatar{height:46px;width:46px}.bottom-bar{font-size:12px}}@media(prefers-reduced-motion:reduce){.progress-fill,.reticle,.level-toast{transition:none}}body.embedded .switches{display:none}body.embedded .bottom{bottom:max(24px,env(safe-area-inset-bottom))}.reward-dialog{max-width:385px}.reward-large{font-size:66px;margin:12px 0 8px;filter:drop-shadow(0 8px 12px #14263f66)}.reward-dialog h2{font-size:25px;margin:8px 0}.reward-dialog .reward-disclaimer{font-size:11px;border-radius:10px;padding:10px 12px;background:#133453b8;color:#c0d3dc}.reward-reset{background:none;border:0;color:#dce9e8;font-weight:700;padding:13px;font-size:13px;margin-top:8px}.city-reference{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:center bottom;background-size:100% 110%;pointer-events:none;opacity:0;mask-image:linear-gradient(to bottom,#000 0%,#000 37%,transparent 60%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 37%,transparent 60%);filter:saturate(.78) contrast(.96) brightness(.97);transition:opacity .28s ease}.brand-plaque{position:absolute;z-index:5;left:14px;bottom:134px;max-width:53%;padding:7px 10px;border-radius:9px;border:1px solid #edf8fa84;background:#16354cb0;color:#fff7e5;font-size:10px;font-weight:850;letter-spacing:.65px;box-shadow:0 3px 12px #20344a3e;text-shadow:0 1px 2px #123c4e;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand-plaque[hidden]{display:none}.reticle:before{border-color:var(--skin-accent,#ffe787)}.progress-fill{background:linear-gradient(110deg,#fbedb4,var(--skin-accent,#ffd043))}.background{background-size:cover;background-position:center center}.background-grade{background:linear-gradient(180deg,rgba(12,33,51,.38) 0%,rgba(12,33,51,.1) 22%,transparent 35%,transparent 64%,rgba(8,29,42,.26) 100%)}.hud{top:max(15px,env(safe-area-inset-top));left:14px;right:14px;text-shadow:0 1px 5px #132e3680}.score-pill,.progress-pill,.level-pill,.pause{background:#102a3dc7;border:1px solid rgba(240,252,255,.33);box-shadow:0 7px 26px #0b1e2c2e,inset 0 1px #ffffff2b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.score-pill{border-radius:15px;height:48px;min-width:93px;letter-spacing:-.8px}.gold-card{transform:rotate(-9deg);border-color:#fff6cf;background:linear-gradient(135deg,#fff7bd 0%,var(--skin-accent,#ffca57) 52%,#d98b29 100%);box-shadow:0 2px 12px #ffe18e52;color:#fff}.progress-pill{height:48px;border-radius:15px;padding:0 11px;gap:8px}.progress-rail{height:12px;background:#051a2b6b;box-shadow:inset 0 1px 4px #04132359}.progress-fill{border:1px solid rgba(255,255,255,.36)}.level-pill{border-radius:14px;padding:10px 16px}.avatar{border:2px solid rgba(255,255,255,.95);box-shadow:0 7px 24px #081f2e38;outline:2px solid var(--skin-accent,#ffca57);outline-offset:1px}.location-badge{position:absolute;z-index:5;top:max(139px,calc(env(safe-area-inset-top) + 120px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;max-width:calc(100% - 56px);padding:7px 13px;border-radius:30px;color:#fffefa;background:#0a222e8f;border:1px solid rgba(255,255,255,.25);box-shadow:0 5px 15px #0e2a3526;text-shadow:0 1px 2px #18344988;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;font-weight:800;letter-spacing:.2px;white-space:nowrap;pointer-events:none}.location-badge #locationName{overflow:hidden;text-overflow:ellipsis}.location-badge>span:first-child{font-size:17px;line-height:1;color:var(--skin-accent,#ffdb67)}.bottom{bottom:max(13px,env(safe-area-inset-bottom))}.bottom-bar{background:#0c2231c9;border:1px solid rgba(255,255,255,.36);box-shadow:0 10px 36px #081c2a47;border-radius:18px;font-size:13px;line-height:1.35}.brand-plaque{bottom:132px;padding:9px 13px;border-radius:12px;background:#0d2531cc;border:1px solid var(--skin-accent,#ffca57);border-left-width:3px;box-shadow:0 8px 24px #11222b33;letter-spacing:.55px;max-width:64%;line-height:1.25}.reticle:before{border-width:2px;box-shadow:0 0 0 2px #0819222e,0 0 14px #fff7b34d}.dialog{background:linear-gradient(160deg,#0f364ef2,#0c2b41f7);border:1px solid rgba(255,255,255,.35);box-shadow:0 20px 60px #04162761}.dialog h1{letter-spacing:-.7px}.dialog .primary{background:linear-gradient(180deg,#fff1b5,var(--skin-accent,#ffc83b));box-shadow:0 4px #6d471d99,0 9px 22px #08233980}.eyebrow{color:#fff0af}.score-feedback{animation:reward-hit .24s ease-out}@keyframes reward-hit{50%{transform:scale(1.07);filter:brightness(1.25)}to{transform:scale(1);filter:none}}@media(max-width:420px){.hud{left:8px;right:8px}.progress-pill{padding:0 7px;gap:5px}.avatar-block{width:54px;min-width:50px}.avatar{height:47px;width:47px}.score-pill{min-width:80px}.location-badge{top:max(127px,calc(env(safe-area-inset-top) + 105px));font-size:10px}.brand-plaque{bottom:126px;max-width:60%;font-size:9px}.bottom-bar{padding:10px 12px}}@media(prefers-reduced-motion:reduce){.background,.city-reference{transition:none}.score-feedback{animation:none}}