@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@600;700;800;900&display=swap');
*{box-sizing:border-box}body{margin:0;background:#faf9ff;color:#29213f;font-family:'DM Sans',sans-serif}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}header{max-width:1320px;margin:auto;padding:25px 40px;display:flex;gap:45px;align-items:center}.logo{font:900 34px Outfit,sans-serif;letter-spacing:-2px}.logo span{font-size:23px;letter-spacing:-1px}nav{display:flex;gap:25px}nav button{background:none;border:0;color:#746786;font-weight:700;font-size:13px}nav span{padding:2px 6px;background:#eae2ff;border-radius:12px;font-size:10px}header input{margin-left:auto;border:1px solid #e9e4f1;background:white;padding:13px 16px;border-radius:10px;width:270px;font-size:12px}main{max-width:1320px;margin:auto;padding:0 40px}.hero{background:#eee8ff;border-radius:26px;padding:48px 52px;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden}small{font-size:10px;letter-spacing:2px;font-weight:700;color:#85769d}h1{font:800 65px/1.03 Outfit,sans-serif;letter-spacing:-3px;margin:20px 0}em{font-style:normal;color:#6d3ef2}.hero p{color:#7c6e93;font-size:14px;line-height:1.8}.primary{background:#683cf1;color:white;border:0;border-radius:10px;padding:15px 25px;font-weight:700;margin:13px 0 3px;box-shadow:0 8px 18px #6033d329}.hero .fine{font-size:10px}.heroArt{position:relative;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg)}.orbit{position:absolute;width:340px;height:340px;border:1px dashed #c5b5f1;border-radius:50%}.controller{position:relative;width:290px;height:180px;border-radius:75px 75px 50px 50px;background:linear-gradient(150deg,#9568ff,#6130db);border:7px solid #a57dff;box-shadow:0 22px #4d25b2,0 38px 40px #794aca44;transform:rotate(-6deg)}.dpad{position:absolute;left:25px;top:35px;font-size:65px;line-height:1;color:#311754;text-shadow:0 3px #b494ff}.buttons{position:absolute;right:26px;top:35px;display:grid;grid-template-columns:27px 27px;gap:8px;transform:rotate(35deg)}.buttons b{height:27px;background:#ffd865;border-radius:50%;box-shadow:0 3px #aa823a}.buttons b:nth-child(2){background:#f6a5c7}.buttons b:nth-child(3){background:#a3ead0}.buttons b:nth-child(4){background:#9ac6ff}.face{position:absolute;left:110px;top:80px;font-size:30px;color:#2c1853}.star,.bolt,.heart{position:absolute;text-shadow:0 5px #df9b28}.star{font-size:92px;left:0;top:6%;color:#ffd04e}.bolt{font-size:100px;right:0;top:3%;color:#ffa36d;text-shadow:0 5px #e78244}.heart{font-size:65px;right:8%;bottom:0;color:#f69abd;text-shadow:0 5px #d77197}.heroArt label{position:absolute;bottom:3%;left:5%;background:white;padding:14px;border-radius:9px;font-size:9px;font-weight:700;letter-spacing:1px;transform:rotate(3deg)}.browse{padding:40px 0}.browse>small{color:#683cf1}.heading{display:flex;justify-content:space-between;align-items:center}h2{font:700 29px Outfit;letter-spacing:-.6px;margin:8px 0}.heading span{font-size:11px;color:#a094b0}.heading em{color:#ffc64a}#filters{display:flex;gap:10px;margin:20px 0 25px}#filters button{background:white;border:1px solid #e7e1ef;border-radius:9px;padding:10px 17px;font-size:12px;color:#84758e}#filters .active{background:#683cf1;color:white;border-color:#683cf1}#grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border:1px solid #e9e4f0;border-radius:16px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #38284715}.art{display:block;width:100%;height:185px;border:0;position:relative;padding:0}.art svg{width:100%;height:100%}.badge{position:absolute;left:12px;top:12px;font-size:8px;letter-spacing:1px;font-weight:800;background:#fff9ee;padding:6px 8px;border-radius:6px}.info{padding:18px;display:flex;align-items:center;justify-content:space-between}.info h3{font:700 19px Outfit;margin:0 0 5px}.info p{font-size:10px;color:#9a8ca6;margin:0}.favorite{background:white;border:1px solid #ece5f4;border-radius:50%;height:32px;width:32px;font-size:18px;color:#a898b8}.favorite.on{color:#683cf1;background:#eee6ff}.bottom{background:#f0edf7;padding:25px 30px;border-radius:15px;display:flex;align-items:center;gap:20px}.bottom>span{font-size:45px;color:#683cf1}.bottom h3{font:700 20px Outfit;margin:0 0 5px}.bottom p{font-size:11px;color:#9a8ca5;margin:0}.bottom small{margin-left:auto;font-size:9px}footer{max-width:1240px;margin:35px auto 0;padding:25px 0;border-top:1px solid #e9e1f1;display:flex;align-items:center;gap:25px}footer .logo{font-size:25px}footer .logo span{font-size:17px}footer p,footer>span{font-size:10px;color:#a99db2}footer>span{margin-left:auto}dialog{width:min(620px,95vw);border:0;border-radius:20px;padding:23px;color:#29213f}dialog::backdrop{background:#20143bcc;backdrop-filter:blur(6px)}.playerHead{display:flex;justify-content:space-between;gap:20px}.playerHead b{font:700 25px Outfit}.playerHead p{font-size:12px;color:#8b7d98}.playerHead button{border:0;border-radius:50%;width:35px;height:35px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:15px 0;font-size:13px}.toolbar button,#touch button{border:0;border-radius:8px;padding:10px;background:#eae1fa;color:#683cf1}#gameArea{min-height:300px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;background:#f2edf9;border-radius:12px;padding:15px}canvas{max-width:100%;height:auto;touch-action:none;border-radius:8px}#touch{display:flex;justify-content:center;gap:8px;margin-top:12px}#touch button{padding:13px 20px}.memoryTile,.numberTile{width:21%;aspect-ratio:1;border:0;border-radius:10px;font-size:30px;background:#683cf1;color:white}.tttTile{width:29%;aspect-ratio:1;border:0;border-radius:10px;font-size:44px;color:#683cf1;background:#e0d3f4}.reaction{width:100%;height:280px;background:#683cf1;color:white;border:0;border-radius:12px;font-size:25px}.blank{background:transparent;color:transparent}@media(max-width:800px){header{padding:20px;gap:20px}nav{display:none}header input{width:200px}main{padding:0 20px}.hero{padding:32px}h1{font-size:49px}.heroArt{transform:scale(.8) rotate(-8deg);margin-left:-35px}.heading span{display:none}#grid{grid-template-columns:repeat(2,1fr);gap:15px}.art{height:160px}.bottom small{display:none}footer{margin:30px 20px}footer p{display:none}}@media(max-width:530px){.logo{font-size:29px}.logo span{font-size:18px}header input{width:135px;font-size:10px;padding:10px}.hero{grid-template-columns:1fr;padding:28px}.heroArt{height:235px;margin:0;transform:scale(.8) rotate(-8deg)}h1{font-size:52px}.hero p{font-size:12px}.hero p br{display:none}small{font-size:8px}h2{font-size:23px}#filters{overflow:auto;white-space:nowrap}#filters button{padding:9px 12px;font-size:10px}.art{height:130px}.info{padding:13px 10px}.info h3{font-size:16px}.info p{font-size:9px}.bottom{padding:20px}.bottom h3{font-size:17px}}

/* Original supplied mascot, displayed without altering the artwork. */
.logo{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.logo .brandText{font:inherit;letter-spacing:inherit}.brandText>span{font-size:23px}.mascotMark{display:block;position:relative;overflow:hidden;width:43px;height:55px;border-radius:9px;background:white;flex-shrink:0}.mascotMark img{position:absolute;width:272%;height:auto;max-width:none;left:-77%;top:-118%}.officialMascot{transform:none;margin:0;background:white;border-radius:22px;min-height:320px}.mascotPortrait{position:relative;width:220px;height:330px;overflow:hidden}.mascotPortrait img{position:absolute;width:234%;height:auto;max-width:none;left:-60%;top:-83%}footer .mascotMark{width:32px;height:41px}footer .brandText>span{font-size:17px}@media(max-width:800px){header{gap:25px}.officialMascot{transform:none;margin:0}.mascotPortrait{width:190px;height:285px}.brandText>span{font-size:19px}}@media(max-width:530px){header{gap:10px}.logo{gap:5px;font-size:27px}.mascotMark{width:32px;height:41px}.brandText>span{font-size:17px}.officialMascot{height:300px;min-height:300px;margin-top:18px}.mascotPortrait{width:190px;height:285px}header input{width:125px}}

.languageControl{display:flex;align-items:center;gap:6px;flex-shrink:0}.languageControl select{max-width:140px;padding:10px 8px;border:1px solid #e9e4f1;border-radius:9px;background:white;color:#493262;font:inherit;font-size:12px}header{gap:25px}header input{min-width:110px;width:240px}.hero h1{overflow-wrap:anywhere;font-size:clamp(32px,4.7vw,65px);line-height:1.15;letter-spacing:-1.5px}.info h3{overflow-wrap:anywhere}.filters button,#filters button{white-space:nowrap}.heading{gap:20px}#filters{overflow-x:auto}html[dir=rtl] header input{margin-left:0;margin-right:auto}html[dir=rtl] .bottom small,html[dir=rtl] footer>span{margin-left:0;margin-right:auto}html[dir=rtl] h1{letter-spacing:0}html[dir=rtl] .art{direction:ltr}html[dir=rtl] .mascotMark,html[dir=rtl] .mascotPortrait{direction:ltr}#touch{direction:ltr}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b091f5;outline-offset:3px}@media(max-width:1000px){header{flex-wrap:wrap;gap:14px}header input{flex:1}nav{gap:12px}}@media(max-width:530px){header{padding:15px 20px}.languageControl{margin-left:auto}.languageControl select{max-width:120px;font-size:11px}header input{order:3;width:100%;flex-basis:100%}.hero h1{font-size:43px}.hero{padding:24px}.heading h2{font-size:23px}.hero small{letter-spacing:1px}.bottom small{display:none}}

footer{flex-wrap:wrap}.legalLinks{display:flex;flex-wrap:wrap;gap:18px;flex-basis:100%;font-size:12px;color:#79648d}.legalLinks a:hover{color:#683cf1}

.mergeBoard{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;width:min(360px,100%);touch-action:none}.mergeTile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:9px;font:bold 30px Outfit;color:#785032}.sudokuBoard{display:grid;grid-template-columns:repeat(9,1fr);width:min(420px,100%);direction:ltr}.sudokuCell{aspect-ratio:1;border:1px solid #9a85b3;background:white;color:#683cf1;padding:0;font-size:clamp(13px,4vw,21px)}.sudokuCell.fixed{color:#40304e;font-weight:bold;background:#eae4f2}.sudokuCell.chosen{background:#d4c2ff}.sudokuKeys{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.sudokuKeys button{border:0;border-radius:8px;background:#d8c5fa;color:#4b2975;padding:12px}.mineBoard{display:grid;grid-template-columns:repeat(8,1fr);width:min(360px,100%);gap:3px;direction:ltr}.mineCell{aspect-ratio:1;border:0;border-radius:5px;background:#b9a0dc;color:#483065;padding:0;font-size:19px}.mineCell.revealed{background:#e2d7f0}.modeButton{width:100%;border:0;padding:9px;border-radius:8px;background:#dcc9f7}.modeButton.selected{background:#a48ac8}.fourBoard{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;width:min(380px,100%);background:#8070c2;border-radius:12px;padding:12px;direction:ltr}.fourCell{aspect-ratio:1;border:0;border-radius:50%;background:#f5edff}.fourCell.p1{background:#ed638b}.fourCell.p2{background:#ffd04d}
/* Fluid page layout follows the available viewport width. */
:root{--page-gutter:clamp(16px,2.8vw,80px)}
body{min-width:0;overflow-x:clip}
header{width:100%;max-width:none;margin:0;padding:clamp(16px,1.8vw,30px) var(--page-gutter)}
main{width:100%;max-width:none;margin:0;padding:0 var(--page-gutter)}
footer{max-width:none;width:auto;margin:clamp(24px,2.5vw,48px) var(--page-gutter) 0;padding:25px 0}
.hero{width:100%;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding:clamp(24px,3.5vw,80px);gap:clamp(20px,3vw,70px)}
.hero>div{min-width:0}.hero h1{font-size:clamp(40px,4.7vw,96px)}
#grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(15px,1.8vw,32px)}
.art{height:auto;aspect-ratio:360/190}
.officialMascot{min-height:clamp(300px,28vw,540px)}
.mascotPortrait{width:clamp(190px,19vw,360px);height:auto;aspect-ratio:2/3;max-width:90%}
.heading{flex-wrap:wrap}.bottom{width:100%}
@media(max-width:800px){.hero h1{font-size:clamp(38px,6vw,60px)}#grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:530px){.hero{grid-template-columns:minmax(0,1fr);gap:8px}.hero h1{font-size:clamp(34px,9vw,48px)}.officialMascot{height:auto;min-height:300px}.mascotPortrait{width:min(190px,80%)}header{padding:15px var(--page-gutter)}.info{min-width:0}.info h3{font-size:clamp(13px,3.5vw,17px)}}

.gamePage .catalogHidden{display:none}.gamePage #player{position:relative;inset:auto;margin:20px auto 40px;display:block;width:calc(100% - var(--page-gutter)*2);max-width:1100px;padding:clamp(18px,3vw,40px);border:1px solid #e5dbf0;box-shadow:0 12px 40px #39205a12}.gamePage #gameArea{min-height:min(65vh,580px)}.gamePage canvas{width:min(100%,700px);height:auto}.gamePage .playerHead button{width:auto;min-width:100px;padding:0 14px;border-radius:9px;font-size:12px}.gamePage .hero{display:none}.gamePage #gameArea canvas{display:block}.gamePage footer{margin-top:20px}

.categoryPage .hero,.categoryPage .bottom{display:none}.categoryPage .browse{padding-top:25px}.categoryPage .heading h2{font-size:clamp(26px,3vw,44px)}

.wordBoard{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;width:min(320px,100%)}.wordCell{aspect-ratio:1;border:2px solid #c8bddb;border-radius:7px;display:flex;align-items:center;justify-content:center;font:bold 25px Outfit;background:white}.wordCell.f0{background:#8a849b;color:white}.wordCell.f1{background:#caa450;color:white}.wordCell.f2{background:#54a181;color:white}.wordKeys{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;width:100%;max-width:480px}.wordKeys button{border:0;padding:11px;border-radius:7px;background:#ddd0f1;color:#4c366c}.gemBoard{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:min(420px,100%);direction:ltr}.gemCell{aspect-ratio:1;border:0;border-radius:8px;background:#e6d8f2;padding:0;font-size:clamp(18px,4vw,32px)}.gemCell.chosen{outline:3px solid #8b60ce}.clickerPanel{text-align:center;width:100%}.bigClick{border:0;width:min(230px,70%);aspect-ratio:1;border-radius:50%;font-size:110px;color:#e7a132;background:#ffe6aa;box-shadow:0 10px #d9b062}.bigClick:active{transform:translateY(5px);box-shadow:0 5px #d9b062}.clickerPanel>div{margin-top:25px;display:flex;justify-content:center;gap:12px}.clickerPanel>div button{border:0;border-radius:9px;padding:15px;background:#e4d5f5;color:#60457e}.golfColumns{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%;direction:ltr}.playingCard{border:1px solid #cabed8;border-radius:9px;background:white;color:#29213f;min-width:0;aspect-ratio:2/3;font:bold clamp(16px,3vw,27px) Outfit;padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:center}.playingCard.red{color:#e4597c}.playingCard small{display:block;margin-top:8px;color:#9988ac;font-size:11px}.golfStock{display:flex;gap:15px;width:100%;justify-content:center}.golfStock .playingCard{width:80px}.gamePage canvas[height="600"]{width:min(100%,300px);max-height:75vh;object-fit:contain}

.rpsGame{text-align:center;width:100%}.rpsScore{font:bold 48px Outfit;margin-bottom:25px}.rpsButton{border:0;border-radius:18px;background:#f2dfe6;font-size:62px;padding:18px;margin:6px}.moleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(420px,100%)}.moleHole{aspect-ratio:1;border:0;border-radius:50%;background:#5a4035;border-bottom:12px solid #3b2922;font-size:45px}.lightsGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:min(400px,100%)}.lightCell{aspect-ratio:1;border:0;border-radius:10px;background:#31354d;color:white;font-size:30px}.lightCell.on{background:#ffd35e;box-shadow:0 0 18px #ffd35e}.hangman{text-align:center;width:100%}.hangFigure{font-size:80px}.hangman h3{font:700 clamp(22px,5vw,40px) Outfit;letter-spacing:7px}.letterKeys{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.letterKeys button,.mathChoice{border:0;border-radius:7px;background:#ddcfef;color:#51356f;padding:12px}.mathGame{text-align:center;width:100%}.mathGame h2{font-size:clamp(38px,8vw,75px)}.mathChoice{font-size:30px;margin:8px;min-width:90px}.simonGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:min(430px,100%)}.simonButton{aspect-ratio:1;border:0;border-radius:50%;opacity:.65;font-size:0}.simonButton.flash{opacity:1;transform:scale(.93);box-shadow:0 0 30px white}.board8{display:grid;grid-template-columns:repeat(8,1fr);width:min(500px,100%);direction:ltr}.boardCell{aspect-ratio:1;border:0;background:#c9e1c5;color:#20283a;padding:0;font-size:clamp(20px,5vw,38px)}.checkerBoard .boardCell{background:#edd5b7}.checkerBoard .boardCell.dark{background:#8f684e}.boardCell.valid:empty::after{content:'·';color:#55a675;font-size:35px}.boardCell.chosen{outline:4px solid #ffd45c;outline-offset:-4px}.reversiBoard{background:#3f805e;padding:5px;gap:2px}.reversiBoard .boardCell{background:#65a87d;border-radius:3px}.gamePage canvas[height="520"]{width:min(100%,480px);max-height:72vh;object-fit:contain}

.loadMoreWrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 0 8px}.loadMoreWrap[hidden]{display:none}.loadMoreWrap button{border:0;border-radius:14px;background:linear-gradient(135deg,#7547f3,#5930d2);color:white;padding:15px 38px;font-weight:800;box-shadow:0 10px 24px #6639de42;transition:transform .2s,box-shadow .2s}.loadMoreWrap button:hover{transform:translateY(-3px);box-shadow:0 14px 30px #6639de55}.loadMoreWrap button:active{transform:translateY(0)}.loadMoreWrap span{font-size:11px;color:#968ba5}


/* Centered trademark seal */
.trademarkSeal {
  flex: 0 0 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 18px;
  padding: 28px 12px 8px;
  border-top: 1px solid rgba(42, 35, 84, .09);
  text-align: center;
}
.trademarkMascot {
  position: relative;
  display: block;
  width: 82px;
  height: 102px;
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(68, 48, 160, .12);
}
.trademarkMascot img {
  position: absolute;
  width: 272%;
  max-width: none;
  height: auto;
  left: -77%;
  top: -118%;
}
.trademarkSeal strong {
  color: #25203c;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.03em;
}
.trademarkSeal sup {
  margin-left: 2px;
  color: #6253ea;
  font-size: 11px;
  vertical-align: super;
}
.trademarkSeal p {
  display: block;
  margin: 0;
  color: #706b80;
  font-size: 12px;
  line-height: 1.5;
}

/* Blend the footer mascot into the site background */
.trademarkMascot {
  background: #faf9ff;
  box-shadow: none;
}
.trademarkMascot img {
  mix-blend-mode: multiply;
}

/* Floating back-to-top control */
.backToTop {
  position: fixed;
  right: max(22px, env(safe-area-inset-right));
  bottom: max(22px, env(safe-area-inset-bottom));
  z-index: 90;
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 50%;
  background: linear-gradient(145deg,#7953f6,#5630d9);
  color: white;
  box-shadow: 0 12px 30px rgba(77,45,190,.3);
  font-size: 25px;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(14px) scale(.9);
  transition: opacity .2s,transform .2s,visibility .2s,box-shadow .2s;
}
.backToTop.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}
.backToTop:hover { box-shadow: 0 16px 34px rgba(77,45,190,.42); transform: translateY(-3px); }
.backToTop:active { transform: scale(.94); }
@media(max-width:530px) {
  .backToTop { width: 46px;height:46px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));font-size:22px; }
}

/* Extra game collection */
.topMiniGame{width:min(520px,94%);margin:auto;text-align:center}.topAction{margin:18px;padding:14px 28px;border:0;border-radius:16px;background:#6844e8;color:#fff;font-weight:800;font-size:18px}.timingSymbol{font-size:72px}.timingTrack{height:24px;border-radius:14px;background:#ddd8ec;position:relative;margin:20px}.timingTrack b{position:absolute;left:45%;width:10%;height:100%;background:#6bd39f}.timingTrack i{position:absolute;top:-5px;width:8px;height:34px;background:#332c50;border-radius:5px}.goalGrid,.nonoGrid,.pipeBoard{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-width:390px;margin:auto}.goalGrid{grid-template-columns:repeat(3,1fr)}.goalGrid button,.pipeCell,.nonoGrid button{min-height:58px;border:0;border-radius:10px;background:#e8e3f5;font-size:24px}.waterGame{font-size:72px}.float.bite{transform:translateY(28px)}.fruitGrid,.pairBoard,.beatBoard{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:500px;margin:auto}.fruit,.pairTile,.beatPad{min-height:78px;border:0;border-radius:16px;background:#eee9f8;font-size:32px}.pairTile.gone{visibility:hidden}.pairTile.chosen,.beatPad.active{background:#8062ed;color:white;transform:scale(1.06)}.knifeWheel{position:relative;width:170px;height:170px;border:25px solid #8062ed;border-radius:50%;margin:30px auto}.knifeWheel b{font-size:50px}.knifeWheel i{position:absolute;left:50%;top:-62px;height:210px;transform-origin:50% 147px}.seaBoard{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-width:430px;margin:auto}.seaCell{aspect-ratio:1;border:0;border-radius:6px;background:#79bde7;font-size:20px}.seaCell.miss{background:#d3e8f4}.seaCell.ship{background:#ed8c74}.nonoHints{white-space:pre-line;margin-bottom:10px}.nonoGrid button.on{background:#40385d}.tubeBoard{display:flex;justify-content:center;gap:12px;align-items:flex-end}.tube{display:flex;flex-direction:column;justify-content:flex-end;gap:3px;width:56px;height:190px;padding:6px;border:4px solid #b6afd0;border-top:0;border-radius:0 0 22px 22px;background:transparent}.tube.chosen{transform:translateY(-12px)}.ball{width:36px;height:36px;border-radius:50%;display:block}.ball.c1{background:#f17696}.ball.c2{background:#5dcba3}.ball.c3{background:#7563e8}.wordSlots{display:flex;justify-content:center;gap:10px;font-size:30px;margin:18px}.typeInput{font:inherit;font-size:24px;padding:14px;border:2px solid #8b78e8;border-radius:14px;text-align:center}.edgeBoard{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-width:430px;margin:auto}.dotEdge{height:58px;border:0;border-radius:8px;background:#e9e5f5;font-size:28px}.dotEdge.on{background:#7253e6;color:#fff}.pipeCell{font-size:38px}.topMiniGame canvas{max-width:100%}
.chessBoard{display:grid;grid-template-columns:repeat(8,1fr);max-width:440px;margin:auto}.chessCell{aspect-ratio:1;border:0;background:#eee8d8;font-size:30px}.chessCell.dark{background:#a99379}.chessCell.chosen{outline:4px solid #7048eb;z-index:1}

.playerFavorite {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-left: auto;
  padding: 10px 15px;
  border: 1px solid #e1daf5;
  border-radius: 14px;
  background: #fff;
  color: #625a78;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
  transition: color .18s, background .18s, border-color .18s, transform .18s;
}
.playerFavorite span:first-child { color: #7758e8; font-size: 22px; line-height: 1; }
.playerFavorite:hover { transform: translateY(-1px); border-color: #bcaef0; }
.playerFavorite.on { color: #5b35d3; background: #f1edff; border-color: #c8baf7; }
.playerFavorite.on span:first-child { color: #ef5d91; }
@media(max-width:530px) {
  .playerFavorite { padding: 9px 11px; border-radius: 12px; }
  .playerFavorite span:last-child { display: none; }
}

body.privacyOpen { overflow:hidden; }
.privacyLayer { position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:rgba(26,22,46,.68);backdrop-filter:blur(5px); }
.privacyModal { width:min(690px,100%);max-height:min(720px,92vh);overflow:auto;padding:30px;border:1px solid rgba(255,255,255,.7);border-radius:26px;background:#fff;box-shadow:0 28px 90px rgba(25,19,58,.35);color:#322d45;text-align:left; }
.privacyBrand { display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:10px;color:#27223d;font-size:17px; }.privacyBrand span{font-size:25px}.privacyTitle{margin:8px 0 12px;text-align:center;font-size:25px}.privacyIntro>p{margin:0 auto 12px;max-width:590px;color:#696276;font-size:14px;line-height:1.65}.privacyIntro>a{display:block;width:max-content;margin:0 auto;color:#6540df;font-size:13px;font-weight:700}.privacyActions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #ebe7f2}.privacyActions button{min-height:46px;padding:11px 14px;border:1px solid #7555e9;border-radius:14px;background:#fff;color:#5634c9;font:inherit;font-weight:800;cursor:pointer}.privacyActions .accept,.privacyActions .save{background:linear-gradient(135deg,#7655ef,#5632dc);color:#fff;box-shadow:0 9px 22px rgba(87,50,220,.22)}.privacyActions button:hover{transform:translateY(-1px)}.privacySettings label{display:flex;align-items:center;gap:14px;padding:17px 4px;border-bottom:1px solid #eeeaf4}.privacySettings label span{display:grid;gap:5px;flex:1}.privacySettings label small{color:#777184;line-height:1.35}.privacySettings label em{color:#6550bc;font-size:12px;font-style:normal;font-weight:800}.privacySettings input{position:absolute;opacity:0}.privacySettings label i{position:relative;width:48px;height:28px;border-radius:20px;background:#c7c0d5;transition:.2s}.privacySettings label i:after{content:"";position:absolute;left:4px;top:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #777;transition:.2s}.privacySettings input:checked+i{background:#6743e7}.privacySettings input:checked+i:after{transform:translateX(20px)}.cookieSettings{position:fixed;left:16px;bottom:16px;z-index:89;width:42px;height:42px;border:1px solid #e3dcf4;border-radius:50%;background:#fff;box-shadow:0 8px 22px rgba(45,30,90,.18);font-size:20px;cursor:pointer}.cookieSettings:hover{transform:translateY(-2px)}
@media(max-width:620px){.privacyLayer{padding:12px}.privacyModal{padding:22px 18px;border-radius:21px}.privacyTitle{font-size:21px}.privacyActions{grid-template-columns:1fr}.privacyActions button{min-height:43px}.privacySettings label{padding:14px 1px}.cookieSettings{left:12px;bottom:12px}}

.gameFeedback{position:relative;display:flex;justify-content:center;gap:10px;padding:15px 12px 5px}.gameFeedback:after{content:attr(data-message);position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);color:#5c3bd1;font-size:12px;font-weight:750;white-space:nowrap}.gameRating{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:14px;background:#fff7d6;color:#7a5a00;font-size:14px;font-weight:800;white-space:nowrap}.gameFeedback button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 15px;border:1px solid #ddd6ee;border-radius:14px;background:#fff;color:#655e74;font:inherit;font-size:13px;font-weight:750;cursor:pointer;transition:.18s}.gameFeedback button:hover{border-color:#b8a9e9;transform:translateY(-1px)}.gameFeedback button.active{border-color:#8669e9;background:#f0ecff;color:#5634cb}.gameFeedback button:disabled{opacity:.55;cursor:wait}.gameFeedback button span:first-child{font-size:18px}.gameReportLayer{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:18px;background:rgba(27,23,45,.68);backdrop-filter:blur(4px)}.gameReport{width:min(480px,100%);padding:26px;border-radius:22px;background:#fff;box-shadow:0 25px 75px rgba(20,14,48,.36);color:#302a43}.gameReport h3{margin:0 0 9px;font-size:22px}.gameReport p{margin:0 0 17px;color:#716a7c}.gameReport select,.gameReport textarea{box-sizing:border-box;width:100%;margin:0 0 11px;padding:13px;border:1px solid #dcd5eb;border-radius:12px;background:#fff;color:#332d45;font:inherit}.gameReport textarea{min-height:110px;resize:vertical}.gameReport>div{display:flex;justify-content:flex-end;gap:9px}.gameReport button{padding:11px 17px;border:1px solid #7659e6;border-radius:12px;background:#fff;color:#5636c7;font:inherit;font-weight:800;cursor:pointer}.gameReport .sendReport{background:#6643df;color:#fff}
@media(max-width:530px){.gameFeedback{gap:6px;padding-inline:4px;flex-wrap:wrap}.gameRating{width:100%;justify-content:center}.gameFeedback button{flex:1;padding:8px 7px;font-size:11px}.gameReport{padding:21px 17px}.gameReport>div{display:grid;grid-template-columns:1fr 1fr}}
.freshTarget,.freshStack{display:grid;place-items:center;gap:22px;min-height:310px;padding:20px}.freshGlyph,.freshStack>div{font-size:72px}.freshTarget .timingTrack{width:min(440px,90%)}.freshBoard{display:grid;grid-template-columns:repeat(4,72px);gap:9px;justify-content:center;padding:20px}.freshBoard button,.freshMemory button{border:1px solid #d9d2ec;border-radius:14px;background:#fff;font-size:31px;cursor:pointer}.freshBoard button{width:72px;height:72px}.freshBoard button.chosen{outline:4px solid #8466eb}.freshMemory{display:grid;grid-template-columns:repeat(4,72px);gap:10px;justify-content:center;padding:25px}.freshMemory button{height:72px}.freshMemory button.matched{background:#e5fff2}.freshStack b{font-size:44px}.freshStack button{min-width:210px;padding:13px;border:0;border-radius:13px;background:#6b47df;color:#fff;font:inherit;font-weight:800;cursor:pointer}@media(max-width:500px){.freshBoard,.freshMemory{grid-template-columns:repeat(4,58px);gap:7px}.freshBoard button,.freshMemory button{width:58px;height:58px;font-size:25px}}
.bowlingButton{display:block;margin:12px auto 0;padding:12px 28px;border:0;border-radius:14px;background:#6541df;color:#fff;font:inherit;font-weight:850;cursor:pointer;box-shadow:0 8px 20px #6541df30}.bowlingButton:disabled{opacity:.5;cursor:default}
.battleControls{display:flex;justify-content:center;gap:10px;padding:12px;flex-wrap:wrap}.battleControls button,.ludoDice,.gameRecovery button{padding:12px 18px;border:0;border-radius:13px;background:#6541df;color:#fff;font:inherit;font-weight:800;cursor:pointer}.ludoTrack{display:grid;grid-template-columns:repeat(6,58px);gap:7px;justify-content:center;padding:26px}.ludoTrack span{display:grid;place-items:center;width:58px;height:58px;border-radius:13px;background:#fff;border:1px solid #ddd7eb;font-size:23px}.ludoTrack .finish{background:#fff2b8}.ludoDice{display:block;margin:0 auto 24px}.gameRecovery{min-height:280px;display:grid;place-items:center;align-content:center;gap:15px;font-size:24px;text-align:center}.gameRecovery b{font-size:16px}@media(max-width:480px){.ludoTrack{grid-template-columns:repeat(6,43px);gap:5px}.ludoTrack span{width:43px;height:43px;font-size:18px}}
@media(max-width:530px){.fruitGrid,.pairBoard{grid-template-columns:repeat(3,1fr)}.fruit,.pairTile{min-height:64px}.seaBoard{gap:2px}.tube{width:46px;height:160px}.ball{width:30px;height:30px}}
.hexGame{display:grid;grid-template-columns:repeat(7,minmax(34px,52px));gap:5px;transform:skewX(-8deg);justify-content:center}.hexCell{aspect-ratio:1;border:2px solid #cfc8e8;border-radius:12px;background:#f7f5ff;font-size:25px;color:#7555eb;cursor:pointer}.hexCell.h1{background:#8065ff;color:#fff}.hexCell.h2{background:#ff8399;color:#fff}.styleGame{display:grid;gap:14px;place-items:center}.stylePreview{font-size:clamp(40px,9vw,76px);min-height:90px;display:grid;place-items:center}.styleChoices{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.styleChoices button{width:58px;height:54px;border:2px solid #e3def2;border-radius:15px;background:#fff;font-size:27px;cursor:pointer}.styleChoices button.chosen{border-color:#704bef;background:#eee9ff;transform:translateY(-2px)}
/* Wordle */
.wordleGame{width:min(620px,100%);margin:auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px}.wordleTop,.wordleActions{display:flex;gap:8px;justify-content:center}.wordleTop button,.wordleActions button{border:1px solid #ddd8eb;background:#fff;color:#332b4e;border-radius:999px;padding:9px 16px;font-weight:800}.wordleTop button.on,.wordleActions button:first-child{background:#6942e8;color:#fff;border-color:#6942e8}.wordleBoard{display:grid;grid-template-columns:repeat(5,52px);gap:6px}.wordleTile{width:52px;height:52px;display:grid;place-items:center;border:2px solid #d6d3df;border-radius:7px;background:#fff;color:#2e2942;font:900 27px/1 system-ui;text-transform:uppercase;transition:transform .2s,background .2s,color .2s}.wordleTile.active{border-color:#7d5cec;box-shadow:0 0 0 3px #7d5cec20}.wordleTile.correct{background:#6aaa64;border-color:#6aaa64;color:#fff;transform:rotateX(360deg)}.wordleTile.present{background:#c9b458;border-color:#c9b458;color:#fff;transform:rotateX(360deg)}.wordleTile.absent{background:#787c7e;border-color:#787c7e;color:#fff;transform:rotateX(360deg)}.wordleMessage{min-height:22px;color:#4b4267;font-weight:800;text-align:center}.wordleKeyboard{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-width:570px}.wordleKeyboard button{min-width:36px;height:46px;border:0;border-radius:7px;background:#dedbe5;color:#2e2942;font-weight:900;cursor:pointer}.wordleKeyboard button.wide{min-width:72px}.wordleKeyboard button.correct{background:#6aaa64;color:#fff}.wordleKeyboard button.present{background:#c9b458;color:#fff}.wordleKeyboard button.absent{background:#787c7e;color:#fff}.wordleStats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(440px,100%);margin-top:4px}.wordleStats b{font-size:24px;text-align:center;background:#f1eff7;border-radius:12px;padding:10px}.wordleStats small{display:block;font-size:10px;font-weight:700;color:#777086;margin-top:4px}@media(max-width:600px){.wordleGame{padding:8px 2px}.wordleBoard{grid-template-columns:repeat(5,44px);gap:5px}.wordleTile{width:44px;height:44px;font-size:23px}.wordleKeyboard{gap:4px}.wordleKeyboard button{min-width:29px;height:43px;font-size:12px}.wordleKeyboard button.wide{min-width:60px}}
.wordleToolbar{display:grid;gap:8px;width:100%}.wordleLengths,.wordleOptions{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.wordleLengths button,.wordleOptions button{border:1px solid #ddd8eb;border-radius:999px;background:#fff;color:#4b4267;padding:7px 12px;font-weight:800;cursor:pointer}.wordleLengths button.on,.wordleOptions button.on{background:#2f2944;color:#fff;border-color:#2f2944}.wordleMeta{display:flex;justify-content:space-between;width:min(350px,100%);color:#746d83;font-size:12px;font-weight:800}.wordleBoard.cols4{grid-template-columns:repeat(4,52px)}.wordleBoard.cols6{grid-template-columns:repeat(6,52px)}.wordleBoard.contrast .wordleTile.correct,.wordleBoard.contrast~.wordleMessage~.wordleKeyboard button.correct{background:#f5793a;border-color:#f5793a}.wordleBoard.contrast .wordleTile.present,.wordleBoard.contrast~.wordleMessage~.wordleKeyboard button.present{background:#85c0f9;border-color:#85c0f9}.wordleDistribution{display:grid;gap:5px;width:min(390px,100%);padding:12px;border-radius:14px;background:#f7f5fb}.wordleDistribution>strong{text-align:center;margin-bottom:4px}.wordleDistribution span{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:7px;font-size:12px}.wordleDistribution span b{display:block;min-width:24px;padding:4px 7px;border-radius:5px;background:#6942e8;color:#fff;text-align:right;box-sizing:border-box}.wordleOptions button:last-child{background:#fff8d8;border-color:#f0d878}@media(max-width:600px){.wordleBoard.cols4{grid-template-columns:repeat(4,44px)}.wordleBoard.cols6{grid-template-columns:repeat(6,40px)}.wordleBoard.cols6 .wordleTile{width:40px;height:40px;font-size:21px}.wordleOptions button{font-size:11px;padding:7px 9px}.wordleStats b{font-size:19px;padding:8px 5px}}
.klondikeGame{padding:14px;background:linear-gradient(145deg,#17694d,#0d4d39);border-radius:20px;overflow:auto}.solitaireBoard{min-width:650px;min-height:500px;color:#fff}.solTop{display:grid;grid-template-columns:70px 70px 52px 1fr repeat(4,70px);gap:12px;align-items:start}.solCard,.solSlot{position:relative;width:70px;height:96px;border:1px solid #ffffffaa;border-radius:9px;box-sizing:border-box}.solCard{display:flex;flex-direction:column;align-items:flex-start;padding:7px;background:#fff;box-shadow:0 3px 10px #082d2255;font:900 20px/1 system-ui;cursor:pointer}.solCard span{align-self:center;font-size:35px;margin-top:8px}.solCard.red{color:#d83f58}.solCard.black{color:#20283e}.solCard.down{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#6743df 0 7px,#5232bd 7px 14px);color:#fff;font-size:25px}.solCard.selected{outline:4px solid #ffd95a;transform:translateY(-3px)}.solSlot{display:grid;place-items:center;background:#ffffff12;color:#ffffff88;font-size:30px}.solUndo{width:48px;height:48px;border:1px solid #ffffff66;border-radius:50%;background:#ffffff18;color:#fff;font-size:25px;cursor:pointer}.solUndo:disabled{opacity:.35}.solColumns{display:grid;grid-template-columns:repeat(7,70px);gap:22px;margin-top:22px}.solColumn{position:relative;min-height:330px}.solColumn .solCard{position:absolute;left:0;top:calc(var(--i) * 29px)}.solHelp{text-align:center;margin:14px 0 0;font-size:12px;color:#d5f5e8}@media(max-width:760px){.klondikeGame{padding:9px}.solitaireBoard{min-width:560px;transform-origin:top left}.solTop{grid-template-columns:62px 62px 44px 1fr repeat(4,62px);gap:8px}.solCard,.solSlot{width:62px;height:86px}.solColumns{grid-template-columns:repeat(7,62px);gap:17px}.solCard span{font-size:30px}}
/* Rich Snake artwork — kept separate from the game engine so the catalog card cannot fall back to the legacy block icon. */
.art[data-play="snake"]{background:#174e45 url('/snake-card.svg?v=62') center/cover no-repeat!important}
.art[data-play="snake"]>svg{visibility:hidden}
.art[data-play="snake"] .badge{visibility:visible}

/* Render off-screen catalog content only when it approaches the viewport. */
.card{content-visibility:auto;contain-intrinsic-size:300px}
.bottom,footer{content-visibility:auto;contain-intrinsic-size:280px}

.footerBrandShare{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.socialShare{position:relative;display:flex;align-items:center;gap:6px}.socialShare a,.socialShare button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:9px;color:#fff;text-decoration:none;font:800 13px/1 Outfit,system-ui;box-shadow:0 4px 10px #3b28551f;cursor:pointer;transition:transform .18s,box-shadow .18s}.socialShare a:hover,.socialShare button:hover{transform:translateY(-2px);box-shadow:0 7px 14px #3b28552f}.shareFacebook{background:#1877f2}.shareX{background:#20202a}.shareWhatsapp{background:#22b866}.shareTelegram{background:#2aabee}.shareNative{background:#7952e8}.socialShare.copied:after{content:'✓';position:absolute;left:100%;margin-left:7px;color:#6043d6;font-weight:900}@media(max-width:530px){.footerBrandShare{align-items:flex-start}.socialShare a,.socialShare button{width:27px;height:27px;border-radius:8px}}

.mascotHomeLink{display:block;color:inherit;text-decoration:none;border-radius:24px;cursor:pointer}.mascotHomeLink .officialMascot{transition:transform .2s,box-shadow .2s}.mascotHomeLink:hover .officialMascot{transform:translateY(-3px);box-shadow:0 16px 34px #6144a821}.mascotHomeLink:focus-visible{outline:3px solid #7654e8;outline-offset:5px}

/* Solitaire uses the complete game frame instead of shrinking around its cards. */
.gamePage[data-game="klondike"] #gameArea{
  min-height:clamp(520px,65vh,720px);
  padding:0;
  overflow:hidden;
  align-items:stretch;
}
.gamePage[data-game="klondike"] .klondikeGame{
  width:100%;
  min-height:inherit;
  padding:clamp(14px,2vw,26px);
  border-radius:12px;
  display:flex;
  align-items:stretch;
  justify-content:center;
}
.gamePage[data-game="klondike"] .solitaireBoard{
  width:100%;
  min-height:100%;
  display:flex;
  flex-direction:column;
}
.gamePage[data-game="klondike"] .solColumns{
  grid-template-columns:repeat(7,minmax(70px,1fr));
  gap:clamp(12px,2vw,28px);
  flex:1;
}
.gamePage[data-game="klondike"] .solColumn{
  justify-self:center;
  width:70px;
}
.gamePage[data-game="klondike"] .solHelp{margin-top:auto;padding-top:14px}
@media(max-width:760px){
  .gamePage[data-game="klondike"] #gameArea{min-height:500px}
  .gamePage[data-game="klondike"] .klondikeGame{overflow:auto;padding:9px}
  .gamePage[data-game="klondike"] .solitaireBoard{width:auto;min-width:560px}
  .gamePage[data-game="klondike"] .solColumns{grid-template-columns:repeat(7,62px);gap:17px}
  .gamePage[data-game="klondike"] .solColumn{width:62px}
}

/* Neon Highway fills its frame at the canvas' native aspect ratio. */
.gamePage[data-game="traffic"] #gameArea{
  min-height:0;
  padding:0;
  gap:0;
  overflow:hidden;
  background:#18263b;
}
.gamePage[data-game="traffic"] #gameArea canvas{
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  aspect-ratio:640/460;
  border-radius:12px;
}

/* All directly-rendered game surfaces fill their frame. Native canvas ratios
   are preserved so artwork and pointer coordinates remain accurate. */
.gamePage #gameArea.canvasLandscape{
  min-height:0;
  padding:0;
  gap:0;
  overflow:hidden;
  align-items:stretch;
  align-content:stretch;
  flex-direction:column;
  flex-wrap:nowrap;
}
.gamePage #gameArea.canvasLandscape>canvas{
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  aspect-ratio:var(--game-ratio);
  border-radius:12px;
}
.gamePage #gameArea.canvasLandscape>canvas~*{margin:12px auto}
.gamePage #gameArea.canvasPortrait{
  width:min(100%,var(--portrait-width));
  min-height:0;
  margin-inline:auto;
  padding:0;
  gap:0;
  overflow:hidden;
  background:transparent;
}
.gamePage #gameArea.canvasPortrait>canvas{
  display:block;
  width:100%;
  max-width:none;
  max-height:72vh;
  height:auto;
  aspect-ratio:var(--game-ratio);
  border-radius:12px;
}
.gamePage #gameArea.embeddedGame{min-height:0;padding:0;overflow:hidden}
.gamePage #gameArea.embeddedGame>.managedGameFrame{min-height:min(72vh,720px);border-radius:12px}

/* Scene-style DOM games use the available stage too. Compact board games keep
   their square proportions so their controls remain comfortable. */
.gamePage #gameArea>.premiumBuild:only-child,
.gamePage #gameArea>.freshStack:only-child,
.gamePage #gameArea>.clickerPanel:only-child,
.gamePage #gameArea>.rpsGame:only-child,
.gamePage #gameArea>.mathGame:only-child,
.gamePage #gameArea>.hangman:only-child{
  width:100%;
  min-height:clamp(380px,55vh,560px);
  display:grid;
  place-content:center;
}
.gamePage #gameArea>.topMiniGame:only-child{
  width:100%;
  max-width:none;
  min-height:clamp(380px,55vh,560px);
  display:grid;
  place-content:center;
}
@media(max-width:700px){
  .gamePage #gameArea.canvasLandscape>canvas{border-radius:10px}
  .gamePage #gameArea.canvasPortrait{width:min(100%,var(--portrait-width-mobile))}
  .gamePage #gameArea.canvasPortrait>canvas{max-height:68vh}
  .gamePage #gameArea>.premiumBuild:only-child,
  .gamePage #gameArea>.freshStack:only-child,
  .gamePage #gameArea>.clickerPanel:only-child,
  .gamePage #gameArea>.rpsGame:only-child,
  .gamePage #gameArea>.mathGame:only-child,
  .gamePage #gameArea>.hangman:only-child,
  .gamePage #gameArea>.topMiniGame:only-child{min-height:360px}
}
.penaltyPoki{position:relative;width:min(100%,760px);margin:auto;overflow:hidden;border-radius:24px;background:#07152a;box-shadow:0 22px 60px #15204f33;touch-action:none}.penaltyPoki canvas{display:block;width:100%;height:auto;aspect-ratio:9/11;background:#07152a}.penaltyScore{position:absolute;z-index:4;top:14px;left:50%;transform:translateX(-50%);width:calc(100% - 28px);display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border:1px solid #ffffff36;border-radius:15px;background:#07152acf;color:white;font-size:13px;font-weight:800;backdrop-filter:blur(12px)}.penaltyScore span{display:flex;gap:8px;align-items:center}.penaltyScore b{font-size:22px}.penaltyScore em{font-style:normal;color:#ffe264}.penaltyPower{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);width:min(76%,500px);height:46px;border:1px solid #ffffff42;border-radius:999px;background:#07152ad9;overflow:hidden;color:white;text-align:center;font-size:12px;font-weight:800;line-height:46px}.penaltyPower i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#4be092,#ffe058,#ff6d72);transition:width .08s}.penaltyPower span{position:relative;text-shadow:0 1px 5px #000}.penaltyOverlay{position:absolute;z-index:6;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;color:white;background:linear-gradient(#07142bbb,#07142bea);backdrop-filter:blur(5px)}.penaltyOverlay[hidden]{display:none}.penaltyOverlay small{letter-spacing:.22em;color:#6df0b2;font-weight:900}.penaltyOverlay h2{margin:8px 0;font-size:clamp(36px,7vw,70px);color:white}.penaltyOverlay p{max-width:470px;color:#dce7ff}.penaltyOverlay label{margin:18px 0 8px;font-size:11px;letter-spacing:.18em;font-weight:900}.penaltyLevels{display:flex;gap:8px}.penaltyLevels button,.penaltyStart{border:1px solid #ffffff35;border-radius:999px;background:#ffffff12;color:white;padding:10px 16px;font:800 12px inherit;cursor:pointer}.penaltyLevels button.on{background:#6a43f1;border-color:#a995ff}.penaltyStart{margin-top:18px;padding:15px 27px;background:linear-gradient(135deg,#6a43f1,#3eb7ff);font-size:15px;box-shadow:0 12px 28px #05091e55}.penaltyFinal{font-size:42px!important;font-weight:900;color:white!important;margin:8px!important}.penaltyFlash{position:absolute;z-index:7;left:50%;top:32%;transform:translate(-50%,-50%) rotate(-3deg);padding:13px 28px;border-radius:14px;color:white;font-size:clamp(30px,7vw,62px);font-weight:1000;text-shadow:0 4px 12px #0006;animation:penaltyPop .7s both}.penaltyFlash.goal{background:#16b972}.penaltyFlash.miss{background:#ef536d}@keyframes penaltyPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-8deg)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(2deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-2deg)}}@media(max-width:600px){.penaltyPoki{border-radius:16px}.penaltyScore{top:8px;padding:7px 10px;font-size:10px}.penaltyScore b{font-size:17px}.penaltyPower{bottom:9px;height:38px;line-height:38px}.penaltyOverlay{padding:16px}.penaltyLevels button{padding:9px 12px}}
.gameSoundToggle{min-width:42px;height:38px;border:1px solid #ded8ed;border-radius:12px;background:#fff;color:#302844;font-size:17px;line-height:1;cursor:pointer;box-shadow:0 5px 14px #3c2b6d0d}.gameSoundToggle:hover{border-color:#9a82ed;background:#f7f3ff}.gameSoundToggle:focus-visible{outline:3px solid #8c70ed55;outline-offset:2px}

/* Tavla — a responsive, cinematic backgammon table. */
.tavlaGame{width:min(100%,980px);margin:auto;padding:14px;border-radius:28px;background:linear-gradient(145deg,#0b242b,#163f43);color:#f8ebcf;box-shadow:0 24px 70px #0d213c3d;box-sizing:border-box;overflow:hidden}.tavlaHeader{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:2px 4px 14px}.tavlaPlayer{display:flex;align-items:center;gap:10px}.tavlaPlayer.cpu{justify-content:flex-end;text-align:right}.tavlaPlayer>span{display:grid;place-items:center;width:39px;height:39px;border:2px solid #fff3cc;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff9e6,#c69c61);color:#533a2a;box-shadow:0 5px 12px #0005}.tavlaPlayer.cpu>span{border-color:#e79ab5;background:radial-gradient(circle at 35% 28%,#bd5377,#48172f);color:#ffe4ed}.tavlaPlayer div{display:grid}.tavlaPlayer small,.tavlaMatch small{font-size:10px;letter-spacing:.16em;font-weight:900;color:#a9d3c9}.tavlaPlayer b{font-size:24px;line-height:1}.tavlaMatch{text-align:center}.tavlaMatch strong{display:block;margin-top:3px;color:#ffd978;font-size:22px}.tavlaStage{position:relative;border:1px solid #ffffff25;border-radius:21px;overflow:hidden;background:#0b2028;box-shadow:inset 0 0 0 2px #0003}.tavlaStage canvas{display:block;width:100%;height:auto;aspect-ratio:98/65;touch-action:manipulation}.tavlaTurn{position:absolute;top:12px;left:50%;transform:translateX(-50%);padding:8px 14px;border:1px solid #ffffff30;border-radius:999px;background:#092129d9;color:#fff4d3;font-size:11px;font-weight:900;letter-spacing:.12em;backdrop-filter:blur(9px)}.tavlaTurn.cpu{color:#ffb5cc}.tavlaDice{position:absolute;left:50%;top:50%;display:flex;gap:7px;transform:translate(-50%,-50%)}.tavlaDice i{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:linear-gradient(145deg,#fff9e8,#dfc58f);color:#382a23;font:normal 32px/1 Georgia,serif;box-shadow:0 9px 18px #0006,inset 0 1px #fff}.tavlaDice.spin i{animation:tavlaDiceSpin .13s linear}.tavlaBurst{position:absolute;inset:0;display:grid;place-items:center;background:#071b23ba;color:#ffe07a;font-size:clamp(48px,12vw,110px);font-weight:1000;text-shadow:0 8px 30px #000;backdrop-filter:blur(3px);animation:tavlaWin .55s both}.tavlaBurst[hidden]{display:none}.tavlaBurst.lose{color:#ef9ab4}.tavlaControls{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;padding:14px 4px 5px}.tavlaControls button,.tavlaControls label{min-height:42px;box-sizing:border-box;border:1px solid #ffffff24;border-radius:13px;background:#ffffff10;color:#f8ebcf;padding:10px 16px;font:800 12px/1 system-ui;cursor:pointer;transition:transform .16s,background .16s,opacity .16s}.tavlaControls button:hover:not(:disabled){transform:translateY(-2px);background:#ffffff1d}.tavlaControls button:disabled{opacity:.38;cursor:default}.tavlaControls .tavlaRoll{border:0;background:linear-gradient(135deg,#f5c958,#e6943f);color:#31231f;box-shadow:0 8px 20px #0004}.tavlaControls .tavlaDouble{color:#ffe078}.tavlaControls label{display:flex;align-items:center;gap:8px;cursor:default}.tavlaControls select{border:0;background:#f8ebcf;color:#253239;border-radius:7px;padding:5px 7px;font-weight:800}.tavlaStatus{min-height:22px;margin:5px 0 9px;text-align:center;color:#fff;font-weight:850}.tavlaInfo{display:grid;grid-template-columns:auto auto 1fr;gap:14px;align-items:center;padding:12px 15px;border-radius:15px;background:#071c23;color:#b7d8cf;font-size:11px}.tavlaInfo span:last-child{text-align:right}.tavlaInfo b{color:#ffe096}.art[data-play="tavla"]{box-shadow:inset 0 0 0 1px #ffffff24}.art[data-play="tavla"] svg{filter:saturate(1.08)}@keyframes tavlaDiceSpin{to{transform:rotate(90deg) scale(.86)}}@keyframes tavlaWin{0%{opacity:0;transform:scale(.86)}100%{opacity:1;transform:scale(1)}}
@media(max-width:700px){.tavlaGame{padding:8px;border-radius:18px}.tavlaHeader{padding-bottom:9px}.tavlaPlayer>span{width:31px;height:31px}.tavlaPlayer small,.tavlaMatch small{font-size:8px}.tavlaPlayer b{font-size:19px}.tavlaMatch strong{font-size:18px}.tavlaStage{border-radius:14px}.tavlaTurn{top:6px;padding:6px 10px;font-size:8px}.tavlaDice i{width:34px;height:34px;font-size:25px}.tavlaControls{gap:6px;padding-top:9px}.tavlaControls button,.tavlaControls label{min-height:38px;padding:8px 10px;font-size:10px}.tavlaInfo{grid-template-columns:1fr 1fr;padding:9px;font-size:9px}.tavlaInfo span:last-child{grid-column:1/-1;text-align:center}.tavlaStatus{font-size:12px;margin:2px 0 6px}}

/* Nickname login and per-game comments */
.gameComments{width:calc(100% - var(--page-gutter)*2);max-width:1100px;margin:0 auto 38px;padding:clamp(20px,3vw,34px);border:1px solid #e6dff0;border-radius:22px;background:#fff;box-shadow:0 14px 45px #3a245a0d}.commentsHeading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.commentsHeading small{color:#7046eb}.commentsHeading h2{margin:7px 0 4px;font-size:clamp(23px,3vw,32px)}.commentsHeading p{margin:0;color:#887b96;font-size:13px}.commentsHeading>span{display:grid;place-items:center;min-width:38px;height:38px;border-radius:50%;background:#eee8ff;color:#6840e6;font-weight:900}.nicknamePanel{margin-top:22px;padding:16px;border:1px solid #e7e0ef;border-radius:16px;background:#faf8ff}.nicknameFields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nicknameFields label{display:grid;gap:6px;color:#756780;font-size:11px;font-weight:800}.nicknameFields input{width:100%;border:1px solid #ddd5e7;border-radius:11px;background:#fff;padding:12px 13px;color:#2d2540;outline:0}.nicknameFields input:focus,.commentComposer textarea:focus{border-color:#7a58e8;box-shadow:0 0 0 3px #7a58e81c}.nicknamePanel>p{margin:10px 0 0;color:#95899f;font-size:10px}.nicknameActions{display:flex;gap:9px;margin-top:13px}.nicknameActions button,.signedNickname button,.commentComposer button{border:0;border-radius:11px;padding:11px 16px;background:#6c43e7;color:#fff;font-weight:850;cursor:pointer}.nicknameActions button:first-child{background:#eee8ff;color:#6240d2}.signedNickname{display:flex;align-items:center;gap:10px}.signedNickname>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#8059f2,#5f38d7);color:#fff;font-size:20px}.signedNickname b{font-size:16px}.signedNickname button{margin-left:auto;background:#f0edf5;color:#6d6178}.commentComposer{margin-top:14px}.commentComposer textarea{display:block;width:100%;resize:vertical;min-height:92px;border:1px solid #ddd5e7;border-radius:14px;padding:13px;color:#2d2540;font:inherit;line-height:1.5;outline:0}.commentComposer>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.commentComposer small{letter-spacing:0;color:#988ca3}.commentComposer button:disabled{opacity:.5;cursor:wait}.loginPrompt{padding:15px;border:1px dashed #d8cee5;border-radius:13px;background:#faf8ff;color:#766a82;font-size:12px;text-align:center}.commentNotice{min-height:20px;margin:9px 0 0;color:#4f9b75;font-size:12px;font-weight:750}.commentNotice.error{color:#d64d6a}.commentList{display:grid;gap:10px;margin-top:12px}.commentCard{padding:14px 16px;border:1px solid #ebe5f2;border-radius:15px;background:#fcfbff}.commentCard>div{display:flex;align-items:center;gap:10px}.commentAvatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#ffe180,#ffae78);color:#5d3b28;font-weight:950}.commentCard>div>div{display:grid;gap:2px}.commentCard b{font-size:13px;color:#49345f}.commentCard time{font-size:9px;color:#a096aa}.commentCard p{margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#5f536b;font-size:13px;line-height:1.55}.commentsEmpty{padding:24px;border:1px dashed #ddd5e7;border-radius:14px;color:#94889f;text-align:center;font-size:12px}html[dir=rtl] .signedNickname button{margin-left:0;margin-right:auto}@media(max-width:620px){.gameComments{border-radius:17px;padding:18px}.nicknameFields{grid-template-columns:1fr}.nicknameActions{display:grid;grid-template-columns:1fr 1fr}.nicknameActions button{padding:11px 8px;font-size:11px}.commentsHeading p{font-size:11px}.commentCard{padding:12px}.signedNickname b{font-size:14px}}

/* Comment replies, one-time arithmetic spam check and abuse reports. */
.replyTarget{padding:9px 11px;border:1px solid #ddd2ef;border-radius:11px;background:#f5f0ff;color:#5f4778;font-size:12px}.replyTarget button{margin-left:auto!important;padding:6px 10px!important;background:#e5dcf3!important;color:#614d76!important;font-size:11px}.composerFooter{flex-wrap:wrap}.spamChallenge{display:flex;align-items:center;gap:7px;min-height:42px;padding:6px 8px;border:1px solid #ded6e9;border-radius:11px;background:#faf8fd;color:#766982;font-size:11px;font-weight:750}.spamChallenge b{color:#5734cb;font-size:14px;white-space:nowrap}.spamChallenge input{width:68px;height:32px;border:1px solid #d7cde5;border-radius:8px;background:#fff;padding:5px 8px;color:#2d2540;text-align:center;outline:0}.spamChallenge input:focus{border-color:#7a58e8;box-shadow:0 0 0 3px #7a58e81c}.commentActions{display:flex!important;gap:7px!important;margin-top:10px}.commentActions button{border:1px solid #e2d9ec;border-radius:9px;background:#fff;color:#715f80;padding:6px 9px;font-size:10px;font-weight:800;cursor:pointer}.commentActions button:hover{border-color:#a990df;color:#5e3acf}.commentActions button.reported{background:#eef8f2;border-color:#b7dfc7;color:#43815d;cursor:default}.commentReply{margin-left:46px;border-left:3px solid #ded2f4;background:#faf8ff}.commentReply .commentAvatar{width:30px;height:30px;font-size:12px}html[dir=rtl] .replyTarget button{margin-left:0!important;margin-right:auto!important}html[dir=rtl] .commentReply{margin-left:0;margin-right:46px;border-left:1px solid #ebe5f2;border-right:3px solid #ded2f4}@media(max-width:620px){.composerFooter{align-items:stretch!important}.spamChallenge{order:2;width:100%;justify-content:space-between}.commentReply{margin-left:20px}html[dir=rtl] .commentReply{margin-left:0;margin-right:20px}.commentActions button{min-height:34px;padding:7px 10px}}
.spamPreview{display:block;margin-top:10px;padding:10px 12px;border:1px solid #d9cfeb;border-radius:10px;background:#fff;color:#756780;font-size:11px;line-height:1.45}.spamPreview b{color:#5c38d4;font-size:13px}
.registrationChallenge{display:grid;grid-template-columns:auto auto 72px 1fr;align-items:center;gap:9px;margin-top:13px;padding:10px 12px;border:1px solid #d9cfeb;border-radius:12px;background:#fff;color:#756780;font-size:11px;font-weight:800}.registrationChallenge>span{color:#5e3ed0}.registrationChallenge>b{color:#40268f;font-size:15px}.registrationChallenge input{width:72px;border:1px solid #d7cde5;border-radius:8px;padding:8px;color:#2d2540;text-align:center;outline:0}.registrationChallenge input:focus{border-color:#7a58e8;box-shadow:0 0 0 3px #7a58e81c}.registrationChallenge small{letter-spacing:0;color:#93879e;font-size:10px;font-weight:650}.nicknameActions button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:620px){.registrationChallenge{grid-template-columns:1fr auto 64px}.registrationChallenge small{grid-column:1/-1}.registrationChallenge input{width:64px}}

/* Compact comment sign-up area: keep the discussion above the fold. */
.gameComments{padding:clamp(16px,2vw,24px)}.commentsHeading h2{margin:4px 0 2px;font-size:clamp(21px,2.4vw,27px)}.commentsHeading p{font-size:12px}.commentsHeading>span{min-width:32px;height:32px;font-size:12px}.nicknamePanel{margin-top:13px;padding:10px 12px;border-radius:13px}.nicknameFields{gap:8px}.nicknameFields label{gap:3px;font-size:10px}.nicknameFields input{padding:8px 10px;border-radius:9px}.nicknamePanel>p{margin:5px 0 0;font-size:9px}.registrationChallenge{grid-template-columns:auto auto 58px 1fr;gap:7px;margin-top:7px;padding:6px 8px;min-height:38px;border-radius:9px;font-size:10px}.registrationChallenge>b{font-size:13px}.registrationChallenge input{width:58px;height:29px;padding:4px 6px;border-radius:7px}.registrationChallenge small{font-size:9px}.nicknameActions{gap:7px;margin-top:7px}.nicknameActions button{padding:8px 12px;border-radius:9px;font-size:11px}.loginPrompt{padding:9px 12px}.commentNotice{min-height:14px;margin-top:5px}.commentList{margin-top:7px}@media(max-width:620px){.gameComments{padding:14px}.commentsHeading{gap:10px}.commentsHeading h2{font-size:21px}.nicknamePanel{margin-top:10px;padding:9px}.registrationChallenge{grid-template-columns:auto auto 54px;padding:6px}.registrationChallenge input{width:54px}.registrationChallenge small{grid-column:1/-1;margin-top:-2px}.nicknameActions{display:flex}.nicknameActions button{flex:1}.loginPrompt{font-size:11px}}

/* Click either die to choose the move order (for example 6→5 or 5→6). */
.tavlaDice button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid transparent;border-radius:10px;background:linear-gradient(145deg,#fff9e8,#dfc58f);color:#382a23;font:normal 32px/1 Georgia,serif;box-shadow:0 9px 18px #0006,inset 0 1px #fff;cursor:pointer;transition:transform .16s,filter .16s,border-color .16s,opacity .16s}.tavlaDice button:hover:not(:disabled){transform:translateY(-4px) scale(1.05)}.tavlaDice button.chosen{border-color:#5cf4c9;box-shadow:0 0 0 5px #5cf4c933,0 9px 18px #0006}.tavlaDice button.used{opacity:.24;filter:grayscale(1);transform:scale(.82)}.tavlaDice button.blocked{opacity:.42}.tavlaDice.spin button{animation:tavlaDiceSpin .13s linear}@media(max-width:700px){.tavlaDice{gap:4px}.tavlaDice button{width:27px;height:27px;border-width:1px;border-radius:7px;font-size:20px;box-shadow:0 5px 11px #0006,inset 0 1px #fff}.tavlaDice button.chosen{box-shadow:0 0 0 3px #5cf4c933,0 5px 11px #0006}}

/* Snake uses the complete game frame while preserving its native 3:2 board ratio. */
body[data-game="snake"] #gameArea{min-height:0;padding:clamp(5px,1vw,10px)}
body[data-game="snake"] #gameArea .snakeDeluxeCanvas{display:block;width:100%;max-width:none;height:auto;aspect-ratio:3/2}
@media(max-width:600px){body[data-game="snake"] #gameArea{padding:4px;border-radius:10px}}

/* Penalty Stars — full stadium experience. */
body[data-game="penalty"] #gameArea{min-height:0;padding:clamp(4px,1vw,10px);overflow:hidden;background:#111a36}
.penaltyStarsGame{position:relative;width:100%;max-width:960px;aspect-ratio:8/5;overflow:hidden;border-radius:16px;background:#101a38;box-shadow:0 20px 45px #10213b45}
.penaltyStarsCanvas{display:block;width:100%!important;max-width:none!important;height:100%!important;border-radius:0!important}
.penaltyStarsHud{position:absolute;top:clamp(8px,2vw,20px);left:clamp(8px,2vw,20px);right:clamp(8px,2vw,20px);display:flex;justify-content:space-between;align-items:center;color:#fff;pointer-events:none;text-shadow:0 2px 8px #07132e;font:800 clamp(12px,2vw,20px) Outfit,Arial,sans-serif}
.penaltyStarsRound{padding:7px 12px;border:1px solid #ffffff45;border-radius:999px;background:#09152dbb;backdrop-filter:blur(8px)}
.penaltyStarsAim{position:absolute;right:clamp(10px,2vw,22px);bottom:clamp(10px,2vw,22px);display:grid;grid-template-columns:repeat(3,clamp(35px,5.5vw,56px));gap:clamp(4px,.8vw,8px);padding:clamp(6px,1vw,10px);border:1px solid #ffffff3b;border-radius:16px;background:#0a1735c7;box-shadow:0 12px 28px #05132e88;backdrop-filter:blur(9px);transition:.2s}
.penaltyStarsAim button{display:grid;place-items:center;aspect-ratio:1;border:1px solid #ffffff45;border-radius:11px;background:linear-gradient(145deg,#ffffffee,#cfe5ffdd);color:#18305b;font:900 clamp(17px,2.6vw,26px) Arial,sans-serif;cursor:pointer;box-shadow:inset 0 1px #fff,0 3px 8px #06112677;transition:transform .12s,filter .12s}
.penaltyStarsAim button:hover,.penaltyStarsAim button:focus-visible{transform:translateY(-2px) scale(1.05);filter:brightness(1.1);outline:3px solid #ffe56c}
.penaltyStarsAim button:active{transform:scale(.94)}
.penaltyStarsAim.locked{opacity:.5;pointer-events:none;transform:scale(.96)}
@media(max-width:600px){.penaltyStarsGame{border-radius:10px}.penaltyStarsAim{grid-template-columns:repeat(3,34px);gap:4px;padding:5px;border-radius:11px}.penaltyStarsAim button{border-radius:7px;font-size:16px}.penaltyStarsPrompt{max-width:55%}}

/* Live nickname/comment safety feedback. */
.safetyWarning{display:block;margin:6px 0 0!important;color:#c53455!important;font-size:11px!important;font-weight:800!important;letter-spacing:0!important;line-height:1.35}.safetyWarning[hidden]{display:none!important}.nicknameFields input.safetyBlocked,.commentComposer textarea.safetyBlocked{border-color:#dc4565!important;background:#fff6f8!important;box-shadow:0 0 0 3px #dc45651c!important}.nicknameActions button:disabled,.commentComposer button:disabled{opacity:.45;cursor:not-allowed}

.managedGameFrame{display:block;width:100%;min-height:min(72vh,720px);border:0;border-radius:16px;background:#15172a}.managedAd{width:100%;margin:0 auto 24px;border:1px solid #e5ddf1;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 10px 28px #39205a0d}.managedAd a{display:flex;align-items:center;gap:16px;padding:12px 16px;color:#3d3451}.managedAd img{width:88px;height:58px;border-radius:11px;object-fit:cover}.managedAd span{display:grid;gap:3px}.managedAd small{color:#988ba5;font-size:8px;letter-spacing:.18em}.managedAd strong{font:800 16px Outfit}.managedAd em{color:#81768e;font-size:11px;font-style:normal}@media(max-width:600px){.managedGameFrame{min-height:62vh}.managedAd a{padding:9px}.managedAd img{width:68px;height:50px}.managedAd strong{font-size:14px}}

/* Slim discussion cards on desktop and mobile. */
.commentList{gap:7px}.commentCard{padding:10px 12px;border-radius:12px}.commentCard>div{gap:8px}.commentAvatar{width:30px;height:30px;font-size:12px}.commentCard b{font-size:12px}.commentCard time{font-size:8px}.commentCard p{margin-top:7px;font-size:12px;line-height:1.42}.commentActions{gap:5px!important;margin-top:7px}.commentActions button{min-height:28px;padding:4px 7px;border-radius:7px;font-size:9px}.commentReply{margin-left:34px;border-left-width:2px}.commentReply .commentAvatar{width:27px;height:27px;font-size:10px}
@media(max-width:620px){.commentList{gap:6px}.commentCard{padding:9px 10px;border-radius:11px}.commentCard>div{gap:7px}.commentAvatar{width:28px;height:28px;font-size:11px}.commentCard b{font-size:11px}.commentCard time{font-size:8px}.commentCard p{margin-top:6px;font-size:11px;line-height:1.4}.commentActions{margin-top:6px}.commentActions button{min-height:30px;padding:4px 8px;font-size:9px}.commentReply{margin-left:14px}html[dir=rtl] .commentReply{margin-left:0;margin-right:14px}}