.play-shell{color:#eef7f8;background:#061017;min-height:100vh;padding-bottom:80px}.play-hero{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:center;gap:34px;max-width:1280px;margin:0 auto;padding:86px 24px 54px;display:grid}.play-kicker{letter-spacing:.16em;color:#70e8d4;align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.play-hero h1{letter-spacing:-.055em;margin:18px 0 22px;font-size:clamp(44px,6vw,82px);line-height:.94}.play-hero h1 em{color:#70e8d4;font-style:normal}.play-hero-copy>p{color:#9eb3bb;max-width:760px;font-size:18px;line-height:1.6}.play-hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.play-btn{cursor:pointer;border:0;border-radius:14px;align-items:center;gap:8px;padding:13px 18px;font-weight:900;text-decoration:none;display:inline-flex}.play-btn-primary{color:#052027;background:#70e8d4}.play-btn-secondary{color:#eaf7f8;background:#10242d;border:1px solid #23414b}.play-stats{color:#8fa8b1;flex-wrap:wrap;gap:20px;margin-top:28px;font-size:13px;display:flex}.play-stats b{color:#fff;font-size:21px;display:block}.play-hero-card{background:linear-gradient(145deg,#0d2029,#09161d);border:1px solid #173844;border-radius:26px;flex-direction:column;justify-content:flex-end;min-height:330px;padding:34px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000047}.play-hero-card:before{content:"";background:radial-gradient(circle,#1bc5ad44,#0000 60%);position:absolute;inset:-30% 30% 30% -20%}.play-hero-card>*{position:relative}.play-live-dot{color:#6be8ae;letter-spacing:.12em;background:#102b25;border:1px solid #1d5749;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:950;position:absolute;top:22px;right:22px}.play-hero-card strong{margin-top:20px;font-size:34px}.play-hero-card p{color:#9eb3bb;line-height:1.5}.play-hero-card small{color:#70e8d4;font-weight:800}.play-section{max-width:1280px;margin:0 auto;padding:38px 24px}.play-section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.play-section-head span{letter-spacing:.15em;color:#70e8d4;font-size:11px;font-weight:900}.play-section-head h2{letter-spacing:-.04em;margin:7px 0 0;font-size:clamp(32px,4vw,48px)}.play-section-head>b{color:#7f9aa3;font-size:13px}.play-featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.play-featured-card,.play-game-card{color:inherit;background:#0a1820;border:1px solid #15333d;border-radius:18px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;overflow:hidden}.play-featured-card:hover,.play-game-card:hover{background:#0d2029;border-color:#2b7b79;transform:translateY(-3px)}.play-card-visual{background:linear-gradient(145deg,#12333e,#0a2029);justify-content:space-between;align-items:end;height:150px;padding:18px;display:flex;position:relative}.play-card-visual span{letter-spacing:-.06em;color:#70e8d4;font-size:44px;font-weight:950}.play-card-visual small{color:#6f8992;font-size:11px}.play-featured-card>div:last-child{padding:17px}.play-featured-card small,.play-game-info small{color:#70e8d4;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:900}.play-featured-card h3,.play-game-info h3{margin:5px 0 7px;font-size:18px}.play-featured-card p,.play-game-info p{color:#8199a2;margin:0;font-size:13px}.play-library{padding-top:56px}.play-toolbar{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.play-search{background:#08151c;border:1px solid #1b3943;border-radius:14px;align-items:center;gap:10px;max-width:460px;padding:0 14px;display:flex}.play-search input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:13px 0;font-size:15px}.play-search input::placeholder{color:#6e858d}.play-categories{flex-wrap:wrap;gap:8px;display:flex}.play-categories button{color:#9db0b7;cursor:pointer;background:#0a1820;border:1px solid #1c3a44;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800}.play-categories button.active{color:#052027;background:#70e8d4;border-color:#70e8d4}.play-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.play-game-card{grid-template-columns:72px minmax(0,1fr);align-items:center;padding:12px;display:grid}.play-game-icon{background:linear-gradient(145deg,#12323c,#0b2129);border-radius:14px;flex-direction:column;justify-content:space-between;width:72px;height:72px;padding:10px;display:flex}.play-game-icon span{color:#70e8d4;font-size:21px;font-weight:950}.play-game-icon small{color:#718990;font-size:9px}.play-game-info{min-width:0;padding-left:12px}.play-game-info h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.play-empty{color:#8199a2;text-align:center;border:1px dashed #24434d;border-radius:18px;padding:30px}.play-bottom{background:linear-gradient(135deg,#0e252e,#0a1820);border:1px solid #18404a;border-radius:24px;justify-content:space-between;align-items:end;gap:20px;max-width:1232px;margin:50px auto 0;padding:34px;display:flex}.play-bottom span{letter-spacing:.15em;color:#70e8d4;font-size:11px;font-weight:900}.play-bottom h2{letter-spacing:-.04em;margin:8px 0 12px;font-size:38px;line-height:1.02}.play-bottom p{color:#8fa6af;max-width:680px;margin:0;line-height:1.55}@media (max-width:1050px){.play-hero{grid-template-columns:1fr}.play-hero-card{min-height:250px}.play-featured-grid,.play-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.play-hero{padding:58px 14px 30px}.play-hero h1{font-size:42px}.play-hero-copy>p{font-size:16px}.play-hero-actions{flex-direction:column}.play-btn{justify-content:center;width:100%}.play-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.play-stats span{font-size:11px}.play-stats b{font-size:18px}.play-section{padding:32px 14px}.play-section-head{align-items:flex-start}.play-featured-grid,.play-grid{grid-template-columns:1fr}.play-card-visual{height:120px}.play-game-card{grid-template-columns:64px minmax(0,1fr)}.play-game-icon{width:64px;height:64px}.play-bottom{flex-direction:column;align-items:stretch;margin:30px 14px 0;padding:24px}.play-bottom h2{font-size:30px}}.play-game-page{color:#eef7f8;background:#050b10;min-height:100vh;padding:20px}.play-game-bar{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;max-width:1500px;margin:0 auto 14px;display:grid}.play-game-back,.play-game-open{color:#a5bac1;align-items:center;gap:7px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.play-game-open{justify-self:end}.play-game-title{align-items:center;gap:9px;display:flex}.play-game-title strong{font-size:16px}.play-game-title span{color:#70e8d4;letter-spacing:.08em;font-size:11px;font-weight:900}.play-game-frame-wrap{background:#000;border:1px solid #183944;border-radius:20px;max-width:1500px;height:calc(100vh - 150px);min-height:560px;margin:0 auto;overflow:hidden;box-shadow:0 24px 70px #00000059}.play-game-frame{background:#000;border:0;width:100%;height:100%}.play-game-note{text-align:center;color:#5f7680;max-width:1500px;margin:10px auto 0;font-size:11px}@media (max-width:700px){.play-game-page{padding:10px}.play-game-bar{grid-template-columns:auto 1fr auto}.play-game-title span{display:none}.play-game-back{font-size:0}.play-game-back svg{width:20px;height:20px}.play-game-open{font-size:0}.play-game-frame-wrap{border-radius:14px;height:calc(100vh - 110px);min-height:520px}}.play-mobile-controls{display:none}@media (max-width:700px){html,body{overflow-x:hidden}.play-game-page{padding-bottom:96px;overflow-x:hidden}.play-game-frame-wrap{width:100%;height:calc(100dvh - 210px);min-height:420px;max-height:720px}.play-mobile-controls{left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:50;pointer-events:none;justify-content:space-between;align-items:end;gap:16px;display:flex;position:fixed}.play-dpad{pointer-events:auto;grid-template-rows:repeat(2,42px);grid-template-columns:repeat(3,42px);gap:6px;width:138px;display:grid}.play-dpad button,.play-action{color:#eafffb;touch-action:none;-webkit-user-select:none;user-select:none;background:#0b2028e8;border:1px solid #2a5963;border-radius:12px;font-weight:950;box-shadow:0 6px 24px #0007}.play-dpad button:first-child{grid-column:2}.play-dpad button:nth-child(2){grid-area:2/1}.play-dpad button:nth-child(3){grid-area:2/2}.play-dpad button:nth-child(4){grid-area:2/3}.play-action{color:#052027;pointer-events:auto;background:#70e8d4e8;border-radius:50%;width:82px;height:82px}.play-dpad button:active,.play-action:active{transform:scale(.95)}}
