:root{font-family:system-ui,-apple-system,"Trebuchet MS",sans-serif;color:#fff8ed;background:#211c32;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:300px;background:radial-gradient(circle at 20% -5%,#534061 0,transparent 36%),linear-gradient(155deg,#242039,#34253f 58%,#201e35);min-height:100dvh}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:not-allowed}#app{min-height:100dvh}.shell{max-width:620px;margin:auto;min-height:100dvh;padding:env(safe-area-inset-top) 15px calc(99px + env(safe-area-inset-bottom));position:relative}.top{height:68px;display:flex;align-items:center;justify-content:space-between;gap:8px}.top .brand{width:148px;height:64px;object-fit:contain;object-position:left center;filter:drop-shadow(0 6px 6px #0b0a1633)}.topActions{display:flex;align-items:center;gap:8px}.currency{display:flex;align-items:center;background:#191629a8;border:2px solid #77627f;border-radius:25px;padding:6px 11px;font-size:13px;font-weight:900}.currency img{width:25px;height:24px;object-fit:contain}.avatar{background:#4b344d;border:2px solid #9c7fa0;width:43px;height:43px;border-radius:50%;font-size:23px;color:white}.page{animation:fadeIn .2s both}.banner{background:linear-gradient(125deg,#6d3855,#3a294a);border:2px solid #aa769c;border-radius:24px;padding:18px;margin:12px 0;box-shadow:0 13px 25px #110d2370}.hero{min-height:218px;display:flex;align-items:center;gap:10px;background:radial-gradient(circle at 70% 36%,#f77c7c55,transparent 37%),linear-gradient(130deg,#684367,#362949);overflow:hidden}.hero img{width:45%;max-height:220px;object-fit:contain;filter:drop-shadow(0 12px 8px #19102173)}.heroText{flex:1}.eyebrow{text-transform:uppercase;font-weight:900;color:#ffcf70;font-size:11px;letter-spacing:1.5px}.hero h1{font-size:clamp(23px,6vw,34px);line-height:1.04;margin:6px 0}.hero p{font-size:13px;line-height:1.4;color:#ffe5e6}.cta,.secondaryBtn,.ghostBtn{border:0;border-radius:17px;padding:12px 16px;font-weight:1000;color:#251f32;box-shadow:0 5px 0 #236e40; background:linear-gradient(#6cf29e,#1dc46d)}.cta:active,.secondaryBtn:active{transform:translateY(3px);box-shadow:0 2px 0 #236e40}.secondaryBtn{background:linear-gradient(#ffe69b,#ffad3c);box-shadow:0 5px 0 #9c5c23}.ghostBtn{background:#574665;color:#fff;box-shadow:none;border:1px solid #9b7da5}.big{width:100%;padding:16px;font-size:16px}.sectionTitle{font-size:19px;font-weight:1000;margin:20px 0 10px}.muted{color:#c7b8cd;font-size:13px}.modeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.modeCard{border:2px solid #9b7f9d;background:linear-gradient(#553a63,#332a45);border-radius:21px;min-height:166px;padding:10px 5px;color:white;box-shadow:0 6px 0 #171326;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}.modeCard img{width:92%;height:100px;object-fit:contain}.modeCard strong{font-size:13px}.tileList{display:grid;grid-template-columns:1fr 1fr;gap:10px}.infoCard{background:linear-gradient(140deg,#44344e,#302940);border:1px solid #8d7298;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:7px}.infoCard b{font-size:15px}.infoCard span{font-size:12px;color:#cbb9d0}.worldGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.worldCard{background:linear-gradient(135deg,#574867,#29233f);color:white;border-radius:21px;border:2px solid #997b9c;padding:12px;min-height:172px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 5px 0 #181328}.worldCard img{width:100px;height:96px;object-fit:contain}.worldCard strong{font-size:17px}.worldCard small{color:#d5c1d4}.worldCard.locked{opacity:.66}.levelsGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.levelBtn{background:linear-gradient(#745e83,#4c3d5d);border:2px solid #c5a6ce;color:white;aspect-ratio:1;border-radius:15px;font-weight:900;font-size:16px;position:relative}.levelBtn.unlocked{background:linear-gradient(#fbcf72,#ed893d);border-color:#fff0ad;color:#402a38}.levelBtn.done{background:linear-gradient(#8aeaae,#34bb76);color:#20442f;border-color:#c4ffda}.miniStars{display:block;font-size:10px;white-space:nowrap}.gameHead{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:8px 0 12px}.gameHead h2{font-size:20px;margin:0}.gameHead small{color:#e9be83}.roundIcon{border:2px solid #ab93b3;background:#46334c;color:white;border-radius:50%;width:45px;height:45px;font-size:23px}.boardShell{border:8px solid #e5dce8;border-radius:24px;padding:6px;background:#2a1c33;box-shadow:0 7px 0 #89738d,0 13px 30px #0d091c88;margin:auto;width:100%;max-width:520px;touch-action:none;user-select:none;-webkit-user-select:none}.board{display:grid;aspect-ratio:1;gap:2px;background:#2e2138;border-radius:12px;overflow:hidden;touch-action:none}.cell{position:relative;background:linear-gradient(145deg,#533a59,#3e2e4d);border-radius:4px;min-width:0;min-height:0}.cell.filled{background:linear-gradient(130deg,#ff8384,#ee404a 52%,#bc193b);box-shadow:inset 0 2px 4px #ffd4da8c}.cell.wall{background:linear-gradient(130deg,#bab1c0,#817a90);box-shadow:inset 0 3px 3px #e4dce5aa,inset 0 -5px 3px #4a435a}.cell.wall:after{content:' ';position:absolute;inset:10%;border:1px solid #665c7190;border-radius:4px}.cell.kevin{background:linear-gradient(145deg,#ff686b,#eb343e)}.cell.kevin img{position:absolute;inset:-6%;width:112%;height:112%;object-fit:contain;filter:drop-shadow(0 2px 2px #48132a)}.board.neon .cell.filled{background:linear-gradient(135deg,#8bffae,#25cf9f)}.board.berry .cell.filled{background:linear-gradient(135deg,#dca0ff,#8d49d5)}.gameStats{display:flex;align-items:center;justify-content:space-between;margin:17px 0 10px;background:#392b47;padding:12px 16px;border-radius:15px;border:1px solid #705b7b}.statNum{font-size:23px;font-weight:1000}.gameControls{display:flex;justify-content:center;gap:15px;margin:15px 0}.gameControls button{width:65px;height:65px;background:transparent;padding:0;border:0}.gameControls img{height:100%;width:100%;object-fit:contain}.hint{margin-top:9px;text-align:center;color:#f1d68c;font-size:13px}.footer{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-around;background:#201b31ef;backdrop-filter:blur(15px);border-top:2px solid #624c70;padding:8px max(8px,calc((100vw - 605px)/2)) calc(8px + env(safe-area-inset-bottom));min-height:76px}.navItem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;color:#bbacc5;font-size:10px;font-weight:800;min-width:53px}.navItem.active{color:#ffeaa1}.navItem .navSymbol{font-size:23px;line-height:24px}.footer .navItem.active .navSymbol{filter:drop-shadow(0 0 7px #ffd986)}.modalCover{position:fixed;inset:0;background:#090711b9;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:440px;background:linear-gradient(#6b486d,#30243f);border:3px solid #f7e4e9;border-radius:27px;padding:22px;text-align:center;box-shadow:0 20px 90px #000a}.modal img{width:150px;height:140px;object-fit:contain}.modal h2{font-size:30px;margin:8px 0}.modal p{color:#e9dae9}.buttonRow{display:flex;gap:9px;justify-content:center;margin-top:15px}.buttonRow button{flex:1}.line{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px 0;border-bottom:1px solid #80668455}.line:last-child{border-bottom:0}.switch{width:51px;height:29px;border-radius:30px;background:#7b6579;border:2px solid #c1a2bd;position:relative}.switch.on{background:#49c882}.switch:after{content:'';width:20px;height:20px;border-radius:50%;background:white;position:absolute;left:3px;top:2px;transition:.15s}.switch.on:after{left:25px}.tag{border-radius:30px;background:#f5c06a;color:#473346;padding:4px 10px;font-size:11px;font-weight:900}.input{width:100%;background:#241d35;border:2px solid #9d80a4;border-radius:12px;padding:12px;color:white;outline:none}.empty{padding:30px 18px;text-align:center;border:2px dashed #7d688a;border-radius:20px;background:#30273c}.smallBtn{border:1px solid #a98bb2;background:#574365;color:white;border-radius:10px;padding:7px 10px;font-weight:bold}.shopGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.shopItem{text-align:center;border:2px solid #826e8b;border-radius:17px;background:#3e324b;padding:10px}.shopItem img{height:94px;max-width:100%;object-fit:contain}.shopItem b{display:block;font-size:13px}.shopItem button{width:100%;margin-top:9px;padding:8px;font-size:12px}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);max-width:90%;background:#fff0c9;color:#302039;border-radius:15px;box-shadow:0 8px 30px #08051288;padding:11px 18px;font-size:13px;font-weight:bold;z-index:60;text-align:center}.progress{height:9px;background:#1c142c;border-radius:50px;overflow:hidden}.progress div{height:100%;background:linear-gradient(90deg,#ffbd60,#ffef92);border-radius:50px}.pillRow{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.pill{background:#4c3c58;border:1px solid #9c83a6;color:white;padding:9px 14px;border-radius:30px;font-size:13px;font-weight:900}.pill.active{background:#ffd06f;color:#362635}.subnav{display:flex;align-items:center;gap:9px;margin:12px 0}.subnav h2{font-size:21px;margin:0}.center{text-align:center}.legal{font-size:11px;color:#aa99b5;margin-top:22px;line-height:1.5}@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:360px){.shell{padding-left:9px;padding-right:9px}.gameControls button{width:58px;height:58px}.modeCard{min-height:145px}.modeCard img{height:84px}.modeCard strong{font-size:11px}.levelBtn{border-radius:9px}}@media(min-width:700px){.shell{padding-bottom:110px}.boardShell{max-width:450px}.hero{min-height:235px}}