/* MIS_ARENA_LOBBY_INVITES_20261011_V1 */
.games-hub{max-width:1180px;margin:0 auto}.games-heading{padding:25px 32px;margin-bottom:20px;border:1px solid #927046;border-radius:12px;background:linear-gradient(95deg,#102335ee,#162330ba),url('/assets/citadel-v2.webp') center 45%/cover;color:#f7edd8}.games-heading .eyebrow{color:#e6c589;margin:0 0 10px}.games-heading h1{font-size:44px;color:#fff0d4;margin:0 0 8px}.games-heading p:last-child{margin:0;color:#d9d5ca}
.game-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.game-mode{display:flex;flex-direction:column;min-width:0;padding:22px;background:linear-gradient(150deg,#fffaf0,#eee5d4);border:1px solid #bfa77c;border-radius:12px;box-shadow:0 8px 20px #35281a0c}.mode-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.mode-emblem{display:inline-flex;align-items:center;justify-content:center;background:#143961;color:#f3d796;border:1px solid #d6b57566;border-radius:10px;width:42px;height:42px}.mode-emblem .glyph{width:25px;height:25px}.mode-tag{color:#5d5547;font:800 9px/1.4 Manrope,system-ui;letter-spacing:1px}.mode-mystery{border-color:#ae8549;background:linear-gradient(150deg,#fff7e1,#eedcba)}.mode-mystery .mode-emblem{background:#715137}.game-mode h2{font-size:31px;margin:0 0 8px}.game-mode>p{color:#514d46;margin:0 0 12px;line-height:1.6;font-size:13px}.game-mode>small{color:#6b5432;font-weight:700;font-size:11px;margin-top:auto;margin-bottom:18px}.mode-actions{display:grid;gap:8px}.mode-actions button{padding:11px 8px;font-size:12px;line-height:1.4;min-height:42px}.mode-actions .secondary{background:#fff7e7;border-color:#9b8b72;color:#143961;font-weight:700}.mode-rules{align-self:center;border:0;background:none;margin-top:8px;padding:5px 12px;color:#554b3d;text-decoration:underline;font-size:11px}
.join-party{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 24px;margin-top:18px;padding:20px 24px;border:1px solid #b5a17e;background:#fffbf3;border-radius:12px}.join-party h2{font-size:25px;margin-bottom:5px}.join-party p{font-size:12px;line-height:1.5;margin:0;color:#5c574e}.join-party form{display:flex;gap:8px}.join-party input{width:185px;min-width:0;text-transform:uppercase;padding:12px;border:1px solid #8c897e;border-radius:5px;background:#fff;color:#143961;letter-spacing:1px}.join-party button{font-size:12px;padding:12px 16px}.lobby-error{grid-column:1/-1;color:#922c27!important;font-weight:700;font-size:12px;line-height:1.6}.lobby-error:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.party-invite.waiting{max-width:820px;margin:0 auto;padding:28px;border:1px solid #b39666;border-radius:14px;background:linear-gradient(145deg,#fffbf2,#eee4d1);text-align:center;box-shadow:0 12px 30px #2e201419}.party-invite-head .eyebrow{margin:12px 0 8px;color:#715137}.party-invite h1{font-size:42px;margin:0 0 10px}.party-invite .invite-status{color:#46607a;background:#e7eef2;border-radius:25px;display:inline-block;margin:0 0 24px;padding:7px 16px;font-size:12px;font-weight:700}.party-invite-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:30px;align-items:center;text-align:left}.invite-share h2{font-size:25px;margin-bottom:15px}.invite-share label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#55514a}.invite-share input{width:100%;min-width:0;border:1px solid #a9a090;background:#fff;color:#143961;border-radius:5px;padding:12px;font-size:12px}.invite-share>.primary{width:100%;margin-top:9px;font-size:13px;padding:12px 8px}.invite-share .micro{font-size:11px;margin:10px 0 18px;line-height:1.6;color:#696251}.invite-code{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:12px;border:1px dashed #b39b72;border-radius:8px}.invite-code>span{grid-column:1/-1;font-size:10px;color:#68614f}.party-invite .invite-code strong{display:block;margin:0;padding:0;letter-spacing:2px;font:800 22px/1.4 system-ui;color:#143961}.invite-code .quiet{font-size:10px;padding:8px;color:#143961}.invite-scan{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px}.invite-qr{display:block;background:#fff;width:200px;max-width:100%;height:auto;border:1px solid #c9c0ac;border-radius:5px}.invite-scan b{font-size:12px;color:#233344}.invite-scan span{font-size:11px;line-height:1.5;color:#5d574c}.invite-start-note{font-size:12px;color:#596844;margin:24px 0 8px}.party-invite>.quiet{font-size:11px;color:#726757}.auth-invitation{display:grid;gap:6px;text-align:left;padding:14px;margin-bottom:20px;border:1px solid #b39666;border-radius:8px;background:#fcf0d5;color:#143961}.auth-invitation span{font-size:12px;line-height:1.5}
@media(max-width:800px){.game-modes{gap:10px}.game-mode{padding:16px}.game-mode h2{font-size:25px}.mode-tag{font-size:8px}.join-party{grid-template-columns:1fr}.join-party form{width:100%}.join-party input{flex:1;width:auto}.party-invite-body{gap:20px;grid-template-columns:minmax(0,1fr) 180px}.invite-qr{width:180px}}
@media(max-width:600px){.games-heading{padding:20px;margin-bottom:14px}.games-heading h1{font-size:34px}.games-heading p:last-child{font-size:12px}.game-modes{grid-template-columns:1fr;gap:12px}.game-mode{padding:16px 18px}.mode-title{margin-bottom:8px}.mode-emblem{width:34px;height:34px}.mode-emblem .glyph{width:21px;height:21px}.game-mode h2{font-size:28px}.game-mode>p{font-size:12px;margin-bottom:8px}.game-mode>small{margin-bottom:12px}.mode-actions{grid-template-columns:1fr 1fr;gap:8px}.mode-actions button{font-size:11px;padding:10px 6px}.mode-rules{margin-top:5px}.join-party{padding:17px;gap:13px;margin-top:14px}.join-party input{font-size:12px;letter-spacing:.5px;padding:11px 8px}.join-party button{padding:11px 12px;font-size:11px}.party-invite.waiting{padding:18px}.party-invite h1{font-size:34px}.party-invite .invite-status{font-size:11px;margin-bottom:12px}.party-invite-body{grid-template-columns:1fr;gap:12px}.invite-qr{width:180px}.invite-scan{padding-top:10px;border-top:1px solid #bfa77c66}.invite-start-note{font-size:11px;margin-top:18px}}

/* Carte mystère : les deux joueurs doivent être présents. */
.mystery-arena{position:relative}.mystery-arena.is-paused .mystery-visual,.mystery-arena.is-paused .mystery-answers,.mystery-arena.is-paused .mystery-clock,.mystery-arena.is-paused .mystery-next{visibility:hidden;pointer-events:none}
.mystery-connection{position:absolute;z-index:30;inset:150px 20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#111e31f5,#26354cf5);border:1px solid #d6b779;border-radius:14px;padding:22px;color:#f7edd5;box-shadow:0 12px 50px #0008}.mystery-connection h2{color:#ffe1a3;font-size:32px;margin:12px 0 4px}.mystery-connection p{color:#e0e3eb;max-width:440px;font-size:13px;line-height:1.7;margin:6px 0}.mystery-connection>strong{font:800 48px/1.4 system-ui;color:#ffe1a3;font-variant-numeric:tabular-nums}.mystery-connection small{color:#c8cdd6;line-height:1.6;font-size:11px}
@media(max-width:600px){.mystery-connection{inset:145px 10px 14px;padding:16px}.mystery-connection h2{font-size:28px}.mystery-connection p{font-size:12px}}