/* Purple & gold arcade art direction. Mobile first, no third-party UI runtime. */
:root{--bg:#10091f;--card:#23103c;--line:#5d377d;--gold:#ffe4a0;--purple:#ba8cff;--muted:#c3afd9;--text:#fff8ff}
body{background:radial-gradient(ellipse at 100% 5%,#49186c80,transparent 600px),radial-gradient(ellipse at 0 35%,#321b6260,transparent 700px),#10091f;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.arcade-atmosphere{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background-image:radial-gradient(#ddb5ff55 .6px,transparent .9px),radial-gradient(#ffe3a030 .8px,transparent 1px);background-size:43px 59px,97px 111px;background-position:12px 4px,43px 28px}
.arcade-atmosphere i{position:absolute;width:4px;height:4px;border-radius:50%;background:#f8d59d;box-shadow:0 0 12px #e0a7ff;animation:mote 7s ease-in-out infinite;opacity:.5;top:18%;left:8%}.arcade-atmosphere i:nth-child(2){left:87%;top:26%;animation-delay:-3s}.arcade-atmosphere i:nth-child(3){left:72%;top:64%;animation-delay:-5s}.arcade-atmosphere i:nth-child(4){left:14%;top:79%;animation-delay:-2s}.arcade-atmosphere i:nth-child(5){left:92%;top:85%;animation-delay:-6s}.arcade-atmosphere i:nth-child(6){left:41%;top:44%;animation-delay:-4s}
.topbar{height:72px;background:#130b23ed;border-bottom:1px solid #a772d332;box-shadow:0 5px 30px #07020f30;position:sticky;top:0;z-index:35;padding:0 16px;max-width:1060px;backdrop-filter:blur(18px);gap:8px}.brand{gap:8px;flex-shrink:0}.brand img{height:38px;width:48px;border:1px solid #d5a14d;border-radius:10px;box-shadow:0 0 14px #e7ab3422}.brand b{font-size:20px;font-style:italic;color:#ffeab2;text-shadow:0 2px #805533}.brand div>span{font-size:6px;letter-spacing:2.3px;color:#c7a7df}.top-actions{gap:6px}.guest-pill{display:none}.topbar select{height:40px;min-height:40px;max-width:92px;font-size:11px;border-radius:12px;background:linear-gradient(145deg,#38204f,#1e122c);border-color:#795099;color:#eee0ff}.motion-toggle{width:38px;height:40px;display:grid;place-items:center;flex:none;color:#f7ce7b;border:1px solid #795099;border-radius:12px;background:linear-gradient(145deg,#38204f,#1e122c)}.motion-toggle .icon{width:19px;height:19px}.motion-toggle[aria-pressed=false]{color:#a597b9;background:#1a1225}.motion-toggle[aria-pressed=false]:after{content:'';position:absolute;width:23px;height:1px;background:#a597b9;transform:rotate(-45deg)}
main{padding:4px 16px 120px}.page-heading{margin:20px 0 18px;gap:8px}.page-heading>div{min-width:0}h1{font-size:26px;line-height:1.17;letter-spacing:-.9px;font-weight:850;color:#fff5e2;margin-top:7px}.eyebrow{color:#c7a1ed;font-size:8px;letter-spacing:1.8px;font-weight:800}.free-pill{font-size:8px;padding:6px 8px;border:1px solid #896e4580;color:#ffe5aa;background:linear-gradient(125deg,#56343c,#30233a);box-shadow:inset 0 1px #ffdf9030;flex:none}.free-pill:before{background:#ffdc83;box-shadow:0 0 6px #ffdc83}
.portal-hero{height:342px;border-radius:24px;overflow:hidden;position:relative;isolation:isolate;border:1px solid #c49b6385;background:#230c3e;box-shadow:0 12px 40px #03000677,0 0 20px #a234ff19,inset 0 0 0 3px #d1a0521a}.portal-hero:before{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;background:linear-gradient(0deg,#150921 0%,#1a0926b8 30%,transparent 67%),linear-gradient(90deg,#1809285c,transparent 70%);box-shadow:inset 0 0 0 4px #e6b5640d;pointer-events:none}.portal-art{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:70% 40%}.portal-label{position:absolute;z-index:2;left:18px;top:18px;display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.4px;color:#ffe7af;padding:7px 10px;border:1px solid #c7996a70;border-radius:6px;background:#1f1232ba;backdrop-filter:blur(8px);font-weight:800}.portal-label i{width:5px;height:5px;transform:rotate(45deg);background:#ffe19b;box-shadow:0 0 7px #f7bb53}.portal-copy{position:absolute;z-index:3;left:22px;right:22px;bottom:23px}.portal-copy h2{font-size:35px;line-height:1.06;font-weight:900;letter-spacing:-1.2px;color:#fff1c9;text-shadow:0 3px 12px #0b031aaa}.portal-copy h2::first-line{color:#fff8ff}.portal-copy p{color:#d4bbdf;font-size:11px;margin:10px 0 15px}.primary{position:relative;isolation:isolate;min-height:48px;border:1px solid #fff0b6;border-radius:13px;color:#3c1d39;font-size:13px;font-weight:850;background:linear-gradient(180deg,#fff1bd 0%,#ffd36e 46%,#eeb344 100%);box-shadow:inset 0 2px #fffbe2,0 4px 0 #94612d,0 7px 22px #edac4b22;overflow:hidden}.primary:after{content:'';position:absolute;inset:-50% auto -50% -70%;width:40%;background:linear-gradient(90deg,transparent,#fff9df70,transparent);transform:skewX(-24deg);animation:gold-sheen 7s ease-in-out infinite;pointer-events:none}.primary:active{transform:translateY(3px);box-shadow:inset 0 1px #fff9c9,0 1px 0 #94612d}.portal-cta{gap:25px;min-height:46px;padding:11px 18px;font-size:12px}.portal-cta>span:last-child{font-size:20px;line-height:1}.portal-halo{position:absolute;right:3%;top:4%;width:150px;height:150px;border-radius:50%;background:#d088fd;mix-blend-mode:screen;filter:blur(36px);opacity:.13;animation:portal-light 6s ease-in-out infinite;pointer-events:none}.portal-stars{position:absolute;inset:0;z-index:2;pointer-events:none}.portal-stars i{position:absolute;top:30%;right:12%;font-style:normal;color:#ffdc8e;font-size:19px;text-shadow:0 0 12px #fff2b3;animation:twinkle 4.5s ease-in-out infinite}.portal-stars i:nth-child(2){right:46%;top:16%;font-size:12px;animation-delay:-2s}.portal-stars i:nth-child(3){right:7%;top:55%;font-size:10px;animation-delay:-3s}
.welcome-strip{position:relative;margin:17px 0;min-height:78px;border:1px solid #ab7b57;border-radius:16px;padding:14px 12px;gap:11px;background:radial-gradient(ellipse at 90% 0,#9b5f5140,transparent 70%),linear-gradient(115deg,#48235e,#281235);box-shadow:inset 0 1px #ffd9a033,0 6px 16px #05020c3d}.welcome-strip:after{position:absolute;content:'';height:2px;background:linear-gradient(90deg,transparent,#ffe2a6,transparent);top:-1px;left:20%;right:20%}.small-present{width:40px;height:42px;border-radius:12px;background:linear-gradient(140deg,#c788ff,#7c38c0);border:1px solid #d4a1ff;box-shadow:inset 0 2px #eac9ff55,0 4px 0 #4c1c73,0 0 20px #c07cff33;transform:rotate(-7deg);animation:gift-hover 5s ease-in-out infinite}.small-present .icon{width:25px;height:25px;filter:drop-shadow(0 2px 2px #5a2076)}.welcome-strip b{font-size:11px;line-height:1.3;color:#ffe7b4}.welcome-strip small{font-size:9px;color:#d2b5df;line-height:1.35;margin-top:5px}.welcome-strip>strong{font-size:34px;text-shadow:0 2px #916047;color:#ffe5a4;flex:none}.welcome-strip>strong small{font-size:8px;color:#eed0a8;letter-spacing:2px}
.featured{display:grid;grid-template-columns:1fr 44%;grid-template-rows:auto 1fr;min-height:126px;border-radius:17px;border:1px solid #8850ab80;background:radial-gradient(ellipse at 90% 40%,#9237a259,transparent 70%),linear-gradient(125deg,#301544,#251139);box-shadow:0 7px 20px #08020e40;overflow:hidden}.feature-top{grid-column:1;grid-row:1;padding:15px 0 0 16px;justify-content:flex-start}.feature-tag{font-size:7px;letter-spacing:1.5px;color:#e8bcff}.feature-count{display:none}.featured-art{grid-column:2;grid-row:1/3;align-self:center;height:115px;padding:8px 5px 8px 0;filter:drop-shadow(0 5px 8px #160524);transition:transform .3s}.feature-bottom{grid-column:1;grid-row:2;display:block;padding:7px 0 16px 16px}.feature-bottom h2{font-size:23px;line-height:1.1;color:#fff0ce}.feature-bottom>div>span{display:none}.feature-bottom .compact{margin-top:10px;min-height:32px;font-size:10px;padding:6px 12px;border-radius:8px;box-shadow:inset 0 1px #fff8da,0 2px 0 #8f5a28}.feature-bottom .compact .icon{width:13px;height:13px}
.section-title{margin:25px 0 15px;gap:8px}.section-title h2{font-size:18px;color:#f8e8ff;font-weight:800;letter-spacing:-.45px}.catalog-heading h2:before{content:'';display:inline-block;width:4px;height:16px;margin-right:9px;border-radius:2px;vertical-align:-2px;background:linear-gradient(#ffe5a4,#b579ff);box-shadow:0 0 10px #b579ff60}.section-title .muted{white-space:nowrap;font-size:10px;color:#b59acb}.search-box{background:#1c102de8;border:1px solid #73449070;box-shadow:inset 0 2px 5px #05010b55;border-radius:13px;height:47px}.search-box:focus-within{border-color:#c598ed;box-shadow:0 0 0 3px #b37be31c}.search-box input{font-size:14px}.filter-row{padding:13px 0 18px;gap:7px}.chip{min-height:42px;padding:9px 14px;font-size:10px;letter-spacing:.1px;background:linear-gradient(#332046,#251432);border:1px solid #59356f;color:#cbb2e0;border-radius:11px}.chip.active{background:linear-gradient(140deg,#9e5fda,#6531a3);color:#fff2cf;border:1px solid #cf93ff;box-shadow:inset 0 1px #e1b0ff77,0 3px 12px #9742e12d}.chip .icon{width:14px;height:14px}
.game-grid{gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.game-card{background:linear-gradient(145deg,#45205e,#1e102e);border:1px solid #7f4d9b;border-radius:17px;box-shadow:0 6px 15px #06010c55,inset 0 1px #c993f520;animation:card-arrive .35s both;animation-delay:calc(var(--card-index,0)*35ms);isolation:isolate}.game-card:nth-child(3n+2){background:linear-gradient(145deg,#53324a,#22112f);border-color:#95655b}.game-card:nth-child(3n){background:linear-gradient(145deg,#2d3166,#1d1134);border-color:#6863a7}.game-card:before{content:'';position:absolute;left:16px;right:16px;top:0;height:1px;z-index:3;background:linear-gradient(90deg,transparent,#e5b9ff,transparent);pointer-events:none}.game-image{padding:16px 4px 0;background:radial-gradient(ellipse at 50% 75%,#b46bfd60,transparent 70%)}.game-image img{aspect-ratio:1.58;object-fit:contain;filter:drop-shadow(0 6px 7px #110620a0);transition:transform .3s}.game-info{padding:12px 10px 13px;gap:5px;background:linear-gradient(0deg,#140b2480,transparent)}.game-copy strong{font-size:11px;line-height:1.4;color:#ffefce}.game-copy small{font-size:8px;color:#bda2ce;margin-top:4px}.play-circle{width:25px;height:25px;background:linear-gradient(145deg,#ffeab2,#dfa241);border:1px solid #fff0bc;box-shadow:0 2px 0 #7e4f22,0 0 10px #f2c45120;color:#532945;font-size:9px;padding-left:2px}.favorite-button{right:1px;top:0;min-width:44px;min-height:44px}.favorite-button .icon{background:#1b0b2ed9;border:1px solid #b88ada65;width:27px;height:27px;color:#eedafc}.favorite-button[aria-pressed=true] .icon{color:#ffd46e;background:#684234;border-color:#c99258;filter:drop-shadow(0 0 4px #ffbb4540)}.game-launch:active .game-image img{transform:scale(.95)}
.bottom-nav{width:min(calc(100% - 20px),640px);bottom:max(9px,env(safe-area-inset-bottom));border-radius:21px;border:1px solid #a575c16b;padding:7px;background:linear-gradient(180deg,#352048f5,#1a0e2bf7);box-shadow:inset 0 1px #e0b5ff18,0 -8px 32px #0b021b55,0 8px 30px #0008;backdrop-filter:blur(18px)}.bottom-nav a{min-height:54px;gap:5px;font-size:9px;color:#b9a0cf;transition:color .18s,background .18s;flex-direction:column}.bottom-nav a .icon{width:23px;height:23px;transition:transform .2s}.bottom-nav a[aria-current=page]{color:#ffe6a4;background:linear-gradient(180deg,#aa72d532,#9a653522);text-shadow:0 0 12px #f6c75140}.bottom-nav a[aria-current=page] .icon{filter:drop-shadow(0 0 6px #f8c34e50);transform:translateY(-2px)}.bottom-nav a[aria-current=page]:before{top:-8px;width:25px;height:3px;box-shadow:0 0 12px #ffd67488;background:#ffdc85}.bottom-nav a:active .icon{transform:scale(.85)}
.round-symbol{width:46px;height:46px;border:1px solid #b888bd88;border-radius:14px;background:linear-gradient(145deg,#7b429d,#3e215c);color:#ffe3a5;box-shadow:inset 0 1px #e0aefa60,0 4px 0 #26103e,0 0 20px #a661de24;transform:rotate(-6deg)}.round-symbol .icon{transform:rotate(6deg)}
.welcome-card{border:1px solid #c3946999;border-radius:25px;background:radial-gradient(ellipse at 100% 0,#b476e780,transparent 55%),radial-gradient(ellipse at 0 100%,#70449870,transparent 70%),linear-gradient(150deg,#542778,#27103c);padding:28px 23px 0;box-shadow:inset 0 0 0 4px #d6a4ef09,0 12px 40px #05010966;overflow:hidden}.welcome-card:before{content:'';position:absolute;width:280px;height:280px;top:-55px;right:-65px;border-radius:50%;background:repeating-conic-gradient(from 20deg,#e3b5ff10 0deg 12deg,transparent 12deg 28deg);mask-image:radial-gradient(#0008,transparent 72%);animation:reward-rays 45s linear infinite;pointer-events:none}.welcome-content>.eyebrow{font-size:8px;color:#ffe5a4;letter-spacing:1.8px;max-width:170px}.welcome-card .amount{font-size:85px;color:#ffe5a0;font-weight:900;text-shadow:0 2px #d09448,0 5px #6e386f,0 0 28px #fac77425;margin-top:14px;position:relative}.amount small{font-size:19px;color:#ffdda4;text-shadow:none;margin-left:6px}.welcome-card h2{max-width:100%;font-size:24px;line-height:1.24;margin-top:27px;color:#fff0ce;letter-spacing:-.7px}.welcome-card p{color:#d9c0e9;font-size:12px;line-height:1.7;margin-top:11px;margin-bottom:22px}.welcome-card .toy-gift{right:8px;top:39px;transform:scale(1.06) rotate(8deg);filter:drop-shadow(0 14px 10px #16082588);animation:treasure-hover 6s ease-in-out infinite}.gift-box{background:linear-gradient(100deg,#d7a1ff,#a34be1 50%,#64259b);box-shadow:inset 3px 1px #f2cbff,inset -8px 0 14px #53217d}.gift-lid{background:linear-gradient(160deg,#ecc5ff,#c67fff 40%,#8236c3);box-shadow:inset 0 2px #f4dcff,0 5px 5px #310b584f}.gift-ribbon{background:linear-gradient(90deg,#d48b29,#fff1b4 47%,#d49b3e);box-shadow:2px 0 4px #542c3166}.spark{animation:twinkle 4s ease-in-out infinite}.s2{animation-delay:-1.5s}.s3{animation-delay:-3s}.welcome-terms{background:#12082255;border-top:1px solid #c6a06730;margin:27px -23px 0;padding:15px 23px;font-size:10px;line-height:1.7;color:#d2bade}.steps{border-color:#72449380;background:#211131bb;border-radius:18px;overflow:hidden}.steps li{padding:19px 16px;gap:13px}.steps li>b{font-size:11px;color:#ffe0a2;border:1px solid #a97cad66;border-radius:9px;background:#5c337240;min-width:29px;height:29px;display:grid;place-items:center;padding:0;align-self:center;box-shadow:inset 0 1px #d9a3fa22}.steps li+li{border-color:#63398360}.steps h3{font-size:12px;line-height:1.5;color:#eedcff}.steps p{font-size:10px;color:#c0a7d3}.steps .icon{color:#ddbd8a;width:18px}.text-link{color:#dbc0f1;font-size:11px}
.invite-hero{position:relative;overflow:hidden;border-radius:24px;border:1px solid #a46bb0;background:radial-gradient(ellipse at 50% -10%,#994fc970,transparent 60%),linear-gradient(150deg,#3a1b56,#211033);box-shadow:inset 0 1px #e9baff24,0 12px 32px #05000d60;padding:24px 21px}.friend-bubbles{height:146px;position:relative;gap:26px}.friend-bubbles:before,.friend-bubbles:after{content:'';position:absolute;inset:12px 15%;border:1px solid #d9a0ff38;border-radius:50%;transform:rotate(-23deg);pointer-events:none}.friend-bubbles:after{inset:24px 5%;transform:rotate(20deg);border-color:#ffda8033}.friend-bubbles>b{width:101px;height:101px;border:7px solid #daa04d;background:linear-gradient(135deg,#fff5c8 5%,#ffd36f 45%,#d58b25);box-shadow:inset 0 0 0 2px #fff3c1,0 7px 0 #8e572b,0 18px 38px #ffc56530;font-size:35px;color:#744222;text-shadow:0 1px #ffe8a0;z-index:1;animation:coin-hover 6s ease-in-out infinite}.friend-bubbles span{font-size:25px;color:#e0acff;text-shadow:0 0 20px #d084ff60;animation:twinkle 5s ease-in-out infinite}.invite-hero h2{font-size:25px;color:#fff0c8;letter-spacing:-.7px;margin-top:10px;line-height:1.25}.invite-hero>p{color:#cdb4df;font-size:11px;margin-top:13px}.invite-slots{gap:9px;position:relative}.invite-slots>span{border:1px solid #8c62a68a;background:linear-gradient(145deg,#69438030,#201033);padding:19px 4px 15px;position:relative;border-radius:14px}.invite-slots>span:before{content:'';width:6px;height:6px;background:#c699df;border:3px solid #29143e;box-sizing:content-box;border-radius:50%;position:absolute;top:-7px}.invite-slots b{font-size:12px;color:#ffe2a7}.invite-slots .icon{color:#c5a0dd}.invite-slots>.earned{background:linear-gradient(145deg,#9a694340,#533047);border-color:#efbb66}.invite-slots>.earned:before{background:#ffd47b}.invite-slots>.earned .icon,.invite-slots>.earned b{color:#ffe3a1}.daily{font-size:11px;padding:12px 0 0}.daily strong{color:#ffe3a1}.tip-card{background:linear-gradient(130deg,#352047,#241235);border-color:#8254948a}.tip-card>.icon{color:#ffe1a1}.tip-card b{color:#ead5ff}.tip-card p{color:#c8add9}.timezone{color:#b29ac3}
.wallet-card{position:relative;overflow:hidden;border:1px solid #b58968a0;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#a064c74d,transparent 65%),linear-gradient(145deg,#4d2966,#221032);box-shadow:inset 0 0 0 4px #dfb1720a,0 12px 35px #06000c60}.wallet-card:before{content:'✦';position:absolute;right:6px;top:9px;font-size:180px;line-height:1;color:#b991df10;pointer-events:none}.wallet-top{letter-spacing:1.6px;font-size:9px;color:#e6c8ed}.wallet-top .icon{color:#ffe1a2}.balance{font-size:43px;color:#ffe4a2;text-shadow:0 2px #8c5e42;font-weight:900;letter-spacing:-1.5px;margin-top:21px}.wallet-card p{color:#d7bedf;font-size:11px}.progress{height:9px;background:#12071e;border:1px solid #8e579548;box-shadow:inset 0 2px 2px #0005;margin-top:10px}.progress span{background:linear-gradient(90deg,#b372ef,#f1bbe5 60%,#ffda80);box-shadow:0 0 12px #ffd78055}.progress-caption{font-size:10px;color:#ddc3ea;gap:12px;align-items:flex-end}.progress-caption>span:last-child{white-space:nowrap;color:#ffe5aa}.wallet-card small{font-size:10px;color:#c9aed8}.wallet-card .primary{margin-top:23px}.wallet-card #guest-id{color:#baa0ca}.withdrawal{border-color:#80548f;background:linear-gradient(150deg,#352048,#211130)}.withdrawal .section-title{align-items:flex-start}.withdrawal .section-title h2{font-size:17px}.badge{white-space:normal;text-align:center;font-size:9px;color:#ffdfa3;background:#7a573e44}.countdown{font-size:clamp(27px,9vw,40px);color:#ffe3a0;letter-spacing:1px;text-shadow:0 0 24px #edb75630;background:#1a0c2980;border:1px solid #a678ac44;padding:14px 8px;text-align:center;border-radius:13px;margin:14px 0 18px}.withdrawal p{color:#cbb3dd}.secondary{border-color:#9d6bb6;background:linear-gradient(145deg,#63387f,#3b2252);color:#f4ddff;box-shadow:inset 0 1px #daa0ff20;font-size:12px}.form-grid input{background:#190c27;border-color:#885499}.rules h2{font-size:18px;color:#f0dcff}.rules details{border:1px solid #633b7a88;border-radius:13px;background:#28143899;margin-bottom:9px;padding:0 14px}.rules summary{font-size:12px;line-height:1.5;gap:14px;min-height:57px;color:#e6cef8}.rules summary:after{color:#f0c778;flex:none}.rules details[open]{border-color:#ae79b780;background:#3b204966}.rules details p{font-size:11px;color:#cbb3da}.notice{border:1px solid #88699a70;background:#22132ecc;color:#bca8c9;font-size:10px}.reassurance{font-size:9px;color:#b59ec8}.reassurance .icon{color:#e6c17e}footer{color:#9d83b2}footer small{color:#a38bb6}
#download-dialog{border:1px solid #b78c7799;background:radial-gradient(ellipse at 50% 0,#824bbf,#34174f 48%,#1e102e);box-shadow:0 -15px 80px #bb69e62b,0 20px 70px #000b;border-radius:29px 29px 0 0;padding-top:18px}dialog::backdrop{background:#080211c9;backdrop-filter:blur(9px)}#download-dialog .sheet-handle{background:#d5b0e3;width:35px;height:3px;opacity:.5}#download-dialog .toy-gift{filter:drop-shadow(0 8px 20px #d38cff40);animation:gift-hover 5s ease-in-out infinite}#download-dialog h2{font-size:29px;letter-spacing:-.7px;color:#ffe5a2;text-shadow:0 2px #71456566}#download-dialog p{color:#d5bde5;font-size:11px}.close{color:#efd5fc;background:#1808244d;border:1px solid #bd94cb44;border-radius:50%;top:16px;right:14px}.text-button{font-size:11px;color:#d3b7e5}.sheet-handle{margin-bottom:12px}#toast{border-color:#b78c8f;background:linear-gradient(125deg,#63416f,#3f254e);color:#fff0d4;box-shadow:0 8px 30px #0007;font-size:11px;bottom:calc(100px + env(safe-area-inset-bottom))}.empty-state{border:1px dashed #9362a980;background:#231132b3}.empty-state h3{color:#e3c8f3}.empty-state p{color:#bba0cf}.game-toolbar{border-bottom:1px solid #885693}
.tap-burst{position:fixed;width:16px;height:16px;border:1px solid #fff0b2;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:250;animation:tap-ring .6s ease-out forwards;box-shadow:0 0 10px #fed37f80}.favorite-burst{border:0;box-shadow:none;animation:none}.favorite-burst i{position:absolute;left:0;top:0;color:#ffda80;font-size:12px;font-style:normal;animation:star-burst .7s ease-out forwards;text-shadow:0 0 8px #ffcb5b}
@keyframes mote{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(-25px);opacity:.65}}@keyframes twinkle{0%,100%{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes portal-light{0%,100%{opacity:.09;transform:scale(.8)}50%{opacity:.23;transform:scale(1.15)}}@keyframes gold-sheen{0%,68%{left:-70%}90%,100%{left:130%}}@keyframes gift-hover{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes treasure-hover{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -7px;rotate:-4deg}}@keyframes coin-hover{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -6px;rotate:6deg}}@keyframes reward-rays{to{transform:rotate(360deg)}}@keyframes card-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes tap-ring{from{opacity:.8;scale:.5}to{opacity:0;scale:5}}@keyframes star-burst{from{opacity:1;transform:rotate(var(--burst-angle)) translateX(0) scale(.8)}to{opacity:0;transform:rotate(var(--burst-angle)) translateX(40px) scale(.3)}}
@media(hover:hover){.game-card:hover{border-color:#efc583;box-shadow:0 8px 20px #05010c88,0 0 18px #b371e530;transform:translateY(-3px)}.game-card:hover .game-image img{transform:scale(1.05)}.welcome-strip:hover{border-color:#f0c58c}.primary:hover{filter:brightness(1.05)}.bottom-nav a:hover{color:#ffe5a5}}
@media(min-width:721px){.topbar{padding:0 26px}.guest-pill{display:block;background:#392149;border-color:#765080;font-size:10px}.top-actions{gap:9px}main{padding:10px 24px 120px}.page-heading{margin:24px 0}h1{font-size:34px}.eyebrow{font-size:10px}.free-pill{font-size:10px}.portal-hero{height:380px}.portal-art{object-position:center 45%}.portal-copy{left:40px;bottom:35px;max-width:420px}.portal-copy h2{font-size:51px}.portal-copy p{font-size:13px}.portal-label{left:40px;top:30px;font-size:10px}.portal-hero:before{background:linear-gradient(90deg,#140822e6,transparent 80%),linear-gradient(0deg,#12071c90,transparent 80%)}.portal-cta{font-size:13px;min-height:49px}.welcome-strip{padding:17px 22px}.welcome-strip b{font-size:14px}.welcome-strip small{font-size:11px}.featured{min-height:150px;grid-template-columns:1fr 45%}.featured-art{height:145px;padding:0 20px}.feature-top{padding:22px 0 0 24px}.feature-bottom{padding:8px 0 22px 24px}.feature-bottom h2{font-size:27px}.feature-tag{font-size:9px}.feature-bottom .compact{min-height:35px;margin-top:13px;font-size:11px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-image img{aspect-ratio:1.8}.game-info{padding:14px}.game-copy strong{font-size:14px}.game-copy small{font-size:10px}.game-card{border-radius:20px}.bottom-nav{bottom:15px}.bottom-nav a{flex-direction:row;font-size:12px;gap:11px}.view:not([data-view=games]){max-width:530px}.welcome-card{padding:32px 30px 0}.welcome-card .toy-gift{right:35px;transform:scale(1.3) rotate(8deg);top:35px}.welcome-terms{margin-left:-30px;margin-right:-30px;padding:16px 30px}.welcome-card .amount{font-size:100px}.welcome-content>.eyebrow{max-width:none}.welcome-card h2{font-size:30px;margin-top:30px}.welcome-card p{font-size:13px}.section-title h2{font-size:21px}#download-dialog{border-radius:28px;padding:28px}}
@media(max-width:359px){.topbar{padding:0 12px}.brand img{width:39px;height:34px}.brand b{font-size:17px}.brand div>span{font-size:5px}.topbar select{font-size:10px;max-width:82px}.motion-toggle{width:32px;height:36px}.top-actions{gap:5px}main{padding-left:12px;padding-right:12px}h1{font-size:23px}.free-pill{font-size:7px;padding:5px}.portal-hero{height:328px}.portal-copy{left:18px;right:18px}.portal-copy h2{font-size:30px}.portal-label{font-size:7px;letter-spacing:1px}.welcome-strip{padding:12px 10px;gap:9px}.welcome-strip b{font-size:10px}.welcome-strip small{font-size:8px}.small-present{width:32px;height:36px}.welcome-strip>strong{font-size:28px}.section-title h2{font-size:16px}.section-title .muted{font-size:9px}.chip{padding:9px 10px;font-size:9px}.filter-row{gap:5px}.game-grid{gap:10px}.game-info{padding:10px 8px}.game-copy strong{font-size:10px}.game-copy small{font-size:7px}.play-circle{height:22px;width:22px}.feature-bottom h2{font-size:21px}.welcome-card{padding-left:18px;padding-right:18px}.welcome-card .amount{font-size:73px}.amount small{font-size:15px}.welcome-card .toy-gift{transform:scale(.82) rotate(8deg);right:-4px;top:37px}.welcome-content>.eyebrow{max-width:150px;font-size:7px}.welcome-card h2{font-size:22px;max-width:none}.welcome-terms{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.steps li{padding:16px 12px;gap:10px}.invite-hero{padding:22px 17px}.invite-hero h2{font-size:23px}.panel{padding:20px}.balance{font-size:37px}.bottom-nav a{font-size:8px}.bottom-nav{width:calc(100% - 16px)}#download-dialog h2{font-size:26px}.countdown{font-size:32px}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-visibility=hidden] *,html[data-visibility=hidden] *:before,html[data-visibility=hidden] *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.portal-halo{opacity:.12}.game-card{opacity:1}}

/* Artwork and touch-target refinements. */
.treasure-art{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 12px #22023750)}
.welcome-card .toy-gift{width:150px;height:150px;top:32px;right:6px;transform:rotate(7deg);animation:treasure-hover 6s ease-in-out infinite}
#download-dialog .toy-gift{width:180px;height:180px;margin:2px auto 4px;transform:rotate(-5deg)}
.topbar select,.motion-toggle{min-height:44px;height:44px}.motion-toggle{min-width:40px}.chip{min-height:44px}.feature-bottom .compact{min-height:44px}.feature-bottom{padding-bottom:16px}.featured{min-height:138px}
@media(min-width:721px){.welcome-card .toy-gift{width:185px;height:185px;top:23px;right:25px}#download-dialog .toy-gift{height:175px}.featured{min-height:155px}}
@media(max-width:359px){.welcome-card .toy-gift{width:126px;height:126px;top:43px;right:-2px}.motion-toggle{min-width:35px}.topbar select{max-width:81px}#download-dialog .toy-gift{height:155px;width:155px}.feature-bottom .compact{font-size:9px}}
@media(max-height:650px){#download-dialog .toy-gift{width:110px;height:110px;margin:-6px auto 0}#download-dialog h2{font-size:23px;margin:8px 0}#download-dialog p{font-size:10px;margin-bottom:13px}}

.wallet-sync:has(#wallet-status:not([hidden])){position:fixed;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(90vw,420px);padding:12px 16px;border:1px solid #d0a24e;border-radius:16px;background:#25103cf5;color:#fff;box-shadow:0 8px 32px #0008;z-index:30;text-align:center}.wallet-sync p{margin:0 0 8px;font-size:13px}.wallet-sync button{padding:9px 16px}.wallet-sync:has(#wallet-status[hidden]){display:none}

/* Preserve each supplier poster's full portrait composition. */
.game-card-poster .game-image{padding:0;background:#1b102a}
.game-card-poster .game-image img{display:block;width:100%;height:auto;aspect-ratio:350/472;object-fit:contain;filter:none}
.game-card-poster .game-info{position:relative;border-top:1px solid #e3b66945;background:linear-gradient(120deg,#322047,#1b102c);min-height:66px}
.featured.featured-poster{grid-template-columns:1fr 132px;min-height:174px}
.featured-poster .featured-art{width:112px;height:151px;padding:0;margin:11px 12px 11px 8px;object-fit:contain;border-radius:10px;box-shadow:0 5px 18px #10071d90;border:1px solid #e4ba7660}
@media(min-width:721px){.featured.featured-poster{grid-template-columns:1fr 168px;min-height:210px}.featured-poster .featured-art{width:140px;height:189px;margin:10px 18px 10px 10px}.game-card-poster .game-info{min-height:80px}}
@media(hover:hover){.game-card-poster:hover .game-image img{transform:scale(1.02)}}

/* Compact mobile promotion: show the catalog in the first viewport. */
@media(max-width:720px){
 #games>.page-heading{margin:10px 0 12px;min-height:26px}
 #games>.page-heading .eyebrow{display:none}
 #games>.page-heading h1{font-size:19px;line-height:1.2;margin:0;letter-spacing:-.3px}
 #games>.portal-hero{height:auto;min-height:0;border-radius:18px;box-shadow:0 5px 18px #03000655}
 #games .portal-art{object-position:72% center;opacity:.68}
 #games .portal-hero:before{background:linear-gradient(90deg,#1a0a31f5 0%,#240c40db 48%,#1b073738 100%)}
 #games .portal-hero:after{inset:4px;border-radius:14px}
 #games .portal-label,#games .portal-halo,#games .portal-stars{display:none}
 #games .portal-copy{position:relative;inset:auto;max-width:none;padding:14px 16px;z-index:3}
 #games .portal-copy h2{font-size:21px;line-height:1.15;letter-spacing:-.35px;max-width:76%}
 #games .portal-copy p{font-size:11px;line-height:1.5;margin-top:7px;max-width:76%;color:#f0dffb}
 #games .portal-cta{margin-top:10px;min-height:36px;padding:8px 15px;font-size:11px;border-radius:10px;box-shadow:0 2px 0 #986826}
 #games>.welcome-strip,#games>.featured{display:none}
 #games>.catalog-heading{margin:18px 0 10px}
 #games>.catalog-heading h2{font-size:17px}
 #games>.filter-row{margin-top:10px;margin-bottom:12px}
}

/* Original BetWayFree wordmark: preserve the complete logo at mobile sizes. */
.brand img.brand-logo{display:block;width:190px;height:auto;max-height:64px;object-fit:contain;border:0;border-radius:0;box-shadow:none}
@media(max-width:720px){.brand img.brand-logo{width:178px;max-height:60px}}
@media(max-width:359px){.brand img.brand-logo{width:156px;max-height:53px}}

/* Category totals remain visible when searching and update with saved games. */
.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:19px;padding:0 5px;border-radius:6px;background:#12092066;color:#ecdafa;font-size:10px;line-height:1;font-weight:750;font-variant-numeric:tabular-nums}
.chip.active .filter-count{background:#ffe8a6;color:#4e256b;box-shadow:0 1px 4px #14052b33}
@media(max-width:420px){.filter-row{gap:6px}.chip{padding:8px 9px;gap:5px}.filter-count{min-width:18px;padding:0 4px}}
@media(max-width:359px){.filter-row{gap:5px}.chip{padding:8px 6px;gap:4px}.chip .icon{display:none}.filter-count{font-size:9px}}

/* Twelve initial games: four rows of three; subsequent batches add nine. */
#game-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.catalog-more{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}
.catalog-more .secondary{min-width:180px;min-height:44px;border-color:#9164ad;background:linear-gradient(135deg,#402450,#251535);color:#ffe8b4}
#catalog-progress{font-size:11px;color:#b9a1cc}
@media(max-width:720px){#game-list{gap:10px}.game-card .game-info{padding:9px 7px}.game-card .game-copy strong{font-size:10px;line-height:1.25}.game-card .game-copy small{font-size:8px}.game-card .play-circle{display:none}.game-card .favorite-button{width:28px;height:28px;top:5px;right:5px}.game-card .favorite-button .icon{width:16px;height:16px}}
@media(max-width:359px){#game-list{gap:7px}.game-card .game-info{padding:8px 5px}.game-card .game-copy strong{font-size:9px}.game-card .game-copy small{font-size:7px}}

.keep-app-warning{padding:12px 14px;margin:0 0 18px;border:1px solid #d9a34880;border-radius:12px;background:#6a431d42;color:#ffe3a0;font-weight:700;font-size:12px;line-height:1.6}