/* Nouvel accueil : carrousel de jeux, recherche, options, barre du bas */
.hub{max-width:920px;margin:0 auto;padding:16px 16px 24px;position:relative}
.hub-acc{position:fixed;top:12px;right:12px;z-index:20}
.hub h1{margin-top:44px}
.hub-q{display:block;width:100%;max-width:520px;margin:14px auto 0;padding:10px 14px;border-radius:10px;border:2px solid #7A5230;background:#F4E7CF;font:inherit}
.hub-car{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 8px}
.hub-car .arr{width:52px;height:52px;border-radius:50%;border:3px solid #7A5230;background:#F4E7CF;color:#2B1B12;font-size:30px;line-height:1;cursor:pointer;flex:none}
.hub-car .arr:disabled{opacity:.35;cursor:default}
.gc{width:min(340px,62vw);border-radius:18px;border:4px solid #7A5230;background:#F4E7CF;box-shadow:0 6px 18px rgba(0,0,0,.35);overflow:hidden}
.gc-art{height:170px;background:var(--gc);display:flex;align-items:center;justify-content:center;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 12px,transparent 12px 24px)}
.gc-n{font-family:Bitter,Georgia,serif;font-weight:800;font-size:34px;color:#FFF7E8;text-shadow:0 3px 0 rgba(0,0,0,.35);text-align:center;padding:0 12px}
.gc-body{padding:14px 16px 16px;color:#2B1B12}
.gc-body p{margin:0 0 8px;font-size:16px;line-height:1.35}
.gc-body small{opacity:.7}
.hub-act{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.hub-opt{margin:16px auto 0;max-width:460px;padding:14px 16px;border-radius:14px;border:2px solid #7A5230;background:#F4E7CF;color:#2B1B12}
.hub-opt h2{margin-top:0}
.hub-opt .fl{display:block;margin:8px 0}
.hub-msg{min-height:1.2em;text-align:center}
.hub-join{margin-top:24px;text-align:center}
.hub-join .prow{justify-content:center}
.hub-bot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px;padding-top:14px;border-top:2px solid #3a2a1c}
.hub-r{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:520px){.hub h1{margin-top:52px}.gc-art{height:130px}.gc-n{font-size:26px}}
.hub>.lbar{position:absolute;left:0;top:0;margin:0;justify-content:flex-start;min-height:0}
.hub>.lbar .mpop{left:0;right:auto}
.hub-opt .btn.ghost{color:#2B1B12;border-color:#7A5230}
.hub-opt select{color:#F4E7CF;background:#2B1B12;border:2px solid #7A5230;border-radius:8px;padding:4px 8px;font:inherit}
.hub-opt .fl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hub-modal{position:fixed;inset:0;z-index:50;background:rgba(10,6,3,.7);display:flex;align-items:center;justify-content:center;padding:16px}
.hub-mbox{position:relative;width:min(440px,100%);max-height:86vh;overflow:auto;padding:22px 20px;border-radius:18px;border:3px solid #7A5230;background:#F4E7CF;color:#2B1B12;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.hub-mbox h2{margin:12px 0 8px;font-size:20px}
.hub-mbox .xbtn{position:absolute;top:8px;right:10px}
.hub-mrow{display:flex;gap:8px;align-items:center;margin:8px 0;flex-wrap:wrap}
.hub-mrow input{flex:1;min-width:160px;padding:8px 10px;border-radius:8px;border:2px solid #7A5230;font:inherit}
.hub-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(43,27,18,.2)}
.hub-mbox .btn{color:#FFF7E8}
.hub-mbox .btn.ghost{color:#2B1B12}