:root{--bg:#082330;--panel:#0d2c3b;--orange:#ff9826;--yellow:#ffdb3d;--muted:#8daebe}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#04131d;color:#fff;font-family:Arial,Helvetica,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #73cfff;outline-offset:3px}a{color:inherit;text-decoration:none}button{border:0}button[hidden],[hidden]{display:none!important}.app-shell{max-width:1080px;margin:auto;min-height:100dvh;background:var(--bg);box-shadow:0 0 100px #0005}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:#061e2b;gap:12px}.brand{display:flex;gap:10px;align-items:center}.brand-icon{background:#020c14;border-radius:8px;width:43px;height:43px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#ffb124;font-size:15px;font-weight:900;letter-spacing:-1px;box-shadow:inset 0 0 0 1px #ffffff12}.brand-icon>span{font-size:9px;letter-spacing:1px;color:#36b9ff}.brand strong{font-size:15px;letter-spacing:.5px}.stars{display:block;color:var(--orange);font-size:16px;letter-spacing:2px;margin-top:4px}.header-right{display:flex;gap:15px;align-items:center}.adults{font-size:11px;color:var(--muted);border:1px solid #41606e;border-radius:50%;padding:7px}.download{background:linear-gradient(#ffad3b,#f28113);border:1px solid #ffad3b;border-radius:5px;color:white;font-size:12px;padding:5px 13px 0;overflow:hidden}.download span{display:block;background:#092330;color:#ffad3b;margin:4px -13px 0;padding:4px 13px;font-size:10px}.action-bar{display:flex;align-items:center;gap:9px;padding:14px 28px}.menu-button{color:#d4e4ec;background:none;font-size:23px;padding:3px 9px 3px 0}.action-note{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-right:auto}.login,.register{padding:10px 19px;border-radius:5px;color:white;font-size:12px;font-weight:700}.login{background:#70c5ff}.register{background:var(--orange)}.drawer{padding:8px 28px 20px;display:flex;gap:20px;font-size:13px;color:#b9d4df;flex-wrap:wrap}main{padding:0 28px 30px}.hero{position:relative;overflow:hidden;min-height:320px;border-radius:14px;background:radial-gradient(ellipse at 70% 50%,#cf39ff99,transparent 50%),linear-gradient(115deg,#54097a,#9e12d2 55%,#4b0471);display:flex;align-items:center;padding:34px 38px;isolation:isolate}.hero:before{content:'';position:absolute;width:400px;height:400px;right:0;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 30px #ffffff05,0 0 0 65px #ffffff05;z-index:-1}.hero-copy{position:relative;z-index:3;width:63%}.hero-logo{display:block;font-size:14px;font-weight:900;font-style:italic;margin-bottom:18px}.hero-kicker{font-size:10px;letter-spacing:2px;color:#efbaff;font-weight:700}h1{font-size:clamp(28px,4.2vw,49px);line-height:1.1;margin:10px 0;text-shadow:0 3px 0 #601184;font-weight:900;letter-spacing:-1px}h1 em{font-size:.62em;color:#ffdf69;font-style:normal;letter-spacing:0}.hero p{font-size:13px;color:#f1d9fa;margin:12px 0 20px}.hero-button{display:inline-flex;gap:25px;align-items:center;background:linear-gradient(#ffe77c,#ffb523);color:#502365;padding:12px 19px;font-size:11px;font-weight:900;border-radius:6px;box-shadow:0 4px 0 #a95e19}.hero-button span{font-size:17px}.hero small{display:block;font-size:9px;color:#e2b8ee;margin-top:14px}.hero-art{position:absolute;width:340px;height:290px;right:15px;top:25px}.playing-card{position:absolute;width:112px;height:161px;border-radius:12px;border:5px solid #fff6df;background:linear-gradient(135deg,#fff,#f5dbc5);box-shadow:4px 10px 20px #2b004f77;color:#b01d54;font-size:64px;display:grid;place-items:center;top:45px}.playing-card>span{position:absolute;font-size:24px;left:9px;top:6px;font-family:Georgia,serif}.card-back{left:58px;transform:rotate(-20deg);color:#231454}.card-front{left:141px;top:64px;transform:rotate(15deg)}.chip{position:absolute;left:108px;bottom:10px;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle,#ffdb6b 55%,#d27713 57%,#ffdd7a 61%,#d49322 63%);border:8px dashed #fff0a3;box-shadow:0 8px 0 #a55e13,0 14px 18px #32034b88;transform:rotate(-12deg);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:27px;font-weight:900;color:#8e450c}.chip span{font-size:13px;letter-spacing:2px}.coin{position:absolute;display:grid;place-items:center;width:40px;height:48px;border-radius:50%;background:linear-gradient(120deg,#fff3a3,#e59816);border:3px solid #ffd76a;color:#d28b16;font-size:25px;box-shadow:3px 4px 0 #bd7816}.coin-one{top:5px;left:70px;transform:rotate(-30deg)}.coin-two{right:30px;top:30px;transform:rotate(40deg) scale(.75)}.coin-three{bottom:24px;right:25px;transform:rotate(30deg)}.glow-star{position:absolute;right:70px;top:0;color:#fff1a4;font-size:45px}.hero-dots{position:absolute;bottom:12px;right:16px;display:flex;gap:4px}.hero-dots i{height:4px;width:7px;background:#ffffff45;border-radius:4px}.hero-dots i:first-child{width:17px;background:white}.popular-section{margin:24px 0 14px}.section-label{display:flex;align-items:center;gap:12px}.section-label>span{height:1px;background:linear-gradient(90deg,transparent,#b38636);flex:1}.section-label>span:last-child{transform:rotate(180deg)}h2{margin:0}.section-label h2{font-size:17px;background:var(--orange);border-radius:4px;padding:6px 24px;letter-spacing:.2px}.popular-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/5);gap:12px;overflow:auto;padding:12px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}.popular-rail::-webkit-scrollbar{display:none}.game-card{position:relative;border-radius:10px;overflow:hidden;isolation:isolate;min-width:0;aspect-ratio:.86;background:linear-gradient(155deg,var(--light),var(--tone) 55%,#0b1024);box-shadow:inset 0 0 0 1px #ffffff25;scroll-snap-align:start}.game-card:before{content:'';position:absolute;width:150%;height:150%;left:-25%;top:-25%;background:repeating-conic-gradient(from 0deg,#fff0 0deg 17deg,#ffffff12 18deg 32deg);z-index:-1}.game-card:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#080a27d9);z-index:-1}.game-visual{display:flex;justify-content:center;align-items:center;height:76%;font-size:clamp(38px,6.4vw,76px);filter:drop-shadow(0 7px 0 #0004) drop-shadow(0 0 9px #ffdf8899);transform:rotate(-8deg)}.game-title{position:absolute;bottom:14px;left:4px;right:4px;text-align:center;font-size:clamp(13px,1.9vw,22px);line-height:.95;font-weight:900;color:#ffe592;text-transform:uppercase;text-shadow:0 2px 0 #5d2515,1px 0 0 #5d2515,-1px 0 0 #5d2515}.game-subtitle{position:absolute;bottom:4px;text-align:center;left:0;right:0;font-size:7px;letter-spacing:2px;color:#ffe9b4}.badge{position:absolute;left:0;top:0;background:#ff4e2e;font-size:9px;font-weight:700;padding:4px 6px;border-radius:0 0 5px 0}.badge.new{background:#20b9a2}.save-game{position:absolute;top:5px;right:5px;border-radius:50%;background:#06182666;color:white;width:27px;height:27px;font-size:19px;display:grid;place-items:center;z-index:2}.save-game[aria-pressed=true]{color:#ffaf3c;background:#071d2ed9}.preview-note{margin:3px 0 0;color:#7c9cab;font-size:9px;text-align:center}.quick-guide{background:#0b2b39;border:1px solid #204454;border-radius:10px;display:flex;align-items:center;gap:12px;padding:13px 17px;margin:20px 0}.guide-icon{font-size:31px;color:#ffd44e}.quick-guide strong{font-size:12px;color:#ffdf68}.quick-guide p{font-size:10px;color:var(--muted);margin:5px 0 0}.guide-age{margin-left:auto;color:#86afbd;font-weight:700;font-size:17px}.providers,.filter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}.provider,.filter{min-height:32px;border-radius:20px;background:transparent;border:1px solid #b79936;color:#d1e0e7;font-size:10px;font-weight:700}.provider{font-style:italic;font-weight:900;color:#e9c34c;letter-spacing:1px}.provider.active{background:#173d4b;border-color:#ffdf65;color:#ffdf65}.filter.active{background:linear-gradient(#ffe677,#ffc119);color:#062330;border-color:#ffd23c}.search-row{display:flex;align-items:center;gap:12px;margin:20px 0 12px}.search{display:flex;align-items:center;gap:8px;border:1px solid #244b5d;border-radius:25px;background:#0b2938;min-width:0;flex:1;padding:0 13px;height:38px;color:#5d8b9f}.search>span{font-size:24px}.search input{background:none;border:0;outline:0;color:white;min-width:0;width:100%;font-size:11px;height:100%}.search input::placeholder{color:#83a0ae}.search button{background:none;color:#92b4c3;font-size:22px}.favorite-filter{background:none;color:#ff6a16;font-size:33px;line-height:1;padding:0 3px}.favorite-filter[aria-pressed=true]{filter:drop-shadow(0 0 6px #ff8e43)}.game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.game-grid .game-card{aspect-ratio:.9}#empty{font-size:13px;color:#aac6d1;text-align:center;padding:35px}.responsible{text-align:center;border-top:1px solid #204151;margin:28px 0 0;padding:23px 16px 90px}.responsible strong{font-size:12px;color:#d3e2e9}.responsible p{font-size:10px;line-height:1.8;color:#799dab;max-width:530px;margin:10px auto}.responsible a{color:#d6b862;font-size:11px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1080px);height:76px;padding:6px 20px max(6px,env(safe-area-inset-bottom));background:#103447f5;backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;z-index:10;border-top:1px solid #2d5260;box-shadow:0 -8px 30px #03121d55}.bottom-item{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;color:#83adbf;background:none;padding:0}.bottom-item>span{font-size:28px;line-height:1}.bottom-item.selected{color:var(--orange)}.invite{justify-self:center;border-radius:50%;width:66px;height:66px;margin-top:-26px;background:radial-gradient(circle at 35% 25%,#fff0a2,#ffa12a 50%,#f25f0c);border:3px solid #ffd86c;box-shadow:0 0 0 6px #ff9d2420,0 0 25px #ffac2550;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:8px;font-weight:900}.invite span{font-size:28px;line-height:1.1}dialog{background:#103448;color:#fff;border:1px solid #3b6071;border-radius:18px;width:min(90%,390px);padding:32px;text-align:center;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#020c14cc;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:8px;background:none;color:#9abccb;font-size:25px}.dialog-icon{color:#ffd14d;font-size:40px}dialog h2{font-size:22px;margin:14px 0}dialog p{font-size:13px;line-height:1.7;color:#b8d0dc}.dialog-done{background:var(--orange);padding:12px 25px;border-radius:7px;color:#fff;font-weight:700;margin-top:10px}@media(min-width:800px){.hero{min-height:350px}.hero-art{transform:scale(1.2);right:60px;top:40px}.popular-rail{grid-auto-columns:calc((100% - 60px)/6)}.popular-rail .game-card{aspect-ratio:1}.popular-rail .game-visual{font-size:65px}.popular-rail .game-title{font-size:20px}.providers,.filter-row{max-width:650px;margin:12px auto}.game-grid .game-visual{font-size:65px}.game-grid .game-title{font-size:19px}}@media(max-width:600px){.app-header{padding:11px 12px}.brand-icon{width:36px;height:36px;font-size:13px}.brand strong{font-size:13px}.stars{font-size:13px;letter-spacing:1px}.header-right{gap:8px}.adults{font-size:9px;padding:6px}.action-bar{padding:13px 12px;gap:8px}.action-note{display:none}.menu-button{margin-right:auto}.login,.register{padding:9px 13px;font-size:11px}.drawer{padding:3px 14px 16px;gap:15px}main{padding:0 10px 15px}.hero{min-height:188px;border-radius:9px;padding:16px 15px}.hero-copy{width:69%}.hero-logo{font-size:11px;margin-bottom:12px}.hero-kicker{font-size:7px;letter-spacing:1px}h1{font-size:25px;letter-spacing:-.6px;margin:6px 0}h1 em{font-size:.59em}.hero p{font-size:9px;margin:8px 0 12px;max-width:165px}.hero-button{font-size:9px;padding:8px 12px;gap:18px}.hero-button span{font-size:13px}.hero small{font-size:7px;margin-top:9px}.hero-art{transform:scale(.59);transform-origin:right center;right:-8px;top:-47px}.hero-dots{bottom:8px;right:9px}.popular-section{margin:15px 0 8px}.section-label{gap:7px}.section-label h2{padding:4px 15px;font-size:15px}.popular-rail{grid-auto-columns:29%;gap:7px;padding:8px 1px}.popular-rail .game-card{aspect-ratio:.86}.game-visual{font-size:54px}.game-title{font-size:16px}.preview-note{font-size:8px;margin-top:0}.quick-guide{padding:9px 10px;gap:9px;margin:13px 0}.guide-icon{font-size:26px}.quick-guide strong{font-size:10px}.quick-guide p{font-size:9px;margin-top:3px}.guide-age{font-size:14px}.providers,.filter-row{gap:7px;margin:8px 0}.provider,.filter{font-size:9px;min-height:26px}.provider{letter-spacing:.5px}.search-row{margin:16px 0 10px;gap:8px}.search{height:31px}.search input{font-size:10px}.favorite-filter{font-size:29px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.game-grid .game-card{aspect-ratio:.88}.game-grid .game-visual{font-size:52px}.game-grid .game-title{font-size:15px}.game-card{border-radius:7px}.save-game{width:23px;height:23px;font-size:17px;top:4px;right:4px}.badge{font-size:8px;padding:3px 4px}.game-subtitle{font-size:6px;letter-spacing:1px}.bottom-nav{height:69px;padding:5px 8px max(5px,env(safe-area-inset-bottom))}.bottom-item{font-size:9px}.bottom-item>span{font-size:26px}.invite{width:58px;height:58px;margin-top:-24px;font-size:7px}.invite span{font-size:25px}.responsible{padding-bottom:90px}}@media(max-width:350px){.hero-art{transform:scale(.48);right:-20px}.hero-copy{width:75%}h1{font-size:23px}.game-title,.game-grid .game-title{font-size:13px}.game-grid .game-visual{font-size:43px}.adults{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Official OKPlay brand assets, sourced from www.okplay.ph. */
.brand-icon{width:44px;height:44px;border-radius:7px;background:#000;flex-shrink:0;letter-spacing:normal}.brand-icon img{width:40px;height:40px;object-fit:contain}.header-logo{display:block;width:116px;height:31px;object-fit:contain;object-position:left center}.hero-logo{width:116px;height:auto;display:block;filter:drop-shadow(0 2px 3px #23023866);margin-bottom:15px}.brand .stars{font-size:12px;margin-top:3px}@media(max-width:600px){.brand-icon{width:38px;height:38px}.brand-icon img{width:35px;height:35px}.header-logo{width:91px;height:24px}.brand .stars{font-size:10px;margin-top:2px}.hero-logo{width:94px;height:auto;margin-bottom:10px}}

/* Reference header and navigation icon shapes. */
.header-wordmark{display:block;color:#fff;font-size:14px;line-height:18px;font-weight:800;letter-spacing:0}.brand .stars{color:#ff9826;font-size:17px;letter-spacing:1px;line-height:17px;margin-top:3px}.ui-icon{width:27px;height:27px;fill:currentColor;flex-shrink:0}.bottom-item .ui-icon{width:27px;height:27px}.invite .ui-icon{width:28px;height:28px;margin-bottom:2px}.menu-button .ui-icon{width:22px;height:22px;display:block}.favorite-filter .ui-icon{width:29px;height:29px;display:block}.brand-icon{width:38px;height:38px}.brand-icon img{width:36px;height:36px}.bottom-nav{background:#103447}.bottom-item{color:#7ca4b5}.bottom-item.selected{color:#ff9826}@media(max-width:600px){.header-wordmark{font-size:13px;line-height:16px}.brand .stars{font-size:16px;line-height:16px;margin-top:3px}.bottom-item .ui-icon{width:25px;height:25px}.invite .ui-icon{width:27px;height:27px}}

/* Full-tile referral links keep favorite controls independent. */
.game-link{position:absolute;inset:0;z-index:1;border-radius:inherit}.game-link:hover{box-shadow:inset 0 0 0 2px #ffcf4a}.game-link:focus-visible{outline-offset:-3px}.download{text-align:center;display:block}.login,.register{display:inline-block}.invite{text-align:center}
/* October visual refresh */
body{background:radial-gradient(ellipse at 50% 0,#1c3e52,#050f1b 75%)}.app-shell{background:linear-gradient(180deg,#0b2534,#071c29 70%)}.app-header{background:#071c29;border-bottom:1px solid #ffffff08}.action-bar{padding-top:17px;padding-bottom:17px}.login{background:#173c50;border:1px solid #37687d;color:#b5e5ff}.register{background:linear-gradient(135deg,#ffbd58,#ff8229);box-shadow:0 4px 15px #ff982621}.hero{min-height:375px;border:1px solid #e9adff3b;border-radius:18px;background:radial-gradient(ellipse at 80% 45%,#c140dd88,transparent 55%),linear-gradient(115deg,#251750,#6b1ea1 65%,#221243);padding:36px 42px;box-shadow:0 14px 35px #0003,inset 0 1px 0 #ffffff25}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#ffffff06 40%,#ffffff06 55%,transparent 55%);pointer-events:none}.hero-logo{width:110px;margin-bottom:24px}.hero-kicker{font-size:9px;letter-spacing:2.7px}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.04;letter-spacing:-2px;margin-top:14px}.hero h1 em{font-size:.88em;background:linear-gradient(#fff3bf,#ffd16b);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}.hero p{line-height:1.7;color:#dcc9ec}.hero-button{border:1px solid #ffe9a7;padding:14px 24px;letter-spacing:1px;border-radius:8px;background:linear-gradient(130deg,#ffe79b,#ffaf32);transition:transform .2s,filter .2s}.hero-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.hero-art{right:45px;top:48px;filter:drop-shadow(0 0 30px #fbdc7626)}.playing-card{border-radius:14px}.hero-dots{display:none}.experience-strip{display:flex;align-items:center;justify-content:space-between;padding:17px 10px 0;font-size:9px;letter-spacing:1.7px;color:#b499d2}.experience-strip span:first-child{color:#e9c67f}.popular-section{margin-top:29px}.section-label{gap:17px}.section-label h2{background:none;padding:0;font-size:22px;letter-spacing:-.5px}.section-label>span{background:linear-gradient(90deg,transparent,#735c37)}.popular-rail{gap:12px;padding-top:19px}.game-card{border:1px solid #ffffff16;box-shadow:0 5px 14px #0004;transition:transform .2s,border-color .2s;background:#153248}.game-card:before,.game-card:after{display:none}.game-artwork{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.game-title{z-index:0;bottom:18px;padding:0 5px;color:#fff0b6;text-shadow:0 2px 4px #000,0 0 8px #000;font-size:18px}.game-subtitle{bottom:7px;font-size:6px;letter-spacing:1.5px;color:#f2d9ae}.badge{z-index:2;font-size:8px;padding:5px 7px;background:linear-gradient(135deg,#ff9255,#ef4327)}.badge.new{background:linear-gradient(135deg,#4ce0ba,#17998f)}.save-game{backdrop-filter:blur(8px);background:#09203088}.preview-note{margin-top:8px;color:#6d8b9d}.quick-guide{background:linear-gradient(110deg,#143e48,#102d3d);border-color:#2b535b;padding:16px 20px;margin:25px 0 30px}.guide-icon{font-size:28px}.browse-heading{display:flex;justify-content:space-between;align-items:end;margin:0 0 20px}.tiny-label{font-size:8px;color:#6e99ad;letter-spacing:2px}.browse-heading h2{font-size:25px;letter-spacing:-1px;margin-top:7px}.browse-heading h2 span{color:#ffad3a}.collection-count{font-size:10px;color:#7798aa;padding-bottom:3px}.providers,.filter-row{max-width:none}.provider{border-color:#355163;border-radius:8px;min-height:38px;color:#8eacbd;font-style:normal;font-size:10px}.provider.active{background:linear-gradient(120deg,#6b481b,#3f3523);border-color:#b68c42;color:#ffe19e}.filter{border-color:#315063;font-weight:500}.filter.active{background:#f5c763;border-color:#f5c763}.search-row{margin-top:22px;margin-bottom:17px}.search{height:42px;border-radius:10px;background:#102b3c;border-color:#2a485d}.game-grid{gap:13px}.game-grid .game-card{aspect-ratio:.8}.bottom-nav{background:#103044ee;box-shadow:0 -10px 30px #0003;border-top:1px solid #ffffff12}.invite{background:radial-gradient(circle at 35% 20%,#ffe6a6,#ffa13c 60%,#ee741e);border-color:#ffda91;box-shadow:0 0 0 6px #ffa13c12,0 0 24px #ffac252d}.responsible{margin-top:36px}.game-link:hover{box-shadow:inset 0 0 0 2px #ffd98d}
@media(min-width:800px){.hero-art{transform:scale(1.22);right:60px;top:48px}.popular-rail .game-card{aspect-ratio:.88}.game-grid .game-title{font-size:18px}}
@media(max-width:600px){.app-header{padding:12px 13px}.action-bar{padding:13px}.hero{min-height:245px;padding:20px 17px;border-radius:12px}.hero-copy{width:70%}.hero-logo{width:83px;margin-bottom:16px}.hero-kicker{font-size:6px;letter-spacing:1.4px}.hero h1{font-size:35px;letter-spacing:-1px;margin:10px 0}.hero h1 em{font-size:.85em}.hero p{font-size:9px;line-height:1.6;max-width:190px;margin:10px 0 15px}.hero-art{right:-18px;top:-13px;transform:scale(.56)}.hero-button{padding:10px 14px;font-size:9px;letter-spacing:.5px}.hero small{font-size:7px;margin-top:12px}.experience-strip{font-size:6px;letter-spacing:.8px;padding:13px 3px 0}.experience-strip span:nth-child(2){display:none}.popular-section{margin-top:22px}.section-label h2{font-size:18px}.popular-rail{grid-auto-columns:30%;gap:9px;padding-top:13px}.popular-rail .game-card{aspect-ratio:.78}.game-title,.game-grid .game-title{font-size:14px;bottom:17px}.game-subtitle{font-size:5px;letter-spacing:1px}.game-card{border-radius:9px}.preview-note{font-size:7px}.quick-guide{margin:19px 0 24px;padding:12px}.browse-heading{margin-bottom:15px}.browse-heading h2{font-size:21px;letter-spacing:-.7px;margin-top:5px}.tiny-label{font-size:6px;letter-spacing:1.5px}.collection-count{font-size:8px}.providers{gap:6px}.provider{min-height:32px;font-size:8px;letter-spacing:.5px}.filter-row{margin-top:10px}.filter{min-height:28px}.search-row{margin-top:18px;margin-bottom:13px}.search{height:35px}.game-grid{gap:8px}.game-grid .game-card{aspect-ratio:.76}.responsible{margin-top:28px}.badge{font-size:7px;padding:4px 5px}}
@media(max-width:350px){.hero h1{font-size:31px}.hero-art{transform:scale(.46);right:-26px}.hero p{max-width:155px;font-size:8px}.hero-kicker{font-size:5px}.game-title,.game-grid .game-title{font-size:12px}.browse-heading h2{font-size:19px}.collection-count{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-button,.game-card{transition:none}}
@media(max-width:600px){.hero-art{right:-35px;top:-2px;transform:scale(.43)}.hero h1{font-size:32px}.hero-copy{width:79%}}@media(max-width:350px){.hero h1{font-size:28px}.hero-art{right:-39px;transform:scale(.34);top:0}}
/* Original announcement carousel. */
.announcement-visible{overflow:hidden}.announcement-dialog{position:fixed;inset:0;width:min(326px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 24px);height:fit-content;padding:32px 0 0;margin:auto;border:0;border-radius:0;background:transparent;color:#fff;overflow:auto;scrollbar-width:none;box-shadow:none;text-align:left}.announcement-dialog::backdrop{background:#03141cb3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.announcement-card{padding:13px 11px 12px;background:#1a2b39;border:1px solid #a57223;border-radius:13px;box-shadow:0 0 22px #ee8b1c19}.announcement-card h2{font-size:18px;line-height:24px;color:#ff9222;font-weight:700;letter-spacing:.2px;margin:0 0 10px}.announcement-card h2 span{font-size:15px;margin-right:3px}.announcement-image-wrap{padding:10px;background:#273d4c;border-radius:4px;display:flex;justify-content:center}.announcement-image-wrap img{display:block;width:100%;height:auto;max-height:calc(100dvh - 250px);object-fit:contain;border-radius:13px}.announcement-go,.announcement-controls button{border:1px solid #188cdb;background:#192b3b;color:#fff;border-radius:22px;display:flex;justify-content:center;align-items:center;min-height:38px;font-size:15px;font-weight:400}.announcement-go{margin-top:10px;width:100%}.announcement-go:hover,.announcement-controls button:not(:disabled):hover{background:#244459}.announcement-close{position:absolute;right:2px;top:0;background:#fff;color:#344854;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:22px;line-height:1;padding:0}.announcement-controls{display:flex;gap:10px;margin:10px 11px 0}.announcement-controls button{flex:1;min-width:0}.announcement-controls button:disabled{color:#889ba6;cursor:default;opacity:.75}.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}.announcement-open{margin-left:auto;background:none;color:#e9c67f;font-size:10px;padding:10px 0;white-space:nowrap}.quick-guide .guide-age{margin-left:4px}@media(max-width:600px){.announcement-dialog{width:min(300px,calc(100vw - 48px))}.announcement-card{padding:12px 10px 11px}.announcement-card h2{font-size:17px}.announcement-go,.announcement-controls button{min-height:35px;font-size:14px}.announcement-open{font-size:8px}.quick-guide .guide-age{display:none}}@media(max-height:580px){.announcement-dialog{padding-top:27px}.announcement-image-wrap img{max-height:calc(100dvh - 215px)}.announcement-card h2{font-size:15px;margin-bottom:7px}.announcement-controls{margin-top:7px}.announcement-go,.announcement-controls button{min-height:31px}}