:root{--bg:#030713;--panel:#07101f;--panel2:#0a1426;--line:#21304b;--purple:#9e1cff;--pink:#ff36c7;--yellow:#ffc400;--text:#f7f8ff;--muted:#aab4c9;--cyan:#20e7e0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(900px 450px at 68% 8%,rgba(91,20,165,.12),transparent 60%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{height:80px;border-bottom:1px solid rgba(116,75,182,.22);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:0 clamp(22px,4vw,68px);position:sticky;top:0;background:rgba(3,7,19,.94);backdrop-filter:blur(16px);z-index:50}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:50px;height:50px;display:grid;place-items:center;font-weight:1000;font-size:22px;background:linear-gradient(145deg,#ff6d3c,#f037bf 48%,#7e1cff);clip-path:polygon(10% 0,100% 50%,10% 100%,0 82%,0 18%);filter:drop-shadow(0 0 14px rgba(196,42,255,.34))}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:27px;letter-spacing:1px;line-height:1}.brand-copy strong span{color:#ffc400}.brand-copy small{font-size:9px;letter-spacing:1.6px;margin-top:7px;color:#d8d8e6}.main-nav{display:flex;justify-content:center;align-items:center;gap:28px}.main-nav a,.main-nav button{border:0;background:none;color:#e6e8f3;font-weight:800;font-size:14px;cursor:pointer;white-space:nowrap;padding:28px 0 25px}.main-nav .active{color:#e04aff;border-bottom:2px solid #e04aff}.header-actions{display:flex;align-items:center;gap:12px}.search{width:280px;height:44px;border:1px solid #27324c;border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 13px;background:#08111f}.search input{width:100%;border:0;outline:0;background:transparent;color:white}.search input::placeholder{color:#818aa0}.round-btn{width:44px;height:44px;border-radius:50%;border:1px solid #27324c;background:#091322;color:white;cursor:pointer}.sign-btn{height:44px;border:0;border-radius:9px;padding:0 20px;background:linear-gradient(#a32cff,#7200e7);color:#fff;font-weight:900;box-shadow:0 0 22px rgba(131,22,255,.28)}.mobile-menu{display:none}.page-shell{max-width:1548px;margin:auto;padding:28px clamp(22px,3.2vw,58px) 16px}.hero-grid{display:grid;grid-template-columns:.39fr .61fr;gap:46px;align-items:center}.hero-copy{padding:12px 0}.eyebrow{font-size:13px;font-weight:1000;letter-spacing:1.6px;color:#ed40ff}.hero-copy h1{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(54px,5.1vw,82px);line-height:.92;letter-spacing:.4px;margin:15px 0 17px}.hero-copy h1 span{background:linear-gradient(90deg,#ffbd00,#ff6c46,#ff42b3);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{font-size:16px;line-height:1.55;margin:0 0 20px}.hero-actions{display:flex;gap:14px}.btn{min-width:248px;height:70px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #344056}.btn b{font-size:26px}.btn span{display:flex;flex-direction:column}.btn strong{font-size:18px}.btn small{font-size:11px;margin-top:3px}.btn-primary{background:linear-gradient(100deg,#7d10ed,#d32bf3);box-shadow:0 0 22px rgba(171,31,255,.28)}.btn-secondary{background:#07101e}.trust-row{display:flex;gap:28px;margin-top:18px;font-size:12px}.featured-card{height:347px;border:1px solid #9130f1;border-radius:14px;overflow:hidden;position:relative;background:#07101f;box-shadow:0 16px 50px rgba(0,0,0,.25)}.featured-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.featured-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,18,.97) 0,rgba(3,8,18,.91) 22%,rgba(3,8,18,.35) 48%,rgba(3,8,18,.02) 75%)}.featured-copy{position:absolute;left:20px;top:20px;z-index:2}.pill{background:#663086;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:900}.featured-copy>small{display:block;margin-top:43px;font-size:10px;letter-spacing:1.2px;font-weight:900}.featured-copy h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:52px;line-height:.82;margin:8px 0 12px;color:#ffa800}.featured-copy h2 span{color:#fff}.featured-copy p{font-size:15px;line-height:1.45}.play-btn,.view-btn{display:inline-block;padding:12px 17px;border-radius:7px;font-size:13px;font-weight:1000}.play-btn{background:#ffc400;color:#040814;margin-right:10px}.view-btn{border:1px solid #8b96aa;background:rgba(4,9,19,.65)}.slide-dots{position:absolute;left:43%;bottom:12px;display:flex;gap:7px}.slide-dots i,.slide-dots b{width:9px;height:5px;background:#d4d4d7;border-radius:5px}.slide-dots b{width:20px;background:#b72aff}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;margin-top:12px}.left-stack,.side-stack{display:flex;flex-direction:column;gap:10px}.panel{background:linear-gradient(180deg,#091425,#07101d);border:1px solid #22304a;border-radius:12px;box-shadow:inset 0 1px rgba(255,255,255,.02)}.section-head{min-height:36px;display:flex;align-items:center;justify-content:space-between;padding:8px 13px}.section-head h2{margin:0;font-size:16px}.section-head h2 small{font-weight:500;color:#d6d8e1;margin-left:10px;font-size:12px}.section-head>a,.mini-pill{font-size:11px;border:1px solid #39455e;padding:5px 9px;border-radius:7px}.game-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0 13px 12px}.game-card{background:#0b1629;border:1px solid #24334f;border-radius:10px;overflow:hidden;min-width:0;transition:.18s}.game-card:hover{transform:translateY(-3px);border-color:#8d2cff;box-shadow:0 12px 24px rgba(0,0,0,.3)}.art-wrap{display:block;height:105px;position:relative;overflow:hidden}.art-wrap img{width:100%;height:100%;object-fit:cover;transition:.2s}.game-card:hover .art-wrap img{transform:scale(1.04);filter:brightness(.68)}.play-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#991cff;color:white;opacity:0;transition:.2s}.game-card:hover .play-overlay{opacity:1;transform:translate(-50%,-50%) scale(1)}.heart{position:absolute;right:7px;top:7px;width:26px;height:26px;border-radius:50%;background:rgba(2,7,15,.68);border:1px solid rgba(255,255,255,.35);color:white;cursor:pointer;font-size:17px}.game-meta{padding:8px 9px 7px}.game-meta>b{display:block;font-size:13px}.game-meta>span{display:flex;justify-content:space-between;margin-top:6px}.game-meta small{color:#9cabc3}.game-meta em{font-style:normal;color:#da39ff;font-size:9px;font-weight:900}.compact-panel{padding-bottom:7px}.quick-rail{display:grid;grid-template-columns:repeat(10,1fr);gap:12px;padding:0 14px 8px}.quick-card{text-align:center;min-width:0}.quick-card img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover;border:1px solid #8c2cff;border-radius:8px;transition:.15s}.quick-card:hover img{transform:translateY(-2px);box-shadow:0 0 16px rgba(142,40,255,.25)}.quick-card b{font-size:10px;display:block;margin-top:4px}.railway-panel{background:linear-gradient(180deg,rgba(37,20,61,.83),rgba(10,15,29,.95))}.railway-rail{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;padding:0 13px 10px}.rail-card{position:relative;border-radius:7px;overflow:hidden;border:1px solid #3a315e}.rail-card img{width:100%;height:67px;display:block;object-fit:cover}.rail-card b{position:absolute;bottom:0;left:0;right:0;padding:4px 5px;background:linear-gradient(transparent,rgba(0,0,0,.92));font-size:10px;text-align:center}.feature-strip{height:63px;border:1px solid #25344f;border-radius:10px;display:grid;grid-template-columns:repeat(5,1fr);background:#07111e}.feature-strip>div{display:flex;align-items:center;gap:10px;padding:9px 13px;border-right:1px solid #24314a}.feature-strip>div:last-child{border:0}.feature-strip>div>span{display:flex;flex-direction:column}.feature-strip b{font-size:11px}.feature-strip small{font-size:9px;color:#aeb7c8;margin-top:2px}.challenge{padding:0 12px 11px;background:linear-gradient(135deg,#12152c,#211039)}.challenge>.section-head{padding-left:0;padding-right:0}.challenge>p{font-size:11px;margin:0 0 10px;color:#c3c9d9}.challenge-game{display:grid;grid-template-columns:64px 1fr auto;gap:11px;align-items:center;border:1px solid #34405a;background:#0b1526;border-radius:9px;padding:8px}.challenge-game img{width:64px;height:56px;object-fit:cover;border-radius:7px}.challenge-game div{display:flex;flex-direction:column;gap:2px}.challenge-game b{font-size:13px}.challenge-game strong{font-size:11px;color:#ffc400}.challenge-game span{font-size:10px}.progress{height:7px;border-radius:8px;background:#283145;overflow:hidden;margin-top:3px}.progress i{height:100%;display:block;background:#1ddbcf}.xp{color:#ffc400;font-size:12px}.challenge-foot{display:flex;align-items:center;justify-content:space-between;margin-top:9px;font-size:12px;color:#f039d8}.challenge-foot button{border:0;background:linear-gradient(90deg,#7b0def,#b52cff);color:white;font-weight:900;border-radius:7px;padding:9px 21px;cursor:pointer}.leaderboard{padding-bottom:8px}.leaderboard ol{list-style:none;margin:0;padding:0 14px}.leaderboard li{display:flex;align-items:center;justify-content:space-between;padding:8px 2px;border-top:1px solid rgba(96,113,146,.14);font-size:12px}.leaderboard li span{display:flex;gap:8px}.leaderboard i{color:#00d78e}.leaderboard em{color:#ff3d73}.beatle-card{height:76px;border:1px solid #8127d8;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(110deg,#071224,#120723)}.beatle-card .ba{font-size:24px;font-weight:1000;color:#228dff}.beatle-card span:last-child{display:flex;flex-direction:column}.beatle-card small{color:#c5c9d6;font-size:9px}.beatle-card b{font-size:15px;margin-top:3px}.search-popover{position:fixed;right:68px;top:70px;width:300px;background:#07101d;border:1px solid #57317f;border-radius:10px;z-index:90;padding:6px;box-shadow:0 20px 55px rgba(0,0,0,.6)}.search-popover a{display:flex;gap:10px;align-items:center;padding:7px;border-radius:7px}.search-popover a:hover{background:#111d31}.search-popover img{width:54px;height:35px;object-fit:cover;border-radius:5px}.search-popover span{display:flex;flex-direction:column}.search-popover small{color:#9da8bc}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,15px);opacity:0;background:#0a1323;border:1px solid #9632e9;padding:11px 16px;border-radius:9px;font-weight:800;z-index:99;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.library{padding-top:55px}.library-head{text-align:center}.library-head h1{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:64px;margin:10px 0}.library-head p{color:var(--muted)}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:28px 0}.filters button{border:1px solid #2d3a56;background:#081220;color:#dce2f0;padding:9px 15px;border-radius:999px;cursor:pointer}.filters button.active{background:#8e1cf0;border-color:#a947ff}.library-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.library-grid .art-wrap{height:145px}.light-preview{filter:brightness(1.08) saturate(.92)}
@media(max-width:1180px){.main-nav{gap:15px}.header-actions .search{width:210px}.content-grid{grid-template-columns:1fr 320px}.hero-grid{gap:20px}.game-rail{grid-template-columns:repeat(3,1fr)}.quick-rail{grid-template-columns:repeat(5,1fr)}.railway-rail{grid-template-columns:repeat(4,1fr)}.library-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:860px){.site-header{height:70px;grid-template-columns:auto 1fr auto;padding:0 18px}.main-nav{display:none;position:absolute;left:0;right:0;top:70px;background:#050b17;padding:16px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.main-nav a,.main-nav button{padding:8px}.header-actions .search,.sign-btn{display:none}.mobile-menu{display:block;background:none;border:0;color:white;font-size:24px}.brand-copy strong{font-size:22px}.brand-mark{width:43px;height:43px}.page-shell{padding:18px}.hero-grid{grid-template-columns:1fr}.featured-card{height:330px}.content-grid{grid-template-columns:1fr}.side-stack{display:grid;grid-template-columns:1fr 1fr}.beatle-card{grid-column:1/-1}.feature-strip{height:auto;grid-template-columns:1fr 1fr}.hero-actions{flex-wrap:wrap}.trust-row{flex-wrap:wrap}.library-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hero-copy h1{font-size:54px}.hero-copy p{font-size:14px}.btn{min-width:0;width:100%}.hero-actions{display:grid}.featured-card{height:300px}.featured-copy h2{font-size:44px}.featured-shade{background:linear-gradient(90deg,rgba(3,8,18,.97),rgba(3,8,18,.7) 60%,rgba(3,8,18,.18))}.game-rail{grid-template-columns:repeat(2,1fr)}.quick-rail{grid-template-columns:repeat(3,1fr)}.railway-rail{grid-template-columns:repeat(2,1fr)}.side-stack{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr 1fr}.section-head h2{font-size:14px}}

/* v1.2 Main Website return */
.main-site-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid rgba(53,220,255,.55);border-radius:9px;color:#dffaff;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.8px;background:rgba(7,28,42,.72);transition:.18s ease;white-space:nowrap}
.main-site-link:hover{border-color:#65ebff;color:#65ebff;box-shadow:0 0 20px rgba(53,220,255,.14);transform:translateY(-1px)}
@media(max-width:900px){.main-site-link{font-size:0;padding:0 11px}.main-site-link::after{content:'↗';font-size:15px}}
/* BeatlePlay V2 polish */
:root{--bp-violet:#8b19ff;--bp-pink:#f224ca;--bp-gold:#ffbd17;--bp-cyan:#44e6ff}
.site-header{backdrop-filter:blur(18px);background:#050815e8;box-shadow:0 12px 40px #0004}.brand-mark{position:relative;overflow:hidden;transform:rotate(0);border-radius:14px 4px 14px 4px;background:linear-gradient(145deg,var(--bp-pink),var(--bp-violet));box-shadow:0 0 24px #a620ff45}.brand-mark:after{content:'';position:absolute;inset:5px;border:1px solid #ffffff55;border-radius:10px 3px 10px 3px}.game-card,.quick-card,.rail-card,.featured-card,.panel{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.game-card:hover,.quick-card:hover,.rail-card:hover{transform:translateY(-4px);border-color:#a82dff;box-shadow:0 14px 35px #0007,0 0 0 1px #a82dff22}.art-wrap img,.quick-card img,.rail-card img{transition:transform .35s ease,filter .35s ease}.game-card:hover .art-wrap img,.quick-card:hover img,.rail-card:hover img{transform:scale(1.035);filter:saturate(1.08)}.featured-card{box-shadow:0 22px 65px #0008,0 0 40px #6f16ff12}.featured-card:hover{border-color:#a42cff}.featured-copy h2{filter:drop-shadow(0 5px 18px #000)}#sideQuickPlay{width:100%;padding:13px;border:0;border-radius:10px;background:linear-gradient(90deg,var(--bp-violet),var(--bp-pink));color:white;font-weight:900;cursor:pointer}.leaderboard ol li{justify-content:flex-start}.leaderboard ol li span{color:#cbd5e9}.leaderboard ol li span:first-letter{color:#66ffc4}
/* BeatlePlay V2.2 — Public Gaming UI */
body{background:radial-gradient(850px 420px at 76% 7%,rgba(130,31,255,.15),transparent 65%),radial-gradient(700px 450px at 15% 70%,rgba(0,191,255,.055),transparent 70%),#030713}.page-shell{max-width:1500px;padding-bottom:54px}.site-header{height:74px}.hero-grid{min-height:445px;grid-template-columns:.42fr .58fr;gap:42px;padding:28px 0 38px}.hero-copy h1{font-size:clamp(62px,5.7vw,92px);margin:17px 0 22px}.hero-copy p{max-width:590px;color:#c9d1e1}.featured-card{height:390px;border-color:#7c27db;background:#080d1b}.featured-card>img{filter:saturate(1.08)}.featured-copy{left:30px;top:28px}.featured-copy>small{margin-top:56px}.featured-copy h2{font-size:58px;line-height:.86;margin:8px 0 16px}.featured-status{position:absolute;right:18px;bottom:16px;display:flex;gap:7px;align-items:center;padding:7px 10px;border-radius:999px;background:#050a13c9;border:1px solid #ffffff24;font-size:9px;font-weight:900;letter-spacing:.8px}.featured-status span{width:7px;height:7px;border-radius:50%;background:#35e59a;box-shadow:0 0 10px #35e59a}.section-block{margin-top:18px;border:1px solid #1d2c46;border-radius:16px;background:linear-gradient(180deg,#081222e8,#060e1be8);padding:18px;box-shadow:0 16px 45px #0002}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px}.section-title h2{font-size:22px;margin:2px 0 3px}.section-title p{margin:0;color:#8493ad;font-size:12px}.section-title>a{font-size:11px;color:#c8d2e5;border:1px solid #2c3a54;padding:8px 11px;border-radius:8px}.kicker{font-size:9px;letter-spacing:1.7px;font-weight:900;color:#e844ff}.game-rail{padding:0;gap:13px}.game-card{border-radius:12px;background:#091426}.art-wrap{height:118px}.game-meta{padding:10px}.game-meta>b{font-size:14px}.split-row{display:grid;grid-template-columns:1fr 310px;gap:18px}.split-row .section-block{min-width:0}.section-title.compact{align-items:center}.section-title.compact h2{margin-bottom:0}.quick-rail{padding:0;grid-template-columns:repeat(6,1fr);gap:12px}.quick-card img{aspect-ratio:1.55;border-radius:10px}.quick-card b{font-size:11px;margin-top:7px}.discover-card{margin-top:18px;border:1px solid #6f2ac1;border-radius:16px;padding:24px;background:radial-gradient(350px 220px at 100% 0,#7f16b733,transparent 60%),linear-gradient(145deg,#0a1324,#100a21)}.discover-card h2{font-size:29px;line-height:1.05;margin:8px 0 12px}.discover-card p{font-size:12px;line-height:1.6;color:#9eabc0}.discover-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:23px}.discover-stats span{border:1px solid #293752;border-radius:10px;padding:13px;background:#07101d}.discover-stats b{display:block;font-size:22px;color:#fff}.discover-stats small{font-size:8px;color:#8998b1}.railway-panel{background:radial-gradient(700px 220px at 75% 20%,rgba(104,31,183,.18),transparent 65%),linear-gradient(180deg,#0c1023,#080e1a)}.railway-rail{padding:0;grid-template-columns:repeat(5,1fr);gap:13px}.rail-card{border-radius:11px}.rail-card img{height:105px}.rail-card b{padding:22px 7px 7px;font-size:12px}.feature-strip{margin-top:18px;height:74px;border-radius:14px;grid-template-columns:repeat(4,1fr)}.feature-strip>div{padding:12px 18px}.feature-strip b{font-size:12px}.site-footer{border-top:1px solid #1a2940;max-width:100%;padding:28px max(28px,calc((100vw - 1384px)/2));display:flex;align-items:center;gap:30px;background:#020610}.site-footer .brand-mark{width:38px;height:38px;font-size:15px}.site-footer .brand-copy strong{font-size:18px}.site-footer .brand-copy small{font-size:7px}.site-footer p{margin:0 auto;color:#77869f;font-size:11px}.site-footer>a:last-child{font-size:10px;font-weight:900;color:#a9b8d0}.light-preview{filter:none;background:#07101d}.light-preview .panel,.light-preview .section-block{filter:brightness(1.12)}
@media(max-width:1100px){.split-row{grid-template-columns:1fr}.discover-card{display:none}.quick-rail{grid-template-columns:repeat(4,1fr)}}
@media(max-width:860px){.hero-grid{padding-top:12px}.featured-card{height:340px}.game-rail{grid-template-columns:repeat(3,1fr)}.railway-rail{grid-template-columns:repeat(3,1fr)}.feature-strip{height:auto;grid-template-columns:1fr 1fr}.site-footer{flex-wrap:wrap}.site-footer p{order:3;width:100%}}
@media(max-width:560px){.hero-copy h1{font-size:58px}.featured-copy h2{font-size:46px}.featured-copy{left:20px}.game-rail{grid-template-columns:repeat(2,1fr)}.quick-rail{grid-template-columns:repeat(2,1fr)}.railway-rail{grid-template-columns:repeat(2,1fr)}.section-block{padding:13px}.section-title h2{font-size:18px}.feature-strip{grid-template-columns:1fr}.site-footer{padding:24px 18px}}

/* BeatlePlay V2.3 — Brand, SEO & Monetization Foundation */
:root{--bp-content:1760px}.page-shell{width:min(var(--bp-content),calc(100% - 36px));max-width:none;padding-left:18px;padding-right:18px}.site-header{padding-left:max(24px,calc((100vw - var(--bp-content))/2 + 18px));padding-right:max(24px,calc((100vw - var(--bp-content))/2 + 18px))}.brand-logo img{display:block;width:250px;height:auto}.site-header .brand-logo{min-width:250px}.footer-brand img{width:190px}.ad-slot{min-height:90px;margin:18px 0;border:1px dashed #293752;border-radius:14px;background:linear-gradient(180deg,#07101b,#050b15);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#64738c;text-align:center}.ad-slot span{font-size:8px;letter-spacing:2px}.ad-slot div{font-size:10px}.ad-slot:not(.ad-enabled){opacity:.72}.seo-content{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px;margin-top:18px}.seo-content>div{border:1px solid #1d2c46;border-radius:14px;padding:20px;background:#07101d}.seo-content h2,.seo-content h3{margin:6px 0 9px}.seo-content h2{font-size:21px}.seo-content h3{font-size:15px}.seo-content p{margin:0;color:#93a2ba;font-size:12px;line-height:1.65}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{font-size:10px;color:#a9b8d0}.legal-shell{width:min(1000px,calc(100% - 36px));margin:0 auto;padding:58px 0 80px}.legal-shell h1{font-size:42px;margin:0 0 12px}.legal-shell h2{font-size:20px;margin-top:30px}.legal-shell p,.legal-shell li{color:#aeb9cc;line-height:1.75;font-size:14px}.legal-shell a{color:#d56cff}.legal-top{padding:18px 0;border-bottom:1px solid #1b2941}.legal-top .brand-logo img{width:220px}.reward-dialog{position:fixed;inset:0;background:#02040bd9;display:none;place-items:center;z-index:999}.reward-dialog.open{display:grid}.reward-card{width:min(430px,calc(100% - 32px));border:1px solid #8731dd;border-radius:18px;background:#091223;padding:24px;box-shadow:0 30px 90px #000}.reward-card h3{font-size:25px;margin:0 0 8px}.reward-card p{color:#aab5c9;line-height:1.55}.reward-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.reward-actions button{padding:13px;border-radius:10px;border:1px solid #33425e;background:#0b1629;color:#fff;font-weight:900;cursor:pointer}.reward-actions .reward-accept{background:linear-gradient(90deg,#8124f7,#e327c7);border:0}.reward-note{font-size:10px;color:#7888a4;margin-top:12px}@media(max-width:1100px){.brand-logo img{width:205px}.site-header .brand-logo{min-width:205px}.seo-content{grid-template-columns:1fr}.page-shell{width:min(100% - 24px,1500px);padding-left:0;padding-right:0}}@media(max-width:700px){.site-header .brand-logo{min-width:0}.brand-logo img{width:175px}.ad-slot{min-height:72px}.legal-shell h1{font-size:34px}.footer-links{width:100%}}


/* BeatlePlay V2.3.4 — Visual Polish + Playable Status + Ad Layout Refinement */
.hero-grid{min-height:410px;padding:38px 0 34px;align-items:center}.hero-copy{align-self:center}.hero-copy h1{margin:12px 0 16px}.hero-copy p{font-size:14px;line-height:1.55}.featured-card{height:350px}.featured-copy>small{margin-top:42px}.game-card{overflow:hidden}.art-wrap{height:132px}.game-meta{padding:11px 12px 12px}.game-meta>b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-meta>span{margin-top:7px;align-items:center}.playable-status{display:inline-flex!important;align-items:center;gap:6px;color:#72e9b3!important;font-weight:800;text-transform:uppercase;letter-spacing:.45px;font-size:9px!important}.playable-status i{display:block;width:6px;height:6px;border-radius:50%;background:#36e79c;box-shadow:0 0 9px #36e79c}.game-card:hover .playable-status{color:#a5ffd2!important}.play-overlay{width:44px;height:44px;font-size:17px;box-shadow:0 10px 28px #0008}.ad-slot[hidden]{display:none!important}.ad-slot.ad-enabled{min-height:76px;margin:14px 0;border-style:solid;background:#060d18}.ad-slot.ad-enabled span{opacity:.6}.section-block{margin-top:16px}.game-rail{grid-template-columns:repeat(6,minmax(0,1fr))}.quick-rail{grid-template-columns:repeat(6,minmax(0,1fr))}.railway-rail{grid-template-columns:repeat(5,minmax(0,1fr))}.library{padding-top:54px}.library-head{padding:24px 0 26px}.library-head h1{font-size:clamp(48px,5vw,76px);line-height:.9;margin:12px 0}.library-head p{font-size:14px;color:#aab7cc}.filters{margin-bottom:20px}.library-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.library-grid .art-wrap{height:150px}.site-footer{margin-top:28px}@media(max-width:1350px){.game-rail{grid-template-columns:repeat(4,1fr)}.library-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.game-rail,.library-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{min-height:0}.featured-card{height:330px}}@media(max-width:620px){.game-rail,.library-grid{grid-template-columns:repeat(2,1fr)}.art-wrap,.library-grid .art-wrap{height:120px}.featured-card{height:315px}}
/* V2.4 — SEO game pages */
.game-detail-shell{width:min(1500px,calc(100% - 48px));margin:0 auto;padding:44px 0 72px}.breadcrumbs{display:flex;gap:10px;align-items:center;font-size:12px;color:#8291aa;margin-bottom:22px}.breadcrumbs a{color:#b8c4d8;text-decoration:none}.game-detail-hero{display:grid;grid-template-columns:.85fr 1.25fr;gap:34px;align-items:stretch}.game-detail-copy,.game-detail-art,.game-info-grid>*,.game-guide>*,.related-games{background:#091425;border:1px solid #253854;border-radius:20px}.game-detail-copy{padding:42px}.game-detail-copy h1{font-size:clamp(42px,5vw,76px);line-height:.94;margin:12px 0 18px}.game-detail-copy p{font-size:16px;line-height:1.7;color:#b7c4d9}.game-detail-actions{display:flex;gap:12px;margin:26px 0}.game-facts{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#9fb1ca}.game-detail-art{position:relative;overflow:hidden;min-height:390px}.game-detail-art img{width:100%;height:100%;object-fit:cover;display:block}.game-detail-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,21,.22),transparent 55%)}.game-detail-art>span{position:absolute;right:18px;bottom:18px;z-index:2;background:#071a18;border:1px solid #1f6f62;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:900;color:#7fffd4}.game-info-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:18px;margin-top:22px}.game-info-grid>*{padding:30px}.game-info-grid h2,.game-guide h2{font-size:26px;margin:8px 0 12px}.game-info-grid p,.game-guide p{color:#aebdd3;line-height:1.75}.game-summary dl{margin:0}.game-summary dl div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #1d2c43}.game-summary dt{color:#7f91aa}.game-summary dd{margin:0;font-weight:800}.game-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.game-guide>*{padding:26px}.related-games{margin-top:22px;padding:22px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.related-card{display:block;text-decoration:none;background:#07111f;border:1px solid #263a58;border-radius:14px;overflow:hidden;color:#fff}.related-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.related-card span{display:block;padding:12px}.related-card b,.related-card small{display:block}.related-card small{margin-top:5px;color:#8ea2be}.not-found{min-height:100vh;width:min(760px,calc(100% - 40px));margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.not-found .brand{margin-bottom:70px}.not-found h1{font-size:clamp(64px,10vw,120px);line-height:.85;margin:15px 0}.not-found p{max-width:620px;color:#aebdd3;font-size:17px;line-height:1.7}.not-found>div{display:flex;gap:12px;margin-top:22px}
@media(max-width:900px){.game-detail-hero,.game-info-grid{grid-template-columns:1fr}.game-guide{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,1fr)}.game-detail-art{min-height:280px}.game-detail-copy{padding:28px}}
@media(max-width:560px){.game-detail-shell{width:min(100% - 24px,1500px);padding-top:24px}.related-grid{grid-template-columns:1fr 1fr}.game-detail-actions{flex-direction:column}.game-detail-copy h1{font-size:44px}}
/* BeatlePlay V2.5 — richer SEO game content */
.game-long-copy{white-space:pre-line}.game-screenshot-gallery{margin-top:20px}.game-screenshot-gallery h2{margin-bottom:14px}.screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.screenshot-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;border:1px solid #253451;background:#08111f}.keyword-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.keyword-chips span{padding:6px 9px;border:1px solid #2b3856;border-radius:999px;color:#9eabc1;font-size:11px;background:#091220}.seo-updated{color:#78869e;font-size:11px;margin-top:14px}@media(max-width:760px){.screenshot-grid{grid-template-columns:1fr}}
/* BeatlePlay V2.6 Reference Homepage — approved 2026-09-30 */
.bp-reference-home{margin:0;background:#020817;color:#f7f9ff;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh}.bp-reference-home *{box-sizing:border-box}.ref-header{height:88px;padding:0 5.2%;display:grid;grid-template-columns:330px 1fr 370px;align-items:center;border-bottom:1px solid #183052;background:#030918;position:relative;z-index:20}.ref-logo{display:flex;align-items:center;height:76px}.ref-logo img{width:300px;max-height:72px;object-fit:contain;object-position:left center}.ref-nav{display:flex;justify-content:center;gap:10px}.ref-nav a{color:#f3f6ff;text-decoration:none;font-weight:750;font-size:15px;padding:12px 15px;border-radius:8px;white-space:nowrap}.ref-nav a.active{background:#0b2e68;box-shadow:inset 0 0 0 1px #16488f}.ref-nav a:hover{background:#0a1c3d}.ref-tools{display:flex;align-items:center;justify-content:flex-end;gap:18px}.ref-search{height:48px;width:275px;border:1px solid #244aa0;border-radius:25px;display:flex;align-items:center;padding:0 18px;background:#05112b}.ref-search span{font-size:25px;color:#9fbaff;margin-right:8px}.ref-search input{width:100%;background:transparent;border:0;outline:0;color:#fff;font-size:15px}.ref-theme{height:46px;min-width:78px;border:1px solid #5c45b6;border-radius:24px;background:#07132c;color:#ffc43c;font-size:20px}.ref-theme span{color:#cbd6ff;margin-left:8px}.ref-main{max-width:none;margin:0}.ref-hero{height:472px;display:grid;grid-template-columns:43% 57%;overflow:hidden;border-bottom:1px solid #17314e;background:radial-gradient(circle at 56% 55%,#0a2250 0,transparent 33%),#020817}.ref-hero-copy{padding:44px 0 28px 5.3%;position:relative;z-index:3}.ref-eyebrow{color:#1fb8ff;letter-spacing:7px;font-size:17px;font-weight:850;margin-bottom:12px}.ref-hero h1{font-size:57px;line-height:.95;margin:0 0 14px;font-weight:950;letter-spacing:-2px}.ref-hero h1 span{display:inline-block;background:linear-gradient(90deg,#fff0a5,#ffba36 52%,#ff5a25);-webkit-background-clip:text;background-clip:text;color:transparent}.ref-hero-copy>p{color:#c9d3e5;font-size:18px;line-height:1.42;margin:0 0 22px}.ref-actions{display:flex;gap:16px;margin-bottom:30px}.ref-actions a{height:52px;display:flex;align-items:center;gap:12px;border-radius:11px;text-decoration:none;color:#fff;padding:0 25px;font-size:14px}.ref-primary{min-width:240px;background:linear-gradient(100deg,#8d16ff,#f229a7 54%,#ff9f2f);box-shadow:0 0 28px #9a1eff66}.ref-primary i{font-style:normal;font-size:22px;margin-left:auto}.ref-secondary{min-width:205px;border:2px solid #20aef7;background:#07152a}.ref-benefits{display:flex;gap:28px}.ref-benefits>div{display:flex;align-items:center;gap:11px;padding-right:26px;border-right:1px solid #24344e}.ref-benefits>div:last-child{border-right:0}.ref-benefits i{font-style:normal;font-size:29px;color:#ffb42d}.ref-benefits span{display:flex;flex-direction:column}.ref-benefits b{font-size:13px}.ref-benefits small{font-size:12px;color:#9daac0;margin-top:2px}.ref-hero-art{height:100%;position:relative;overflow:hidden}.ref-hero-art:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#020817 0%,transparent 13%,transparent 90%,#020817 100%);pointer-events:none}.ref-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}.ref-featured{padding:24px 1.7% 28px}.ref-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.ref-section-head h2{margin:0;font-size:21px}.ref-section-head h2:first-letter{color:#c86cff}.ref-section-head p{margin:5px 0 0 28px;color:#9eaac0;font-size:12px}.ref-section-head>a{color:#1ea8ff;text-decoration:none;font-size:12px;margin-right:4px}.ref-game-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.ref-game-card{min-width:0;border:1px solid #27436b;border-radius:11px;overflow:hidden;background:linear-gradient(180deg,#071426,#041020);box-shadow:0 8px 24px #0004}.ref-card-art{display:block;height:118px;position:relative;overflow:hidden}.ref-card-art img{width:100%;height:100%;object-fit:cover;transition:.25s}.ref-game-card:hover .ref-card-art img{transform:scale(1.04)}.ref-card-art em{position:absolute;top:9px;left:9px;padding:5px 10px;border-radius:7px;font-size:11px;font-style:normal;font-weight:800;color:#fff}.featured-badge{background:linear-gradient(90deg,#a722ff,#ee42ca)}.trending-badge{background:#1b68d6}.ref-card-body{padding:10px}.ref-card-body h3{font-size:14px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-card-body p{font-size:11px;color:#9eabc0;margin:0 0 11px}.ref-play{height:34px;border:1.5px solid #22b6ff;border-radius:8px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#f6fbff;font-size:12px;font-weight:750}.ref-play.hot{border:0;background:linear-gradient(90deg,#9222ff,#f328c1 58%,#ff7448)}.ref-loading{grid-column:1/-1;padding:30px;text-align:center;color:#8292ad}.mobile-menu{display:none}.search-popover{position:fixed;z-index:100;right:6%;top:76px;width:320px;padding:8px;background:#071224;border:1px solid #284775;border-radius:12px;box-shadow:0 18px 50px #000a}.search-popover a{display:flex;gap:10px;padding:8px;color:#fff;text-decoration:none;border-radius:8px}.search-popover a:hover{background:#10233e}.search-popover img{width:54px;height:38px;object-fit:cover;border-radius:5px}.search-popover span{display:flex;flex-direction:column}.search-popover small{color:#8fa0b9}.bp-reference-home.light-preview{filter:none;background:#020817;color:#f7f9ff}
@media(max-width:1200px){.ref-header{grid-template-columns:240px 1fr 280px;padding:0 3%}.ref-logo img{width:225px}.ref-nav a{padding:10px;font-size:13px}.ref-search{width:190px}.ref-hero{grid-template-columns:48% 52%}.ref-hero h1{font-size:46px}.ref-game-grid{grid-template-columns:repeat(4,1fr)}.ref-card-art{height:150px}}
@media(max-width:800px){.ref-header{height:72px;grid-template-columns:1fr auto auto;padding:0 18px}.ref-logo img{width:210px}.ref-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#030918;padding:12px;flex-direction:column}.ref-nav.open{display:flex}.ref-tools .ref-search{display:none}.ref-theme{min-width:52px}.mobile-menu{display:block;border:0;background:transparent;color:#fff;font-size:24px}.ref-hero{height:auto;grid-template-columns:1fr}.ref-hero-copy{padding:35px 24px}.ref-eyebrow{font-size:13px;letter-spacing:4px}.ref-hero h1{font-size:44px}.ref-hero-copy>p br{display:none}.ref-hero-art{height:300px;grid-row:1}.ref-actions{flex-direction:column}.ref-benefits{gap:12px;flex-wrap:wrap}.ref-benefits>div{border:0}.ref-game-grid{grid-template-columns:repeat(2,1fr)}.ref-section-head{align-items:flex-end}.ref-section-head p{margin-left:0}.ref-card-art{height:135px}}
/* V2.6.1 — exact upper-half refinement + restored full homepage */
.bp-reference-home{background:#020817}
.ref-header{height:62px;padding:0 5.1%;grid-template-columns:280px 1fr 390px;gap:18px}
.ref-logo img{width:245px;max-height:58px;object-fit:contain}
.ref-nav{gap:5px}.ref-nav a{padding:10px 13px;font-size:13px}
.ref-tools{gap:12px}.ref-search{width:270px;height:38px}.ref-theme{height:38px}
.ref-hero{height:378px;display:block;position:relative;overflow:hidden;background:#020817}
.ref-hero-art{position:absolute;right:0;top:0;width:72%;height:100%;z-index:0}
.ref-hero-art:before{background:linear-gradient(90deg,#020817 0%,rgba(2,8,23,.98) 3%,rgba(2,8,23,.72) 16%,rgba(2,8,23,.08) 34%,transparent 58%),linear-gradient(0deg,rgba(2,8,23,.12),transparent 22%)}
.ref-hero-art img{object-position:center 48%;transform:scale(1.03)}
.ref-hero-copy{position:relative;width:45%;height:100%;padding:34px 0 20px 4.3%;z-index:3;background:linear-gradient(90deg,#020817 0%,#020817 68%,rgba(2,8,23,.78) 86%,transparent 100%)}
.ref-eyebrow{font-size:14px;letter-spacing:6px;margin-bottom:10px}.ref-hero h1{font-size:50px;line-height:.91;margin-bottom:12px}.ref-hero-copy>p{font-size:15px;line-height:1.4;margin-bottom:17px}.ref-actions{margin-bottom:21px;gap:13px}.ref-actions a{height:48px;padding:0 20px;font-size:12px}.ref-primary{min-width:215px}.ref-secondary{min-width:185px}.ref-benefits{gap:19px}.ref-benefits>div{gap:8px;padding-right:18px}.ref-benefits i{font-size:23px}.ref-benefits b{font-size:11px}.ref-benefits small{font-size:10px}
.ref-featured{padding:20px 1.7% 24px}.ref-section-head{margin-bottom:14px}.ref-game-grid{gap:10px}.ref-card-art{height:104px}.ref-card-body{padding:8px}.ref-card-body h3{font-size:12px}.ref-card-body p{font-size:10px;margin-bottom:8px}.ref-play{height:30px;font-size:11px}
/* restored V2.5 content begins directly after reference upper half */
.legacy-home{max-width:1548px;margin:auto;padding:2px clamp(22px,3.2vw,58px) 24px}.legacy-home .section-block{margin-top:12px}.legacy-home .split-row{margin-top:12px}.legacy-home .seo-content{margin-top:12px}.legacy-home .feature-strip{margin-top:12px}.legacy-home+.site-footer{margin-top:0}
@media(max-width:1200px){.ref-header{grid-template-columns:230px 1fr 290px;padding:0 3%}.ref-logo img{width:215px}.ref-hero-copy{width:50%;padding-left:3.5%}.ref-hero-art{width:68%}.ref-game-grid{grid-template-columns:repeat(4,1fr)}.ref-card-art{height:135px}}
@media(max-width:800px){.ref-header{height:72px}.ref-hero{height:auto;display:grid;grid-template-columns:1fr}.ref-hero-copy{width:100%;height:auto;padding:30px 24px;background:#020817}.ref-hero-art{position:relative;width:100%;height:280px;grid-row:1}.ref-hero h1{font-size:42px}.ref-game-grid{grid-template-columns:repeat(2,1fr)}.legacy-home{padding:0 16px 20px}}

/* V3.5.1 unified public shell compatibility */
.game-detail-shell{padding-top:30px}.game-detail-shell+.site-footer{margin-top:0}
@media(max-width:760px){.topbar nav.open{display:flex;position:absolute;left:0;right:0;top:64px;background:#030817;padding:14px;flex-direction:column;align-items:stretch;border-bottom:1px solid #16325c}.topbar nav.open a{display:block}.game-detail-shell{padding-top:18px}}

/* V3.8.1 — Game Information Page Minimal Hotfix
   Scope: public /game/{slug} pages only. No database, game runtime or admin changes. */
.game-detail-shell{
  width:min(1440px,calc(100% - 48px));
  padding-top:28px;
}
.game-detail-hero{
  display:grid;
  grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);
  gap:24px;
  align-items:stretch;
}
.game-detail-copy,
.game-detail-art{
  min-width:0;
}
.game-detail-copy{
  padding:36px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.game-detail-copy h1{
  font-size:clamp(38px,4.2vw,64px);
  line-height:.98;
  margin:10px 0 16px;
}
.game-detail-copy p{
  margin:0;
  max-width:64ch;
}
.game-detail-actions{
  margin:24px 0 20px;
  flex-wrap:wrap;
}
.game-detail-art{
  min-height:0;
  height:clamp(330px,31vw,440px);
  aspect-ratio:auto;
  background:#07111f;
}
.game-detail-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.game-detail-art:after{
  background:linear-gradient(90deg,rgba(5,8,21,.16),transparent 45%);
}
.game-info-grid{
  margin-top:18px;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);
}
.game-info-grid>*,
.game-guide>*{
  min-width:0;
}
.game-long-copy{
  white-space:pre-line;
}
.game-guide{
  margin-top:18px;
}
.related-games{
  margin-top:18px;
}

@media(max-width:1100px){
  .game-detail-hero{
    grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);
  }
  .game-detail-copy{
    padding:30px;
  }
  .game-detail-art{
    height:380px;
  }
}

@media(max-width:900px){
  .game-detail-hero,
  .game-info-grid{
    grid-template-columns:1fr;
  }
  .game-detail-art{
    height:auto;
    aspect-ratio:16/9;
    min-height:0;
  }
  .game-detail-copy{
    padding:28px;
  }
}

@media(max-width:560px){
  .game-detail-shell{
    width:min(100% - 24px,1440px);
    padding-top:18px;
  }
  .game-detail-copy{
    padding:22px;
  }
  .game-detail-copy h1{
    font-size:40px;
  }
  .game-detail-art{
    aspect-ratio:16/10;
  }
  .game-info-grid>*{
    padding:22px;
  }
  .game-guide>*{
    padding:22px;
  }
}