@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f8f3ee;font-synthesis:none;background:#101631;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{background:#101631;min-width:320px;margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0}.app-shell{isolation:isolate;max-width:680px;min-height:100svh;padding:calc(20px + env(safe-area-inset-top)) 20px calc(18px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 34%,#28386a 0%,#171f46 29%,#101631 68%);margin:auto;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:-1;opacity:.18;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 24% 75%,#0000);mask-image:linear-gradient(#0000,#000 24% 75%,#0000)}.ambient{z-index:-1;filter:blur(52px);opacity:.4;border-radius:50%;position:absolute}.ambient-one{background:#eb5e78;width:220px;height:220px;top:38%;left:-110px}.ambient-two{background:#55d4c9;width:240px;height:240px;top:12%;right:-120px}.topbar{justify-content:space-between;align-items:center;height:43px;display:flex}.brand{letter-spacing:.18em;color:#c8d4ea;align-items:center;gap:8px;font-size:10px;line-height:.86;display:flex}.brand b{color:#fff;font-size:13px}.brand-orb{color:#101631;background:linear-gradient(145deg,#fdab77,#ed617e);border-radius:10px;place-items:center;width:31px;height:31px;font-size:20px;display:grid;transform:rotate(-10deg);box-shadow:0 5px 16px #ee667c55}.header-actions{gap:8px;display:flex}.round-button{color:#ccd8ed;background:#ffffff12;border:1px solid #ffffff14;border-radius:12px;place-items:center;width:35px;height:35px;transition:all .2s;display:grid}.round-button:active{background:#fff2;transform:scale(.92)}.score-row{grid-template-columns:1fr auto 1fr;align-items:end;padding:28px 4px 20px;display:grid}.eyebrow{color:#8d9abd;letter-spacing:.18em;margin:0;font-size:9px;font-weight:700}.score-value{letter-spacing:.02em;margin:3px 0 0;font:800 35px/.9 Barlow Condensed,sans-serif}.best-score{text-align:right}.best-value{color:#c6cde1;margin:5px 0 0;font:600 16px/1 Barlow Condensed,sans-serif}.combo-pill{color:#101631;background:linear-gradient(135deg,#f6e55f,#f4b957);border-radius:14px;align-items:center;gap:7px;padding:9px 12px;display:flex;transform:translateY(-2px);box-shadow:0 8px 22px #f4c95538}.combo-pill span{flex-direction:column;line-height:.9;display:flex}.combo-pill b{font:900 20px Barlow Condensed,sans-serif}.combo-pill small{letter-spacing:.11em;margin-top:2px;font-size:7px;font-weight:800}.game-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(150deg,#ffffff16,#ffffff08 54%,#0c122b44);border:1px solid #ffffff20;border-radius:27px;padding:11px 11px 14px;position:relative;box-shadow:0 22px 60px #05081780,inset 0 1px #ffffff18}.card-shine{pointer-events:none;background:linear-gradient(130deg,#fff1 0 8%,#0000 19% 70%,#66d7cf0d 86%);border-radius:27px;position:absolute;inset:0}.card-label{color:#a6b2cf;letter-spacing:.17em;align-items:center;gap:7px;padding:3px 6px 10px;font-size:9px;font-weight:700;display:flex;position:relative}.live-dot{background:#ff7681;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ff768120,0 0 12px #ff6577}.difficulty{color:#7987ab;margin-left:auto;font-size:8px}.difficulty b{color:#f5e25e;margin-left:2px}.arena{touch-action:none;cursor:crosshair;background:radial-gradient(at 50% 85%,#4b5b95 0,#303f79 30%,#222d5c 64%,#172044 100%);border-radius:20px;height:min(65vh,530px);min-height:405px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff16,inset 0 -30px 50px #0b102f70}.arena:before{content:"";border:1px solid #ffffff12;border-radius:50%;position:absolute;inset:10% -20% -8%;transform:perspective(500px)rotateX(57deg);box-shadow:0 0 0 28px #ffffff05,0 0 0 57px #ffffff04}.grid-floor{opacity:.18;background:linear-gradient(90deg,#0000 49%,#b8d7ff 50%,#0000 51%) 0 0/46px 100%,linear-gradient(#bad9ff 1px,#0000 1px) 0 0/100% 28px;position:absolute;inset:55% -20% -35%;transform:perspective(260px)rotateX(58deg);-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.intro-copy{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-bottom:8px;display:flex;position:absolute;inset:0}.fruit-stack{width:130px;height:82px;position:relative}.fruit-stack span{filter:drop-shadow(8px 15px 5px #070c2455);font-size:70px;animation:2.7s ease-in-out infinite float;position:absolute}.fruit-stack span:first-child{animation-delay:-.4s;left:5px;transform:rotate(-20deg)}.fruit-stack span:nth-child(2){z-index:2;top:-13px;left:42px;transform:rotate(12deg)}.fruit-stack span:nth-child(3){animation-delay:-.8s;top:17px;right:0;transform:rotate(18deg)}.intro-copy h1{letter-spacing:.02em;text-shadow:0 6px #121a3a;margin:7px 0 11px;font:900 clamp(48px,15vw,72px)/.79 Barlow Condensed,sans-serif}.intro-copy h1 em{color:#f2d653;font-style:normal}.intro-copy p{color:#bac4dd;margin:0 0 22px;font-size:11px;line-height:1.65}.primary-button,.secondary-button{color:#161b37;letter-spacing:.12em;background:linear-gradient(140deg,#f4df5f,#eeb94e);border-radius:12px;justify-content:center;align-items:center;gap:13px;padding:13px 22px;font-size:11px;font-weight:800;transition:all .15s;display:flex;box-shadow:0 4px #aa7836,0 11px 18px #f3cb5635}.primary-button span{font-size:17px;line-height:0}.primary-button:active,.secondary-button:active{transform:translateY(3px);box-shadow:0 1px #aa7836}.fruit{z-index:2;left:var(--left);width:var(--size);height:var(--size);font-size:calc(var(--size) * .83);filter:drop-shadow(10px 17px 5px #070b2455);animation:launch var(--duration) cubic-bezier(.2,.8,.25,1) forwards, fruitWobble 1s ease-in-out infinite alternate;-webkit-user-select:none;user-select:none;background:0 0;padding:0;line-height:1;position:absolute;bottom:-100px;transform:translate(-50%)}.fruit i{pointer-events:none;background:radial-gradient(circle at 28% 20%,#ffffffb8 0 5%,#0000 15%);border-radius:50%;position:absolute;inset:17% 18%}.fruit-watermelon{--accent:#56d798}.fruit-berry{--accent:#f578a1}.fruit-orange{--accent:#ffc35b}.fruit-kiwi{--accent:#c2ee79}.fruit-apple{--accent:#ff827d}.fruit-lemon{--accent:#ffe66b}.slash-line{z-index:5;transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#0000,#f4fffc 22%,#a4f9f1 75%,#0000);border-radius:99px;height:3px;display:block;position:absolute;box-shadow:0 0 8px #b3fff4,0 0 19px #62d9d0}.slash-line:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;position:absolute;top:-4px;right:4px;box-shadow:0 0 8px #fff}.splash-score{z-index:6;color:#f9e567;pointer-events:none;text-shadow:0 3px #6f5422;font:900 24px Barlow Condensed,sans-serif;animation:.7s ease-out forwards popScore;position:absolute}.card-bottom{justify-content:space-between;align-items:center;padding:13px 7px 0;display:flex}.lives{align-items:center;gap:9px;display:flex}.lives>div{gap:5px;display:flex}.lives svg{stroke-width:2.5px}.lives .alive{color:#ff7186;filter:drop-shadow(0 0 5px #ff718677)}.lives .empty{color:#596588}.swipe-tip{color:#8e9bb9;letter-spacing:.08em;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.swipe-tip:first-letter{color:#f0d45a;font-size:18px}.overlay{z-index:10;text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#121938b8;flex-direction:column;justify-content:center;align-items:center;gap:11px;display:flex;position:absolute;inset:0}.overlay h2{letter-spacing:.03em;margin:0;font:900 40px Barlow Condensed,sans-serif}.overlay p{color:#b7c4db;font-size:12px}.overlay p b{color:#f6df61}.secondary-button{background:#eaf1ff;padding:11px 17px}.game-over-icon{filter:drop-shadow(0 5px 8px #0006);font-size:40px}footer{color:#5d6a8c;letter-spacing:.15em;justify-content:center;align-items:center;gap:10px;margin-top:16px;font-size:8px;display:flex}.footer-dot{background:#f2cc5b;border-radius:50%;width:3px;height:3px}@keyframes launch{0%{opacity:0;bottom:-100px;transform:translate(-50%)scale(.65)rotate(0)}10%{opacity:1}45%{transform:translateX(-50%) scale(1.03) rotate(calc(var(--rotate) * -1))}to{transform:translateX(-50%) scale(.87) rotate(var(--rotate));opacity:.96;bottom:calc(100% + 110px)}}@keyframes fruitWobble{to{margin-top:4px;margin-left:7px}}@keyframes float{50%{transform:translateY(-7px)rotate(4deg)}}@keyframes popScore{0%{opacity:0;transform:translate(-50%,-10px)scale(.7)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-57px)scale(1.14)}}@media (width>=600px){.app-shell{padding-top:30px}.score-row{padding-top:35px}.arena{height:530px}}@media (height<=720px){.score-row{padding:15px 4px 12px}.arena{height:57vh;min-height:350px}.intro-copy h1{font-size:52px}.fruit-stack{height:65px;transform:scale(.82)}.intro-copy p{margin-bottom:14px}.game-card{padding-bottom:10px}}html,body,#root{min-height:100svh}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:center;min-width:320px;display:flex;overflow:hidden}.app-shell,.app-shell *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app-shell button{-webkit-tap-highlight-color:transparent}.app-shell{flex-direction:column;width:min(100vw,56.25svh);min-height:100svh;padding-bottom:0;padding-left:0;padding-right:0;display:flex;overflow:hidden}.app-shell .topbar,.app-shell .score-row{z-index:12;padding-left:20px;padding-right:20px;position:relative}.app-shell .game-card{min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;padding:0;display:flex}.app-shell .card-shine{display:none}.app-shell .card-label{z-index:11;color:#c2cce4;padding:0;position:absolute;top:4px;left:20px;right:20px}.app-shell .arena{border-radius:0;flex:1;height:auto;min-height:0;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 -30px 50px #0b102f70}.app-shell .card-bottom{z-index:11;pointer-events:none;padding:0;position:absolute;bottom:16px;left:20px;right:20px}.app-shell footer{display:none}.round-button{width:44px;height:44px}.primary-button{min-height:48px;padding-left:24px;padding-right:24px}.secondary-button{min-height:44px}.app-shell .eyebrow,.app-shell .difficulty,.app-shell .swipe-tip,.app-shell .card-label{font-size:10px}.combo-pill small{font-size:9px}.knife{z-index:8;pointer-events:none;transform-origin:82%;filter:drop-shadow(0 4px 5px #05081799);width:104px;height:34px;transition:transform 35ms linear;position:absolute}.knife-blade{clip-path:polygon(0 20%,100% 0,76% 100%,0 78%);background:linear-gradient(145deg,#fff 0%,#dbe9ff 43%,#7d91b7 46%,#f8fbff 53%,#8b9cbd 100%);border-radius:4px 2px 2px 4px;width:73px;height:23px;position:absolute;top:5px;left:3px;box-shadow:0 0 10px #d8efff}.knife-handle{background:linear-gradient(#f6d665,#b97831 48%,#6e3c30 52%,#351d2a);border-radius:5px 11px 11px 5px;width:40px;height:18px;position:absolute;top:8px;right:0;transform:skewY(-5deg);box-shadow:inset 0 1px #fff8,0 2px 2px #05081788}.knife-handle:after{content:"";background:#fff6b7;border-radius:2px;width:4px;height:10px;position:absolute;top:4px;right:7px;box-shadow:-12px 0 #492a35}.knife-glint{opacity:.9;filter:blur(.4px);background:#fff;width:36px;height:2px;position:absolute;top:10px;left:18px;transform:rotate(-11deg)}.slash-line{height:5px;animation:.42s cubic-bezier(.18,.76,.32,1) forwards slashAfterimage}.slash-line:before{content:"";filter:blur(6px);opacity:.9;background:linear-gradient(90deg,#0000,#bffff9aa,#0000);border-radius:99px;height:17px;position:absolute;top:-7px;left:7%;right:7%}.slash-line:after{width:15px;height:15px;animation:.42s ease-out forwards slashSpark;top:-5px;right:2px}@keyframes slashAfterimage{0%{opacity:1;filter:blur();transform-origin:0}45%{opacity:.92;filter:blur(.2px)}to{opacity:0;filter:blur(4px)}}@keyframes slashSpark{0%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.15)}}@media (width>=600px){.app-shell .topbar,.app-shell .score-row{padding-left:32px;padding-right:32px}.app-shell .card-label,.app-shell .card-bottom{left:32px;right:32px}}@media (height<=640px) and (orientation:landscape){.app-shell{width:min(100vw,56.25svh)}.app-shell .score-row{padding-top:10px;padding-bottom:8px}.app-shell .arena{min-height:0}}