:root{--bg:#0a140f;--bg-2:#0e1c15;--bg-elev:#122a1f;--bg-elev-2:#17362728;--panel:#10241b;--panel-2:#16342651;--border:#24503a;--border-soft:#1c3d2d;--text:#eafff3;--text-dim:#9fc4b0;--leaf:#35d07f;--leaf-2:#23b76a;--gold:#ffc24b;--sky:#58c8e8;--danger:#ff6b5d;--danger-dim:#b33f38;--radius:18px;--radius-sm:12px;--shadow:0 18px 50px #00000073;--glow:0 0 0 1px #35d07f26, 0 10px 40px #23b76a1f}*{box-sizing:border-box}html,body{color:var(--text);background:radial-gradient(900px 500px at 12% -8%, #35d07f2e, transparent 60%), radial-gradient(1000px 620px at 100% 0%, #ffc24b1f, transparent 55%), linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 100%);background-attachment:fixed;min-height:100vh;margin:0;padding:0;font-family:ui-rounded,SF Pro Rounded,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--leaf);text-decoration:none}a:hover{color:#6bf0aa}.container{max-width:1080px;margin:0 auto;padding:0 20px}.nav{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft);background:#0a140fb8;position:sticky;top:0}.nav-inner{align-items:center;gap:14px;height:66px;display:flex}.brand{letter-spacing:.3px;color:var(--text);flex-shrink:0;align-items:center;gap:8px;font-size:22px;font-weight:900;display:flex}.brand .logo{font-size:24px}.brand span{color:var(--leaf)}.nav-links{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;min-width:0;margin-left:8px;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{color:var(--text-dim);white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:700}.nav-links a:hover{color:var(--text);background:var(--panel-2)}.nav-right{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.burger{border:1px solid var(--border);background:var(--panel-2);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.burger:hover{border-color:var(--leaf-2)}.menu-scrim{z-index:18;cursor:default;background:#00000080;border:none;position:fixed;inset:66px 0 0}.menu-drawer{z-index:19;border-bottom:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#10241b,#0c1c15);animation:.2s both drawerDown;position:absolute;top:100%;left:0;right:0}@keyframes drawerDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.menu-list{flex-direction:column;padding:10px 20px 16px;display:flex}.menu-list a{color:var(--text);border-bottom:1px solid var(--border-soft);border-radius:10px;padding:14px 12px;font-size:16px;font-weight:700}.menu-list a:last-of-type{border-bottom:none}.menu-list a:hover{background:var(--panel-2);text-decoration:none}.menu-logout{background:var(--panel-2);color:var(--danger);border:1px solid var(--danger-dim);cursor:pointer;border-radius:10px;margin-top:12px;padding:13px;font-weight:800}.menu-logout:hover{filter:brightness(1.1)}@media (min-width:760px){.menu-drawer{border:1px solid var(--border);border-radius:0 0 16px 16px;width:300px;left:auto;right:20px}.menu-scrim{top:0}}.balance-pill{border:1px solid var(--border);box-shadow:var(--glow);white-space:nowrap;background:linear-gradient(#1a3d2c,#123023);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:800;display:inline-flex}.balance-pill b{color:var(--gold)}.grid{gap:20px;display:grid}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}@media (max-width:560px){.grid.cols-4{grid-template-columns:1fr}}.card{background:linear-gradient(180deg, var(--panel) 0%, #0d1f17 100%);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;position:relative;overflow:hidden}.card h2{margin:0 0 8px;font-size:19px}.card p{color:var(--text-dim);margin:0 0 18px;font-size:14px;line-height:1.55}.game-card{transition:transform .16s,border-color .16s,box-shadow .16s;display:block}.game-card:after{content:"";border-radius:var(--radius);opacity:0;background:radial-gradient(240px 120px at 80% 0,#35d07f1f,#0000 70%);transition:opacity .16s;position:absolute;inset:0}.game-card:hover{border-color:var(--leaf-2);box-shadow:var(--glow), var(--shadow);transform:translateY(-5px)}.game-card:hover:after{opacity:1}.game-emoji{margin-bottom:12px;font-size:40px;line-height:1}.tag{letter-spacing:.4px;text-transform:uppercase;color:var(--gold);background:#ffc24b1f;border:1px solid #6b551e;border-radius:999px;margin-left:8px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-block}label{color:var(--text-dim);margin:0 0 7px;font-size:13px;font-weight:700;display:block}input,select{border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-sm);background:#0c1c15;outline:none;padding:12px 13px;font-size:15px}input:focus,select:focus{border-color:var(--leaf-2);box-shadow:0 0 0 3px #35d07f26}input[type=range]{accent-color:var(--leaf);padding:0}.field{margin-bottom:16px}.row{gap:12px;display:flex}.row>*{flex:1}.btn{background:linear-gradient(180deg, #3ee089, var(--leaf-2));color:#04160c;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 18px;font-size:15px;font-weight:900;transition:filter .12s,transform 80ms;display:inline-flex;box-shadow:0 8px 20px #23b76a47}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn.gold{background:linear-gradient(180deg, #ffd06b, var(--gold));color:#2a1e02;box-shadow:0 8px 20px #ffc24b40}.btn.small{width:auto;padding:9px 15px;font-size:13px}.pill-group{gap:10px;display:flex}.pill-group button{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text);cursor:pointer;background:#0c1c15;flex:1;padding:13px;font-weight:800;transition:all .12s}.pill-group button:hover{border-color:var(--leaf-2)}.pill-group button.active{background:linear-gradient(180deg, #3ee089, var(--leaf-2));color:#04160c;border-color:var(--leaf)}.result{border-radius:var(--radius-sm);text-align:center;margin-top:18px;padding:15px 16px;font-weight:800}.result.win{color:var(--leaf);border:1px solid var(--leaf-2);background:#35d07f24}.result.lose{color:var(--danger);border:1px solid var(--danger-dim);background:#ff6b5d1f}.result.info{background:var(--panel-2);color:var(--text-dim);border:1px solid var(--border-soft)}.muted{color:var(--text-dim);font-size:13px}.hero{text-align:center;padding:76px 0 30px;position:relative}.hero .critters{letter-spacing:6px;filter:drop-shadow(0 6px 16px #0006);margin-bottom:14px;font-size:40px}.hero h1{margin:0 0 16px;font-size:54px;font-weight:900;line-height:1.02}.hero h1 span{background:linear-gradient(90deg, var(--leaf), var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--text-dim);max-width:600px;margin:0 auto 28px;font-size:18px;line-height:1.55}@media (max-width:560px){.hero h1{font-size:38px}}.section-title{align-items:center;gap:10px;margin:8px 0 16px;font-size:20px;display:flex}.banner{color:var(--gold);border-radius:var(--radius-sm);background:#ffc24b1a;border:1px solid #6b551e;margin-bottom:18px;padding:11px 14px;font-size:13px}.wallet-strip{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--glow);background:linear-gradient(120deg,#123023,#0e2419);align-items:center;gap:16px;margin-bottom:26px;padding:20px 24px;display:flex}.wallet-strip .big{font-size:30px;font-weight:900}.wallet-strip .big b{color:var(--gold)}.mines-grid{gap:10px;margin:10px 0 4px;display:grid}.tile{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;background:linear-gradient(#12291e,#0d1f16);justify-content:center;align-items:center;font-size:24px;transition:transform 80ms,border-color .12s;display:flex}.tile:hover:not(:disabled){border-color:var(--leaf-2);transform:scale(1.06)}.tile:disabled{cursor:default}.tile.safe{border-color:var(--leaf-2);background:#35d07f2e}.tile.mine{border-color:var(--danger-dim);background:#ff6b5d33}.animal-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:460px){.animal-grid{grid-template-columns:repeat(2,1fr)}}.animal{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:center;background:#0c1c15;padding:14px 8px;transition:all .12s}.animal:hover{border-color:var(--leaf-2);transform:translateY(-2px)}.animal.active{border-color:var(--leaf);box-shadow:var(--glow);background:linear-gradient(#17402d,#123023)}.animal .emoji{font-size:34px}.animal .nm{margin-top:4px;font-size:13px;font-weight:800}.animal .mult{color:var(--gold);font-size:12px;font-weight:800}.animal .chance{color:var(--text-dim);font-size:11px}.spin-stage{justify-content:center;align-items:center;gap:10px;min-height:96px;margin:8px 0 4px;font-size:64px;display:flex}.spin-stage.spinning{animation:.5s ease-in-out infinite wob}@keyframes wob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-6px)rotate(4deg)}}.coin-stage{perspective:800px;justify-content:center;align-items:center;min-height:130px;margin:6px 0 10px;display:flex}.coin{width:118px;height:118px;transform-style:preserve-3d;background:radial-gradient(circle at 34% 28%,#ffe79a,#d89a2a 70%,#b97f1e);border-radius:50%;justify-content:center;align-items:center;font-size:58px;display:flex;box-shadow:0 14px 34px #00000073,inset 0 0 0 6px #ffffff24}.coin.flipping{animation:1.05s cubic-bezier(.3,.7,.4,1) coinflip}@keyframes coinflip{0%{transform:rotateY(0)translateY(0)}50%{transform:rotateY(1260deg)translateY(-46px)}to{transform:rotateY(2520deg)translateY(0)}}.reel{filter:drop-shadow(0 8px 18px #0006);justify-content:center;align-items:center;min-height:108px;font-size:78px;display:flex}.reel.rolling{animation:.28s linear infinite shake}.reel.pop{animation:.4s pop}@keyframes shake{0%,to{transform:translate(0)rotate(-3deg)}25%{transform:translate(-4px)rotate(3deg)}75%{transform:translate(4px)rotate(-2deg)}}@keyframes pop{0%{opacity:.4;transform:scale(.5)}60%{transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.tile.revealing{animation:.4s flip}@keyframes flip{0%{transform:rotateY(90deg)scale(.9)}to{transform:rotateY(0)scale(1)}}.tile.boom{animation:.5s boom}@keyframes boom{0%,to{transform:scale(1)}30%{transform:scale(1.25)rotate(-6deg)}60%{transform:scale(.95)rotate(5deg)}}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--border-soft);padding:9px 10px}th{color:var(--text-dim);font-weight:700}.ok{color:var(--leaf)}.bad{color:var(--danger)}code{background:#0c1c15;border-radius:6px;padding:2px 6px;font-size:12px}main{animation:.32s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--leaf);outline-offset:2px}@media (max-width:720px){.container{padding:0 14px}.nav-inner{gap:10px;height:58px}.brand{font-size:19px}.brand .logo{font-size:21px}.nav-links a{padding:6px 10px;font-size:13px}.nav-right{gap:8px}.balance-pill{padding:7px 12px;font-size:13px}.balance-pill .unit{display:none}main{padding:20px 14px 48px!important}.hero{padding:40px 0 22px}.hero h1{font-size:34px}.hero p{font-size:16px}.hero .critters{letter-spacing:3px;font-size:30px}.card{border-radius:14px;padding:18px}.section-title{font-size:17px}.wallet-strip{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}.wallet-strip .big{font-size:26px}.row{flex-direction:column;gap:0}.btn{padding:15px 18px}input,select{padding:13px;font-size:16px}.pill-group button{padding:14px}.tile{border-radius:10px}table{font-size:12px}th,td{padding:8px 6px}}@media (max-width:420px){.hero h1{font-size:28px}.animal-grid{grid-template-columns:repeat(2,1fr)}.brand span:last-child{display:none}}