.hub-site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;width:100%;height:84px;margin:0;border-bottom:1px solid rgba(246,241,229,.16)}.hub-site-logo{display:inline-flex;align-items:center;gap:.72rem;color:#f6f1e5;text-decoration:none;font-family:var(--display,"Archivo Black",Impact,sans-serif);font-size:1.12rem;font-weight:800;line-height:1;letter-spacing:.02em}.hub-site-logo span{display:grid;width:34px;height:34px;place-items:center;border:2px solid #181a15;border-radius:7px;background:#f6d653;color:#171912;box-shadow:4px 4px 0 #b29a30;transform:rotate(-4deg)}.hub-site-nav{display:flex;align-items:center;gap:2rem}.hub-header-cta{position:relative;isolation:isolate;margin-left:auto;padding:.68rem 1rem;border:1px solid rgba(246,214,83,.78);border-radius:8px;background:linear-gradient(135deg,rgba(246,214,83,.16),rgba(246,214,83,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 18px rgba(0,0,0,.2);color:#f6d653;text-decoration:none;font-family:"DM Sans",Arial,sans-serif;font-size:.76rem;font-weight:800;letter-spacing:.035em;line-height:1;text-transform:none;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.hub-header-cta:before{content:"";position:absolute;z-index:-1;inset:3px;border:1px solid rgba(255,241,181,.16);border-radius:5px}.hub-header-cta:hover,.hub-header-cta:focus-visible{border-color:#ffe36d;background:linear-gradient(135deg,#ffe36d,#e7be35);box-shadow:0 9px 23px rgba(0,0,0,.3);color:#1b1e17;outline:0;transform:translateY(-2px)}.hub-header-cta:active{transform:translateY(0);box-shadow:inset 0 2px 5px rgba(83,65,8,.25)}.hub-site-header:has(#hubAccount:not([hidden])) .hub-header-cta{display:none}@media(min-width:901px){.hub-site-header{justify-content:flex-start}.hub-site-nav{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}}.hub-site-nav a{color:rgba(255,255,255,.68);text-decoration:none;font-family:"DM Sans",Arial,sans-serif;font-size:.88rem;font-weight:600;line-height:1.2}.hub-site-nav .nav-help summary{font-family:"DM Sans",Arial,sans-serif}.hub-site-nav a:hover,.hub-site-nav a[aria-current=page]{color:#f6d653}.hub-header-cta{padding:.7rem 1rem;border:1px solid #f6d653;border-radius:7px;color:#f6d653;text-decoration:none;font-size:.76rem;font-weight:800}.hub-menu-toggle,.hub-mobile-nav-head,.hub-menu-backdrop{display:none}
@media(max-width:900px){.hub-site-header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.85rem;height:70px;padding:0}.hub-site-header>.hub-account-area{grid-column:3;grid-row:1;align-self:center;min-width:0}.hub-menu-toggle{grid-column:1;grid-row:1;display:grid;width:42px;height:42px;padding:10px;place-content:center;align-self:center;gap:5px;border:1px solid rgba(246,241,229,.16);border-radius:8px;background:rgba(30,33,28,.78)}.hub-menu-toggle span{display:block;width:19px;height:2px;border-radius:2px;background:#f6f1e5}.hub-site-logo{position:absolute;z-index:2;left:50%;top:50%;grid-column:auto;grid-row:auto;justify-self:auto;transform:translate(-50%,-50%);white-space:nowrap}.hub-header-cta{grid-column:3;white-space:nowrap}.hub-site-nav{position:fixed;z-index:1001;inset:0 auto 0 0;display:flex;width:min(82vw,320px);padding:1rem;flex-direction:column;align-items:stretch;gap:.45rem;border-right:1px solid rgba(246,241,229,.16);background:#171a16;box-shadow:20px 0 50px rgba(0,0,0,.42);transform:translate3d(-105%,0,0);visibility:hidden;transition:transform .28s cubic-bezier(.2,.85,.25,1),visibility .28s}.hub-mobile-nav-head{display:flex;align-items:center;justify-content:space-between;min-height:58px;margin-bottom:.5rem;padding:0 .35rem .75rem;border-bottom:1px solid rgba(246,241,229,.13);font-family:var(--font-display);text-transform:uppercase}.hub-menu-close{width:38px;height:38px;border:0;background:transparent;color:#c7c9bd;font-size:1.8rem}.hub-site-nav a{display:flex;min-height:48px;padding:0 1rem;align-items:center;border:1px solid transparent;border-radius:8px}.hub-menu-backdrop{position:fixed;z-index:1000;inset:0;display:block;background:rgba(6,8,6,.68);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.hub-menu-open{overflow:hidden}.hub-menu-open .hub-site-nav{transform:translate3d(0,0,0);visibility:visible}.hub-menu-open .hub-menu-backdrop{opacity:1;visibility:visible}}
@media(max-width:600px){/* games-shell usa 20px de margem; compensamos para repetir os 14px do index. */.hub-site-header{width:calc(100% + 12px);margin-left:-6px;grid-template-columns:42px minmax(0,1fr) auto;gap:.55rem}.hub-site-logo{justify-self:center;font-size:.95rem}.hub-site-logo span{width:30px;height:30px}.hub-header-cta{padding:.58rem .65rem;font-size:.66rem}}
*{scrollbar-width:thin;scrollbar-color:#f6d653 #171a16}*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-track{background:#171a16}*::-webkit-scrollbar-thumb{background:#f6d653;border:3px solid #171a16;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#ffe36d}
.games-page{background-color:#151812;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:5px 5px,7px 7px;color:var(--neutral-100);position:relative}.hub-site-bg{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;opacity:.36}.hub-site-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.18)}.hub-site-bg div{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,18,14,.98),rgba(15,18,14,.58) 68%,rgba(15,18,14,.88)),linear-gradient(180deg,transparent 42%,#151812 96%)}
.games-shell{position:relative;z-index:1;width:min(1180px,calc(100% - 40px));padding:0 0 54px}
.games-nav{display:none}
.game-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--neutral-300);text-decoration:none;font-weight:700}.game-back:hover{color:var(--neutral-100)}
.games-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.52fr);align-items:end;max-width:none;min-height:390px;margin:0;padding:58px 2vw 52px;border-bottom:1px solid rgba(246,241,229,.16)}
.games-hero__copy{position:relative;z-index:2}.brand-stamp{display:inline-block;margin:0 0 22px;padding:7px 10px 6px;border:1px solid #e2c85e;color:#e9d873;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transform:rotate(-2deg)}
.games-hero h1{margin:0;font-family:var(--font-display);font-size:clamp(3.7rem,9vw,7.9rem);line-height:.8;letter-spacing:-.065em;text-transform:uppercase}
.games-hero__copy>p:last-child{margin:27px 0 0;color:var(--neutral-300);font-size:clamp(1rem,1.7vw,1.25rem)}
.table-scatter{position:relative;height:260px;transform:rotate(3deg)}.table-scatter>*{position:absolute;display:block}.scatter-card{right:17%;top:24px;width:112px;height:162px;display:grid;place-items:center;border:7px solid #eee8d8;border-radius:16px;background:#c6423d;color:#fff;font:italic 4rem/1 var(--font-display);box-shadow:9px 11px 0 #8d2b28;transform:rotate(11deg)}.scatter-card:after{content:"";position:absolute;inset:18px;border:3px solid currentColor;border-radius:50%;transform:rotate(-29deg)}.scatter-chip{right:4%;bottom:26px;width:58px;height:58px;border:8px dashed #d6bd50;border-radius:50%;background:#20251d;transform:rotate(12deg)}.scatter-domino{left:12%;bottom:18px;width:66px;height:126px;border-radius:12px;background:#eee8d8;box-shadow:7px 8px 0 #858174;transform:rotate(-17deg)}.scatter-domino:before,.scatter-domino:after{content:"";position:absolute;left:50%;width:9px;height:9px;border-radius:50%;background:#1c201a;box-shadow:17px 0 #1c201a,-17px 0 #1c201a}.scatter-domino:before{top:27px}.scatter-domino:after{bottom:27px}
.games-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);grid-template-rows:auto auto;gap:20px;padding:44px 0}
.game-box{position:relative;min-width:0;min-height:260px;overflow:hidden;border:1px solid rgba(246,241,229,.16);color:var(--neutral-100);text-decoration:none;background-color:var(--game-surface);background-image:var(--game-texture);transition:transform var(--duration-medium) var(--ease-spring),border-color var(--duration-fast) ease,box-shadow var(--duration-medium) ease;isolation:isolate}
.game-box--uno{grid-row:span 2;min-height:540px;background-color:#8e2527;border-color:#e14b43}.game-box--gartic{min-height:330px;background-color:#275fae;border-color:#6aa7ff}.game-box--domino{background:#ddd5c4;color:#191c18}.game-box--mystery{min-height:190px;border:2px dashed #626759;background:transparent}
.game-box.is-available:hover,.game-box.is-available:focus-visible{z-index:3;transform:translateY(-8px) rotate(-.7deg);box-shadow:var(--shadow-raised)}
.game-box__status{position:absolute;z-index:4;top:18px;left:18px;padding:6px 8px;border:1px solid currentColor;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.game-box__art{position:absolute;inset:0;z-index:-1}.game-box__copy{position:absolute;z-index:2;left:clamp(22px,4vw,48px);right:clamp(22px,4vw,48px);bottom:74px}.game-box__copy p{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}.game-box__copy p span{padding:5px 8px;border:1px solid currentColor;font-size:.67rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.game-box__copy h2{margin:0;font:italic clamp(3.2rem,8vw,7rem)/.85 var(--game-title-font,var(--font-display));letter-spacing:-.06em}.game-box__copy small{display:block;max-width:460px;margin-top:14px;font-size:.92rem}.game-box__cta{position:absolute;right:24px;bottom:22px;font-size:.86rem}.game-box__cta span{display:inline-block;margin-left:6px;transition:transform var(--duration-fast) ease}.game-box:hover .game-box__cta span{transform:translateX(5px)}
.card-fan{position:relative;width:100%;height:100%}.fan-card{position:absolute;display:grid;place-items:center;width:146px;height:208px;border:8px solid #eee8dc;border-radius:19px;background:var(--game-red);box-shadow:7px 10px 0 rgba(34,18,15,.28);transform-origin:50% 125%;transition:transform var(--duration-medium) var(--ease-spring)}.fan-card:after{content:"";position:absolute;inset:22px;border:4px solid rgba(255,255,255,.86);border-radius:50%;transform:rotate(-28deg)}.fan-card b{position:relative;z-index:1;font:italic 3.8rem/1 var(--font-display)}.fan-red{background:var(--game-red);transform:rotate(-19deg)}.fan-blue{background:var(--game-blue);transform:rotate(-6deg)}.fan-yellow{background:var(--game-yellow);color:#181a15;transform:rotate(8deg)}.fan-wild{background:conic-gradient(var(--game-red) 0 25%,var(--game-yellow) 0 50%,var(--game-green) 0 75%,var(--game-blue) 0);transform:rotate(21deg)}
.card-fan--box{position:absolute;top:42px;right:4%;width:390px;height:280px}.card-fan--box .fan-card{left:124px;top:18px}.game-box--uno:hover .fan-red{transform:rotate(-25deg) translateX(-8px)}.game-box--uno:hover .fan-blue{transform:rotate(-9deg) translateX(-3px)}.game-box--uno:hover .fan-yellow{transform:rotate(11deg) translateX(3px)}.game-box--uno:hover .fan-wild{transform:rotate(27deg) translateX(9px)}
.gartic-board-art{position:absolute;inset:0}.gartic-paper{position:absolute;right:8%;top:34px;width:230px;height:180px;border:8px solid #e9e3d6;border-radius:10px;background:#fffdf6;box-shadow:10px 12px 0 rgba(14,38,76,.35);transform:rotate(4deg)}.gartic-paper b{position:absolute;display:block;border:8px solid #ef6c61;border-radius:50%}.gartic-paper b:first-child{width:70px;height:70px;left:78px;top:25px;background:#ffd45c}.gartic-paper b:nth-child(2){width:95px;height:45px;left:25px;bottom:18px;border-color:#54a96b;border-radius:50% 50% 10px 10px}.gartic-paper b:nth-child(3){width:60px;height:60px;right:18px;bottom:14px;border-color:#4f8ee8;transform:rotate(45deg)}.gartic-pencil{position:absolute;right:7%;top:180px;width:190px;height:22px;border:4px solid #5a4128;border-radius:5px;background:#ffd45c;box-shadow:5px 6px 0 rgba(14,38,76,.3);transform:rotate(-24deg)}.gartic-pencil:after{content:"";position:absolute;right:-27px;top:-4px;border-left:27px solid #ead1a6;border-top:11px solid transparent;border-bottom:11px solid transparent}.game-box--gartic .game-box__copy{bottom:46px}.game-box--gartic .game-box__copy h2{font-size:clamp(2.8rem,5vw,4.8rem)}.game-box--gartic .game-box__copy small{max-width:260px}
.game-box--domino .game-box__copy{bottom:55px}.game-box--domino .game-box__copy h2{font-size:clamp(2.2rem,4vw,3.6rem);font-style:normal}.game-box--domino .game-box__copy small{max-width:190px}.game-box--domino .game-box__status{color:#353a31}
.empty-box-art{position:absolute;inset:32px;display:grid;place-items:center;border:1px dashed #737969}.empty-box-art:before,.empty-box-art:after{content:"";position:absolute;width:46px;border-top:1px dashed #737969}.empty-box-art:before{transform:rotate(45deg)}.empty-box-art:after{transform:rotate(-45deg)}.empty-box-art span{font:2.6rem/1 var(--font-display);color:#777d6d}.game-box--mystery .game-box__copy{left:22px;bottom:28px}.game-box--mystery .game-box__copy h2{font-size:1.45rem;font-style:normal;letter-spacing:-.02em}.game-box--mystery .game-box__copy p,.game-box--mystery .game-box__copy small,.game-box--mystery .game-box__cta{display:none}
.games-footer{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid rgba(246,241,229,.16);color:var(--neutral-300);font-size:.8rem}.games-footer a{color:inherit}
@media(max-width:760px){.games-hero{display:block;min-height:0;padding:46px 0 112px}.games-hero__copy{position:relative;z-index:2}.games-hero h1{max-width:100%;font-size:clamp(3.3rem,16vw,5.5rem);line-height:.82}.games-hero__copy>p:last-child{max-width:54%;margin-top:24px}.table-scatter{position:absolute;z-index:1;top:220px;right:-12px;bottom:auto;width:230px;height:178px;opacity:.94;transform:scale(.68) rotate(2deg);transform-origin:100% 0}.table-scatter:after{content:"";position:absolute;z-index:-1;right:-16px;bottom:-18px;width:150px;height:72px;border-bottom:1px solid rgba(246,241,229,.2);transform:rotate(-5deg)}.games-grid{grid-template-columns:1fr;grid-template-rows:auto;padding-top:34px}.game-box--uno,.game-box--mystery{grid-row:auto}.game-box--uno{min-height:470px}.game-box--gartic{min-height:360px}.game-box--domino,.game-box--mystery{min-height:260px}.card-fan--box{right:-86px;top:52px;transform:scale(.72)}.gartic-board-art{transform:scale(.68);transform-origin:100% 0;right:-80px}.game-box__copy{left:22px;right:22px}.games-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:380px){.games-shell{width:calc(100% - 20px)}.games-hero{padding-top:38px;padding-bottom:96px}.games-hero h1{font-size:3.15rem}.games-hero__copy>p:last-child{max-width:52%}.table-scatter{top:194px;right:-24px;transform:scale(.56) rotate(2deg)}.game-box--uno{min-height:440px}.card-fan--box{right:-118px;top:40px;transform:scale(.62)}}

/* Cards use independent art, copy and action zones so their contents never compete. */
.games-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.85fr);grid-template-rows:390px 190px;gap:22px;padding:46px 0}
.game-box{border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.game-box:after{content:"";position:absolute;z-index:1;inset:auto 0 0;height:46%;background:linear-gradient(transparent,rgba(9,17,29,.28));pointer-events:none}
.game-box--uno{min-height:602px}.game-box--gartic{min-height:390px}.game-box--mystery{min-height:190px}
.game-box__status{top:20px;left:20px;border-radius:999px;background:rgba(10,24,44,.2);backdrop-filter:blur(6px)}
.game-box__copy{left:42px;right:42px;bottom:82px}
.game-box__copy small{line-height:1.5}
.game-box__cta{z-index:3;right:28px;bottom:25px}
.card-fan--box{top:54px;right:5%}

.game-box--gartic:after{height:43%;background:linear-gradient(transparent,rgba(12,42,86,.82))}
.game-box--gartic .game-box__art{z-index:0;inset:30px 18px 126px}
.gartic-board-art{position:relative;width:100%;height:100%;filter:drop-shadow(0 15px 16px rgba(10,31,66,.3))}
.hub-sketch-sheet{position:absolute;top:8px;left:50%;width:min(270px,78%);aspect-ratio:1.43;padding:15px 13px 12px 24px;border:7px solid #eee8d8;border-radius:13px 18px 16px 12px;background:#fffdf5;box-shadow:9px 10px 0 rgba(21,44,82,.3);transform:translateX(-48%) rotate(2.5deg);animation:hub-paper-float 5s ease-in-out infinite}
.hub-paper-tape{position:absolute;z-index:2;top:-17px;left:50%;width:68px;height:25px;background:rgba(255,224,126,.82);clip-path:polygon(4% 8%,97% 0,93% 91%,0 100%);transform:translateX(-50%) rotate(-3deg)}
.hub-spiral{position:absolute;z-index:3;top:17px;left:-12px;display:grid;gap:15px}.hub-spiral i{display:block;width:24px;height:6px;border-radius:6px;background:#48566b;box-shadow:0 2px 0 rgba(0,0,0,.18)}
.hub-sketch-scene{display:block;width:100%;height:100%;filter:saturate(.93)}
.hub-artist-sign{position:absolute;right:18px;bottom:8px;color:#526074;font:italic 600 .55rem/1 cursive;transform:rotate(-4deg)}
.hub-drawing-pencil{position:absolute;z-index:4;right:0;bottom:5px;width:150px;height:18px;border:3px solid #70441f;border-radius:4px;background:linear-gradient(#ffe07b 0 48%,#e9ae31 49% 100%);box-shadow:5px 7px 0 rgba(14,38,76,.27);transform:rotate(-20deg);transform-origin:80% 50%;animation:hub-pencil-draw 3.4s ease-in-out infinite}
.hub-drawing-pencil:before{content:"";position:absolute;right:-25px;top:-3px;border-left:25px solid #efd0a2;border-top:9px solid transparent;border-bottom:9px solid transparent}.hub-drawing-pencil:after{content:"";position:absolute;right:-29px;top:5px;border-left:7px solid #303744;border-top:4px solid transparent;border-bottom:4px solid transparent}.hub-drawing-pencil i{position:absolute;left:-15px;top:-3px;width:17px;height:18px;border:3px solid #70441f;border-radius:5px 0 0 5px;background:#ef756d}
.game-box--gartic .game-box__copy{left:28px;right:28px;bottom:57px}.game-box--gartic .game-box__copy p{margin-bottom:7px}.game-box--gartic .game-box__copy h2{font-size:clamp(2.55rem,4vw,4.25rem)}.game-box--gartic .game-box__copy small{max-width:285px;margin-top:8px}.game-box--gartic .game-box__cta{bottom:22px}

.game-box--mystery:after{display:none}.game-box--mystery .empty-box-art{inset:30px 26px 30px 48%;border-radius:10px}.game-box--mystery .game-box__copy{left:22px;right:54%;bottom:24px}.game-box--mystery .game-box__copy h2{font-size:1.4rem;line-height:1.05}

@keyframes hub-paper-float{0%,100%{transform:translateX(-48%) rotate(2.5deg) translateY(0)}50%{transform:translateX(-48%) rotate(1deg) translateY(-5px)}}
@keyframes hub-pencil-draw{0%,100%{transform:rotate(-20deg) translate(0)}50%{transform:rotate(-17deg) translate(-9px,-3px)}}

@media(max-width:900px){.games-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr)}.card-fan--box{right:-10%;transform:scale(.88);transform-origin:100% 0}.game-box__copy{left:30px;right:30px}}
@media(max-width:760px){.games-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:18px;padding-top:34px}.game-box--uno{min-height:500px}.game-box--gartic{min-height:420px}.game-box--mystery{min-height:210px}.card-fan--box{right:-86px;transform:scale(.72)}.game-box--gartic .game-box__art{inset:34px 15px 130px}.gartic-board-art{right:auto;transform:none}.hub-sketch-sheet{width:min(285px,76%)}.game-box--mystery .empty-box-art{inset:30px 24px 30px 52%}.game-box--mystery .game-box__copy{right:50%}}
@media(max-width:420px){.game-box--gartic{min-height:405px}.hub-sketch-sheet{width:82%;padding-left:20px}.hub-drawing-pencil{right:-13px;width:125px}.game-box--gartic .game-box__copy small{font-size:.84rem}.game-box--mystery .empty-box-art{opacity:.65}.game-box--mystery .game-box__copy{right:42%}}
@media(prefers-reduced-motion:reduce){.hub-sketch-sheet,.hub-drawing-pencil{animation:none}}

/* Hero tabletop: familiar game pieces with material depth and restrained motion. */
.games-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.58fr)}
.table-scatter{height:285px;isolation:isolate;perspective:700px;transform:none}
.table-scatter .table-shadow{z-index:-1;right:1%;bottom:12px;width:94%;height:95px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.38),transparent 68%);filter:blur(8px);transform:rotate(-3deg)}
.table-scatter .scatter-card{z-index:3;right:11%;top:21px;width:116px;height:166px;border:7px solid #f1ebde;border-radius:16px;background:linear-gradient(145deg,#de4d47,#b92f2d);color:#fff;box-shadow:6px 7px 0 #8c2828,11px 13px 0 #eee8da,17px 20px 0 #732522,22px 28px 30px rgba(0,0,0,.34);transform:rotate(13deg);animation:table-card-float 5.2s ease-in-out infinite}.scatter-card b{position:relative;z-index:2;font:italic 4rem/1 var(--font-display);text-shadow:0 3px 0 rgba(83,15,15,.28)}.scatter-card:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.24);border-radius:10px}.scatter-card:after{inset:19px;border-width:4px}
.scatter-board{z-index:1;left:0;bottom:12px;width:205px;height:auto;overflow:visible;filter:drop-shadow(5px 7px 0 #8d7545) drop-shadow(12px 18px 14px rgba(0,0,0,.32));transform:rotate(-10deg) rotateX(8deg);transform-origin:50% 70%;animation:table-board-float 6s ease-in-out .4s infinite}
.scatter-die{z-index:4;left:39%;top:26px;width:74px;height:74px;border:5px solid #e8e0d1;border-radius:16px;background:linear-gradient(145deg,#fffdf5,#d8d0c0);box-shadow:5px 7px 0 #aaa293,12px 17px 25px rgba(0,0,0,.3);transform:rotate(11deg) rotateX(7deg);animation:table-die-roll 6.2s ease-in-out .2s infinite}.scatter-die b{position:absolute;width:10px;height:10px;border-radius:50%;background:#20231e;box-shadow:inset 1px 1px 2px rgba(0,0,0,.5)}.scatter-die b:first-child{left:14px;top:14px}.scatter-die b:nth-child(2){right:14px;top:14px}.scatter-die b:nth-child(3){left:50%;top:50%;translate:-50% -50%}.scatter-die b:nth-child(4){left:14px;bottom:14px}.scatter-die b:nth-child(5){right:14px;bottom:14px}
.table-scatter .scatter-chip{z-index:5;right:0;bottom:24px;width:62px;height:62px;border:8px dashed #f1cc46;background:radial-gradient(circle,#20241e 0 45%,#11140f 46%);box-shadow:0 0 0 3px #252a21,7px 11px 18px rgba(0,0,0,.38);transform:rotate(12deg);animation:table-chip-spin 7.5s ease-in-out infinite}
.scatter-pawn{z-index:1;left:43%;bottom:18px;width:48px;height:66px;border-radius:45% 45% 20% 20%;background:linear-gradient(90deg,#397fbf,#67b3ec 48%,#2872b4);box-shadow:0 8px 0 #1d537f,8px 16px 20px rgba(0,0,0,.3);transform:rotate(-8deg);animation:table-pawn-float 5.5s ease-in-out .7s infinite}.scatter-pawn:before{content:"";position:absolute;left:8px;top:-22px;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 36% 28%,#8bcdf5,#3984c2 65%);box-shadow:0 5px 0 #286a9e}.scatter-pawn:after{content:"";position:absolute;left:-8px;right:-8px;bottom:-4px;height:19px;border-radius:50%;background:linear-gradient(#5ca9dd,#246a9e);box-shadow:0 5px 0 #1c5279}
@keyframes table-card-float{0%,100%{transform:rotate(13deg) translateY(0)}50%{transform:rotate(10deg) translate(-4px,-9px)}}
@keyframes table-board-float{0%,100%{transform:rotate(-10deg) rotateX(8deg) translateY(0)}50%{transform:rotate(-8deg) rotateX(5deg) translate(3px,-6px)}}
@keyframes table-die-roll{0%,100%{transform:rotate(11deg) rotateX(7deg) translateY(0)}50%{transform:rotate(17deg) rotateX(12deg) translate(5px,-11px)}}
@keyframes table-chip-spin{0%,100%{transform:rotate(12deg) translateY(0)}50%{transform:rotate(34deg) translateY(-5px)}}
@keyframes table-pawn-float{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-7px)}}
@media(max-width:900px){.games-hero{grid-template-columns:minmax(0,1fr) minmax(280px,.52fr)}.table-scatter{transform:scale(.88);transform-origin:100% 60%}}
@media(max-width:760px){.games-hero{display:block}.table-scatter{top:210px;right:-4px;width:270px;height:190px;transform:scale(.63);transform-origin:100% 0}.scatter-die{left:35%}.scatter-pawn{left:42%}}
@media(max-width:380px){.table-scatter{top:190px;right:-20px;transform:scale(.54)}}
@media(prefers-reduced-motion:reduce){.table-scatter .scatter-card,.scatter-board,.scatter-die,.table-scatter .scatter-chip,.scatter-pawn{animation:none}}

.games-grid{grid-template-rows:360px 280px 170px}.game-box--uno{grid-row:span 2;min-height:662px}.game-box--gartic{min-height:360px}.game-box--damas{min-height:280px;background:#1f6c62;border-color:#62b9aa}.game-box--mystery{grid-column:1/-1;min-height:170px}.game-box--damas:after{height:48%;background:linear-gradient(transparent,rgba(8,47,43,.88))}.game-box--damas .game-box__copy{left:28px;bottom:52px}.game-box--damas .game-box__copy h2{font-size:clamp(2.7rem,5vw,4.8rem)}.game-box--damas .game-box__copy small{margin-top:7px}.game-box--damas .game-box__cta{bottom:20px}.game-box--damas .game-box__art{z-index:0}
.hub-checkers{position:absolute;inset:16px 22px 98px;filter:drop-shadow(8px 12px 12px rgba(0,0,0,.28))}.hub-checkers>div{position:absolute;right:8px;top:2px;display:grid;grid-template-columns:repeat(6,1fr);width:190px;aspect-ratio:1;padding:7px;border:7px solid #c58d4c;border-radius:9px;background:#c58d4c;transform:rotate(5deg)}.hub-checkers i{position:relative;background:#eadabc}.hub-checkers i:nth-child(12n+2),.hub-checkers i:nth-child(12n+4),.hub-checkers i:nth-child(12n+6),.hub-checkers i:nth-child(12n+7),.hub-checkers i:nth-child(12n+9),.hub-checkers i:nth-child(12n+11){background:#294f4a}.hub-checkers b{position:absolute;inset:13%;border:3px double rgba(255,255,255,.3);border-radius:50%;background:#edc77e;box-shadow:0 3px 0 rgba(0,0,0,.28)}.hub-checkers span{position:absolute;z-index:2;right:0;bottom:0;display:grid;place-items:center;width:62px;height:62px;border:7px double rgba(255,255,255,.3);border-radius:50%;background:#1b2927;color:#efc975;font:1.9rem var(--font-display);box-shadow:0 7px 0 rgba(0,0,0,.3);animation:table-chip-spin 7s ease-in-out infinite}
@media(max-width:760px){.games-grid{grid-template-rows:auto}.game-box--uno{min-height:500px}.game-box--damas{min-height:330px}.game-box--mystery{grid-column:auto}.hub-checkers{inset:18px 20px 110px}.hub-checkers>div{width:205px}}
@media(prefers-reduced-motion:reduce){.hub-checkers span{animation:none}}

/* A vitrine principal divide melhor o destaque entre os três jogos. */
.games-grid{grid-template-columns:minmax(0,1.3fr) minmax(360px,1fr);grid-template-rows:320px 260px 160px;gap:20px}
.game-box--uno{min-height:600px}
.game-box--gartic{min-height:320px}
.game-box--damas{min-height:260px}
.game-box--mystery{min-height:160px}
.game-box--damas .game-box__copy{right:30px}
.hub-checkers{inset:14px 18px 105px 48%;filter:drop-shadow(6px 9px 9px rgba(0,0,0,.25))}
.hub-checkers>div{right:0;top:0;width:155px;padding:6px;border-width:6px;transform:rotate(4deg)}
.hub-checkers span{right:-3px;bottom:-5px;width:52px;height:52px;border-width:5px;font-size:1.55rem}
@media(max-width:900px){.games-grid{grid-template-columns:minmax(0,1.18fr) minmax(320px,1fr)}.hub-checkers{left:46%}.hub-checkers>div{width:145px}}
@media(max-width:760px){.games-grid{grid-template-columns:1fr;grid-template-rows:auto}.game-box--uno{min-height:470px}.game-box--gartic{min-height:390px}.game-box--damas{min-height:300px}.game-box--mystery{min-height:180px}.hub-checkers{inset:16px 18px 112px 48%}.hub-checkers>div{width:175px}}
@media(max-width:420px){.hub-checkers{left:52%}.hub-checkers>div{width:150px}.game-box--damas .game-box__copy h2{font-size:2.8rem}}

/* O desenho do Gartic fica em sua própria área, sem disputar espaço com o texto. */
.game-box--gartic .game-box__art{inset:18px 10px 138px 50%}
.game-box--gartic .hub-sketch-sheet{top:4px;width:min(215px,94%);border-width:6px;box-shadow:7px 8px 0 rgba(21,44,82,.28)}
.game-box--gartic .hub-drawing-pencil{right:-2px;bottom:0;width:125px;height:16px;border-width:2px}
.game-box--gartic .hub-drawing-pencil:before{right:-22px;top:-2px;border-left-width:22px;border-top-width:8px;border-bottom-width:8px}
.game-box--gartic .hub-drawing-pencil:after{right:-26px;top:5px}
@media(max-width:900px){.game-box--gartic .game-box__art{left:54%}.game-box--gartic .hub-sketch-sheet{width:min(180px,96%)}.game-box--gartic .game-box__copy h2{font-size:2.8rem}}
@media(max-width:760px){.game-box--gartic .game-box__art{inset:22px 12px 148px 48%}.game-box--gartic .hub-sketch-sheet{width:min(235px,92%)}.game-box--gartic .hub-drawing-pencil{width:135px}.game-box--gartic .game-box__copy h2{font-size:clamp(2.8rem,12vw,4rem)}}
@media(max-width:420px){.game-box--gartic .game-box__art{left:52%;bottom:155px}.game-box--gartic .hub-sketch-sheet{width:190px}.game-box--gartic .hub-drawing-pencil{width:110px}}

/* Bento assimétrico: o próximo jogo entra no mosaico sem uniformizar as caixas. */
.games-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr) minmax(155px,.3fr);grid-template-rows:320px 260px}
.game-box--uno{grid-column:1;grid-row:1/3}
.game-box--gartic{grid-column:2/4;grid-row:1}
.game-box--damas{grid-column:2;grid-row:2}
.game-box--mystery{grid-column:3;grid-row:2;min-height:260px}
.game-box--mystery .game-box__status{top:16px;left:16px;font-size:.58rem}
.game-box--mystery .empty-box-art{inset:66px 16px 62px;border-radius:12px}
.game-box--mystery .game-box__copy{left:16px;right:16px;bottom:20px}
.game-box--mystery .game-box__copy h2{font-size:1.15rem}
.game-box--damas .game-box__copy h2{font-size:clamp(2.45rem,4vw,3.8rem)}
.game-box--damas .hub-checkers{left:56%}
.game-box--damas .hub-checkers>div{width:125px}
.game-box--damas .hub-checkers span{width:46px;height:46px;font-size:1.35rem}
@media(max-width:980px){.games-grid{grid-template-columns:1fr;grid-template-rows:auto}.game-box--uno,.game-box--gartic,.game-box--damas,.game-box--mystery{grid-column:auto;grid-row:auto}.game-box--uno{min-height:470px}.game-box--gartic{min-height:390px}.game-box--damas{min-height:300px}.game-box--mystery{min-height:180px}.game-box--mystery .empty-box-art{inset:30px 24px 30px 52%}.game-box--mystery .game-box__copy{left:22px;right:50%;bottom:28px}.game-box--mystery .game-box__copy h2{font-size:1.4rem}.game-box--damas .hub-checkers{left:48%}.game-box--damas .hub-checkers>div{width:175px}}
@media(max-width:520px){.game-box--mystery .empty-box-art{inset:68px 20px 58px}.game-box--mystery .game-box__copy{left:20px;right:20px;bottom:18px}}

/* Duas colunas com cortes desencontrados: Damas passa a dividir o destaque com UNO. */
.games-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-rows:300px 40px 260px}
.game-box--uno{grid-column:1;grid-row:1/3;min-height:0}
.game-box--damas{grid-column:1;grid-row:3;min-height:0}
.game-box--gartic{grid-column:2;grid-row:1;min-height:0}
.game-box--mystery{grid-column:2;grid-row:2/4;min-height:0}
.game-box--uno .card-fan--box{top:8px;right:0;transform:scale(.68);transform-origin:100% 0}
.game-box--uno .game-box__copy{left:30px;right:30px;bottom:58px}
.game-box--uno .game-box__copy p{margin-bottom:8px}
.game-box--uno .game-box__copy h2{font-size:clamp(3.5rem,6vw,5rem)}
.game-box--uno .game-box__copy small{margin-top:8px}
.game-box--uno .game-box__cta{bottom:20px}
.game-box--damas .game-box__copy h2{font-size:clamp(2.7rem,5vw,4.4rem)}
.game-box--damas .hub-checkers{left:56%}
.game-box--damas .hub-checkers>div{width:145px}
.game-box--mystery .game-box__status{top:18px;left:18px;font-size:.64rem}
.game-box--mystery .empty-box-art{inset:34px 24px 34px 50%}
.game-box--mystery .game-box__copy{left:24px;right:52%;bottom:30px}
.game-box--mystery .game-box__copy h2{font-size:1.55rem}
@media(max-width:980px){.games-grid{grid-template-columns:1fr;grid-template-rows:auto}.game-box--uno,.game-box--gartic,.game-box--damas,.game-box--mystery{grid-column:auto;grid-row:auto}.game-box--uno{min-height:470px}.game-box--gartic{min-height:390px}.game-box--damas{min-height:300px}.game-box--mystery{min-height:180px}.game-box--uno .card-fan--box{top:52px;right:-48px;transform:scale(.76)}.game-box--uno .game-box__copy{left:30px;right:30px;bottom:72px}.game-box--mystery .empty-box-art{inset:30px 24px 30px 52%}.game-box--mystery .game-box__copy{left:22px;right:50%;bottom:28px}.game-box--mystery .game-box__copy h2{font-size:1.4rem}.game-box--damas .hub-checkers{left:48%}.game-box--damas .hub-checkers>div{width:175px}}
@media(max-width:520px){.game-box--mystery .empty-box-art{inset:68px 20px 58px}.game-box--mystery .game-box__copy{left:20px;right:20px;bottom:18px}}

/* Enquadramento dos desenhos nos cards compactos do celular. */
@media(max-width:520px){.game-box--uno{min-height:420px}.game-box--uno .card-fan--box{top:14px;right:12px;transform:scale(.62);transform-origin:100% 0}.game-box--uno .game-box__copy{left:28px;right:28px;bottom:56px}.game-box--uno .game-box__copy h2{font-size:3.45rem}.game-box--uno .game-box__copy small{font-size:.86rem}.game-box--gartic .game-box__art{inset:48px 12px 118px 48%}.game-box--gartic .hub-sketch-sheet{width:min(225px,92%)}.game-box--gartic .hub-drawing-pencil{right:0;bottom:0;width:128px}}
@media(max-width:380px){.game-box--uno{min-height:400px}.game-box--uno .card-fan--box{top:18px;right:8px;transform:scale(.55)}.game-box--uno .game-box__copy{left:22px;right:22px;bottom:54px}.game-box--uno .game-box__copy h2{font-size:3.1rem}.game-box--gartic .game-box__art{top:52px;left:50%}.game-box--gartic .hub-sketch-sheet{width:190px}}

/* Identidade da sessão no catálogo. */
.hub-account-area{display:flex;align-items:center;justify-content:flex-end;gap:12px}.hub-account{display:flex;align-items:center;gap:9px;min-width:0;padding:5px 6px 5px 5px;border:1px solid rgba(246,241,229,.18);border-radius:999px;background:rgba(20,25,19,.78);box-shadow:0 8px 24px rgba(0,0,0,.16);backdrop-filter:blur(8px)}.hub-account[hidden]{display:none}.hub-account>img{flex:0 0 34px;width:34px;height:34px;border:1px solid rgba(246,241,229,.28);border-radius:50%;object-fit:cover}.hub-account>span{display:grid;min-width:0;gap:1px;line-height:1.05}.hub-account small{color:var(--neutral-400);font-size:.56rem;font-weight:600}.hub-account strong{max-width:150px;overflow:hidden;color:var(--neutral-100);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.hub-account button{min-height:30px;padding:0 10px;border:1px solid rgba(232,91,78,.45);border-radius:999px;background:rgba(197,57,49,.12);color:#f3a097;font-size:.65rem;font-weight:800}.hub-account button:hover{border-color:#e85b4e;background:#b53831;color:#fff}.hub-toast{position:fixed;z-index:1000;right:18px;bottom:18px;max-width:min(360px,calc(100% - 36px));padding:12px 15px;border:1px solid rgba(232,91,78,.45);border-radius:12px;background:#20261f;color:var(--neutral-100);box-shadow:0 14px 38px rgba(0,0,0,.35);font-size:.82rem}.hub-toast[hidden]{display:none}
@media(max-width:700px){.games-nav__tagline{display:none}.hub-account{gap:7px}.hub-account small{display:none}.hub-account strong{max-width:96px}.hub-account button{width:32px;padding:0;font-size:0}.hub-account button:before{content:"↩";font-size:.9rem}.hub-account-area{min-width:0}}
@media(max-width:380px){.hub-account strong{max-width:74px}.hub-account>img{width:30px;height:30px;flex-basis:30px}.hub-account{padding-block:4px}}

/* Ajustes finos de composição para telas estreitas. */
@media(max-width:520px){.game-box--uno .card-fan--box{top:44px;right:14px;transform:scale(.59)}.game-box--gartic .game-box__art{top:66px;bottom:98px}.game-box--gartic .hub-spiral{top:14px;bottom:14px;display:flex;flex-direction:column;justify-content:space-around;gap:0}.game-box--gartic .hub-spiral i{width:22px;height:6px}.game-box--damas .hub-checkers{left:62%;right:12px}.game-box--damas .hub-checkers>div{width:132px}.game-box--damas .hub-checkers span{width:44px;height:44px}.game-box--damas .game-box__copy{right:42%}}
@media(max-width:380px){.game-box--uno .card-fan--box{top:48px;right:10px;transform:scale(.53)}.game-box--gartic .game-box__art{top:70px;bottom:96px}.game-box--damas .hub-checkers{left:65%}.game-box--damas .hub-checkers>div{width:116px}.game-box--damas .game-box__copy{right:38%}}

/* Dominó ocupa a antiga reserva principal; o próximo jogo segue visível abaixo. */
.games-grid{grid-template-rows:300px 40px 260px 150px}
.game-box--domino{grid-column:2;grid-row:2/4;min-height:0;border-color:#d2b96e;background:linear-gradient(145deg,#e8dfcb,#c7bda9);color:#191c18}
.game-box--domino:after{height:74%;background:linear-gradient(transparent 0,rgba(35,31,24,.58) 36%,rgba(27,24,19,.94) 100%)}.game-box--domino .game-box__art{inset:24px 20px 126px}.game-box--domino .domino-teaser{position:absolute;inset:0}.game-box--domino .game-box__copy{color:#fffdf5;text-shadow:0 2px 5px rgba(24,20,15,.48)}.game-box--domino .game-box__copy p,.game-box--domino .game-box__copy small{color:#fff8e9}.game-box--domino .game-box__copy p span{border-color:rgba(255,248,233,.72);background:rgba(35,31,24,.28);text-shadow:0 1px 3px rgba(20,17,13,.7);backdrop-filter:blur(3px)}.game-box--domino .game-box__cta{color:#fffdf5;text-shadow:0 2px 4px rgba(24,20,15,.65)}.game-box--mystery{grid-column:1/3;grid-row:4;min-height:150px}
@media(max-width:980px){.games-grid{grid-template-rows:auto}.game-box--domino,.game-box--mystery{grid-column:auto;grid-row:auto}.game-box--domino{min-height:300px}.game-box--mystery{min-height:180px}}

/* Pedras realistas e animadas do card de Dominó. */
.game-box--domino .game-box__art{z-index:0;inset:18px 18px auto auto;width:250px;height:128px;overflow:visible;perspective:700px}
.domino-teaser{position:absolute;inset:0;filter:drop-shadow(0 12px 10px rgba(35,27,17,.25))}
.domino-teaser__shadow{position:absolute;right:2%;bottom:0;width:92%;height:30%;border-radius:50%;background:radial-gradient(ellipse,rgba(38,30,20,.3),transparent 70%);filter:blur(7px);transform:rotate(-3deg)}
.hub-domino-tile{position:absolute;display:flex;width:126px;height:62px;padding:4px;border:1px solid #817966;border-radius:8px;background:linear-gradient(155deg,#fffef9 0%,#f8f4e9 58%,#e5dcc8 100%);box-shadow:inset 1px 1px 1px #fff,inset -2px -2px 3px rgba(87,72,47,.14),2px 3px 0 #827967,3px 5px 0 #6d6557,7px 11px 12px rgba(45,34,20,.27);transform-style:preserve-3d;transition:translate .35s var(--ease-spring),rotate .35s var(--ease-spring);animation:hub-domino-float 5.8s ease-in-out infinite}
.hub-domino-tile:before{content:"";position:absolute;z-index:3;inset:3px;border:1px solid rgba(255,255,255,.78);border-radius:5px;background:linear-gradient(120deg,rgba(255,255,255,.2),transparent 38%);box-shadow:inset 0 0 7px rgba(89,68,37,.045);pointer-events:none}
.hub-domino-tile:after{content:"";position:absolute;z-index:5;top:7px;bottom:7px;left:50%;width:2px;border-radius:2px;background:#39352d;box-shadow:1px 0 rgba(255,255,255,.72);transform:translateX(-1px)}
.hub-domino-face{position:relative;display:grid;width:50%;height:100%;padding:7px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center}
.hub-domino-face b{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#5a554b 0 9%,#191817 37%,#020202 78%);box-shadow:inset 0 1.5px 2px #000,0 1px 0 #fff,0 0 0 .5px rgba(0,0,0,.9)}
.hub-domino-face--1 b:nth-child(1){grid-area:2/2}
.hub-domino-face--2 b:nth-child(1){grid-area:1/1}.hub-domino-face--2 b:nth-child(2){grid-area:3/3}
.hub-domino-face--3 b:nth-child(1){grid-area:1/1}.hub-domino-face--3 b:nth-child(2){grid-area:2/2}.hub-domino-face--3 b:nth-child(3){grid-area:3/3}
.hub-domino-face--4 b:nth-child(1){grid-area:1/1}.hub-domino-face--4 b:nth-child(2){grid-area:1/3}.hub-domino-face--4 b:nth-child(3){grid-area:3/1}.hub-domino-face--4 b:nth-child(4){grid-area:3/3}
.hub-domino-face--5 b:nth-child(1){grid-area:1/1}.hub-domino-face--5 b:nth-child(2){grid-area:1/3}.hub-domino-face--5 b:nth-child(3){grid-area:2/2}.hub-domino-face--5 b:nth-child(4){grid-area:3/1}.hub-domino-face--5 b:nth-child(5){grid-area:3/3}
.hub-domino-face--6 b:nth-child(1){grid-area:1/1}.hub-domino-face--6 b:nth-child(2){grid-area:1/2}.hub-domino-face--6 b:nth-child(3){grid-area:1/3}.hub-domino-face--6 b:nth-child(4){grid-area:3/1}.hub-domino-face--6 b:nth-child(5){grid-area:3/2}.hub-domino-face--6 b:nth-child(6){grid-area:3/3}
.hub-domino-tile--one{z-index:3;right:4px;top:5px;rotate:5deg;animation-delay:-1.6s}
.hub-domino-tile--two{z-index:2;right:100px;top:49px;rotate:-8deg;animation-delay:-3.1s}
.hub-domino-tile--three{z-index:1;right:13px;top:66px;rotate:9deg;animation-delay:-.4s}
.game-box--domino:hover .hub-domino-tile--one{rotate:2deg;translate:3px -3px}.game-box--domino:hover .hub-domino-tile--two{rotate:-11deg;translate:-5px 3px}.game-box--domino:hover .hub-domino-tile--three{rotate:12deg;translate:5px 5px}
@keyframes hub-domino-float{0%,100%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-2px) rotateX(2deg)}}
@media(max-width:520px){.game-box--domino .game-box__art{top:16px;right:8px;width:220px;scale:.84;transform-origin:100% 0}}
@media(prefers-reduced-motion:reduce){.hub-domino-tile{animation:none}.game-box--domino:hover .hub-domino-tile{translate:0}}

/* Sinuca entra no mosaico como os demais jogos, antes da reserva "Em breve". */
.games-grid{grid-template-rows:300px 40px 260px 260px}
.game-box--sinuca{grid-column:1;grid-row:4;min-height:0;border-color:#4b9d7d;background:radial-gradient(circle at 82% 18%,rgba(51,151,111,.34),transparent 36%),linear-gradient(145deg,#164f3e,#0c2d24 72%);color:#fff8e8}
.game-box--sinuca:after{height:100%;background:linear-gradient(90deg,rgba(7,28,22,.96) 0,rgba(7,28,22,.82) 38%,rgba(7,28,22,.12) 68%,rgba(7,28,22,.3) 100%)}
.game-box--sinuca .game-box__status{border-color:#e2bd61;color:#f5d981;background:rgba(7,28,22,.58)}
.game-box--sinuca .game-box__copy{left:28px;right:28px;bottom:56px}.game-box--sinuca .game-box__copy p{margin-bottom:7px}.game-box--sinuca .game-box__copy h2{font-size:clamp(2.55rem,3.7vw,3rem);line-height:.9;white-space:nowrap}.game-box--sinuca .game-box__copy small{max-width:330px;margin-top:8px}.game-box--sinuca .game-box__cta{color:#f5d981}
.game-box--sinuca .game-box__art{z-index:0;inset:18px 18px 118px 52%;overflow:hidden;perspective:800px}
.pool-hub-art{position:absolute;inset:0;display:grid;place-items:center;filter:drop-shadow(9px 14px 13px rgba(0,0,0,.38));transform:rotate(-3deg);animation:hub-pool-table-float 5.8s ease-in-out infinite}
.pool-hub-felt{position:relative;display:block;width:min(250px,92%);aspect-ratio:2/1;border:11px solid #754826;border-radius:13px;background:radial-gradient(circle at 45% 38%,#25845f,#176848 72%);box-shadow:inset 0 0 0 5px #0a4633,inset 0 0 22px rgba(0,0,0,.3),4px 6px 0 #3b2417}
.pool-hub-felt:before{content:"";position:absolute;z-index:2;inset:-6px;border:1px solid rgba(235,205,145,.18);border-radius:8px;pointer-events:none}
.pool-hub-pocket{position:absolute;z-index:5;box-sizing:border-box;width:17px;height:17px;border:2px solid #26302b;border-radius:50%;background:radial-gradient(circle at 42% 38%,#151c18 0 24%,#020403 66%);box-shadow:0 2px 4px rgba(0,0,0,.62)}.pool-hub-pocket--tl{left:-8px;top:-8px}.pool-hub-pocket--tm{left:50%;top:-9px;translate:-50% 0}.pool-hub-pocket--tr{right:-8px;top:-8px}.pool-hub-pocket--bl{left:-8px;bottom:-8px}.pool-hub-pocket--bm{left:50%;bottom:-9px;translate:-50% 0}.pool-hub-pocket--br{right:-8px;bottom:-8px}
.pool-hub-ball{position:absolute;z-index:4;width:17px;height:17px;border:1px solid rgba(0,0,0,.36);border-radius:50%;box-shadow:inset -3px -3px 4px rgba(0,0,0,.28),inset 3px 3px 4px rgba(255,255,255,.32),2px 3px 4px rgba(0,0,0,.4)}.pool-hub-ball:after{position:absolute;left:50%;top:50%;display:grid;width:8px;height:8px;place-items:center;translate:-50% -50%;border-radius:50%;background:#f6f0df;color:#171817;font:800 5px/1 Arial,sans-serif}.pool-hub-ball--cue{left:22%;top:61%;background:#f4f1e6;animation:hub-pool-cue-roll 4.9s ease-in-out .8s infinite}.pool-hub-ball--eight{left:57%;top:45%;background:#111;animation:hub-pool-eight-roll 4.9s ease-in-out .8s infinite}.pool-hub-ball--eight:after{content:"8"}.pool-hub-ball--one{right:18%;top:25%;background:#ddb62f}.pool-hub-ball--one:after{content:"1"}
.pool-hub-cue{position:absolute;z-index:5;left:2%;top:64%;width:54%;height:6px;border:1px solid #5b351e;border-radius:99px;background:linear-gradient(#f0d09a,#ad7340);box-shadow:0 3px 5px rgba(0,0,0,.32);transform:rotate(-15deg);transform-origin:left;animation:hub-pool-cue-strike 4.9s ease-in-out .8s infinite}
.game-box--mystery{grid-column:2;grid-row:4;min-height:0}
@keyframes hub-pool-table-float{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1.5deg) translate(2px,-5px)}}
@keyframes hub-pool-cue-strike{0%,20%,100%{translate:-7px 2px}33%{translate:-20px 6px}40%,48%{translate:7px -2px}62%,90%{translate:-7px 2px}}
@keyframes hub-pool-cue-roll{0%,37%,100%{transform:translate(0) rotate(0)}52%,88%{transform:translate(62px,-21px) rotate(270deg)}}
@keyframes hub-pool-eight-roll{0%,50%,100%{transform:translate(0) rotate(0)}66%,88%{transform:translate(40px,-16px) rotate(200deg)}}
@media(max-width:980px){.games-grid{grid-template-rows:auto}.game-box--sinuca,.game-box--mystery{grid-column:auto;grid-row:auto}.game-box--sinuca{min-height:320px}.game-box--sinuca .game-box__art{inset:20px 18px 116px 46%}.game-box--sinuca .game-box__copy{right:44%;bottom:62px}.game-box--mystery{min-height:180px}}
@media(max-width:620px){.game-box--sinuca{min-height:360px}.game-box--sinuca .game-box__art{inset:48px 12px 145px 32%}.game-box--sinuca .game-box__copy{left:22px;right:22px;bottom:60px}.game-box--sinuca .game-box__copy h2{font-size:clamp(2.1rem,10vw,2.8rem)}.pool-hub-art{transform-origin:70% 20%;scale:.82}}
@media(max-width:380px){.game-box--sinuca{min-height:345px}.game-box--sinuca .game-box__art{left:27%;bottom:142px}.pool-hub-art{scale:.74}}
@media(prefers-reduced-motion:reduce){.pool-hub-art,.pool-hub-cue,.pool-hub-ball{animation:none}}