:root{--gold:#f2d895;--line:#b38b4555;--white:#f3f3ef;--muted:#acb8c6}body{background:#040f1b;color:var(--white)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.shell{max-width:1280px;width:calc(100% - 64px)}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.approved-landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh;background:#050d17 url('/masterplay/art/background.webp') center/cover no-repeat;background-attachment:fixed}.approved-landing:before{position:fixed;background:linear-gradient(90deg,#030a1312,#0209134d 44%,#0209134d 57%,#030a1312);inset:0}.approved-landing .landing-brand{width:300px;margin:10px auto -8px;position:relative;z-index:1}.approved-landing .landing-brand img{height:200px;object-fit:contain;width:100%}.approved-landing .landing-main{display:block;width:420px;max-width:calc(100% - 40px);padding:0;margin:0 auto;position:relative}.approved-landing .login-panel{max-width:none;padding:28px 34px 26px;border:1px solid #a98b4a99;border-radius:13px;background:linear-gradient(150deg,#10191ce8,#050b14f5);box-shadow:0 20px 75px #0009,inset 0 1px #eacb7744;backdrop-filter:blur(7px)}.approved-landing .panel-heading{margin-bottom:24px}.approved-landing .panel-heading h1{font-size:23px;color:#f4dea7;margin:14px 0 9px}.approved-landing .panel-heading p{font-size:11px}.approved-landing .eyebrow{font-size:10px;letter-spacing:2px}.approved-landing .login-field{margin-bottom:15px}.approved-landing input{background:#07111bc9!important;border-color:#d1ba7755!important}.approved-landing .enter{background:linear-gradient(#f8e1a2,#c59846);border:1px solid #ffe8b8;color:#231805;box-shadow:inset 0 0 0 3px #c99a4744}.approved-landing .status:empty{display:none}.approved-landing .login-divider{margin:20px 0 16px}.approved-landing .landing-footer{padding:25px 10px 17px;font-size:9px;color:#c2b999}
.masthead{border-bottom:1px solid #b99a5c;background:linear-gradient(100deg,#07111f,#020b15);box-shadow:0 2px 16px #0007}.masterplay-home .topbar{height:88px;padding:0;gap:28px}.masterplay-home .brand{width:220px;height:84px;overflow:hidden;flex-shrink:0}.masterplay-home .brand img{width:130px;height:84px;object-fit:contain;margin:auto;display:block}.topbar nav{display:flex;gap:38px;margin:auto}.topbar nav button{background:none;border:0;color:#dbe2ed;font-size:17px;padding:27px 6px;position:relative}.topbar nav .active{color:var(--gold)}.topbar nav .active:after{content:'';position:absolute;height:2px;background:var(--gold);bottom:12px;left:0;right:0;box-shadow:0 0 8px #e9ca66}.masterplay-home .header-actions{gap:14px;margin:0}.masterplay-home .wallet{border:1px solid #b6c1d33b;border-radius:30px;padding:8px 22px 8px 8px;background:#04101e}.masterplay-home .avatar{font-size:25px;color:#f0d589;border:1px solid #e1bb69;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#122133}.masterplay-home .wallet small{font-size:10px;color:#d7dee9}.masterplay-home .wallet strong{font-size:17px;color:#ffe29c}.account-menu{position:relative}.account-menu summary{list-style:none;font-size:26px;color:#c6d0df;border:1px solid #94a8c144;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-menu>div{position:absolute;z-index:30;right:0;top:55px;border:1px solid #b49b60;background:#101c2b;padding:10px;border-radius:10px;min-width:140px;box-shadow:0 12px 30px #0008}.account-menu button{display:block;width:100%;border:0;background:none;color:#f0dfbd;padding:12px;text-align:left;white-space:nowrap}
.masterplay-home .hero{margin:0 calc((1280px - 100vw)/2);border-radius:0;border:0;border-bottom:1px solid #a38247;min-height:330px;height:clamp(300px,26vw,430px);background:#061323 url('/masterplay/art/hero.webp') center/cover no-repeat;position:relative;overflow:hidden}.masterplay-home .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,#020b1a11 32%,#020b1a55 50%,transparent 78%)}.masterplay-home .hero-copy{position:relative;z-index:1;padding:0;max-width:60%;height:100%;margin:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;text-shadow:0 3px 9px #000}.masterplay-home .hero h1{font-family:Georgia,'Batang',serif;font-size:clamp(25px,3vw,44px);letter-spacing:-1.5px;color:#ffe7aa;margin:16px 0}.masterplay-home .hero p{font-size:16px;color:#f3f3ef;margin:0 0 24px;max-width:none}.masterplay-home .hero .eyebrow{font-size:10px;color:#ecd397;letter-spacing:2px}.masterplay-home .hero .button{font-size:16px;min-width:210px;border:1px solid #ffe9ac;box-shadow:inset 0 0 0 3px #fff3;background:linear-gradient(#f9e1a1,#c89a4b);color:#241903}
.masterplay-home .announcement{border:1px solid #b3924c66;background:linear-gradient(90deg,#13243b,#061120);margin:0 0 14px;min-height:43px;border-radius:0;padding:9px 16px;color:#e5e8ee;font-size:12px}.announcement b{color:#ffe1a1;padding-right:15px;border-right:1px solid #c8a55c66;font-size:21px}.masterplay-home .category-grid{gap:16px}.masterplay-home .category{min-height:175px;border:1px solid #b4b69577;border-radius:10px;padding:20px 30px;box-shadow:inset 0 0 0 3px #c1b47c22;background-size:cover;background-position:center}.masterplay-home .category-cards{background-image:url('/masterplay/art/cards.webp')}.masterplay-home .category-slots{background-image:linear-gradient(90deg,#041323f2 3%,#04132355 50%,transparent),url('/masterplay/art/hero.webp');background-size:auto,200%;background-position:center,left center}.masterplay-home .category:after{display:none}.masterplay-home .category[aria-selected=true]{border-color:#fbd471;box-shadow:inset 0 0 0 2px #f4d79377,0 0 12px #d79a3f99}.masterplay-home .category strong{font:700 36px Georgia,'Batang',serif;display:block;color:#ffe5ac;line-height:1.15;margin:0}.masterplay-home .category small{font-family:Georgia,serif;font-size:15px;letter-spacing:2px;color:#efcf8d;margin-top:8px;display:block}.masterplay-home .category p{font-size:12px;margin:16px 0 0;line-height:1.6;color:#f0f3f4;max-width:none}.masterplay-home .category .arrow{top:16px;bottom:auto;right:18px;border:1px solid #d8b46b;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:19px;background:#06111b88}
.recharge-strip{display:flex;gap:22px;align-items:center;padding:20px 24px;border:1px solid #c39b4c;border-radius:9px;margin:15px 0 26px;background:radial-gradient(ellipse at 5% 100%,#98703877,transparent 36%),linear-gradient(110deg,#142237,#020d1a)}.gift{color:#f4d28c;font-size:54px;line-height:1}.recharge-strip h2{font:700 25px Georgia,'Batang',serif;color:#f8dea0;margin:0 0 9px}.recharge-strip p{font-size:12px;color:#d4dce7;margin:0}.recharge-actions{display:flex;gap:12px;margin-left:auto}.recharge-actions button{border:1px solid #dfb85f;background:linear-gradient(#182534,#020a12);color:#f9db92;min-width:145px;box-shadow:0 0 6px #ddb04a55;font-size:14px}.masterplay-home .section-top{margin:0 0 18px;align-items:center}.section-top>div{display:flex;gap:20px;align-items:baseline}.masterplay-home .section-top h2{font:700 27px Georgia,'Batang',serif;margin:0}.game-search input{width:240px;max-width:100%;height:37px;border:1px solid #9aa9bb55;border-radius:12px;background:#0c1b2c;color:white;padding:0 16px;font-size:12px}.masterplay-home #game-count{font-size:11px;color:#ced9e9}.masterplay-home .game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,200px));gap:26px 20px;justify-content:start}.masterplay-home .game-card{min-width:0}.masterplay-home .footer{margin-top:45px;padding:20px 0;border-top:1px solid #b4985a77;background:linear-gradient(#0e2333aa,#020a14),url('/masterplay/art/hero.webp') center/cover}.masterplay-home .footer-inner{justify-content:center;gap:25px;align-items:center}.footer-brand{width:110px;display:block}.footer-brand img{width:100%;height:70px;object-fit:contain;opacity:1}
@media(max-width:1344px){.masterplay-home .hero{margin:0 -32px}}
@media(max-width:800px){.shell{width:calc(100% - 32px)}.masterplay-home .hero{margin:0 -16px;height:300px;min-height:0}.masterplay-home .topbar{height:76px;gap:12px;flex-wrap:nowrap;min-height:0}.masterplay-home .brand{width:125px;height:70px}.masterplay-home .brand img{width:110px;height:70px}.topbar nav{gap:16px}.topbar nav button{font-size:14px;padding:24px 3px}.masterplay-home .wallet{padding:7px 12px}.masterplay-home .wallet .avatar{display:none}.masterplay-home .header-actions{gap:8px}.masterplay-home .hero-copy{max-width:78%}.masterplay-home .category{padding:18px;min-height:165px}.masterplay-home .category strong{font-size:30px}.masterplay-home .category small{font-size:11px}.recharge-strip{gap:14px;padding:16px}.recharge-strip h2{font-size:20px}.gift{font-size:36px}.recharge-actions{gap:8px}.recharge-actions button{font-size:12px;min-width:105px;padding:11px 12px}.masterplay-home .game-grid{grid-template-columns:repeat(auto-fill,minmax(150px,200px));gap:20px 14px}}
@media(max-width:540px){.masterplay-home .topbar{height:70px}.topbar nav{display:none}.masterplay-home .header-actions{margin-left:auto}.masterplay-home .wallet strong{font-size:14px}.masterplay-home .wallet small{display:block;font-size:9px}.masterplay-home .brand{width:100px}.account-menu summary{width:34px;height:34px;font-size:22px}.masterplay-home .hero{height:270px;background-position:center}.masterplay-home .hero:after{background:linear-gradient(90deg,#020a1644,#020a1699,#020a1644)}.masterplay-home .hero-copy{max-width:95%;padding:25px 10px}.masterplay-home .hero h1{font-size:27px}.masterplay-home .hero p{font-size:12px}.masterplay-home .hero .eyebrow{font-size:8px}.masterplay-home .hero .button{font-size:13px;min-width:175px}.masterplay-home .category-grid{gap:10px}.masterplay-home .category{padding:15px 12px;min-height:155px;background-position:65% center}.masterplay-home .category strong{font-size:26px}.masterplay-home .category small{font-size:9px;letter-spacing:1px}.masterplay-home .category p{font-size:10px;max-width:130px}.masterplay-home .category .arrow{display:none}.masterplay-home .category-slots{background-size:auto,300%;background-position:center,left center}.recharge-strip{flex-wrap:wrap;gap:12px}.recharge-strip h2{font-size:19px}.recharge-strip p{font-size:10px}.recharge-actions{width:100%;margin:0}.recharge-actions button{flex:1}.masterplay-home .section-top{gap:12px;flex-wrap:wrap}.section-top>div{gap:12px}.masterplay-home .section-top h2{font-size:23px}.game-search{width:100%}.game-search input{width:100%}.masterplay-home .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.masterplay-home .footer-inner{flex-direction:row;flex-wrap:wrap;gap:12px;font-size:9px}.approved-landing{background-position:center}.approved-landing .landing-brand{width:240px;margin:6px auto -6px}.approved-landing .landing-brand img{height:155px}.approved-landing .login-panel{padding:25px}.approved-landing .landing-footer{font-size:8px}.approved-landing .landing-main{max-width:calc(100% - 40px)}}
@media(max-height:600px) and (orientation:landscape){.approved-landing{justify-content:flex-start}.approved-landing .landing-brand{width:190px}.approved-landing .landing-brand img{height:120px}.masterplay-home .hero{height:235px;min-height:0}}
html.noir-game-picker .recharge-strip,html.noir-game-picker .masthead{display:none}html.noir-game-picker .category-grid{margin-top:16px}
.masterplay-home .brand{display:flex;align-items:center;justify-content:center}.masterplay-home .brand img{max-width:100%;max-height:100%}
