.pp-content{width:100%;max-width:1280px;margin:auto;padding:20px 16px 70px}.pp-content h1{font-size:26px;font-weight:800;margin:12px 0 20px}.pp-content h2{font-size:21px;font-weight:750;margin:24px 0 14px}.pp-content h3{font-weight:700}.pp-search,.pp-dialog input,.pp-dialog select,.pp-betslip input{background:#001b3b;border:1px solid #254367;border-radius:10px;color:#fff;padding:12px;width:100%;min-height:44px}.pp-search{margin-bottom:20px;max-width:520px}.pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:18px 12px}.pp-card{cursor:pointer;text-align:left;background:none;border:0;padding:0;min-width:0}.pp-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;transition:transform .2s}.pp-card:hover img{transform:translateY(-3px)}.pp-card strong{display:block;font-size:13px;line-height:1.4;margin-top:7px}.pp-card small,.pp-muted{color:#91a9c5}.pp-card small{font-size:11px}.pp-account-button,.pp-primary,.pp-tabs button,.pp-game-toolbar button{border:1px solid #3454fc;border-radius:9px;background:#2b3fff;color:white;padding:10px 16px;font-weight:700;cursor:pointer;min-height:40px}.pp-account-button{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-dialog{border:1px solid #244b7b;border-radius:18px;background:#00132d;color:#f5f8ff;padding:28px;width:min(94vw,470px);max-height:90dvh}.pp-dialog::backdrop,.pp-game::backdrop{background:#000b;backdrop-filter:blur(4px)}.pp-dialog h2{font-size:23px;font-weight:800;margin:0 25px 18px 0}.pp-dialog label{display:grid;gap:7px;margin-bottom:16px;font-size:13px}.pp-dialog form{display:grid;gap:8px}.pp-dialog p{margin:12px 0}.pp-close{position:absolute;right:12px;top:8px;font-size:27px;background:none;border:0;color:#fff;cursor:pointer}.pp-error{color:#ffb5b5;white-space:pre-wrap}.pp-note{background:#082c54;padding:14px;border:1px solid #244a72;border-radius:10px;margin:14px 0}.pp-dialog a,.pp-content a{color:#86afff}.pp-game{padding:0;border:0;background:#030812;color:#fff;width:min(1500px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;overflow:hidden}.pp-game[open]{display:flex;flex-direction:column}.pp-game-toolbar{display:flex;align-items:center;gap:10px;padding:8px 12px;flex:0 0 auto}.pp-game-toolbar strong{flex:1;font-size:14px}.pp-game-toolbar button{background:#143368;border:0;font-size:12px}.pp-game iframe{width:100%;flex:1;border:0;min-height:0;background:#05090d}.pp-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.pp-tabs button[aria-pressed=false]{background:#092b55;border-color:#244366}.pp-sports-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.pp-event,.pp-betslip,.pp-history{border:1px solid #244367;background:#001733;border-radius:12px;padding:16px;margin-bottom:12px}.pp-event-title{display:flex;align-items:center;gap:12px;justify-content:space-between}.pp-event small{color:#93a9c4}.pp-odds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.pp-odds button{background:#092e61;border:1px solid #285796;border-radius:8px;min-height:54px;padding:8px;color:#dce9ff;cursor:pointer}.pp-odds button strong{display:block;color:#fff;font-size:15px}.pp-odds button[aria-pressed=true]{background:#2848f3;border-color:#8aa2ff}.pp-odds button:disabled{opacity:.4;cursor:not-allowed}.pp-betslip{position:sticky;top:85px;align-self:start}.pp-betslip h2{margin-top:0}.pp-slip-item{border-bottom:1px solid #244367;padding:10px 0}.pp-slip-item button{float:right;color:#fff;background:transparent;border:0;font-size:20px;cursor:pointer}.pp-betslip .pp-primary{width:100%;margin-top:12px}.pp-history{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.pp-empty{padding:25px 0;color:#a7b9d0}body.pp-modal-open{overflow:hidden}[hidden]{display:none!important}@media(max-width:767px){.pp-content{padding:12px 12px 85px}.pp-content h1{font-size:23px}.pp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 9px}.pp-card strong{font-size:11px}.pp-card small{font-size:10px}.pp-sports-layout{grid-template-columns:1fr}.pp-betslip{position:static}.pp-game-toolbar{padding-top:max(8px,env(safe-area-inset-top))}.pp-game-toolbar button{padding:7px 10px}.pp-event-title{font-size:13px}.pp-account-button{max-width:85px;padding:8px;font-size:12px}}@media(max-width:350px){.pp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
 .pp-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #163a70;background:linear-gradient(120deg,#061326,#102787);padding:24px;border-radius:16px;margin-bottom:20px;min-height:200px;overflow:hidden}.pp-hero h2{font-size:clamp(24px,4vw,38px);line-height:1.1;margin:12px 0}.pp-hero p{color:#b9cae8;max-width:420px}.pp-hero small{letter-spacing:2px;color:#78b9ff}.pp-hero img{object-fit:cover;border-radius:12px;width:140px;height:187px;transform:rotate(6deg)}@media(max-width:500px){.pp-hero{padding:20px 16px}.pp-hero img{width:100px;height:134px}.pp-hero p{font-size:13px}}

/* Auth close confirmation keeps the underlying form intact until confirmed. */
.pp-auth-close-confirm{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:390px;max-width:calc(100vw - 32px);padding:26px;box-shadow:0 24px 90px #0009}.pp-auth-close-confirm h2{font-size:21px;margin:0 0 12px}.pp-auth-close-confirm p{font-size:14px;line-height:1.6;color:#adc1df;margin:0 0 22px}.pp-auth-close-actions{display:grid;gap:10px}.pp-auth-close-actions button{min-height:44px;border-radius:9px;padding:10px;font-size:14px;font-weight:600;cursor:pointer}.pp-auth-close-actions [data-auth-discard]{color:#cad9f0;border:1px solid #355478;background:transparent}.pp-auth-close-actions button:focus-visible{outline:2px solid #b2caff;outline-offset:3px}

/* Native dialogs need explicit centering after the template's CSS reset. */
.pp-casino-provider{display:block;width:min(100%,320px);min-height:44px;padding:10px 12px;margin:0 0 20px;background:#001b3b;border:1px solid #254367;border-radius:10px;color:#fff;font-size:16px}.pp-more-games{display:block;margin:24px auto 0}
#pp-game{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:100vw;max-width:100vw;height:100vh;max-height:100vh;height:100dvh;max-height:100dvh;padding:0;border:0;border-radius:0}
#pp-game .pp-game-toolbar{padding: max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}
#pp-game .pp-game-toolbar strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pp-game .pp-game-toolbar button{flex-shrink:0}
#pp-game iframe{display:block;min-width:0;width:100%;flex:1 1 0%;min-height:0}
#pp-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:470px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;box-shadow:0 24px 90px #0009;padding:28px}
#pp-dialog h2{margin-bottom:8px}
#pp-dialog .pp-auth-brand{display:block;width:140px;height:60px;object-fit:contain;margin:0 auto 16px}
#pp-dialog .pp-auth-brand+h2{text-align:center;margin-right:0}
#pp-dialog .pp-auth-brand~.pp-auth-intro{text-align:center}
#pp-dialog .pp-auth-intro{color:#9db1ce;font-size:14px;margin:0 0 22px}
#pp-dialog [data-auth-form="register"]{gap:16px}
#pp-dialog [data-auth-form="register"] label{margin:0;font-size:13px;font-weight:600}
#pp-dialog input{font-size:16px;min-width:0;transition:border-color .15s,box-shadow .15s}
#pp-dialog input:focus-visible{outline:0;border-color:#7899ff;box-shadow:0 0 0 3px #5274ff26}
#pp-dialog input[readonly]{background:#031d36;color:#afc4de;border-style:dashed;cursor:default}
#pp-dialog label small,#pp-dialog .pp-document-status{font-size:12px;line-height:1.5;color:#94acc8;font-weight:400}
#pp-dialog .pp-document-status{margin:7px 0 0}
#pp-dialog [data-document-state="valid"] .pp-document-status{color:#89dbb4}
#pp-dialog [data-document-state="error"] .pp-document-status{color:#ffb5b5}
#pp-dialog .pp-document-identity{margin-top:12px;padding:12px 14px;border-radius:10px;background:#0a2b40;border-left:3px solid #65cea0;overflow-wrap:anywhere}
#pp-dialog .pp-document-identity span{display:block;font-size:11px;font-weight:500;color:#95b9c7;margin-bottom:4px}
#pp-dialog .pp-document-identity strong{display:block;font-size:14px;line-height:1.5;font-weight:600;color:#d6f5e8}
#pp-dialog .pp-document-retry{padding:6px 0 0;color:#a8bfff;text-decoration:underline;font-size:13px;cursor:pointer}
#pp-dialog .pp-terms{display:flex;align-items:flex-start;gap:10px;line-height:1.5;font-size:12px;font-weight:400}
#pp-dialog .pp-terms input{width:18px;height:18px;min-height:18px;flex:0 0 18px;padding:0;margin:1px 0 0;accent-color:#5771ff}
#pp-dialog .pp-error{margin:0;font-size:13px}
#pp-dialog .pp-error:empty{display:none}
#pp-dialog .pp-primary:disabled{opacity:.5;cursor:not-allowed}
#pp-dialog [type="submit"]{min-height:46px;width:100%}
@media(max-width:500px){#pp-dialog{padding:24px 20px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}#pp-dialog .pp-auth-intro{margin-bottom:18px}#pp-dialog [data-auth-form="register"]{gap:14px}}

.pp-card img.pp-cover-fallback{object-fit:contain;padding:20px;background:linear-gradient(145deg,#0b2f5e,#071529)}
.pp-game-status{position:absolute;inset:52px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px;background:#00142c;color:#dce9ff;text-align:center}.pp-game-status[hidden],#pp-game iframe[hidden]{display:none!important}.pp-game-status p{max-width:480px}.pp-game-spinner{width:34px;height:34px;border:3px solid #274465;border-top-color:#829aff;border-radius:50%;animation:pp-loading 1s linear infinite}@keyframes pp-loading{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pp-game-spinner{animation:none}}
.pp-support-home{display:none}.pp-support-page{display:inline-flex;justify-content:center;margin-top:16px;text-decoration:none}.pp-support-frame{display:block;width:100%;height:600px;max-height:calc(100dvh - 150px);border:0;border-radius:12px;background:#fff}#pp-dialog:has(.pp-support-frame){width:480px;padding:22px 14px 14px}#pp-dialog:has(.pp-support-frame) h2{font-size:20px;margin-bottom:18px;padding-right:26px}[data-support]{cursor:pointer}@media(max-width:767px){.pp-support-home{display:flex;position:fixed;right:14px;bottom:calc(86px + env(safe-area-inset-bottom));align-items:center;gap:7px;border:1px solid #8da9ff66;border-radius:999px;padding:10px 13px;background:#2549bb;color:#fff;box-shadow:0 5px 20px #0005;font-size:12px;font-weight:700;z-index:30;text-decoration:none}.pp-support-home svg{width:20px;height:20px}body.pp-modal-open .pp-support-home,body.local-dialog-open .pp-support-home{display:none}}

/* Keep the complete header wallet hidden until authentication is confirmed. */
body:not(.pp-authenticated) header div:has(> div > [data-demo-balance]),body:not(.pp-authenticated) header [data-wallet-balance]{display:none!important}
#pp-dialog .pp-auth-switch{font-size:14px;color:#9db1ce;margin:-6px 0 22px}
#pp-dialog .pp-auth-switch button{color:#a8c3ff;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:32px;padding:0 4px}
.pp-pix-actions{display:flex;gap:10px;margin:16px 0}.pp-pix-actions>*{flex:1}#pp-dialog [data-pix-view] form{gap:14px}#pp-dialog [data-pix-view] .pp-primary{width:100%}#pp-dialog [data-pix-view] label{margin-bottom:0}#pp-dialog [data-pix-view] .pp-muted{font-size:12px;margin:0 0 12px}#pp-dialog [data-pix-view] select{font-size:16px;max-width:100%}#pp-dialog [data-pix-view] textarea{width:100%;background:#001b3b;border:1px solid #254367;border-radius:10px;padding:12px;color:#fff;font-size:13px;resize:vertical;overflow-wrap:anywhere}#pp-dialog .pp-pix-qr{display:block;width:220px;max-width:100%;height:auto;margin:12px auto 20px;border:10px solid #fff;border-radius:12px;background:#fff}#pp-dialog .pp-pix-amount{text-align:center;font-size:27px;font-weight:800}#pp-dialog [data-deposit-history]{margin-top:24px}#pp-dialog [data-deposit-history] .pp-history{font-size:12px;gap:12px}#pp-dialog [data-pix-status]{padding:12px;border-radius:10px;background:#0a2b40;font-size:14px}

/* Home categories and responsive banner carousel restored from the base design. */
.pp-home-top{margin-bottom:22px;min-width:0}.pp-home-shortcuts{margin-bottom:18px!important}.pp-home-shortcuts a,.pp-home-shortcuts button{color:#dce9ff;cursor:pointer}.pp-home-shortcuts img{aspect-ratio:1;object-fit:contain}.pp-home-carousel{position:relative;min-width:0}.pp-home-banners{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:14px;position:relative}.pp-home-banners::-webkit-scrollbar{display:none}.pp-home-banner{display:block;flex:0 0 calc((100% - 16px)/2);min-width:0;border:0;padding:0;background:#071936;border-radius:14px;overflow:hidden;scroll-snap-align:start;cursor:pointer}.pp-home-banner img{display:block;width:100%;height:auto;aspect-ratio:9/4;object-fit:cover}.pp-home-banner:focus-visible{outline:3px solid #77a6ff;outline-offset:-3px}.pp-banner-arrow{position:absolute;top:calc(50% - 34px);width:38px;height:46px;background:#031020ce;border:1px solid #ffffff35;border-radius:10px;color:#fff;font-size:30px;line-height:1;cursor:pointer;z-index:2}.pp-banner-arrow:disabled{opacity:.35;cursor:default}.pp-banner-prev{left:10px}.pp-banner-next{right:10px}.pp-banner-dots{display:flex;justify-content:center;gap:8px;padding:10px 0 0;min-height:24px}.pp-banner-dots button{width:24px;height:16px;display:grid;place-items:center;cursor:pointer}.pp-banner-dots button:before{content:'';width:7px;height:7px;background:#74859a;border-radius:50%;transition:width .2s,background .2s}.pp-banner-dots button[aria-current=true]:before{width:18px;border-radius:6px;background:#4b7fff}.pp-banner-dots button:focus-visible{outline:2px solid #93b6ff;outline-offset:2px;border-radius:6px}@media(max-width:767px){.pp-home-top{margin-bottom:10px}.pp-home-shortcuts{margin-bottom:14px!important}.pp-home-banners{gap:10px}.pp-home-banner{flex-basis:100%;border-radius:12px}.pp-banner-arrow{width:28px;height:36px;font-size:25px;top:calc(50% - 30px)}.pp-banner-prev{left:5px}.pp-banner-next{right:5px}}
