body[data-palette="stadium"] { --bg:#081d16; --panel:#103b2f; --panel-2:#185541; --green:#d9ff59; --green-dark:#7fc83a; --blue:#77e0c7; --gold:#f2d276; }
body[data-palette="sunset"] { --bg:#20151a; --panel:#3a2028; --panel-2:#512a30; --green:#ffd166; --green-dark:#e49a35; --blue:#ff9b87; --gold:#ffe7a3; --line:rgba(255,236,220,.18); }
body[data-palette="ice"] { --bg:#081622; --panel:#102e42; --panel-2:#16465d; --green:#a6f7ff; --green-dark:#5bb8d2; --blue:#c5e8ff; --gold:#bce0ff; --line:rgba(220,246,255,.18); }
.utility-button { color:var(--muted); border:1px solid var(--line); background:transparent; padding:8px 10px; font:600 9px var(--display); letter-spacing:.08em; transition:color .2s,border-color .2s,transform .2s; }.utility-button span { color:var(--green); margin-left:4px; }.utility-button:hover { color:var(--ink); border-color:var(--green); transform:translateY(-2px); }
.brand-mark { overflow:hidden; }.brand-mark img { width:34px; height:34px; object-fit:contain; display:block; animation:logo-float 3.5s ease-in-out infinite; }.brand-mark img[data-motion="orbit"] { animation:logo-orbit 5s linear infinite; }.brand-mark img[data-motion="flash"] { animation:logo-flash 2.2s ease-in-out infinite; }.brand-mark img[data-motion="retro"] { animation:logo-pulse 3s ease-in-out infinite; }.brand-mark img[data-motion="crown"] { animation:logo-crown 2.8s ease-in-out infinite; }.brand-mark img[data-motion="tactical"] { animation:logo-tactical 4s ease-in-out infinite; }
.resume-card { display:flex; justify-content:space-between; align-items:center; gap:18px; max-width:700px; margin-top:24px; padding:15px 16px; border:1px solid rgba(184,243,74,.35); background:rgba(184,243,74,.08); }.resume-card strong { display:block; color:var(--green); font:600 12px var(--display); }.resume-card small { display:block; margin-top:4px; color:var(--muted); font-size:11px; }.resume-card .button { min-height:38px; padding:8px 12px; }.quit-button { display:block; margin:10px 0 0 auto; padding:6px 8px; color:var(--coral); border:1px solid rgba(255,113,95,.4); background:rgba(255,113,95,.06); font:600 9px var(--display); letter-spacing:.05em; }.quit-button:hover { color:var(--ink); background:var(--coral); }.game-score .quit-button { opacity:.9; }
.logo-dialog { width:min(760px,calc(100% - 28px)); max-height:calc(100vh - 28px); overflow:auto; padding:25px; color:var(--ink); background:var(--panel); border:1px solid rgba(184,243,74,.3); box-shadow:var(--shadow); }.logo-dialog::backdrop { background:rgba(4,11,16,.82); backdrop-filter:blur(7px); }.logo-dialog .eyebrow { margin:28px 0 14px; }.logo-dialog h2 { margin:0; font:600 clamp(2.4rem,6vw,4rem)/.94 var(--display); letter-spacing:-.07em; }.logo-dialog h2 span { color:var(--green); }.logo-choices { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-top:24px; }.logo-choice { min-width:0; padding:10px 7px 12px; color:var(--ink); border:1px solid var(--line); background:rgba(13,31,39,.7); text-align:center; transition:transform .2s,border-color .2s,background .2s; }.logo-choice:hover,.logo-choice.selected { border-color:var(--green); background:rgba(184,243,74,.1); transform:translateY(-4px); }.logo-choice-art { display:grid; place-items:center; height:106px; margin-bottom:8px; border:1px solid rgba(184,243,74,.12); background:radial-gradient(circle,rgba(184,243,74,.13),transparent 68%); }.logo-choice-art img { width:84px; height:84px; object-fit:contain; }.logo-choice strong { display:block; font:600 11px var(--display); }.logo-choice small { display:block; margin-top:4px; color:var(--muted); font-size:9px; }.logo-choice.selected small { color:var(--green); }
@keyframes logo-float { 0%,100% { transform:translateY(0) rotate(-5deg); } 50% { transform:translateY(-3px) rotate(5deg); } }@keyframes logo-orbit { to { transform:rotate(360deg); } }@keyframes logo-flash { 0%,100% { filter:drop-shadow(0 0 0 transparent); transform:scale(1); } 45% { filter:drop-shadow(0 0 11px var(--green)); transform:scale(1.08); } }@keyframes logo-pulse { 0%,100% { transform:scale(1); } 50% { transform:scale(1.06); } }@keyframes logo-crown { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px) rotate(2deg); } }@keyframes logo-tactical { to { transform:rotate(-360deg); } }
@media (max-width:900px) { .topbar-right { gap:8px; }.live-dot { display:none; }.utility-button { font-size:0; padding:8px; }.utility-button span { font-size:13px; margin:0; }.logo-choices { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:560px) { .resume-card { align-items:flex-start; flex-direction:column; }.resume-card .button { width:100%; }.logo-choices { grid-template-columns:repeat(2,minmax(0,1fr)); }.logo-dialog { padding:18px; } }

/* Palette visible sur le contrôle lui-même */
#palette-button { border:1px solid var(--green); background:rgba(184,243,74,.16); color:var(--ink); }
body[data-palette="default"] #palette-button { border-color:#b8f34a; background:rgba(184,243,74,.16); }
body[data-palette="stadium"] #palette-button { border-color:#d9ff59; background:rgba(119,224,199,.2); }
body[data-palette="sunset"] #palette-button { border-color:#ff9b87; background:rgba(255,155,135,.2); }
body[data-palette="ice"] #palette-button { border-color:#a6f7ff; background:rgba(166,247,255,.2); }
#palette-button:hover { color:var(--bg); background:var(--green); }

/* Dialogues Clubs/Champions : lisibles, autonomes et contenus dans la fenêtre */
.club-dialog, .community-dialog { width:min(780px,calc(100% - 32px)); max-width:780px; max-height:calc(100vh - 32px); margin:auto; overflow:auto; padding:26px; color:var(--ink); background:linear-gradient(145deg,var(--panel-2),var(--panel)); border:1px solid rgba(119,224,199,.5); border-top:5px solid var(--blue); box-shadow:var(--shadow); }
.club-dialog::backdrop, .community-dialog::backdrop { background:rgba(4,11,16,.78); backdrop-filter:blur(5px); }
.club-dialog .dialog-topline, .community-dialog .dialog-topline { position:sticky; top:0; z-index:2; padding-bottom:14px; background:var(--panel-2); }
.club-dialog h2, .community-dialog h2 { margin:0; font:600 clamp(2.2rem,5vw,4rem)/.96 var(--display); letter-spacing:-.07em; }
.club-dialog h2 span, .community-dialog h2 span { color:var(--green); }
.club-dialog .dialog-lede, .community-dialog .dialog-lede { max-width:620px; color:var(--muted); line-height:1.55; }
.club-dialog .club-form, .community-dialog .community-form { margin:22px 0; padding:18px; border:1px solid rgba(119,224,199,.45); background:rgba(8,22,32,.62); border-radius:8px; }
.club-dialog .club-form input, .community-dialog .community-form input, .community-dialog .community-form select { min-height:48px; color:var(--ink); background:var(--bg); border:1px solid var(--line); }
.club-dialog .club-form > button, .community-dialog .community-form > button { margin-top:16px; }
@media (max-width:600px) { .club-dialog, .community-dialog { width:calc(100% - 20px); max-height:calc(100vh - 20px); padding:18px; } }