:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#fff;background:#030826;--navy:#07185a;--deep:#040a2c;--blue:#1a46ce;--panel:#0c236e;--yellow:#ffd429;--green:#4ce45a;--purple:#7c42ec;--line:#5b63e8;--danger:#ff4f67}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 0,#172f84,#030821 70%);overflow:hidden}body{overscroll-behavior:none}button{font:inherit;touch-action:manipulation}.app-shell{position:relative;width:min(100vw,560px);height:100dvh;min-height:590px;margin:0 auto;background:#07145b;overflow:hidden;box-shadow:0 0 55px #0009}.screen{position:absolute;inset:0;display:none}.screen.active{display:block;animation:screenIn .3s ease-out}@keyframes screenIn{from{opacity:.15;transform:scale(.988)}to{opacity:1;transform:scale(1)}}
.home-screen{background:radial-gradient(circle at 50% 8%,#2143bc 0,#0b1d78 38%,#050c34 82%);padding:max(14px,env(safe-area-inset-top)) 18px max(14px,env(safe-area-inset-bottom));overflow:hidden}.aurora{position:absolute;border-radius:50%;filter:blur(34px);opacity:.42;animation:auroraFloat 8s ease-in-out infinite alternate}.aurora-one{width:310px;height:310px;background:#7237ff;left:-150px;top:18%}.aurora-two{width:330px;height:330px;background:#1377ff;right:-165px;top:-80px;animation-delay:-3s}@keyframes auroraFloat{to{transform:translate3d(28px,20px,0) scale(1.08)}}.floating-symbol{position:absolute;color:#ffffff16;font-weight:1000;pointer-events:none;animation:floatSymbol 7s ease-in-out infinite}.symbol-one{font-size:68px;left:7%;top:29%;transform:rotate(18deg)}.symbol-two{font-size:56px;right:8%;top:38%;animation-delay:-2s}.symbol-three{font-size:74px;right:10%;bottom:10%;animation-delay:-4s}@keyframes floatSymbol{50%{transform:translateY(-16px) rotate(9deg)}}
.home-topbar{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between}.mini-stat,.lang-chip{border:1px solid #ffffff36;background:#06164fc7;backdrop-filter:blur(10px);box-shadow:0 8px 18px #0003;color:#fff;border-radius:18px;min-height:42px;display:flex;align-items:center;gap:7px;padding:8px 12px;font-weight:900}.mini-stat span{color:var(--yellow)}.lang-chip{cursor:pointer}.hero-wrap{position:relative;z-index:3;height:calc(100% - 88px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:28px}.brand-logo{display:block;width:min(72%,325px);max-height:21vh;object-fit:contain;margin:0 auto -8px;filter:drop-shadow(0 12px 18px #0005);animation:logoDrop .75s cubic-bezier(.2,.8,.2,1)}@keyframes logoDrop{from{opacity:0;transform:translateY(-18px) scale(.94)}to{opacity:1;transform:none}}.eyebrow{display:inline-flex;align-items:center;min-height:28px;padding:5px 12px;border:1px solid #91a9ff55;border-radius:999px;background:#0d2b84a6;color:#dbe5ff;font-size:12px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;margin:0 0 8px}.hero-wrap h1{font-size:clamp(30px,8vw,43px);line-height:1.02;margin:0;color:#fff;text-shadow:0 5px 10px #0008}.hero-wrap p{margin:9px auto 13px;max-width:355px;color:#dce6ff;font-size:clamp(14px,4vw,18px);line-height:1.35}.preview-grid{width:min(74vw,300px);display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:3px auto 15px}.preview-grid span{aspect-ratio:1.22;border:1px solid #7e98ff55;border-radius:14px;background:linear-gradient(180deg,#ffffff18,#ffffff09);display:grid;place-items:center;box-shadow:inset 0 1px #fff2}.preview-shape{display:block;width:25px;height:25px;background:linear-gradient(145deg,#ffe664,#f5a400);box-shadow:0 4px 8px #0003}.preview-shape.circle{border-radius:50%}.preview-shape.diamond{border-radius:5px;transform:rotate(45deg);background:linear-gradient(145deg,#65f37a,#21aa43)}.odd-preview{animation:oddGlow 1.75s ease-in-out infinite}@keyframes oddGlow{50%{border-color:#74ff84;box-shadow:0 0 0 3px #4cf06922,0 0 22px #4cf06944}}
.hero-play{width:min(88%,410px);min-height:64px;border:1px solid #91ff97;border-radius:21px;background:linear-gradient(180deg,#63ed62,#2bad3c);color:#061b38;font-weight:1000;font-size:clamp(18px,5vw,23px);display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:inset 0 2px #ffffff7a,0 14px 30px #04132f80,0 0 0 1px #2d8f3788;animation:playBreath 2.4s ease-in-out infinite}.hero-play:active{transform:scale(.985)}@keyframes playBreath{50%{box-shadow:inset 0 2px #ffffff7a,0 16px 34px #04132f90,0 0 0 5px #56e66316}}.play-disc{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#082d4e;color:#72f075;font-size:15px;padding-left:2px;box-shadow:inset 0 1px #fff3}.quick-facts{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:11px;color:#c8d5ff;font-size:12px;font-weight:750}.quick-facts b{color:#fff}.quick-facts .dot{color:#7086d8}.home-footer{position:absolute;z-index:4;left:18px;right:18px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;gap:10px}.home-footer>div{min-width:150px;background:#07164dbc;border:1px solid #ffffff2e;border-radius:16px;padding:8px 16px;text-align:center}.home-footer span{display:block;color:#b8c8ff;font-size:11px}.home-footer strong{display:block;font-size:18px;color:var(--yellow)}.footer-settings{width:44px;height:44px;border-radius:15px;border:1px solid #ffffff2e;background:#07164dbc;color:#dbe5ff;font-size:19px}
.game-screen{padding:max(12px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom));background:linear-gradient(135deg,#040e46,#0e2fa5 56%,#4b11b8);grid-template-rows:52px 67px minmax(0,1fr);gap:8px}.game-screen.active{display:grid}.game-topbar{display:grid;grid-template-columns:46px 1fr 118px;gap:10px;align-items:center}.round-btn{width:46px;height:46px;border-radius:50%;border:1px solid #6384ff;background:#173aae;color:#fff;font-size:18px;box-shadow:inset 0 1px #fff3}.round-wrap{align-self:center}.round-label{text-align:center;font-size:clamp(16px,4.8vw,21px);font-weight:900}.round-track{height:4px;margin:6px auto 0;width:min(150px,80%);background:#203887;border-radius:4px;overflow:hidden}.round-track span{display:block;height:100%;width:10%;background:linear-gradient(90deg,#ffd429,#ff9a2f);transition:width .3s ease}.timer-card{height:46px;border:1px solid #5e83ff;border-radius:18px;background:#10286f;padding:4px 10px;text-align:center;transition:border-color .2s,box-shadow .2s}.timer-card strong{color:var(--yellow);font-size:20px}.timer-track{height:4px;border-radius:4px;background:#203887;overflow:hidden}.timer-track span{display:block;height:100%;background:#52ef36;width:100%;transition:background .15s}.timer-card.urgent{border-color:#ff6878;box-shadow:0 0 16px #ff4f6740}.timer-card.urgent .timer-track span{background:#ff4f67}.game-heading{text-align:center;display:flex;flex-direction:column;justify-content:center}.game-heading h1{font-size:clamp(22px,7vw,30px);margin:0;text-shadow:0 3px 4px #0008}.game-heading p{font-weight:700;color:#c9d5ff;margin:4px 0 0}.game-card-panel{align-self:start;border:2px solid var(--line);background:linear-gradient(180deg,#0e2679,#0a1c61);border-radius:25px;padding:10px 10px 8px;min-height:360px;box-shadow:0 15px 32px #0004,inset 0 1px #fff1}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:10px;height:min(51vh,318px)}.puzzle-card{background:#fff;border:2px solid #d9ddf4;border-radius:18px;padding:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s,border-color .15s,box-shadow .15s;opacity:0;transform:scale(.88) translateY(8px)}.puzzle-card.card-enter{animation:cardEnter .28s cubic-bezier(.2,.9,.25,1) forwards}@keyframes cardEnter{to{opacity:1;transform:none}}.puzzle-card:active{transform:scale(.965)}.puzzle-card img{width:100%;height:100%;object-fit:contain}.puzzle-card.correct-hit{opacity:1;border-color:#40ef57;box-shadow:0 0 0 4px #40ef5766,0 0 25px #40ef5755;animation:correctPop .34s ease-out}@keyframes correctPop{45%{transform:scale(1.07)}100%{transform:scale(1)}}.puzzle-card.wrong-hit{opacity:1;border-color:#ff4b5f;box-shadow:0 0 0 4px #ff4b5f55;animation:wrongShake .3s ease-out}@keyframes wrongShake{25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}100%{transform:none}}.hud-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:10px;height:48px}.lives{font-size:23px;color:#ff4b5f;white-space:nowrap;letter-spacing:-2px}.hud-pill{background:#162d86;border:1px solid #465be0;border-radius:18px;padding:10px 8px;text-align:center;color:var(--yellow);font-size:15px;font-weight:900}.score-pill{color:#fff;min-width:76px}.game-toast{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);z-index:12;padding:9px 18px;border-radius:999px;background:#06133fe8;border:1px solid #ffffff38;color:#fff;font-weight:1000;box-shadow:0 10px 30px #0006;animation:toastPop .55s ease-out forwards;pointer-events:none}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}100%{opacity:0;transform:translate(-50%,-70%) scale(1)}}
.result-screen{background:radial-gradient(circle at 50% 20%,#4930ba,#0b1b70 48%,#050c31);padding:24px;overflow:hidden}.result-burst{position:absolute;width:460px;height:460px;left:50%;top:22%;transform:translate(-50%,-50%);background:repeating-conic-gradient(#ffd42900 0 8deg,#ffd4291e 8deg 13deg);border-radius:50%;animation:burstTurn 18s linear infinite}@keyframes burstTurn{to{transform:translate(-50%,-50%) rotate(360deg)}}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-20px;width:8px;height:14px;border-radius:2px;background:var(--c,#ffd429);animation:confettiFall var(--d,2.6s) linear forwards;transform:rotate(var(--r,0deg))}@keyframes confettiFall{to{transform:translate3d(var(--x,0),110vh,0) rotate(620deg)}}.result-card{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.result-logo{width:min(58%,260px);max-height:18vh;object-fit:contain;margin-bottom:-16px}.trophy{font-size:54px;filter:drop-shadow(0 7px 5px #0005);animation:trophyBounce .8s cubic-bezier(.2,.8,.2,1)}@keyframes trophyBounce{0%{transform:translateY(-18px) scale(.6);opacity:0}65%{transform:translateY(3px) scale(1.08)}100%{transform:none;opacity:1}}.new-best{padding:5px 10px;border-radius:999px;background:#ffd429;color:#07185a;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.6px;margin:2px 0 4px;animation:newBestPulse 1.4s ease-in-out infinite}@keyframes newBestPulse{50%{transform:scale(1.05)}}.result-card h2{font-size:clamp(28px,8vw,40px);margin:3px 0 2px}.result-score{font-size:clamp(54px,17vw,86px);font-weight:1000;color:var(--yellow);line-height:1;text-shadow:0 5px 7px #0008}.result-detail{margin:6px 0 18px;font-weight:800;color:#d8e1ff}.action-btn{width:min(100%,390px);border:1px solid #ffffff35;border-radius:18px;padding:13px 16px;margin:5px 0;color:#fff;font-weight:900;font-size:16px;box-shadow:inset 0 1px #ffffff48;cursor:pointer}.action-btn:active{transform:scale(.985)}.action-btn.blue{background:linear-gradient(#2e8bff,#1a54bd)}.action-btn.green{background:linear-gradient(#42d65b,#249e36)}.action-btn.purple{background:linear-gradient(#8c53f1,#5e2fc7)}.offer-disclosure{font-size:10px;color:#aebce9;margin:2px 0 0}.text-btn{margin-top:9px;border:0;background:transparent;color:#d6ddff;text-decoration:underline;font-weight:800;cursor:pointer}.message-screen{background:linear-gradient(150deg,#05124e,#35127e);padding:22px}.message-screen.active{display:grid;place-items:center}.message-card,.modal-card{width:min(92%,390px);background:#0b1b5bf2;border:1px solid #6576e2;border-radius:28px;padding:24px;text-align:center;box-shadow:0 20px 50px #0008}.message-logo{width:75%;max-width:260px}.message-card h2,.modal-card h2{margin:7px 0 10px;font-size:28px}.message-card p,.modal-card p{color:#d2d9ff;line-height:1.45}.overlay{position:absolute;inset:0;z-index:20;background:#07185aee;backdrop-filter:blur(8px);display:grid;place-items:center;padding:22px}.hidden{display:none!important}.loading-overlay{gap:14px;text-align:center;font-weight:800}.loader-mark{display:flex;gap:7px;align-items:center;height:48px}.loader-mark span{display:block;width:12px;height:12px;border-radius:4px;background:#ffd429;animation:loaderBounce .8s ease-in-out infinite}.loader-mark span:nth-child(2){animation-delay:.12s;background:#58e96b}.loader-mark span:nth-child(3){animation-delay:.24s;background:#6e7cff}@keyframes loaderBounce{50%{transform:translateY(-10px) rotate(45deg)}}.ready-overlay{position:absolute;inset:0;z-index:18;display:grid;place-items:center;background:#07185abb;backdrop-filter:blur(6px)}.ready-overlay strong{position:relative;z-index:2;font-size:clamp(34px,10vw,54px);text-shadow:0 8px 20px #0008;animation:readyText .6s ease-out}.ready-pulse{position:absolute;width:110px;height:110px;border-radius:50%;border:3px solid #7f98ff;box-shadow:0 0 0 25px #7f98ff12,0 0 0 50px #7f98ff09;animation:readyPulse .75s ease-out infinite}@keyframes readyPulse{to{transform:scale(1.3);opacity:.2}}@keyframes readyText{from{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}.primary-btn,.secondary-btn,.ghost-btn{width:100%;border:0;border-radius:18px;padding:13px 18px;margin-top:10px;font-weight:900;font-size:16px}.primary-btn{background:#ffd428;color:#07185a}.secondary-btn{background:#2779e4;color:#fff}.ghost-btn{background:#ffffff18;color:#fff;border:1px solid #ffffff40}.language-grid{display:grid;gap:9px;margin:10px 0}.language-choice{border:1px solid #6576e2;background:#142c82;color:#fff;border-radius:15px;padding:12px;font-weight:850}.language-choice.selected{border-color:#ffd429;box-shadow:0 0 0 2px #ffd42942}.small{font-size:13px}.compact{max-width:330px}
@media (max-height:700px){.brand-logo{max-height:17vh}.hero-wrap{padding-bottom:18px}.preview-grid{width:min(64vw,260px);margin-bottom:10px}.hero-wrap p{margin-bottom:8px}.hero-play{min-height:56px}.home-footer{bottom:8px}.game-card-panel{min-height:320px}.cards-grid{height:255px}.game-heading h1{font-size:21px}.result-logo{max-height:14vh}.trophy{font-size:42px}.result-card h2{font-size:27px}.result-score{font-size:56px}.action-btn{padding:10px;margin:4px 0}}@media (min-width:700px){.app-shell{border-radius:30px;height:min(930px,96vh);margin-top:2vh;margin-bottom:2vh}.home-screen,.game-screen,.result-screen{border-radius:30px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}

/* v4 partner offer — transparent, non-incentivized mVAS handoff */
.partner-offer{width:min(100%,390px);margin:2px 0 9px;padding:14px 14px 12px;border:1px solid #9a7bff;background:linear-gradient(145deg,#1a246fdd,#3b177ddd);border-radius:21px;box-shadow:0 12px 28px #0003,inset 0 1px #fff2}.partner-offer h3{margin:3px 0 5px;font-size:20px}.partner-offer>p:not(.offer-disclosure){margin:0 0 7px;color:#dce2ff;font-size:13px;line-height:1.35}.partner-kicker{display:inline-block;padding:4px 9px;border-radius:999px;background:#ffd429;color:#07185a;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.65px}.action-btn.offer-main{background:linear-gradient(180deg,#9d58ff,#6434d0);box-shadow:0 8px 20px #5223bd55,inset 0 1px #ffffff55;animation:offerGlow 2.1s ease-in-out infinite}.action-btn.offer-main::before{content:'🎮 ';}.offer-disclosure{font-size:10px!important;line-height:1.35!important;color:#bfc9ef!important;margin:4px 0 0!important}.offer-prompt-overlay{z-index:25;background:#061038e8}.offer-prompt-card{width:min(94%,390px);text-align:center;background:linear-gradient(160deg,#142a86,#31147e);border:1px solid #8f7cff;border-radius:30px;padding:24px 20px 20px;box-shadow:0 24px 60px #0009,inset 0 1px #fff2;animation:offerCardIn .32s cubic-bezier(.2,.9,.25,1)}.offer-prompt-icon{font-size:48px;margin-bottom:5px;filter:drop-shadow(0 8px 8px #0004);animation:offerIconFloat 1.8s ease-in-out infinite}.offer-prompt-card h2{margin:7px 0 7px;font-size:clamp(27px,8vw,36px);line-height:1.05}.offer-prompt-card>p:not(.offer-disclosure){margin:0 0 13px;color:#dce3ff;font-size:16px;line-height:1.4}.offer-prompt-primary{background:linear-gradient(180deg,#ffd83e,#ffb900);color:#081652;box-shadow:0 9px 24px #ffbd2940;animation:offerGlow 2.1s ease-in-out infinite}.offer-prompt-continue{margin-top:8px}.offer-prompt-primary::before{content:'🎮 ';}@keyframes offerCardIn{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}@keyframes offerIconFloat{50%{transform:translateY(-5px) rotate(-3deg)}}@keyframes offerGlow{50%{transform:translateY(-1px);box-shadow:0 10px 28px #8b5cff55,inset 0 1px #ffffff55}}
@media (max-height:700px){.partner-offer{padding:9px 10px 8px;margin:0 0 5px}.partner-offer h3{font-size:17px}.partner-offer>p:not(.offer-disclosure){font-size:12px;margin-bottom:4px}.offer-prompt-card{padding:18px 16px}.offer-prompt-icon{font-size:38px}.offer-prompt-card h2{font-size:26px}}