:root{--bg: #12091c;--screen: #2a1440;--screen-2: #43206a;--panel: rgba(255, 255, 255, .08);--ink: #fff7ee;--dim: rgba(255, 247, 238, .6);--accent: #ffd60a;--accent-2: #ff6b6b;--radius: 18px;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.stage{width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#241236 0%,var(--bg) 60%)}.phone{position:relative;width:100%;height:100dvh;overflow:hidden;background:linear-gradient(160deg,var(--screen-2) 0%,var(--screen) 55%,#1c0d2c 100%)}.notch{display:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}@media (min-width: 720px) and (min-height: 640px){.phone{width:min(400px,calc((100dvh - 48px) * 9 / 19.5));height:min(866px,calc(100dvh - 48px));border-radius:44px;border:10px solid #0b0b0f;box-shadow:0 0 0 2px #2b2b33,0 30px 80px #0009}.notch{display:block;position:absolute;top:10px;left:50%;transform:translate(-50%);width:110px;height:26px;border-radius:14px;background:#0b0b0f;z-index:5}.screen{padding-top:44px}}.hud{padding:10px 14px 6px}.play-brand{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:7px;overflow:hidden;margin-bottom:10px;padding:5px 8px;border:2px solid #ffe95a;border-radius:18px;background:linear-gradient(110deg,#741dc4,#d3229f 45%,#f36d27 75%,#8626cf);background-size:250% 100%;box-shadow:0 4px #4c176e,0 0 18px #ffd60aa6,inset 0 0 14px #ffffff40;animation:brand-rainbow 4s linear infinite}.play-brand:after{content:"";position:absolute;z-index:1;pointer-events:none;inset:-40% auto -40% -30%;width:30%;transform:skew(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:brand-shine 2.8s ease-in-out infinite}.play-brand h1{margin:0;color:#fff;font-family:inherit;font-size:clamp(27px,7vw,34px);font-weight:800;line-height:1.1;letter-spacing:-.02em;white-space:nowrap;text-shadow:0 2px 5px rgba(34,3,60,.85)}.play-brand h1 span:last-child{color:#ffed75}.play-brand-sparkle{color:#fff79e;font-size:clamp(18px,5vw,26px);line-height:1;text-shadow:0 0 8px #fff,0 0 16px #ffe34b;animation:brand-sparkle 1.1s ease-in-out infinite alternate}.play-brand-sparkle:last-child{animation-delay:.55s}@keyframes brand-rainbow{to{background-position:250% 0}}@keyframes brand-shine{0%,35%{left:-30%}65%,to{left:115%}}@keyframes brand-sparkle{0%{transform:scale(.7) rotate(-20deg);opacity:.55}to{transform:scale(1.25) rotate(20deg);opacity:1}}@media (prefers-reduced-motion: reduce){.play-brand,.play-brand:after,.play-brand-sparkle{animation:none}}.hud-row{display:flex;align-items:stretch;gap:8px}.stat{flex:1;background:var(--panel);border-radius:14px;padding:6px 10px;display:flex;flex-direction:column;align-items:center;min-width:0}.stat.wide{flex:1.6}.stat .label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}.stat .value{font-size:22px;font-weight:800;line-height:1.1}.stat .value.low{color:var(--accent-2)}.stat .score-value{color:#ffe65e;animation:score-punch .65s cubic-bezier(.2,1.6,.3,1) both}@keyframes score-punch{0%{transform:scale(.65);color:#fff;filter:brightness(2)}40%{transform:scale(1.5) rotate(-7deg);color:#fff998;filter:drop-shadow(0 0 12px #ffe343)}to{transform:scale(1);color:#ffe65e;filter:none}}.mute{background:var(--panel);border:0;border-radius:14px;width:44px;font-size:18px}.target{margin-top:8px;display:flex;align-items:center;gap:10px}.target-bar{flex:1;height:8px;border-radius:8px;background:#00000059;overflow:hidden}.target-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffb703,var(--accent));box-shadow:0 0 12px #ffe344;transition:width .4s ease}.target-text{font-size:12px;color:var(--dim);white-space:nowrap}.board-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px 12px 12px;min-height:0;container-type:size}.board{position:relative;flex:none;width:min(100%,calc(100cqh - 112px));aspect-ratio:1;background:#00000047;border-radius:16px;overflow:hidden;touch-action:none;box-shadow:inset 0 0 0 2px #ffffff0f}.gameplay-ad{position:relative;isolation:isolate;flex:1;width:100%;min-height:42px;display:flex;flex-direction:column;justify-content:center;gap:7px;overflow:hidden;border:3px solid #fff59d;border-radius:15px;background:linear-gradient(110deg,#ed218b,#7926cc 45%,#ff652b 80%,#ed218b);background-size:250% 100%;box-shadow:0 0 0 2px #8927b3,inset 0 0 20px #fff6,0 0 15px #ffcc39;animation:gameplay-ad-colors 3s linear infinite}.gameplay-ad-bottom{background-image:linear-gradient(110deg,#ff7229,#db1f92 45%,#6824c5 80%,#ff7229);animation-direction:reverse}.gameplay-ad-badge{position:absolute;z-index:2;left:7px;top:5px;padding:1px 4px;border-radius:3px;background:#240d3e;color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em}.gameplay-ad-star{position:absolute;z-index:1;top:12%;color:#fffab4;font-size:30px;text-shadow:0 0 10px #fff,0 0 20px #ffdc27;animation:gameplay-ad-star .8s ease-in-out infinite alternate}.gameplay-ad-star-left{left:9%}.gameplay-ad-star-right{right:9%;animation-delay:.4s}.gameplay-ad-marquee{overflow:hidden;width:100%;transform:rotate(-2deg);background:#fff6b8;box-shadow:0 3px #e8513a,0 0 14px #ffed7e}.gameplay-ad-marquee-1{transform:rotate(2deg);background:#ffdded}.gameplay-ad-track{display:flex;width:max-content;animation:gameplay-ad-scroll 8s linear infinite}.gameplay-ad-marquee-1 .gameplay-ad-track{animation-duration:6s;animation-direction:reverse}.gameplay-ad-bottom .gameplay-ad-track{animation-duration:7s;animation-direction:reverse}.gameplay-ad-bottom .gameplay-ad-marquee-1 .gameplay-ad-track{animation-duration:5s;animation-direction:normal}.gameplay-ad-copy{display:flex;flex:none;align-items:center;gap:28px;padding:6px 28px 6px 0;color:#8024a9;font-size:clamp(18px,6vw,26px);font-weight:900;letter-spacing:-.03em;white-space:nowrap;text-shadow:1px 2px 0 #ff7bb2}.gameplay-ad-copy b{color:#ef368e}.gameplay-ad-slogan{margin-top:6px;color:#fff9c2;font-size:10px;font-weight:900;letter-spacing:.16em;text-align:center;text-shadow:0 2px 4px #4c0a73,0 0 10px #fff;animation:gameplay-ad-blink 1.1s steps(2,end) infinite}@keyframes gameplay-ad-colors{to{background-position:250% 0}}@keyframes gameplay-ad-scroll{to{transform:translate(-50%)}}@keyframes gameplay-ad-star{0%{transform:scale(.65) rotate(-25deg);opacity:.45}to{transform:scale(1.3) rotate(25deg);opacity:1}}@keyframes gameplay-ad-blink{50%{opacity:.35}}@media (max-height: 600px){.board-wrap{gap:5px;padding-block:5px}.gameplay-ad{min-height:34px}.gameplay-ad-marquee-1,.gameplay-ad-slogan{display:none}.gameplay-ad-copy{padding-block:3px;font-size:17px}.board{width:min(100%,calc(100cqh - 86px))}}@media (prefers-reduced-motion: reduce){.gameplay-ad,.gameplay-ad-track,.gameplay-ad-star,.gameplay-ad-slogan{animation:none}}.board.match-active{animation:board-hit .3s ease-out}.board.match-active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--flare-x) var(--flare-y),rgba(255,255,255,.9),rgba(255,214,10,.5) 18%,rgba(255,72,190,.3) 38%,transparent 65%);animation:board-flare .35s ease-out both}@keyframes board-hit{0%,to{filter:brightness(1)}35%{filter:brightness(1.6) saturate(1.8)}}@keyframes board-flare{0%{opacity:0;transform:scale(.5)}30%{opacity:1}to{opacity:0;transform:scale(1.4)}}.tile{position:absolute;left:0;top:0;width:12.5%;height:12.5%;transition:transform .3s cubic-bezier(.2,.8,.25,1.15);will-change:transform}.tile-inner{position:absolute;top:5%;right:5%;bottom:5%;left:5%;border-radius:24%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease}.piece{width:86%;height:86%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35));pointer-events:none}.tile-inner.selected{transform:scale(1.12);box-shadow:0 0 0 3px #fff,0 0 18px #fff9;background:#ffffff38}.tile-inner.fresh{animation:drop .36s cubic-bezier(.2,.8,.3,1.25) both}.tile-inner.clearing{animation:pop .28s ease-out forwards}.tile-inner.clearing:before{content:"";position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;border-radius:50%;background:radial-gradient(circle,#fff 5%,#ffe74e 25%,#ff64d0 48%,transparent 70%);mix-blend-mode:screen;animation:tile-halo .28s ease-out both}.tile-inner.clearing:after{content:"✦";position:absolute;z-index:1;color:#fff;font-size:28px;text-shadow:0 0 8px #fff,0 0 16px #ffe343,0 0 26px #ff3bbe;animation:tile-star .28s ease-out both}@keyframes drop{0%{transform:translateY(-320%);opacity:0}70%{opacity:1;filter:brightness(1.8) drop-shadow(0 0 10px #ffe343)}85%{transform:translateY(12%) scale(1.15)}to{transform:translateY(0);filter:none}}@keyframes pop{0%{transform:scale(1);box-shadow:0 0 #fffc}35%{transform:scale(1.65) rotate(12deg);background:#fff9ae;box-shadow:0 0 24px 12px #ffe34b,0 0 44px 18px #ff43c3}to{transform:scale(0) rotate(45deg);opacity:0}}@keyframes tile-halo{0%{transform:scale(.3);opacity:0}45%{opacity:.95}to{transform:scale(2);opacity:0}}@keyframes tile-star{0%{transform:scale(.2) rotate(-45deg);opacity:0}45%{transform:scale(1.8) rotate(20deg);opacity:1}to{transform:scale(.1) rotate(90deg);opacity:0}}.score-burst{position:absolute;z-index:4;width:0;height:0;pointer-events:none}.score-burst strong,.score-burst-word,.score-burst-ring,.score-spark{position:absolute;left:50%;top:50%}.score-burst strong{color:#fff57e;font-size:clamp(30px,9vw,46px);font-weight:900;line-height:1;white-space:nowrap;-webkit-text-stroke:1px #77258b;text-shadow:0 3px 0 #702293,0 0 10px #fff,0 0 25px #ffbd11;animation:points-float 1.05s ease-out both}.score-burst-word{color:#fff;font-size:clamp(16px,5vw,24px);font-weight:900;white-space:nowrap;text-shadow:0 2px 0 #8e1b8e,0 0 12px #ff3fc6,0 0 20px #fff;animation:burst-word 1.05s ease-out both}.score-burst-ring{width:46px;height:46px;border:5px solid #fff8ad;border-radius:50%;box-shadow:0 0 15px #fff,0 0 30px #ffbd11;animation:burst-ring .7s ease-out both}.score-spark{color:#fff8a5;font-size:19px;text-shadow:0 0 6px #fff,0 0 13px #ffe343;animation:spark-fly .9s ease-out var(--spark-delay) both}@keyframes points-float{0%{transform:translate(-50%,-40%) scale(.2);opacity:0}22%{transform:translate(-50%,-70%) scale(1.45);opacity:1}65%{transform:translate(-50%,-110%) scale(1);opacity:1}to{transform:translate(-50%,-185%) scale(.8);opacity:0}}@keyframes burst-word{0%{transform:translate(-50%,-160%) scale(.2) rotate(-12deg);opacity:0}25%{transform:translate(-50%,-200%) scale(1.4) rotate(5deg);opacity:1}70%{transform:translate(-50%,-240%) scale(1);opacity:1}to{transform:translate(-50%,-300%) scale(.85);opacity:0}}@keyframes burst-ring{0%{transform:translate(-50%,-50%) scale(.1);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@keyframes spark-fly{0%{transform:translate(-50%,-50%) scale(.2) rotate(0);opacity:0}20%{opacity:1}to{transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) scale(.1) rotate(220deg);opacity:0}}@media (prefers-reduced-motion: reduce){.board.match-active,.board.match-active:before,.tile-inner.fresh,.tile-inner.clearing,.tile-inner.clearing:before,.tile-inner.clearing:after,.score-burst strong,.score-burst-word,.stat .score-value{animation:none}.score-spark,.score-burst-ring{display:none}}.btn{border:0;border-radius:999px;padding:12px 22px;font-weight:700;font-size:16px;background:var(--panel);transition:transform .1s,filter .1s}.btn:active{transform:scale(.96)}.btn.primary{background:linear-gradient(180deg,#ffe066,#ffb703);color:#3a2400;box-shadow:0 6px #b77b00}.btn.primary:active{box-shadow:0 2px #b77b00;transform:translateY(3px)}.btn.big{font-size:22px;padding:16px 48px}.btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.35)}.btn.tiny{font-size:12px;padding:6px 10px;border-radius:8px;background:#24242c}.btn.tiny.warn{background:#4a1f1f}.btn.choice{display:block;width:100%;text-align:left;margin-top:8px;padding:12px 16px;border-radius:14px;font-weight:600;background:#ffffff1a;border:2px solid var(--accent)}.btn.choice:active{background:#ffd60a4d}.row{display:flex;gap:10px;justify-content:center;margin-top:16px}.tag{font-size:11px;border-radius:999px;padding:3px 9px;background:#ffffff1f}.tag.local{background:var(--accent-2);color:#fff;font-weight:700}.dim{color:var(--dim)}.splash{position:relative;isolation:isolate;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;padding:22px 18px 24px;background:radial-gradient(circle at 50% 45%,#9440d5,#5b168f 45%,#290b50);text-align:center}.splash:before{content:"";position:absolute;z-index:0;top:-40%;right:-40%;bottom:-40%;left:-40%;opacity:.4;background:repeating-conic-gradient(#ff4db8,#ff4db8 12deg,#ffb62b 12deg,#ffb62b 22deg,#7a2acd 22deg,#7a2acd 35deg);-webkit-mask-image:radial-gradient(circle,transparent 0 15%,#000 48%,transparent 76%);mask-image:radial-gradient(circle,transparent 0 15%,#000 48%,transparent 76%);animation:splash-spin 22s linear infinite}.splash-top,.splash-heading,.splash-hero,.splash-actions{position:relative;z-index:1}.splash-top{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.splash-sticker{padding:7px 12px;border:2px solid #fff;border-radius:10px;background:#ff306e;box-shadow:0 4px #a91561,0 0 18px #ff8fc6;font-size:13px;font-weight:900;letter-spacing:.08em;animation:splash-wobble 1.7s ease-in-out infinite}.splash-top-note{padding-top:8px;color:#fff5a5;font-size:11px;font-weight:800;letter-spacing:.12em;text-shadow:0 0 12px #fff}.splash-heading{width:100%;margin-top:8px;animation:splash-title-enter .75s cubic-bezier(.2,1.5,.25,1) both}.splash-heading p{margin:0 0 8px;color:#fff4b5;font-size:12px;font-weight:900;letter-spacing:.12em;text-shadow:0 2px 8px #4b0b80}.splash-heading h1{display:flex;flex-direction:column;align-items:center;margin:0;font-family:inherit;font-size:clamp(58px,17vw,90px);font-weight:900;letter-spacing:-.06em;line-height:.81;text-shadow:0 5px 0 #8e2695,0 10px 0 #4f166d,0 0 25px #ffdd42}.splash-heading h1 span:first-child{color:#fff1a1;transform:rotate(-4deg)}.splash-heading h1 span:last-child{color:#fff;transform:rotate(3deg);text-shadow:0 5px 0 #18b0ba,0 10px 0 #17608e,0 0 24px #79f8ff}.splash-ribbon{display:inline-block;margin-top:15px;padding:7px 15px;transform:rotate(-3deg);border:2px solid #fff;border-radius:999px;background:linear-gradient(90deg,#fa317e,#ff9827);box-shadow:0 3px #76226c,0 0 14px #ffc46b;font-size:12px;font-weight:900;letter-spacing:.05em;white-space:nowrap}.splash-hero{flex:1;min-height:0;width:100%;display:grid;place-items:center}.splash-rays{position:absolute;width:min(96vw,45dvh,430px);aspect-ratio:1;background:repeating-conic-gradient(#fff8b1 0deg 7deg,transparent 7deg 24deg);-webkit-mask-image:radial-gradient(circle,transparent 0 20%,#000 32%,transparent 70%);mask-image:radial-gradient(circle,transparent 0 20%,#000 32%,transparent 70%);opacity:.68;animation:splash-spin 15s linear infinite}.splash-plate{position:relative;width:min(66vw,31dvh,265px);aspect-ratio:1;border:10px solid #fff2af;border-radius:50%;background:radial-gradient(circle at 36% 28%,#fff9d6,#ffc869 57%,#f48344 80%);box-shadow:0 0 0 7px #ff4ba7,0 0 0 12px #b82dbb,0 12px #56217d,0 16px 32px #16062c,0 0 35px #ffc634;animation:splash-plate-enter .9s cubic-bezier(.2,1.5,.25,1) both,splash-plate-float 2.8s ease-in-out .9s infinite}.splash-plate:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:3px dashed rgba(188,76,52,.45);border-radius:50%}.splash-piece{position:absolute;display:grid;place-items:center;width:36%;aspect-ratio:1;border:3px solid #fff;border-radius:23%;background:linear-gradient(145deg,#fff8c2,#ffc681);box-shadow:0 5px #a35b74,0 7px 12px #591357,0 0 18px #fff4ab;animation:splash-piece-bob 1.7s ease-in-out infinite alternate}.splash-piece .piece{width:88%;height:88%}.splash-piece-1{left:32%;top:-9%;transform:rotate(-10deg)}.splash-piece-2{left:69%;top:10%;transform:rotate(12deg)}.splash-piece-3{left:65%;top:54%;transform:rotate(-9deg)}.splash-piece-4{left:30%;top:71%;transform:rotate(9deg)}.splash-piece-5{left:-7%;top:53%;transform:rotate(-11deg)}.splash-piece-6{left:-9%;top:10%;transform:rotate(8deg)}.splash-sparkle{position:absolute;z-index:2;pointer-events:none;color:#fff9b4;font-size:clamp(20px,7vw,32px);text-shadow:0 0 9px #fff,0 0 20px #ffe842;animation:splash-twinkle 1.2s ease-in-out infinite alternate}.splash-actions{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.splash-play{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;overflow:hidden;width:min(100%,320px);min-height:68px;border:4px solid #fff7bf;border-radius:22px;background:linear-gradient(180deg,#fff998,#ffcd2d 55%,#ff8b1f);box-shadow:0 7px #ba4a00,0 10px 26px #28083f,0 0 25px #ffdc54;color:#4a1a3c;font-size:25px;font-weight:900;letter-spacing:.02em;animation:splash-cta-pulse 1.4s ease-in-out infinite}.splash-play:after{content:"";position:absolute;inset:-30% auto -30% -40%;width:25%;transform:skew(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:brand-shine 2.7s ease-in-out infinite}.splash-play:active{transform:translateY(5px) scale(.98);box-shadow:0 2px #ba4a00,0 3px 15px #28083f}.splash-actions p{max-width:300px;margin:0;color:#fff2cc;font-size:12px;line-height:1.35;text-shadow:0 1px 4px #260845}@keyframes splash-spin{to{transform:rotate(360deg)}}@keyframes splash-wobble{0%,to{transform:rotate(-9deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}@keyframes splash-title-enter{0%{transform:translateY(-35px) scale(.6) rotate(-9deg);opacity:0}to{transform:none;opacity:1}}@keyframes splash-plate-enter{0%{transform:scale(.2) rotate(-80deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes splash-plate-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes splash-piece-bob{0%{translate:0 0}to{translate:0 -11px}}@keyframes splash-twinkle{0%{transform:scale(.5) rotate(-20deg);opacity:.45}to{transform:scale(1.35) rotate(20deg);opacity:1}}@keyframes splash-cta-pulse{0%,to{filter:brightness(1);scale:1}50%{filter:brightness(1.2);scale:1.04}}@media (max-height: 620px){.splash{padding-top:10px;padding-bottom:12px}.splash-heading{margin-top:0}.splash-heading p{display:none}.splash-heading h1{font-size:clamp(50px,14vw,66px)}.splash-ribbon{margin-top:9px}.splash-plate{width:min(58vw,24dvh,190px)}.splash-play{min-height:54px;font-size:21px}}@media (prefers-reduced-motion: reduce){.splash:before,.splash-sticker,.splash-heading,.splash-rays,.splash-plate,.splash-piece,.splash-sparkle,.splash-play,.splash-play:after{animation:none}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;background:#080310b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.card{width:100%;max-width:340px;background:linear-gradient(180deg,#3b1f5e,#27133f);border-radius:24px;padding:24px 22px;text-align:center;box-shadow:0 20px 50px #00000080}.card h2{margin:8px 0 6px;font-size:24px}.card p{margin:0 0 18px;color:var(--dim)}.card-emoji{font-size:44px}.pop{animation:cardpop .35s cubic-bezier(.2,.9,.3,1.3) both}@keyframes cardpop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.ad{position:absolute;top:0;right:0;bottom:0;left:0;container-type:size;z-index:30;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 30%,#1f2a4a,#0c0f1f 70%);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);animation:adin .3s ease-out both}@media (min-width: 720px) and (min-height: 640px){.ad{padding-top:40px}}@keyframes adin{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}.ad-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:8px;font-weight:700}.ad-question{font-size:22px!important;font-weight:800;color:#fff!important;line-height:1.3!important}.survey-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:18px 22px;text-align:center}.survey-question,.thinker-result{flex:none;margin:auto 0}.survey-body h2{font-size:20px;margin:0 0 18px}.survey-question h2{color:var(--accent)}.survey-body .ad-question{margin:0 0 18px}.survey-bottom{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 22px 20px;text-align:center}.survey-bottom .btn{display:inline-flex;align-items:center;justify-content:center;width:min(100%,220px);text-decoration:none}.thinker-image{display:block;width:25dvh;width:25cqh;max-width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;margin:0 auto 14px}.thinker-result p{color:#ffffffd1;line-height:1.5}.thinker-role{color:var(--accent)!important;font-size:13px;margin-top:-8px}.thinker-result blockquote{margin:18px 0;font-style:italic;color:var(--dim)}.survey-reward{color:var(--accent)!important;font-weight:800}.choices{text-align:left;margin-top:8px}.error-overlay{z-index:40}.error-card{text-align:left;max-width:360px;max-height:90%;overflow:auto}.errors{margin:8px 0;padding-left:18px;color:#ff9c9c;font-size:13px;line-height:1.4}.debug{position:absolute;left:0;right:0;bottom:0;max-height:80%;z-index:60;background:#0e0e12;color:#ddd;font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto;border-top:3px solid var(--accent);padding:10px 12px 14px;-webkit-user-select:text;user-select:text}.debug section{margin-top:10px}.debug-head{display:flex;align-items:center;gap:10px}.debug-keys{flex:1;color:#888}.debug label{margin-right:8px}.debug select,.debug textarea,.debug input[type=file]{font:inherit;background:#1a1a22;color:#eee;border:1px solid #333;border-radius:6px}.debug textarea{width:100%;height:220px;padding:8px;resize:vertical}.debug-buttons{display:flex;flex-wrap:wrap;gap:6px}.debug-sub{display:flex;align-items:center;gap:8px;margin-bottom:6px}.debug-sub b{flex:1}.metrics{width:100%;border-collapse:collapse}.metrics th,.metrics td{text-align:left;padding:3px 6px;border-bottom:1px solid #222;white-space:nowrap}.metrics th{color:#888;font-weight:600}.debug p{margin:4px 0 6px}.survey-files{display:grid;gap:8px;margin:10px 0}.survey-files label{display:grid;gap:4px}.survey-files input{width:100%;max-width:100%}.survey-success{color:#95e8a4}.notch{z-index:100}.mute{display:flex;align-items:center;justify-content:center}.card-pieces{display:flex;justify-content:center;gap:4px}.card-pieces .piece{width:52px;height:52px;animation:bob 1.4s ease-in-out infinite}.card-pieces .piece:nth-child(2){animation-delay:.15s}.card-pieces .piece:nth-child(3){animation-delay:.3s}.card-pieces.sad .piece{filter:grayscale(.6) drop-shadow(0 2px 2px rgba(0,0,0,.35));animation:none}.metrics-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}