:root{--green:#064c25;--green-deep:#062d1a;--green-card:#073b22;--bright:#3ce34d;--gold:#ffc52f;--text:#fff;--muted:#a9b7ae;--line:#1e5a36;--radius:13px;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:#090d0b}body{margin:0;color:var(--text);font-size:13px;line-height:1.4;min-height:100vh;background:radial-gradient(ellipse at 14% 20%,#6c431f 0,transparent 26%),radial-gradient(ellipse at 80% 30%,#243d49 0,transparent 30%),radial-gradient(ellipse at 70% 75%,#614022 0,transparent 25%),linear-gradient(135deg,#100c0a,#101914 55%,#07090a);background-attachment:fixed}body:before{content:"";position:fixed;inset:-30px;z-index:-1;background:inherit;filter:blur(12px);transform:scale(1.04)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.topbar{width:100%;height:auto;display:flex;justify-content:center;background:transparent}.mobile-app-header{width:min(100%,386px);min-height:64px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;background:repeating-radial-gradient(circle at 20% 30%,#17803b 0 1px,#08712f 2px 4px);border-bottom:1px solid #2e9b44}.brand-name{font-size:25px;font-weight:1000;font-style:italic;letter-spacing:-1.2px;color:#fff;text-shadow:2px 2px 0 #e92818,-2px -1px 0 #d52215,3px 4px 0 #16130b}.login-register{border-radius:24px;background:linear-gradient(#ffdc55,#ff9d20);padding:10px 18px;color:#201406;font-size:12px;font-weight:800;white-space:nowrap}.app-shell{width:min(100%,386px);margin:0 auto;min-height:calc(100vh - 64px);background:linear-gradient(180deg,#075126 0,#04351e 70%,#032b1b 100%);box-shadow:0 0 0 1px #164d2c}.sidebar{width:100%;padding:8px 9px 5px;overflow:hidden;background:repeating-radial-gradient(circle at 20% 0%,#087331 0 1px,#075b2a 2px 4px);border-bottom:1px solid #176b35}.side-nav{display:flex;gap:10px;align-items:flex-start;overflow-x:auto;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.nav-link{min-width:48px;max-width:68px;display:flex;flex-direction:column;align-items:center;gap:2px;color:#00e879;text-align:center;padding:3px 2px 7px;border-bottom:2px solid transparent}.nav-link span{font-size:30px;line-height:1.2;filter:drop-shadow(0 2px 2px #001a0a)}.nav-link small{font-size:11px;white-space:nowrap}.nav-link.active{color:#fff;border-color:var(--gold);font-weight:800}.main-content{width:100%;min-width:0;padding:0 9px 86px;margin:0 auto;background:linear-gradient(180deg,#064b25,#032e1b)}.promo-banner{height:130px;position:relative;overflow:hidden;margin:0 5px 11px;border-radius:14px;background:radial-gradient(circle at 15% 40%,#dc9b26,#35220b 32%,#050605 70%);border:1px solid #19512b;box-shadow:inset 0 0 25px #f3a32328}.promo-banner:before{content:"🪙  🎰  🪙";position:absolute;inset:0;font-size:25px;letter-spacing:16px;opacity:.7;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px}.promo-copy{position:absolute;inset:8px 10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:25px 1fr;align-items:center;gap:0 8px;text-align:center}.promo-logo{font-size:19px;font-weight:1000;font-style:italic;text-shadow:2px 2px #c52b15}.promo-copy strong{grid-column:1;grid-row:2;font-size:21px;line-height:1.03;color:#ffdf2f;text-shadow:2px 2px #a52a09}.promo-copy small{grid-column:2;grid-row:1;font-size:10px;font-weight:bold}.telegram-pill{grid-column:2;grid-row:2;align-self:center;padding:7px 4px;border-radius:8px;background:linear-gradient(#168ee3,#0752a9);border:2px solid #ffd33b;font-size:8px;font-weight:bold}.telegram-pill b{font-size:12px}.picks-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 1px 17px}.pick-tab{height:29px;border:0;border-radius:20px;background:#052d19;color:#fff;font-size:11px;font-weight:800}.pick-tab.active{background:var(--bright);color:#053313}.collection-toolbar{display:flex;justify-content:flex-end;gap:5px;margin:-8px 1px 8px}.collection-toolbar select{max-width:95px;background:#06351f;color:#d5eadb;border:1px solid #1a6335;border-radius:6px;padding:4px;font-size:10px}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.game-card{min-width:0;overflow:hidden;background:#07351f;border:1px solid #277044;border-radius:13px;box-shadow:0 2px 5px #001b0b80}.game-art{display:grid;place-items:center;position:relative;aspect-ratio:1/1;overflow:hidden;background:radial-gradient(circle at 50% 35%,#f9b1c8,#d83d7d 45%,#50234e);isolation:isolate}.game-art:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(140deg,#ffffff2c,transparent 45%,#0004)}.game-art:after{content:"";position:absolute;z-index:-1;width:80%;height:80%;border-radius:50%;border:2px solid #fff4;box-shadow:0 0 25px #fff3}.art-symbol{font-size:clamp(35px,7vw,57px);filter:drop-shadow(0 3px 2px #0008)}.provider-badge{position:absolute;top:3px;right:3px;padding:3px 5px;border-radius:6px;background:#031b16e8;color:#fff;font-size:10px;font-weight:900}.art-2,.art-8,.art-14,.art-20,.art-26{background:radial-gradient(circle at 50% 35%,#ffcf71,#8e3d0d 60%,#1d120b)}.art-3,.art-9,.art-15,.art-21,.art-27{background:radial-gradient(circle at 50% 35%,#a7f4ff,#4779dd 55%,#27236d)}.art-4,.art-10,.art-16,.art-22,.art-28{background:radial-gradient(circle at 50% 35%,#bcff5d,#078a36 55%,#06451f)}.art-5,.art-11,.art-17,.art-23,.art-29{background:radial-gradient(circle at 50% 35%,#f6b3f8,#8a36c9 55%,#251047)}.art-6,.art-12,.art-18,.art-24,.art-30{background:radial-gradient(circle at 50% 35%,#ffe3a1,#f58a36 55%,#54221c)}.game-card-body{height:23px;display:flex;align-items:center;gap:3px;padding:2px 6px}.game-title{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#d9e8dd}.favorite-button{border:0;background:transparent;color:#b6c9bc;font-size:18px;line-height:1;padding:0 1px}.favorite-button[aria-pressed=true]{color:#ff5e70}.load-more-wrap{text-align:center;padding:18px 0}.button{border:0;border-radius:8px;padding:9px 14px;font-weight:700}.button-primary{background:var(--gold);color:#201406}.button-outline{background:#074626;border:1px solid #287448;color:#fff}.site-footer{width:min(100%,386px);margin:0 auto;padding:10px;text-align:center;color:#8ea99a;font-size:10px}.bottom-nav{position:fixed;z-index:25;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,386px);height:70px;padding:5px 8px max(6px,env(safe-area-inset-bottom));display:flex;justify-content:space-around;align-items:center;background:#031d17f5;border-top:1px solid #164c34;backdrop-filter:blur(12px)}.bottom-nav a{width:20%;display:flex;flex-direction:column;align-items:center;gap:2px;color:#84968d}.bottom-nav a span{font-size:27px;line-height:1.2;filter:drop-shadow(0 2px 1px #000)}.bottom-nav a small{font-size:10px;font-weight:700}.bottom-nav a.selected{color:#fff}.bottom-nav .deposit-icon{width:48px;height:48px;display:grid;place-items:center;margin-top:-19px;border:5px solid #59605b;border-radius:50%;background:#6a2be0}.chat-float{position:fixed;right:18px;bottom:100px;z-index:20}.chat-float button{width:54px;height:54px;border:0;border-radius:50%;background:linear-gradient(#ffe55b,#ff8e25);color:#251700;font-size:30px;box-shadow:0 3px 12px #0008}.empty-state{text-align:center;padding:40px 10px;color:var(--muted)}.panel{padding:18px;background:#073b22;border-radius:12px}.auth-wrap{padding:28px 12px;min-height:60vh}.auth-card{padding:22px;background:#064021;border:1px solid #287044;border-radius:14px}.auth-card h1{margin:0}.auth-card .muted{color:#a9c3b1}.auth-brand{margin-bottom:22px}.demo-form{display:grid;gap:13px}.demo-form label{display:grid;gap:6px}.demo-form input{padding:11px;background:#032c19;color:white;border:1px solid #28613c;border-radius:7px}.form-message{color:#91ff9e}.auth-switch{color:#bad0c1}.auth-switch a{color:var(--gold)}.wallet-card{padding:22px;margin-bottom:15px;background:#0a4a29;border-radius:12px}.wallet-amount{font-size:32px;font-weight:900}.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:#000b}.modal{position:relative;width:min(100%,350px);padding:24px;background:#064021;border:1px solid #26713e;border-radius:14px}.modal p{color:#b6c9bc}.modal-close{position:absolute;right:10px;top:7px;border:0;background:transparent;color:white;font-size:25px}.skip-link,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{width:auto;height:auto;clip:auto;top:5px;left:5px;z-index:100;background:#fff;color:#000;padding:8px}
/* Image-based category icons and API-backed game thumbnails */
.category-image{display:block;width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 2px 2px #001a0a);transition:transform .15s ease}
.nav-link:hover .category-image{transform:translateY(-2px) scale(1.04)}
.game-art.has-game-image{background:#082d1a}
.game-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.game-art.image-failed .game-thumbnail{display:none}
.game-art.image-failed .art-symbol{display:block}

/* Unauthenticated account gate modeled on the supplied UnliBets screenshot */
.header-account{display:flex;align-items:center;gap:8px}.signed-in-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.logout-form{margin:0}.auth-gate-modal{position:relative;width:min(100%,275px);padding:25px 25px 18px;background:linear-gradient(155deg,#063823,#075044);border:1px solid #a4f000;border-radius:12px;box-shadow:0 0 0 1px #073b22,0 12px 40px #0009;text-align:center}.gate-close{position:absolute;right:9px;top:7px;background:transparent;border:0;color:#b8d4c7;font-size:22px;padding:0}.gate-logo{margin:0 auto 33px;font-size:25px;font-weight:1000;font-style:italic;letter-spacing:-1.3px;color:#fff;text-shadow:2px 2px #ed3522,-2px -1px #e92e19,3px 3px #16130b}.gate-logo span{color:#ffd33d}.telegram-login,.gate-register{height:49px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;font-size:12px;font-weight:800}.telegram-login{background:#078dd0;border:2px solid #38b8ed;color:#fff}.telegram-plane{font-size:23px;transform:rotate(-25deg)}.gate-or{padding:15px 0 12px;font-size:10px;font-weight:bold}.gate-register{background:linear-gradient(#ffdf45,#ff9b31 72%,#ef7130);border:2px solid #ffcb4e;color:#170d03;box-shadow:inset 0 -2px #e9582c}.terms-check{display:flex;align-items:flex-start;gap:6px;margin-top:15px;text-align:left;font-size:9px;font-weight:700;color:#c6dcd0;line-height:1.4}.terms-check input{margin:0;accent-color:#168cf0}.terms-check a{text-decoration:underline}.gate-message{font-size:10px;color:#ffe083;margin:7px 0 0}.auth-error{padding:9px;border-radius:7px;background:#6b1e21;color:#ffd7d7}.modal-open{overflow:hidden}.auth-card .brand-name{display:inline-block}.auth-card .button-wide{width:100%}