/* Approved cobalt / lime mobile reference, expanded to two columns on desktop. */
.modern-home{background:#f7f8fd;color:#131722;-webkit-font-smoothing:antialiased}
.modern-home .top{max-width:1160px;padding:26px 30px;position:relative;z-index:5}
.modern-home .brand{font-size:32px;font-weight:900;gap:12px;letter-spacing:-1px}
.modern-home .mark{width:49px;height:51px;margin:0;transform:none}
.modern-home .mark i{background:#3453ff;width:24px;height:32px;top:21px;left:2px;transform:rotate(20deg)}
.modern-home .mark i:nth-child(2){left:27px;top:28px;width:20px;height:29px;transform:rotate(-15deg)}
.modern-home .mark i:before{width:17px;height:17px;left:4px;top:-21px}
.modern-home .mark i:nth-child(2):before{width:14px;height:14px;top:-18px}
.home-menu{position:relative}.home-menu summary{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:50px;height:50px;border:1px solid #cfd4e0;border-radius:50%;cursor:pointer;background:#ffffff70;list-style:none;box-shadow:0 2px 3px #19214004}
.home-menu summary::-webkit-details-marker{display:none}.home-menu summary span{height:2px;width:21px;background:#131722;border-radius:3px}.home-menu summary:focus-visible{outline:3px solid #3453ff;outline-offset:4px}
.home-menu nav{position:absolute;left:0;top:62px;width:220px;padding:9px;background:white;border:1px solid #e0e4ed;border-radius:18px;box-shadow:0 12px 40px #17213e19}
.home-menu nav a{display:block;padding:10px 14px;color:#252b3b;font-weight:700;text-decoration:none;border-radius:10px}.home-menu nav a:hover{background:#eff2ff;color:#304bdf}
.modern-home .hub{max-width:1160px;padding:0 30px;margin:0 auto}
.home-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;min-height:350px;gap:35px;margin:15px 0 35px;text-align:right}
.hero-content{padding:10px 0}.modern-home .eyebrow{color:#757b8b;font-size:18px;font-weight:500;margin:0 0 13px;letter-spacing:0}
.modern-home .home-hero h1{font-size:clamp(48px,5.8vw,76px);font-weight:900;line-height:1.22;letter-spacing:-2px;margin:0 0 18px;color:#101521;text-align:right;white-space:nowrap}
.modern-home .home-hero h1 em{color:#3453ff;font-style:normal}.modern-home .intro{font-size:22px;color:#757b8b;font-weight:500;line-height:1.7;margin:0}
.home-hero-art{position:relative;justify-self:center;width:min(100%,340px);height:345px}.modern-art{display:block;width:100%;height:100%;overflow:hidden}.friends-note{position:absolute;bottom:0;left:2%;font-size:17px;font-weight:700;line-height:1.2;text-align:center;color:#525b70;transform:rotate(-9deg)}.friends-note:after{content:'';display:block;width:40px;height:2px;background:#3453ff;transform:rotate(-7deg);margin:7px auto}
.games-heading{display:flex;align-items:center;gap:20px;font-size:23px;font-weight:800;line-height:1.4;margin:0 0 20px;color:#161b28}.games-heading:after{content:'';height:1px;background:#d5dae5;flex:1}
.modern-home .game-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.modern-home .game{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;gap:15px 10px;padding:25px;min-height:337px;border-radius:25px;border:1px solid #e0e3ec;background:#ffffff9c;box-shadow:0 2px 4px #1c274708;color:#131722;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}
.modern-home .game:hover{transform:translateY(-4px);border-color:#b8c4fb;box-shadow:0 12px 26px #273d8710}
.modern-home .game-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;width:100%;grid-row:1;grid-column:1}
.modern-home .game .mini-label{font-size:14px;font-weight:700;line-height:1.6;padding:4px 15px;color:#304bdf;background:#e2e7ff;border-radius:30px;white-space:nowrap}
.modern-home .game h2{font-size:43px;font-weight:900;line-height:1.35;letter-spacing:-1.5px;color:#131722;margin:12px 0 8px}
.modern-home .game p{font-size:17px;font-weight:500;color:#737b8c;line-height:1.7;margin:0;max-width:100%}
.modern-home .game .tags{display:flex;flex-wrap:wrap;gap:5px;margin:17px 0 0}.modern-home .game .tags span{border:1px solid #d8dde8;background:transparent;color:#656e81;border-radius:30px;font-size:13px;line-height:1.5;padding:6px 11px;white-space:nowrap}
.modern-home .game-art{grid-row:1;grid-column:2;align-self:center;justify-self:center;width:110%;height:230px;max-width:none;margin:0;display:block}
.modern-home .game .enter{grid-row:2;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:62px;padding:10px 23px;margin:0;border-radius:17px;background:#3453ff;color:white;font-size:23px;font-weight:800;line-height:1.5}.modern-home .enter>span{font-family:Arial,sans-serif;font-size:29px;font-weight:400}
.modern-home .guess-game{background:#191f2b;border-color:#272e3c;color:#fff}.modern-home .guess-game h2{color:#fff}.modern-home .guess-game .mini-label{background:#dffb78;color:#1c2712}.modern-home .guess-game p{color:#c7cbd5}.modern-home .guess-game .tags span{background:#ffffff0a;border-color:#ffffff2c;color:#d2d6e1}.modern-home .guess-game .enter{background:#dffb78;color:#172016}.modern-home .guess-game:hover{border-color:#bfd77c;box-shadow:0 12px 26px #19213018}
.modern-home .home-footer{max-width:1160px;display:flex;align-items:center;justify-content:center;gap:20px;margin:30px auto 0;padding:5px 30px max(25px,env(safe-area-inset-bottom));font-size:18px;font-weight:500;background:none;color:#818898;border:0}.modern-home .home-footer:before,.modern-home .home-footer:after{content:'';position:static;flex:1;height:1px;background:#d9deea}.modern-home .home-footer span{font-weight:500;white-space:nowrap}
.modern-home .update{margin-top:22px;padding:14px;background:#e8edff;border:1px solid #cbd5ff;color:#35447c}.modern-home .update button{color:#304bdf}
@media(max-width:900px){.modern-home .game{padding:20px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.modern-home .game h2{font-size:35px}.modern-home .game p{font-size:15px}.modern-home .game .tags span{font-size:11px;padding:5px 8px}.modern-home .game-art{height:200px}.modern-home .game .mini-label{font-size:12px}.home-hero{gap:20px}.home-hero-art{height:310px}.modern-home .home-hero h1{font-size:58px}.modern-home .intro{font-size:19px}}
@media(max-width:740px){.modern-home .top{padding:20px 22px}.modern-home .brand{font-size:29px}.modern-home .hub{padding:0 22px}.home-hero{grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:6px;min-height:0;margin:22px 0 34px;align-items:start}.hero-content{padding:7px 0}.modern-home .eyebrow{font-size:16px;margin-bottom:16px}.modern-home .home-hero h1{font-size:clamp(34px,8.6vw,62px);line-height:1.3;letter-spacing:-1.5px;margin-bottom:15px}.modern-home .intro{font-size:clamp(14px,3.45vw,22px);line-height:1.65}.home-hero-art{height:auto;aspect-ratio:530/690;width:110%;margin-top:3px;justify-self:end}.friends-note{font-size:clamp(12px,2.7vw,18px);left:0;bottom:-8px}.friends-note:after{width:30px}.games-heading{font-size:22px;margin-bottom:17px;gap:18px}.modern-home .game-stack{grid-template-columns:1fr;gap:17px}.modern-home .game{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px 8px;border-radius:24px;min-height:0;padding:21px 18px 17px}.modern-home .game h2{font-size:clamp(34px,8.5vw,52px);margin:10px 0 8px}.modern-home .game p{font-size:clamp(14px,3.35vw,20px)}.modern-home .game .mini-label{font-size:clamp(12px,2.8vw,16px);padding:3px 12px}.modern-home .game .tags{gap:5px;margin:15px 0 0}.modern-home .game .tags span{font-size:clamp(11px,2.7vw,16px);padding:5px 10px}.modern-home .game-art{height:100%;max-height:260px;width:112%;aspect-ratio:475/590}.modern-home .game .enter{min-height:55px;border-radius:16px;font-size:clamp(20px,4.5vw,27px);padding:10px 20px}.modern-home .guess-game .game-art{aspect-ratio:512/570}.modern-home .home-footer{font-size:16px;gap:16px;padding:0 22px 23px;margin-top:27px}}
@media(max-width:420px){.modern-home .top{padding:17px 18px}.modern-home .brand{font-size:25px;gap:9px}.modern-home .mark{transform:scale(.82);transform-origin:right center;width:42px;height:44px}.home-menu summary{width:40px;height:40px;gap:4px}.home-menu summary span{width:18px}.modern-home .hub{padding:0 16px}.home-hero{margin:19px 0 28px;gap:3px}.modern-home .eyebrow{font-size:13px;margin-bottom:13px}.modern-home .home-hero h1{font-size:8.5vw;letter-spacing:-1px;margin-bottom:13px}.modern-home .intro{font-size:3.35vw}.home-hero-art{width:116%}.games-heading{font-size:18px;margin-bottom:13px}.modern-home .game{padding:16px 12px 12px;border-radius:20px;gap:12px 5px}.modern-home .game h2{font-size:8.7vw}.modern-home .game p{font-size:3.35vw}.modern-home .game .tags{margin-top:12px;gap:4px}.modern-home .game .tags span{font-size:10px;padding:5px 8px}.modern-home .game .mini-label{font-size:11px}.modern-home .game .enter{font-size:20px;min-height:49px;padding:9px 18px;border-radius:14px}.modern-home .game-stack{gap:13px}.modern-home .home-footer{font-size:14px;gap:14px;margin-top:23px}.modern-home .enter>span{font-size:25px}}
@media(prefers-reduced-motion:reduce){.modern-home .game{transition:none}.modern-home .game:hover{transform:none}}

.modern-home .mazad-game{background:radial-gradient(ellipse at top left,#233b6b80,transparent 70%),#101927;border-color:#3b5481}.modern-home .mazad-game h2{color:#eef4ff}.modern-home .mazad-game p{color:#b3c4e0}.modern-home .mazad-game .mini-label{background:#243c70;color:#c8dcff}.modern-home .mazad-game .tags span{border-color:#3d5376;color:#b8cdec}.modern-home .mazad-game .game-art img{width:100%;height:100%;object-fit:contain}.modern-home .mazad-game .enter{background:#3c67ff;color:white}.modern-home .mazad-game:hover{border-color:#7a9eff}
@media(min-width:741px){.modern-home .mazad-game{grid-column:1/-1;grid-template-columns:1.4fr 1fr;min-height:310px}.modern-home .mazad-game .game-art{width:100%;max-width:290px;height:230px}.modern-home .mazad-game .enter{grid-column:1;grid-row:2}.modern-home .mazad-game .game-art{grid-row:1/3}}