.hub-shell{width:100%;max-width:880px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;box-shadow:0 0 60px -20px #3c5a6e73;font-family:Quicksand,system-ui,sans-serif}.hub-header{position:relative;height:clamp(168px,22vw,230px);background:#9dc9e3;overflow:hidden;flex:none}.main-banner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}.banner-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;font-family:Caveat,cursive;font-weight:700;font-size:clamp(38px,7vw,64px);color:#fff;text-shadow:0 2px 10px rgba(30,50,30,.5);white-space:nowrap;pointer-events:none}.lang-switcher{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;align-items:center;row-gap:0px;background:#ffffff8c;border-radius:999px;padding:5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:row-gap .2s}.lang-switcher.is-open{row-gap:7px}.lang-flag{width:26px;height:26px;border-radius:999px;flex:none;display:block;padding:0;border:none;cursor:pointer;box-shadow:inset 0 0 0 1px #00000026;transition:transform .18s,opacity .2s,margin-top .2s,width .2s,height .2s}.lang-flag--active{box-shadow:inset 0 0 0 1px #00000026,0 0 0 2.5px #fff,0 3px 8px -2px #28465a80}.lang-flag--active:hover{transform:scale(1.06)}.lang-flag--option{width:26px;height:26px;margin-top:-24px;opacity:0;transform:scale(.4);pointer-events:none;box-shadow:inset 0 0 0 1px #00000026,0 2px 6px -2px #28465a73}.lang-switcher.is-open .lang-flag--option{width:24px;height:24px;margin-top:0;opacity:1;transform:scale(1);pointer-events:auto}.flag-fr{background:linear-gradient(to right,#0055a4 0,#0055a4 33.33%,#fff 33.33%,#fff 66.66%,#ef4135 66.66%,#ef4135)}.flag-en{background:linear-gradient(to bottom,transparent 38%,#cf142b 38% 62%,transparent 62%),linear-gradient(to right,transparent 38%,#cf142b 38% 62%,transparent 62%),#f4f6f8}.flag-es{background:linear-gradient(to bottom,#aa151b 0,#aa151b 25%,#f1bf00 25%,#f1bf00 75%,#aa151b 75%,#aa151b)}.hub-main{background:transparent;padding:18px clamp(20px,3vw,32px) 48px;display:flex;flex-direction:column;gap:clamp(18px,2.5vw,26px);position:relative;flex:1}.category-tabs{display:flex;gap:26px;justify-content:center}.category-tab{cursor:pointer;padding:0 0 7px;line-height:1;background:none;border:none;border-bottom:4px solid transparent;font-family:"Baloo 2",cursive;font-size:19px;font-weight:600;color:#5a3a2273;transition:color .18s,border-color .18s}.category-tab.is-active{color:#5a3a22}.category-tab--tous.is-active{border-bottom-color:#5a3a22}.category-tab--cartesdes.is-active{border-bottom-color:#c8663f}.category-tab--mots.is-active{border-bottom-color:#7ca659}.category-tab--autres.is-active{border-bottom-color:#e0a63f}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,148px),1fr));gap:clamp(12px,1.8vw,20px);width:100%;max-width:700px;margin:0 auto;transition:transform .22s ease,opacity .22s ease}.games-grid--out-to-left{transform:translate(-28px);opacity:0}.games-grid--out-to-right{transform:translate(28px);opacity:0}.games-grid--no-transition{transition:none}.game-tile{display:block;border-radius:16px;overflow:hidden;background:#fff;border:2px solid #fff;box-shadow:0 4px 12px #0000001a;cursor:pointer;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.game-tile:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.game-tile:active{transform:scale(.97)}.game-tile__media{position:relative;aspect-ratio:4 / 5;min-height:150px;background:repeating-linear-gradient(135deg,#e6ecf1 0,#e6ecf1 7px,#f2f6f8 7px,#f2f6f8 14px)}.game-tile__thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background-color:#eef3f6}.game-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#142630e0,#14263099 14%,#1426301a 30%,#14263000 42%)}.game-tile__title{position:absolute;left:0;right:0;bottom:0;padding:10px 12px 13px;font-family:"Baloo 2",cursive;font-size:18px;font-weight:700;color:#fff;line-height:1.12;text-shadow:0 1px 3px rgba(0,0,0,.55)}.app-version{position:fixed;bottom:8px;right:10px;z-index:999;font-family:Quicksand,system-ui,sans-serif;font-size:11px;color:#5a3a2266;pointer-events:none;-webkit-user-select:none;user-select:none}