@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#181b27;--panel:#222636;--muted:#9196ac;--purple:#7044ee;--line:#35394e}*{box-sizing:border-box}body{margin:0;background:#0c0e16;color:#f5f5ff;font-family:'Nunito Sans',Arial,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #bba2ff;outline-offset:3px}.app{max-width:460px;margin:auto;min-height:100dvh;background:radial-gradient(ellipse at 90% 15%,#24223e 0,transparent 50%),var(--bg);padding-bottom:94px;position:relative;overflow:hidden}.telegram{height:79px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#191c26;position:sticky;top:0;z-index:10}.telegram>button{background:#a7aebd;color:white;border:1px solid #d3d6df85;border-radius:50%;height:40px;width:40px;font-size:28px;line-height:1}.telegram>button:last-child{font-size:16px}.telegram>div{text-align:center}.telegram strong{font-size:15px}.telegram small{display:block;font-size:12px;color:#858997}.wallet{height:65px;display:flex;align-items:center;justify-content:space-between;padding:8px 13px;position:sticky;top:79px;background:#191c29f5;z-index:10}.logo{position:relative;font-size:24px;font-weight:1000;font-style:italic;letter-spacing:-1.6px;padding:0 0 5px}.logo span{color:#ffdc58}.logo i{position:absolute;bottom:0;right:1px;width:41px;height:7px;border-bottom:3px solid #ffdc58;border-radius:50%;transform:rotate(-8deg)}.wallet-actions{display:flex;align-items:center;gap:7px}.balance{border:1px solid #33384c;border-radius:22px;background:#1f2333;display:flex;align-items:center;gap:6px;padding:7px 9px;font-size:12px}.balance b{width:21px;height:21px;border-radius:50%;background:linear-gradient(140deg,#80d8ff,#3867ed);display:grid;place-items:center;font-size:17px;box-shadow:0 0 10px #316eed77}.primary{background:linear-gradient(110deg,#5252fa,#7440e7);border:1px solid #8b6bff;box-shadow:0 3px 15px #6552ff30;border-radius:12px;font-weight:800;padding:12px 16px}.deposit{font-size:12px;padding:11px 10px;border-radius:25px}.avatar{width:31px;height:35px;background:linear-gradient(135deg,#c28aa8,#554f79);border-radius:50%;font-weight:900;position:relative}.avatar span{height:8px;width:8px;border:2px solid #191c29;background:#9ca5ae;border-radius:50%;position:absolute;bottom:0;right:0}main{padding:0 12px}.live-strip{display:flex;gap:7px;overflow:hidden;padding:10px 0 18px}.live-chip{flex-shrink:0;min-width:145px;border:1px solid #7540b5;border-bottom:3px solid #7a38ef;border-radius:13px;padding:5px 9px;background:linear-gradient(100deg,#352451,#28203b);font-size:9px;display:flex;align-items:center;gap:7px}.live-chip:nth-child(2){border-color:#bc3b91;background:linear-gradient(100deg,#542346,#2b2441)}.live-chip .mini{font-size:24px}.live-chip strong{color:#54f4b1;display:block;font-size:12px}h1{font-size:23px;line-height:1.2;margin:9px 0 16px;font-weight:1000}h2{font-size:19px;margin:15px 0}.section-top{display:flex;justify-content:space-between;align-items:center}.section-top span{color:var(--muted);font-size:11px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.game-card{padding:0;border-radius:3px;overflow:hidden;position:relative;aspect-ratio:198/254;background:#292345;transition:transform .18s;box-shadow:inset 0 0 0 1px #ffffff13}.game-card:active{transform:scale(.97)}.game-card img{display:block;width:100%;height:100%;object-fit:cover}.game-card.wide{grid-column:span 2;aspect-ratio:408/176}.game-card.short{aspect-ratio:198/124}.demo-note{color:#8d91a6;text-align:center;font-size:10px;margin:20px 0 0}nav{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:436px;background:#252833ed;border:1px solid #4b4e64;border-radius:34px;display:flex;align-items:center;padding:5px;z-index:20;backdrop-filter:blur(20px);box-shadow:0 0 0 4px #181b2744}nav button{height:40px;font-size:12px;font-weight:900;position:relative;flex:1;color:#c4c5d0;padding:0 4px}nav button.active{background:linear-gradient(120deg,#4b437a,#302c4c);border:1px solid #625887;border-radius:24px;color:white}nav small{position:absolute;top:-4px;right:10px;background:#ffe56c;color:#29253b;font-size:8px;border-radius:5px;padding:0 4px}.game-header{display:flex;justify-content:space-between;align-items:center;padding:15px 3px;color:#d4d5e1}.game-header button{font-size:19px;padding:0 5px}.game-header .tools{display:flex;gap:10px}.rounds{display:flex;gap:6px;font-weight:900;font-size:11px;overflow:hidden}.rounds span{border:1px solid #414558;background:#282c3a;border-radius:4px;padding:4px}.rounds span:nth-child(2n){color:#9d9bff}.rounds span:nth-child(4n){color:#f1d25f}.board{background:radial-gradient(ellipse at center bottom,#29254822,transparent),#111720;border-radius:12px;position:relative;overflow:hidden}.plinko-board{height:295px;display:flex;justify-content:center;align-items:center}.plinko-board canvas{width:100%;height:100%;display:block}.multipliers{display:flex;gap:2px;padding:0 3px 10px;position:absolute;bottom:0;width:100%;left:0}.multipliers span{flex:1;font-size:8px;font-weight:900;text-align:center;border:1px solid #ffffff50;border-radius:3px;padding:8px 0;box-shadow:inset 0 -3px #0003}.play{display:block;width:100%;margin-top:10px;padding:13px 8px;border-radius:7px;font-size:13px}.control-row{display:flex;align-items:center;gap:6px;margin:10px 0;background:#202434;border-radius:9px;padding:6px}.control-row label{color:#818ba9;font-size:11px}.stake{width:100%;min-width:0;background:none;border:0;color:#fff;padding:4px;font-weight:900;outline:none}.coin{color:#7ec3ff;background:#3f65d4;border-radius:50%;padding:0 6px;font-weight:900}.adjust{color:#949bb7;font-size:10px;padding:6px}.segmented{display:flex;gap:4px;background:#202434;padding:5px;border-radius:10px;margin:8px 0}.segmented button{flex:1;border-radius:7px;color:#a5abc2;font-size:12px;padding:8px 3px}.segmented button.selected{background:#413a74;border:1px solid #6960a2;color:white}.segmented .count{display:flex;align-items:center;justify-content:space-between;flex:1.6}.count small{font-size:8px;color:#9ba3bd}.count strong{display:block;color:white;font-size:13px}.history{margin-top:20px}.history-title{font-size:11px;color:#969caf;margin-bottom:8px}.history-title b{color:#dcdde7}.player{display:flex;align-items:center;gap:10px;padding:10px;background:#1e222f;border-radius:5px;margin-bottom:4px}.player-icon{width:30px;height:30px;border-radius:50%;background:#494477;display:grid;place-items:center}.player:nth-child(3n) .player-icon{background:#38a7c6}.player:nth-child(4n) .player-icon{background:#d5a454}.player-name{flex:1;font-weight:800;font-size:12px}.player-name small{display:block;font-weight:400;font-size:10px;color:#82899f}.player-result{font-size:11px;color:#8ed7b0}.player-result.loss{color:#e280a5}.rocket-board{height:325px;background:radial-gradient(at 50% 50%,#1a2341,#10141d)}.stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 25px 30px,#aab5dc 50%,transparent),radial-gradient(1px 1px at 90px 110px,#666d90 50%,transparent),radial-gradient(1px 1px at 151px 61px,#9ca8cb 50%,transparent);background-size:170px 140px}.rocket-coef{text-align:center;font-size:47px;font-weight:1000;position:relative;z-index:2;letter-spacing:-2px;padding-top:28px}.rocket-state{text-align:center;color:#979eb8;font-size:11px;position:relative;z-index:2}.rocket-cow{position:absolute;width:145px;height:110px;left:12%;bottom:60px;border-radius:40%;background:url('assets/rocket.jpg') center 40%/cover;transform:rotate(-15deg);filter:drop-shadow(-15px 15px 14px #6865ff55);transition:left .2s,bottom .2s,transform .2s}.rocket-fire{position:absolute;left:0;bottom:7px;font-size:30px;transform:rotate(-40deg)}.clouds{position:absolute;bottom:-30px;left:-20%;width:140%;height:65px;border-radius:50%;background:#282f49;box-shadow:40px -15px #222942,100px -4px #30374e,-50px -5px #1a2237}.mines-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:17px}.mine-tile{height:52px;background:linear-gradient(135deg,#6e40dc,#3a238d);border:1px solid #8b5bf4;border-bottom:5px solid #281565;border-radius:8px;font-size:25px}.mine-tile.open{background:#284e49;border-color:#479d8b}.mine-tile.bomb{background:#733655;border-color:#c6669b}.game-subtitle{text-align:center;color:#9ea4ba;font-size:12px}.panel{background:#222637;border:1px solid #34394e;border-radius:15px;padding:18px;margin:12px 0}.panel p{color:#a8aec3;font-size:13px;line-height:1.6}.panel .big{font-size:33px;font-weight:1000}.panel input{background:#171b29;border:1px solid #3c425b;width:100%;padding:12px;border-radius:8px;color:white}.bonus-icon{text-align:center;font-size:60px;padding:20px}.panel .primary{width:100%;margin-top:12px}.coming{min-height:330px;display:grid;place-content:center;text-align:center}.coming img{width:150px;border-radius:15px;margin:auto}.coming p{color:#959db5;max-width:290px;line-height:1.6}.back-link{font-size:12px;color:#b2a5ff;padding:15px 0}.test-pill{color:#d4c9ff;border:1px solid #4a416a;border-radius:5px;padding:2px 5px;font-size:9px}dialog{background:#222637;color:#fff;border:1px solid #4f4770;border-radius:20px;max-width:370px;width:calc(100% - 36px);padding:25px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#080b17b0;backdrop-filter:blur(6px)}dialog h2{margin-top:0}dialog p{color:#a5adc7;line-height:1.6}dialog .primary{display:block;width:100%;margin-top:12px}.dialog-close{position:absolute;right:12px;top:8px;font-size:25px;color:#a7abc0}#toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,20px);max-width:380px;width:max-content;background:#38304f;border:1px solid #70608f;padding:12px 20px;border-radius:13px;font-size:13px;z-index:50;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:600px){.app{margin:28px auto;min-height:calc(100dvh - 56px);border:1px solid #343448;border-radius:27px}.telegram{border-radius:26px 26px 0 0}nav{bottom:24px}}@media(max-width:360px){.deposit{font-size:10px;padding:10px 7px}.balance{padding:6px;font-size:11px}.logo{font-size:21px}.wallet-actions{gap:4px}nav button{font-size:11px}}
