:root{color-scheme:dark;font:15px/1.5 system-ui,sans-serif;color:#e9e8df;background:#101b1c;--gold:#d6bd86;--muted:#a4b3ad;--line:#33433e}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 75% 0,#23383366,transparent 65%),#101b1c}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{border:1px solid #526158;background:#23332e;color:#eee9dc;padding:11px 18px;border-radius:6px;transition:background .15s,transform .15s}button:hover{background:#30443c}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e3c788;outline-offset:4px}.skip{position:fixed;top:-70px;left:20px;z-index:100;background:#eee;color:#123;padding:12px}.skip:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:222px;padding:40px 24px;border-right:1px solid var(--line);background:#111e1f;display:flex;flex-direction:column}.marque{font:31px Georgia,serif;color:var(--gold);letter-spacing:.16em}.marque small{display:block;font:8px system-ui;letter-spacing:.3em;margin:7px 0 0 2px}.sidebar nav{display:grid;gap:8px;margin-top:64px}.sidebar nav a{padding:12px;border-radius:5px;color:#b6c1b9;font-size:14px}.sidebar nav span{margin-right:12px;color:var(--gold)}.sidebar nav a:hover{background:#253830}.sidebar .nav-current{background:#293b32;color:#f0e8d6;border-left:2px solid var(--gold)}.sidebar-bottom{margin-top:auto;color:var(--muted);font-size:13px}.sidebar-bottom small{font-size:11px;color:#80968d}.sidebar-bottom p{font-family:Georgia;font-size:18px;color:#b5beb3}main{margin-left:222px;max-width:1600px;padding:0 42px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb,.surtitre{font-size:10px;letter-spacing:.17em;font-weight:650;color:var(--gold)}.breadcrumb{color:var(--muted)}#session{display:flex;gap:11px;align-items:center}#session strong{font-size:13px}#session small{display:block;font-size:10px;color:var(--muted)}.avatar{border:1px solid #677969;border-radius:50%;display:grid;place-items:center;width:34px;height:34px;font:18px Georgia;color:var(--gold)}.account-menu{position:relative}.account-menu summary{list-style:none;padding:12px}.account-menu>div{position:absolute;right:0;top:45px;z-index:10;min-width:190px;padding:8px;background:#20332c;border:1px solid #566657;border-radius:6px;box-shadow:0 15px 30px #0008}.account-menu a,.account-menu button{display:block;width:100%;padding:10px;font-size:13px;text-align:left;border:0;background:none}.account-menu a:hover,.account-menu button:hover{background:#314438}.status{font-size:13px;color:var(--gold);margin:0 0 12px}.status:empty,.error:empty{display:none}.hero{height:260px;border:1px solid #58624b;border-radius:10px;position:relative;overflow:hidden;background:linear-gradient(90deg,#142422f5 4%,#142422cc 36%,#14242218 80%),url('/board/decors/peints-v3/sylves.png') center 65%/cover;padding:27px 36px;display:flex;align-items:center}.hero .surtitre{margin:0 0 14px}h1{font:44px/1.08 Georgia,serif;margin:0;color:#f4ecd9}h2{font:25px/1.2 Georgia,serif;font-weight:400;margin:0;color:#ece6d5}.hero p:not(.surtitre){font-size:12px;color:#c6d2c8;margin-bottom:0}.hero-caption{position:absolute;bottom:23px;right:26px;font-size:9px;letter-spacing:.2em;color:#eee9d4;text-shadow:0 1px 5px #000}.panel{background:linear-gradient(135deg,#1d2d29,#172522);border:1px solid var(--line);border-radius:9px;padding:27px}.play-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);gap:22px;margin-top:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.section-heading .surtitre{margin:0 0 7px}.pill{font-size:10px;color:#afc2b3;background:#2b3c32;border:1px solid #475642;border-radius:20px;padding:5px 10px;white-space:nowrap}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.mode-tabs button{text-align:left;background:#172722;border:1px solid #3a4c3f;padding:13px 16px;font-size:14px}.mode-tabs small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:2px}.mode-tabs button[aria-selected=true]{border-color:var(--gold);background:#344336;box-shadow:inset 0 0 0 1px #d6bd8620}.faction-pair{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:10px;align-items:center}.versus{font:12px Georgia;color:#a3ad91;text-align:center;padding-top:22px}label{display:grid;gap:7px;font-size:11px;font-weight:600;color:#c0cabe}select,input{min-width:0;width:100%;padding:11px 12px;border:1px solid #45564b;border-radius:5px;background:#12231e;color:#eceadf;font-size:13px}#solo>label{margin-top:17px}.note{font-size:12px;color:var(--muted);line-height:1.6}.micro{font-size:10px;color:#8fa498;margin:9px 0 0;text-align:center}.principal{background:var(--gold);color:#1d2b21;border-color:var(--gold);font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:18px}.principal:hover{background:#e7cf9b}#lancer-solo,#creer{width:100%;margin-top:20px}.discovery{display:flex;flex-direction:column;align-items:flex-start;background:radial-gradient(ellipse at 80% 15%,#53644533,transparent 60%),#192925}.discovery>.surtitre{margin-top:0}.discovery p:not(.surtitre){font-size:12px;color:var(--muted);max-width:240px}.text-link{color:var(--gold);font-size:12px;margin-top:auto;padding-top:22px;display:flex;justify-content:space-between;width:100%}.card-emblem{height:92px;width:64px;border:1px solid #7c8867;border-radius:8px;display:grid;place-items:center;margin:20px 0 26px 12px;transform:rotate(-9deg);box-shadow:8px 3px 0 -1px #26382d,8px 3px 0 0 #677657}.card-emblem span{font-size:36px;color:#c3b98d}.separator{margin:24px 0 18px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.separator:before,.separator:after{content:'';height:1px;flex:1;background:var(--line)}.join-row{display:flex;gap:8px;margin-top:7px}.join-row button{font-size:12px}#mode-private>p{font-size:13px;color:var(--muted)}.error{font-size:13px;padding:12px;border-left:2px solid #d19879;background:#b9533018;color:#f0baa0}.guest-note{font-size:11px;color:#bfc6b4;margin:16px 0 -7px}.games{margin-top:24px}.game-filters{display:flex;border:1px solid var(--line);border-radius:6px;padding:3px}.game-filters button{font-size:11px;padding:7px 12px;border:0;background:none;color:var(--muted)}.game-filters button[aria-pressed=true]{background:#354438;color:#e7dec9}.salon{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:17px 0}.salon h3{font-size:13px;font-weight:600;margin:0 0 5px}.salon p{font-size:12px;color:var(--muted);margin:0}.salon-links{display:flex;gap:13px;flex-shrink:0}.salon a{font-size:12px;color:var(--gold)}.empty{text-align:center;padding:22px 0;color:var(--muted);font-size:13px}.empty strong{display:block;color:#d0d8c9;margin-bottom:6px;font-weight:500}.welcome{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.welcome p{font-size:13px;color:var(--muted)}.welcome .note{width:100%;margin:0;font-size:11px}.welcome-actions{display:grid;gap:10px;text-align:center;font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;padding:27px 0;font-size:10px;color:#7d9689}footer span:first-child{font:13px Georgia;letter-spacing:.12em}@media(min-width:1750px){main{margin-right:auto}}@media(max-width:1100px){.sidebar{width:180px;padding:32px 18px}main{margin-left:180px;padding:0 25px}.play-layout{grid-template-columns:1fr}.discovery{display:none}}@media(max-width:650px){.sidebar{position:static;width:auto;padding:17px 20px;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line)}.marque{font-size:23px}.marque small{font-size:6px}.sidebar nav{display:flex;margin:0;gap:0}.sidebar nav a{font-size:11px;padding:10px}.sidebar nav span,.sidebar-bottom{display:none}main{margin:0;padding:0 16px}.topbar{height:75px}.hero{height:235px;padding:25px}.hero-caption{display:none}h1{font-size:37px}.panel{padding:20px}h2{font-size:22px}.section-heading{flex-wrap:wrap}.faction-pair{grid-template-columns:1fr}.versus{padding:0}.salon{align-items:flex-start;flex-direction:column}.welcome-actions{width:100%}.join-row{flex-wrap:wrap}.join-row button{width:100%}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.resume-game{position:absolute;bottom:24px;right:25px;padding:12px 18px;border:1px solid #d6bd86;border-radius:5px;background:#172d25ed;color:#eed8a6;font-size:13px;box-shadow:0 5px 18px #0005}.hero:has(.resume-game:not([hidden])) .hero-caption{display:none}@media(max-width:650px){.hero:has(.resume-game:not([hidden])){height:292px;align-items:flex-start}.resume-game{left:25px;right:auto;bottom:18px;font-size:12px}}

/* Première passe UX : lisibilité, cibles et densité de l’espace joueur. */
:root{font-size:16px;--muted:#b2c0b8}
label{font-size:14px}select,input{font-size:16px;min-height:46px}
.note,.micro,.guest-note,.discovery p:not(.surtitre),.welcome .note{font-size:14px;line-height:1.5}
.micro{color:#b2c0b8}.mode-tabs button{font-size:16px}.mode-tabs small{font-size:14px}
#session strong{font-size:14px}#session small{font-size:12px}
.game-filters button{font-size:14px;min-height:44px;padding:9px 14px}
.salon h3{font-size:16px}.salon p{font-size:14px}.salon-links{gap:8px;flex-wrap:wrap}
.salon a,.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.salon a{padding:9px 12px;border:1px solid #536650;border-radius:5px}
.account-menu summary{display:grid;place-items:center;min-width:44px;min-height:44px}
.account-menu a,.account-menu button{min-height:44px;font-size:14px}
.sidebar nav a{display:flex;align-items:center;gap:12px;min-height:44px}
.ui-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.sidebar nav .ui-icon{color:var(--gold)}.principal .ui-icon{width:19px;height:19px}
.action-status{color:var(--gold);font-size:14px;margin:14px 0 0}.action-status:empty{display:none}
[aria-busy=true].principal{background:#ddca9f}
.hero{height:210px;padding:22px 32px}h1{font-size:39px}.hero p:not(.surtitre){font-size:14px}
.play-layout{margin-top:20px}.panel{padding:24px}.section-heading{margin-bottom:19px}
.mode-tabs{margin-bottom:18px}.mode-tabs button{padding:11px 14px}
#solo>label{margin-top:14px}#bot-description{min-height:42px;margin:10px 0}
#lancer-solo{margin-top:12px}.micro{margin-top:10px}
#pseudo{overflow-wrap:anywhere}#session{min-width:0}#session>div{min-width:0}
@media(max-width:650px){
 .sidebar{padding:12px 16px}.sidebar nav a{font-size:13px;gap:0}.sidebar nav .ui-icon{display:none}
 .topbar{height:64px}.breadcrumb{font-size:10px;flex-shrink:0}.avatar{display:none}
 .hero,.hero:has(.resume-game:not([hidden])){height:auto;min-height:138px;padding:18px 20px;display:block}
 h1{font-size:29px}.hero h1 br{display:none}.hero .surtitre{font-size:9px;margin-bottom:8px}
 .hero p:not(.surtitre){display:none}.hero-caption{display:none}
 .resume-game{position:static;display:inline-flex;align-items:center;min-height:44px;margin-top:12px;padding:8px 12px;font-size:14px}
 .panel{padding:18px}.play-layout{margin-top:16px}.pill{font-size:11px}.mode-tabs{gap:8px;margin-bottom:16px}
 .mode-tabs button{font-size:15px;padding:10px}.mode-tabs small{font-size:12px}
 .faction-pair{gap:10px}.versus{display:none}#solo>label{margin-top:10px}
 #bot-description{min-height:0;margin:9px 0}.micro{font-size:12px}.guest-note{font-size:12px}
 .join-row button{font-size:15px;min-height:44px}.games{margin-top:16px}.salon-links{width:100%}
}