.mode-hub .hub-content{max-width:1000px;margin:auto;padding:8px 28px 38px;display:flex;flex-direction:column;gap:30px}.hub-back{align-self:flex-start;color:#9876ac;font-size:12px;font-weight:800;padding:5px 0}.hub-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:18px 24px;padding:25px 30px 22px;border:1px solid color-mix(in srgb,var(--row-accent) 24%,white);border-radius:28px;background:linear-gradient(120deg,#fffefa,var(--row-tint));box-shadow:inset 0 2px 0 white,0 6px 0 color-mix(in srgb,var(--row-tint) 65%,#e3d7e9)}.hub-eyebrow{font-size:9px;letter-spacing:.17em;font-weight:900;color:var(--row-accent)}.hub-hero h1{font-family:var(--font-baloo);font-weight:800;font-size:clamp(30px,5vw,52px);letter-spacing:-.045em;line-height:1.2;color:var(--row-title,var(--row-accent));-webkit-text-stroke:5px white;paint-order:stroke fill;filter:drop-shadow(0 3px 0 #69418420);margin:10px 0}.hub-description{font-size:14px;line-height:1.7;color:#887294;max-width:420px}.hub-hero-copy{min-width:0;align-self:end}.hub-hero-art{grid-column:2;grid-row:1/3;width:calc(100% + 30px);max-width:none;height:100%;min-height:280px;object-fit:contain;justify-self:center}.hub-actions{grid-column:1;align-self:start;display:flex;flex-wrap:wrap;gap:10px}.mode-hub .hub-actions>a,.mode-hub .hub-actions>button{background:#ffffffb5;border:1px solid #ddcbe9;border-radius:25px;padding:9px 19px;box-shadow:0 3px 0 #ded0e64d;font-family:var(--font-body);font-size:12px;font-weight:900;color:#8d64a7;transform:none}.mode-hub .hub-actions>a:hover,.mode-hub .hub-actions>button:hover{background:#f1e5fb}.hub-content>section>div:first-child>p{font-family:var(--font-body);font-weight:900;font-size:9px;color:#a48bb4;letter-spacing:.14em}.hub-content>section h2{font-family:var(--font-baloo);font-size:29px;font-weight:800;color:#66477c}.mode-hub .hub-content>section .game-card{border:1px solid color-mix(in srgb,var(--row-accent) 18%,white);background:linear-gradient(125deg,#fffefa,color-mix(in srgb,var(--row-tint) 50%,white));box-shadow:inset 0 2px 0 white,0 5px 0 #e8ddec70,0 12px 22px #71518508;border-radius:23px}.mode-hub .hub-content>section a.game-card{transition:transform .18s}.mode-hub .hub-content>section a.game-card:hover{transform:translateY(-3px)}.mode-hub .hub-content>section :is(a.game-card,div.rank-mode-tile,div.shapes-mode-tile,div.flags-mode-tile,div.cities-mode-tile,div.map-mode-tile):has(>img){display:grid;grid-template-columns:100px 1fr;text-align:left;align-items:center;gap:18px;padding:17px 21px}.mode-hub .hub-content>section :is(a.game-card,div.rank-mode-tile,div.shapes-mode-tile,div.flags-mode-tile,div.cities-mode-tile,div.map-mode-tile)>img{width:100px;height:100px;transform:none;filter:drop-shadow(0 5px 5px #74577d12)}.mode-hub .hub-content>section .game-card h3{color:var(--row-title,var(--row-accent));font-size:22px;line-height:1.2}.mode-hub .hub-content>section .game-card .pandy-btn{font-family:var(--font-body);font-size:11px;border:1px solid #dfcceb;background:#f0e4f8;color:#8c62a7;box-shadow:0 3px 0 #ddc9e9;text-shadow:none;padding:9px 6px}.mode-hub .hub-content>section article.game-card{padding:20px 14px}.mode-hub .hub-content>section article.game-card>img{transform:none}.mode-hub .hub-content>footer{border-color:#e8dcec}@media(max-width:760px){.mode-hub .hub-content{padding:14px 18px 30px;gap:25px}.hub-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:20px 18px;border-radius:23px}.hub-hero h1{font-size:clamp(26px,6.7vw,43px);-webkit-text-stroke:4px white}.hub-eyebrow{font-size:7px;letter-spacing:.1em}.hub-description{font-size:11px;line-height:1.6}.hub-hero-art{width:calc(100% + 18px);height:100%;min-height:220px}.hub-actions{margin-top:5px}.mode-hub .hub-actions>a,.mode-hub .hub-actions>button{font-size:11px;padding:8px 14px}.hub-content>section h2{font-size:25px}.mode-hub .hub-content>section :is(a.game-card,div.rank-mode-tile,div.shapes-mode-tile,div.flags-mode-tile,div.cities-mode-tile,div.map-mode-tile):has(>img){grid-template-columns:85px 1fr;gap:17px;padding:13px 18px}.mode-hub .hub-content>section :is(a.game-card,div.rank-mode-tile,div.shapes-mode-tile,div.flags-mode-tile,div.cities-mode-tile,div.map-mode-tile)>img{width:85px;height:85px}.mode-hub .hub-content>section .game-card h3{font-size:21px}}@media(prefers-reduced-motion:reduce){.mode-hub .hub-content>section a.game-card{transition:none}}.mode-hub .hub-content>section article.game-card{display:grid;grid-template-columns:100px 1fr auto;gap:20px;text-align:left;padding:17px 21px}.mode-hub .hub-content>section article.game-card>img{width:100px;height:100px}.mode-hub .hub-content>section article.game-card>div{min-width:230px}@media(max-width:600px){.mode-hub .hub-content>section article.game-card{grid-template-columns:85px 1fr;gap:10px 17px;padding:15px 18px}.mode-hub .hub-content>section article.game-card>img{width:85px;height:85px;grid-row:1/3}.mode-hub .hub-content>section article.game-card>div{min-width:0;grid-column:2}}.mode-hub .hub-content>section :is(a.game-card,div.rank-mode-tile,div.shapes-mode-tile,div.flags-mode-tile,div.cities-mode-tile,div.map-mode-tile):has(>img){grid-template-columns:160px 1fr;gap:30px;padding:24px 30px;background:radial-gradient(ellipse at 10% 50%,var(--row-tint),transparent 55%),linear-gradient(120deg,#fffefa,color-mix(in srgb,var(--row-tint) 45%,white))}.mode-hub .hub-content>section :is(a.game-card,div.rank-mode-tile,div.shapes-mode-tile,div.flags-mode-tile,div.cities-mode-tile,div.map-mode-tile)>img{width:160px;height:160px}.hub-mode-copy{min-width:0}.hub-mode-description{margin-top:9px;color:#8b7498;font-size:14px;line-height:1.65;max-width:490px}.hub-mode-play{display:inline-flex;align-items:center;gap:28px;margin-top:17px;padding:9px 21px;border-radius:15px;background:linear-gradient(#ac84d4,#9468bc);border:1px solid #b899d7;color:white;font-family:var(--font-baloo);font-weight:800;font-size:17px;box-shadow:inset 0 1px 0 #ffffff60,0 4px 0 #795098}a:hover .hub-mode-play{background:linear-gradient(#ba94df,#a174ca)}.mode-hub .hub-content>section article.game-card>.hub-region-copy{min-width:0}@media(max-width:600px){.mode-hub .hub-content>section :is(a.game-card,div.rank-mode-tile,div.shapes-mode-tile,div.flags-mode-tile,div.cities-mode-tile,div.map-mode-tile):has(>img){grid-template-columns:100px 1fr;gap:18px;padding:22px 17px}.mode-hub .hub-content>section :is(a.game-card,div.rank-mode-tile,div.shapes-mode-tile,div.flags-mode-tile,div.cities-mode-tile,div.map-mode-tile)>img{width:100px;height:130px}.hub-mode-description{font-size:12px;line-height:1.55}.hub-mode-play{font-size:15px;padding:7px 17px;gap:22px;margin-top:13px}.mode-hub .hub-content>section article.game-card>.hub-region-copy{grid-column:2}.mode-hub .hub-content>section article.game-card>div:not(.hub-region-copy){grid-column:1/-1}}.hub-mode-lock{display:block;margin-top:14px;color:var(--color-ink);font-size:13px;opacity:.7}