*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;background:#071920}html,body,#root{margin:0;min-height:100%;background:#071920}body{overscroll-behavior:none}button{font:inherit;border:0}.app-shell{width:100%;max-width:520px;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(28,140,162,.2),transparent 28%),linear-gradient(180deg,#0a2631,#071920 45%,#06161d)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;position:relative;z-index:20}.profile-box{min-width:0;flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:18px;background:linear-gradient(180deg,#0f272df2,#08171eeb);border:1px solid rgba(255,255,255,.08)}.avatar-wrap{width:52px;height:52px;border-radius:50%;overflow:hidden;border:3px solid #f7bf2f;box-shadow:0 0 0 2px #7b480f;flex:0 0 52px;background:#204933}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:28px}.profile-info{min-width:0}.profile-name{font-size:15px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-level{margin-top:4px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:#e8f8db}.level-track{width:66px;height:8px;background:#021116;border-radius:999px;overflow:hidden}.level-fill{width:56%;height:100%;background:linear-gradient(90deg,#27d84b,#9fff3d)}.top-currencies{display:flex;align-items:center;gap:8px}.currency-box{display:flex;align-items:center;gap:4px;min-width:98px;height:44px;padding:0 6px 0 8px;border-radius:16px;background:linear-gradient(180deg,#0e3139f5,#061c22f5);border:1px solid rgba(255,255,255,.1)}.currency-box strong{font-size:15px;font-weight:1000;white-space:nowrap}.currency-box button{width:29px;height:29px;border-radius:10px;background:linear-gradient(180deg,#4be549,#0ba92e);color:#fff;font-size:22px;font-weight:1000;box-shadow:inset 0 2px #fff3}.settings-btn{width:44px;height:44px;border-radius:14px;background:linear-gradient(180deg,#0e3139f5,#061c22f5);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:22px}.emoji-icon{font-size:24px}.emoji-icon.blue{filter:hue-rotate(170deg)}.hero{position:relative;height:500px;margin-top:-4px;overflow:hidden;background:radial-gradient(circle at 50% 36%,rgba(255,227,95,.75),transparent 15%),radial-gradient(circle at 50% 18%,rgba(104,223,255,.4),transparent 28%),linear-gradient(180deg,#147b8d,#3fb3b6 24%,#4cae61 56%,#08432c)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 0 60%,rgba(0,0,0,.18) 100%),radial-gradient(circle at 12% 72%,rgba(22,94,46,.85) 0 10%,transparent 10.4%),radial-gradient(circle at 87% 66%,rgba(17,85,40,.8) 0 12%,transparent 12.4%)}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 82% 29%,rgba(255,255,255,.18),transparent 10%),radial-gradient(circle at 84% 38%,rgba(255,255,255,.12),transparent 9%),linear-gradient(180deg,transparent 0 68%,rgba(0,0,0,.18) 100%)}.hero-left-monkey,.hero-right-totem,.hero-right-chest{position:absolute;z-index:6;filter:drop-shadow(0 10px 10px rgba(0,0,0,.3))}.hero-left-monkey{left:-6px;bottom:100px;font-size:116px}.hero-right-totem{right:-6px;top:112px;font-size:96px}.hero-right-chest{right:10px;bottom:128px;font-size:78px}.hero-logo{position:relative;z-index:8;text-align:center;padding-top:22px;filter:drop-shadow(0 8px 3px rgba(70,34,0,.45))}.hero-logo-top{color:#ffd53d;font-size:clamp(42px,11vw,64px);font-weight:1000;letter-spacing:-2px;line-height:.88;text-shadow:0 3px 0 #f09316,0 7px 0 #7a3507,0 10px 18px rgba(0,0,0,.35)}.hero-logo-bottom{margin-top:2px;color:#53daff;font-size:clamp(36px,9vw,54px);font-weight:1000;line-height:.88;letter-spacing:2px;text-shadow:0 3px 0 #177fcf,0 7px 0 #05498d,0 10px 18px rgba(0,0,0,.35)}.hero-machine{position:absolute;z-index:8;left:50%;top:150px;transform:translate(-50%);width:270px;height:210px;border-radius:42px;border:7px solid #d9931d;background:radial-gradient(circle at 50% 40%,#fff5a8 0 9%,#ffcf25 20%,#e97d12 52%,#6d2f10);box-shadow:inset 0 0 26px #ffffff73,0 0 26px #ffd73c61,0 16px 28px #00000059;padding:28px 18px}.hero-machine-glow{position:absolute;inset:12px;border-radius:34px;border:3px solid rgba(255,255,255,.45)}.hero-machine-inner{width:100%;height:100%;display:grid;grid-template-columns:.9fr 1.2fr .9fr;gap:8px;position:relative;z-index:2}.hero-slot{border-radius:18px;display:grid;place-items:center;font-size:58px;background:radial-gradient(circle at 50% 40%,#ffffff2e,#5c16468c);box-shadow:inset 0 0 10px #ffffff24}.hero-slot.main{font-size:78px}.play-btn{position:absolute;z-index:11;left:50%;bottom:28px;transform:translate(-50%);width:min(78%,356px);height:74px;border:5px solid #f6c44d;border-radius:32px;display:flex;align-items:center;justify-content:center;gap:20px;color:#fff;font-size:33px;font-weight:1000;background:linear-gradient(180deg,#49e961,#10b73f 44%,#0a7d2d);box-shadow:inset 0 4px #ffffff42,0 6px #734411,0 12px 22px #00000052}.play-triangle{color:#ffd84e;font-size:24px}.content{padding:10px 12px 16px}.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.menu-card{position:relative;height:162px;overflow:hidden;border-radius:20px;padding:0;color:#fff;border:1px solid rgba(87,217,219,.28);background:radial-gradient(circle at 50% 25%,rgba(61,182,88,.85),transparent 42%),linear-gradient(160deg,#114a40,#082530 66%);box-shadow:inset 0 1px #ffffff1a,0 7px 15px #00000038}.menu-card-art{height:95px;display:grid;place-items:center;font-size:58px;text-shadow:0 8px 10px rgba(0,0,0,.3)}.menu-card-bottom{position:absolute;left:0;right:0;bottom:0;min-height:72px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:6px;text-align:left;background:linear-gradient(180deg,#05161fc7,#04141cf7);border-top:1px solid rgba(255,255,255,.09)}.menu-card-bottom strong,.menu-card-bottom span{display:block}.menu-card-bottom strong{font-size:16px}.menu-card-bottom span{margin-top:4px;font-size:10px;line-height:1.18;color:#c5d6da}.menu-card-bottom b{font-size:34px;font-weight:300}.daily-bonus{margin-top:11px;padding:13px;border-radius:20px;border:2px solid #ecab22;background:radial-gradient(circle at 88% 16%,rgba(255,190,32,.24),transparent 28%),linear-gradient(110deg,#472c13,#23150d 72%);box-shadow:0 8px 18px #0000003d}.daily-head{display:flex;align-items:center;gap:10px}.daily-icon{font-size:42px}.daily-head h3{margin:0;color:#ffd56b;font-size:22px}.daily-head p{margin:4px 0 0;color:#f0dec5;font-size:11px}.daily-days{margin-top:12px;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.day{padding:6px 2px;border-radius:9px;background:#29180ee6;border:1px solid rgba(255,193,79,.18);text-align:center}.day.active{border-color:#ffd84f;box-shadow:0 0 12px #ffd44033}.day small,.day span,.day strong{display:block}.day small{font-size:7px;color:#f3dbc0}.day span{margin:3px 0;font-size:18px}.day strong{font-size:9px}.ad-banner{margin-top:11px;min-height:92px;padding:12px;display:flex;align-items:center;gap:10px;border-radius:20px;border:2px solid #8c65ff;background:radial-gradient(circle at 86% 20%,rgba(255,215,72,.2),transparent 28%),linear-gradient(110deg,#283ba7,#7332be 56%,#4d1bc8);box-shadow:0 8px 18px #0000003d}.ad-left{font-size:38px}.ad-copy{flex:1}.ad-copy h3{margin:0;font-size:15px}.ad-copy p{margin:4px 0 0;color:#d5caef;font-size:10px}.watch-btn{height:40px;padding:0 14px;border-radius:15px;color:#fff;font-size:13px;font-weight:1000;background:linear-gradient(180deg,#b04cff,#6f17e8);box-shadow:inset 0 2px #ffffff29,0 3px #420d8c}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:100;transform:translate(-50%);width:min(100%,520px);height:calc(76px + env(safe-area-inset-bottom));padding:8px 8px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);gap:3px;background:linear-gradient(180deg,#072026f7,#021117fc);border-top:1px solid rgba(100,193,205,.22)}.bottom-nav button{background:transparent;color:#9caeb4;display:flex;flex-direction:column;align-items:center;justify-content:center}.bottom-nav button span{font-size:26px;line-height:28px;height:28px}.bottom-nav button small{margin-top:2px;font-size:10px;font-weight:800}.bottom-nav button.active{color:#ffd857;text-shadow:0 0 10px rgba(255,214,66,.35)}@media(max-width:390px){.hero{height:478px}.hero-machine{width:240px;height:190px}.hero-slot{font-size:48px}.hero-slot.main{font-size:66px}.grid-cards{gap:8px}.menu-card{height:150px}.menu-card-art{height:86px;font-size:50px}}