/* Cercle Secret v49 : ambiance indépendante, mais liée aux verts et aux tons chauds de Qui suis-je ? */
#cercle-secret49-screen { width: min(100%, 760px); margin: 0 auto; padding: 0 0 36px; border: 0; background: transparent; box-shadow: none; color: #edf2ed; }
#cercle-secret49-screen * { box-sizing: border-box; }
#cercle-secret49-screen #cercle-secret49-root .cs49-shell { --a28-global-muted:#b9c5bc; --muted:#b9c5bc; --cs-bg:#101916; --cs-panel:#18241f; --cs-line:rgba(226,236,224,.14); --cs-muted:#a8b5ad; --cs-lime:#dceca1; --cs-copper:#d69a67; --cs-order:#83b7a7; --cs-chaos:#d08b73; position:relative; min-height:72vh; overflow:hidden; padding:clamp(18px,4vw,32px); border:1px solid rgba(215,228,215,.13); border-radius:26px; color:#edf2ed; background:radial-gradient(ellipse at 50% -15%,rgba(65,105,83,.3),transparent 54%),linear-gradient(155deg,#15211c,#0d1412 76%); box-shadow:0 22px 60px rgba(15,37,29,.18); font-family:system-ui,-apple-system,"Segoe UI",sans-serif; }
#cercle-secret49-screen #cercle-secret49-root .cs49-shell::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.16; background-image:radial-gradient(rgba(224,237,224,.18) .6px,transparent .7px); background-size:18px 18px; mask-image:linear-gradient(to bottom,black,transparent 70%); }
#cercle-secret49-screen #cercle-secret49-root .cs49-shell > * { position:relative; z-index:1; }
#cercle-secret49-screen #cercle-secret49-root .cs49-topline { display:flex; align-items:center; gap:10px; min-height:36px; margin-bottom:24px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-back { min-height:38px; padding:7px 10px 7px 0; border:0; color:#c9d4cc; background:transparent; font:700 12px/1.2 system-ui,sans-serif; cursor:pointer; }
#cercle-secret49-screen #cercle-secret49-root .cs49-back:hover { color:#fff; }
#cercle-secret49-screen #cercle-secret49-root .cs49-mark-small { display:grid; place-items:center; width:28px; height:28px; border:1px solid rgba(220,236,161,.34); border-radius:50%; color:var(--cs-lime); font-size:18px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-kicker { margin-left:auto; color:#aebdb3; font-size:9px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
#cercle-secret49-screen #cercle-secret49-root .cs49-portal { position:relative; display:flex; flex-direction:column; align-items:center; max-width:580px; margin:0 auto; padding:clamp(14px,5vh,42px) 0 15px; text-align:center; }
#cercle-secret49-screen #cercle-secret49-root .cs49-portal::before { content:""; position:absolute; z-index:-1; top:5%; left:50%; width:min(82vw,510px); aspect-ratio:1; transform:translateX(-50%); border:1px solid rgba(220,236,161,.11); border-radius:50%; box-shadow:0 0 0 32px rgba(220,236,161,.025),0 0 0 74px rgba(220,236,161,.02),0 0 0 126px rgba(220,236,161,.015); }
#cercle-secret49-screen #cercle-secret49-root .cs49-sigil { position:relative; display:grid; place-items:center; width:132px; height:132px; margin:0 auto 24px; border:1px solid rgba(220,236,161,.42); border-radius:50%; color:var(--cs-lime); background:radial-gradient(circle,rgba(220,236,161,.13),rgba(220,236,161,.025) 56%,transparent 57%); box-shadow:0 0 0 10px rgba(220,236,161,.035),0 0 50px rgba(220,236,161,.08); animation:cs49-breathe 4s ease-in-out infinite; }
#cercle-secret49-screen #cercle-secret49-root .cs49-sigil::before, #cercle-secret49-screen #cercle-secret49-root .cs49-sigil::after { content:""; position:absolute; border:1px solid rgba(220,236,161,.28); border-radius:50%; }
#cercle-secret49-screen #cercle-secret49-root .cs49-sigil::before { inset:14px; transform:rotate(36deg) scaleX(.68); }
#cercle-secret49-screen #cercle-secret49-root .cs49-sigil::after { inset:23px; transform:rotate(-36deg) scaleX(.68); }
#cercle-secret49-screen #cercle-secret49-root .cs49-sigil span { font:58px/1 Georgia,serif; text-shadow:0 0 26px rgba(220,236,161,.48); }
#cercle-secret49-screen #cercle-secret49-root .cs49-sigil i { position:absolute; top:8px; right:22px; width:7px; height:7px; border-radius:50%; background:#f1c689; box-shadow:0 0 14px #f1c689; }
#cercle-secret49-screen #cercle-secret49-root .cs49-eyebrow { margin:0 0 8px; color:#b7c6b9; font-size:10px; font-weight:850; letter-spacing:.16em; line-height:1.5; text-transform:uppercase; }
#cercle-secret49-screen #cercle-secret49-root .cs49-shell h1 { margin:0 0 14px; color:#f2f4ee; font-family:Georgia,"Times New Roman",serif; font-size:clamp(34px,8vw,58px); font-weight:500; letter-spacing:-.045em; line-height:1.06; }
#cercle-secret49-screen #cercle-secret49-root .cs49-lead { max-width:58ch; margin:0; color:#bec9c0; font-size:15px; line-height:1.7; }
#cercle-secret49-screen #cercle-secret49-root .cs49-tags { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:22px 0 0; }
#cercle-secret49-screen #cercle-secret49-root .cs49-tags span { padding:7px 11px; border:1px solid rgba(220,236,161,.19); border-radius:99px; color:#ced7cc; background:rgba(220,236,161,.035); font-size:10px; font-weight:700; }
#cercle-secret49-screen #cercle-secret49-root .cs49-actions { display:grid; grid-template-columns:1fr; gap:10px; width:100%; margin-top:22px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-portal .cs49-actions { max-width:380px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:12px 17px; border:1px solid rgba(220,236,161,.48); border-radius:13px; color:#18231d; background:#dceca1; box-shadow:0 7px 20px rgba(220,236,161,.13); font:800 14px/1.25 system-ui,sans-serif; text-align:center; cursor:pointer; transition:transform 180ms ease,background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease; }
#cercle-secret49-screen #cercle-secret49-root .cs49-button:hover { transform:translateY(-1px); box-shadow:0 10px 25px rgba(220,236,161,.19); }
#cercle-secret49-screen #cercle-secret49-root .cs49-button:active { transform:translateY(1px); }
#cercle-secret49-screen #cercle-secret49-root .cs49-button.secondary { border-color:rgba(226,236,224,.2); color:#edf2ed; background:rgba(245,248,240,.055); box-shadow:none; }
#cercle-secret49-screen #cercle-secret49-root .cs49-button.quiet { min-height:44px; border-color:transparent; color:#b6c1b8; background:transparent; box-shadow:none; }
#cercle-secret49-screen #cercle-secret49-root .cs49-button.danger { border-color:#ba6259; color:#fff; background:#8f3733; }
#cercle-secret49-screen #cercle-secret49-root .cs49-button:disabled { opacity:.48; cursor:not-allowed; transform:none; }
#cercle-secret49-screen #cercle-secret49-root .cs49-button:focus-visible, #cercle-secret49-screen #cercle-secret49-root .cs49-back:focus-visible, #cercle-secret49-screen #cercle-secret49-root .cs49-player-tools button:focus-visible, #cercle-secret49-screen #cercle-secret49-root .cs49-remove:focus-visible { outline:3px solid #f1c689; outline-offset:3px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-footnote { margin:27px 0 0; color:#839188; font-size:11px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-content { max-width:700px; margin:0 auto; }
#cercle-secret49-screen #cercle-secret49-root .cs49-panel { padding:clamp(19px,4vw,30px); border:1px solid var(--cs-line); border-radius:20px; background:linear-gradient(148deg,rgba(31,46,39,.96),rgba(21,31,27,.97)); box-shadow:0 12px 35px rgba(0,0,0,.14); }
#cercle-secret49-screen #cercle-secret49-root .cs49-panel h1 { margin:2px 0 12px; font-size:clamp(30px,7vw,44px); }
#cercle-secret49-screen #cercle-secret49-root .cs49-panel h2 { margin:0 0 9px; color:#e9eee8; font-family:Georgia,"Times New Roman",serif; font-size:clamp(20px,5vw,27px); font-weight:500; line-height:1.2; }
#cercle-secret49-screen #cercle-secret49-root .cs49-panel p { color:#b9c5bc; }
#cercle-secret49-screen #cercle-secret49-root .cs49-panel .cs49-actions { grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); }
#cercle-secret49-screen #cercle-secret49-root .cs49-rule-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:22px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-rule-grid article { min-width:0; padding:16px 14px; border:1px solid var(--cs-line); border-radius:14px; background:rgba(240,245,238,.035); }
#cercle-secret49-screen #cercle-secret49-root .cs49-rule-grid article p { margin:0; font-size:13px; line-height:1.55; }
#cercle-secret49-screen #cercle-secret49-root .cs49-rule-number { display:inline-grid; place-items:center; width:29px; height:29px; margin-bottom:14px; border:1px solid rgba(220,236,161,.28); border-radius:50%; color:var(--cs-lime); font-size:11px; font-weight:800; }
#cercle-secret49-screen #cercle-secret49-root .cs49-ratio { margin-top:23px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-ratio-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:12px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-ratio-grid > div, #cercle-secret49-screen #cercle-secret49-root .cs49-ratio-grid > label { display:grid; gap:5px; min-width:0; padding:11px; border:1px solid var(--cs-line); border-radius:12px; background:rgba(240,245,238,.035); }
#cercle-secret49-screen #cercle-secret49-root .cs49-ratio-grid b { color:#f2f4ee; font-size:13px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-ratio-grid span { overflow-wrap:anywhere; color:#aebbb2; font-size:10px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-ratio-grid > div span { color:#d5e4d9; font-size:11px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-rule-note, #cercle-secret49-screen #cercle-secret49-root .cs49-private-note { display:flex; align-items:flex-start; gap:11px; margin-top:18px; padding:13px 14px; border-left:3px solid var(--cs-lime); border-radius:8px; background:rgba(220,236,161,.055); }
#cercle-secret49-screen #cercle-secret49-root .cs49-rule-note { flex-direction:column; gap:4px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-rule-note b { color:#e5edce; font-size:13px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-rule-note span, #cercle-secret49-screen #cercle-secret49-root .cs49-private-note p { color:#b9c6ba; font-size:12px; line-height:1.55; }
#cercle-secret49-screen #cercle-secret49-root .cs49-private-note { align-items:center; }
#cercle-secret49-screen #cercle-secret49-root .cs49-private-note > span { color:var(--cs-lime); font-size:19px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-private-note p { margin:0; }
#cercle-secret49-screen #cercle-secret49-root .cs49-player-list { display:grid; gap:8px; margin-top:21px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-player-row { display:grid; grid-template-columns:34px minmax(0,1fr) 38px; align-items:center; gap:10px; min-width:0; padding:9px 11px; border:1px solid var(--cs-line); border-radius:13px; background:rgba(240,245,238,.035); }
#cercle-secret49-screen #cercle-secret49-root .cs49-player-index { color:#b9caab; font-size:11px; font-weight:850; }
#cercle-secret49-screen #cercle-secret49-root .cs49-player-row label, #cercle-secret49-screen #cercle-secret49-root .cs49-field { display:grid; gap:6px; min-width:0; color:#c1cdc4; font-size:11px; font-weight:750; }
#cercle-secret49-screen #cercle-secret49-root .cs49-player-row input, #cercle-secret49-screen #cercle-secret49-root .cs49-field input, #cercle-secret49-screen #cercle-secret49-root .cs49-field select, #cercle-secret49-screen #cercle-secret49-root .cs49-operation-editor textarea { width:100%; min-width:0; min-height:43px; padding:10px 12px; border:1px solid rgba(221,232,221,.2); border-radius:10px; color:#edf2ed; background:#111a16; font:600 14px/1.3 system-ui,sans-serif; }
#cercle-secret49-screen #cercle-secret49-root .cs49-player-row input::placeholder { color:#78867c; }
#cercle-secret49-screen #cercle-secret49-root .cs49-remove { width:34px; height:34px; border:1px solid rgba(232,147,126,.26); border-radius:10px; color:#e8a18f; background:rgba(232,147,126,.07); font-size:20px; cursor:pointer; }
#cercle-secret49-screen #cercle-secret49-root .cs49-player-tools { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px; color:#aab8ae; font-size:12px; font-weight:750; }
#cercle-secret49-screen #cercle-secret49-root .cs49-player-tools button { min-height:40px; padding:8px 11px; border:1px solid var(--cs-line); border-radius:10px; color:#dceca1; background:rgba(220,236,161,.05); font:750 12px/1.2 system-ui,sans-serif; }
#cercle-secret49-screen #cercle-secret49-root .cs49-help, #cercle-secret49-screen #cercle-secret49-root .cs49-settings-hint { color:#9caba1!important; font-size:12px; line-height:1.55; }
#cercle-secret49-screen #cercle-secret49-root .cs49-error { margin:12px 0 0; padding:10px 12px; border:1px solid rgba(230,134,118,.34); border-radius:10px; color:#ffd2c8!important; background:rgba(141,52,43,.18); font-size:12px; line-height:1.5; }
#cercle-secret49-screen #cercle-secret49-root .cs49-error.success { border-color:rgba(131,183,167,.35); color:#c9e9dc!important; background:rgba(57,119,91,.14); }
#cercle-secret49-screen #cercle-secret49-root .cs49-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:21px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-field input:focus-visible, #cercle-secret49-screen #cercle-secret49-root .cs49-field select:focus-visible, #cercle-secret49-screen #cercle-secret49-root .cs49-player-row input:focus-visible, #cercle-secret49-screen #cercle-secret49-root .cs49-operation-editor textarea:focus-visible, #cercle-secret49-screen #cercle-secret49-root .cs49-select-list input:focus-visible { outline:2px solid #dceca1; outline-offset:2px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-field input[type=color] { width:100%; min-height:42px; padding:4px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-wide { grid-column:1/-1; }
#cercle-secret49-screen #cercle-secret49-root .cs49-ratio-edit, #cercle-secret49-screen #cercle-secret49-root .cs49-alternatives, #cercle-secret49-screen #cercle-secret49-root .cs49-operation-editor, #cercle-secret49-screen #cercle-secret49-root .cs49-settings-tools { margin-top:24px; padding-top:18px; border-top:1px solid var(--cs-line); }
#cercle-secret49-screen #cercle-secret49-root .cs49-ratio-edit > p, #cercle-secret49-screen #cercle-secret49-root .cs49-operation-editor > p { margin:0; font-size:12px; line-height:1.55; }
#cercle-secret49-screen #cercle-secret49-root .cs49-ratio-edit .cs49-ratio-grid > label { grid-template-columns:1fr 1fr; align-items:center; }
#cercle-secret49-screen #cercle-secret49-root .cs49-ratio-edit .cs49-ratio-grid input { min-width:0; width:100%; min-height:38px; border:1px solid rgba(221,232,221,.2); border-radius:8px; color:#edf2ed; background:#111a16; }
#cercle-secret49-screen #cercle-secret49-root .cs49-check { display:flex; align-items:flex-start; gap:10px; margin-top:11px; padding:11px; border:1px solid var(--cs-line); border-radius:11px; background:rgba(240,245,238,.025); cursor:pointer; }
#cercle-secret49-screen #cercle-secret49-root .cs49-check input { width:19px; height:19px; margin:1px 0 0; accent-color:#b7cc8b; flex:0 0 19px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-check span { display:grid; gap:3px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-check b { color:#d8e2d8; font-size:12px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-check small { color:#9caba1; font-size:11px; line-height:1.45; }
#cercle-secret49-screen #cercle-secret49-root .cs49-operation-editor textarea { min-height:270px; margin-top:10px; resize:vertical; font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; }
#cercle-secret49-screen #cercle-secret49-root .cs49-actions-inline { display:flex!important; flex-wrap:wrap; }
#cercle-secret49-screen #cercle-secret49-root .cs49-actions-inline .cs49-button { flex:1 1 180px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-settings-tools { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-settings-tools .cs49-check { margin:0; }
#cercle-secret49-screen #cercle-secret49-root .cs49-pass { display:flex; min-height:min(70vh,640px); flex-direction:column; align-items:center; justify-content:center; padding:32px 14px; text-align:center; }
#cercle-secret49-screen #cercle-secret49-root .cs49-phase { display:inline-flex; align-items:center; min-height:27px; padding:6px 10px; border:1px solid rgba(220,236,161,.19); border-radius:99px; color:#c9d6c8; background:rgba(220,236,161,.045); font-size:9px; font-weight:850; letter-spacing:.12em; }
#cercle-secret49-screen #cercle-secret49-root .cs49-pass-orbit { display:grid; place-items:center; width:74px; height:74px; margin:26px 0 12px; border:1px solid rgba(220,236,161,.35); border-radius:50%; color:var(--cs-lime); box-shadow:0 0 0 10px rgba(220,236,161,.035); font-size:32px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-pass > p:not(.cs49-help) { margin:16px 0 0; color:#b9c6ba; font-size:14px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-pass h1 { margin:7px 0 8px; font-size:clamp(36px,9vw,54px); overflow-wrap:anywhere; }
#cercle-secret49-screen #cercle-secret49-root .cs49-pass .cs49-help { max-width:36ch; }
#cercle-secret49-screen #cercle-secret49-root .cs49-pass .cs49-actions { max-width:360px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-private-card { position:relative; overflow:hidden; text-align:center; }
#cercle-secret49-screen #cercle-secret49-root .cs49-private-card::before { content:""; position:absolute; top:-120px; right:-125px; width:270px; height:270px; border:1px solid rgba(220,236,161,.15); border-radius:50%; box-shadow:0 0 0 20px rgba(220,236,161,.025),0 0 0 49px rgba(220,236,161,.018); pointer-events:none; }
#cercle-secret49-screen #cercle-secret49-root .cs49-card-sigil { display:grid; place-items:center; width:72px; height:72px; margin:24px auto 15px; border:1px solid color-mix(in srgb,var(--cs-order) 50%,transparent); border-radius:50%; color:var(--cs-order); background:color-mix(in srgb,var(--cs-order) 9%,transparent); font:35px/1 Georgia,serif; }
#cercle-secret49-screen #cercle-secret49-root .cs49-card-sigil.chaos, #cercle-secret49-screen #cercle-secret49-root .cs49-private-card.chaos .cs49-card-sigil { border-color:color-mix(in srgb,var(--cs-chaos) 52%,transparent); color:var(--cs-chaos); background:color-mix(in srgb,var(--cs-chaos) 9%,transparent); }
#cercle-secret49-screen #cercle-secret49-root .cs49-private-card h1, #cercle-secret49-screen #cercle-secret49-root .cs49-reveal h1 { font-size:clamp(30px,7vw,43px); }
#cercle-secret49-screen #cercle-secret49-root .cs49-role { margin:0; color:#eef2e9!important; font-family:Georgia,"Times New Roman",serif; font-size:24px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-faction-pill { display:inline-flex; align-items:center; min-height:34px; margin-top:15px; padding:7px 13px; border:1px solid color-mix(in srgb,var(--cs-order) 45%,transparent); border-radius:99px; color:var(--cs-order); background:color-mix(in srgb,var(--cs-order) 8%,transparent); font-size:11px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
#cercle-secret49-screen #cercle-secret49-root .cs49-private-card.chaos .cs49-faction-pill { border-color:color-mix(in srgb,var(--cs-chaos) 45%,transparent); color:var(--cs-chaos); background:color-mix(in srgb,var(--cs-chaos) 8%,transparent); }
#cercle-secret49-screen #cercle-secret49-root .cs49-private-card > p:not(.cs49-eyebrow):not(.cs49-role):not(.cs49-help) { color:#c3cfc5; font-size:14px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-allies { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; margin:11px 0; padding:0; list-style:none; }
#cercle-secret49-screen #cercle-secret49-root .cs49-allies li { padding:7px 10px; border:1px solid rgba(208,139,115,.26); border-radius:99px; color:#f0c3b4; background:rgba(208,139,115,.07); font-size:12px; font-weight:750; }
#cercle-secret49-screen #cercle-secret49-root .cs49-private-card .cs49-actions { max-width:400px; margin-right:auto; margin-left:auto; }
#cercle-secret49-screen #cercle-secret49-root .cs49-operation-card { text-align:center; }
#cercle-secret49-screen #cercle-secret49-root .cs49-operation-emblem { display:grid; place-items:center; width:58px; height:58px; margin:21px auto 13px; border:1px solid rgba(241,198,137,.3); border-radius:17px; transform:rotate(45deg); color:#f1c689; background:rgba(241,198,137,.055); font-size:23px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-operation-emblem::first-letter { transform:rotate(-45deg); }
#cercle-secret49-screen #cercle-secret49-root .cs49-operation-card h1 { font-size:clamp(29px,7vw,42px); }
#cercle-secret49-screen #cercle-secret49-root .cs49-operation-public { max-width:50ch; margin:21px auto 0; padding:13px 15px; border-left:2px solid #d69a67; border-radius:6px; color:#d9e0d6; background:rgba(214,154,103,.06); font-size:13px; line-height:1.6; text-align:left; }
#cercle-secret49-screen #cercle-secret49-root .cs49-public-notice { margin:13px 0 0!important; padding:11px 13px; border:1px solid rgba(131,183,167,.26); border-radius:10px; color:#d2e7dc!important; background:rgba(57,119,91,.12); font-size:12px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-secret-text { max-width:50ch; margin:10px auto 0; color:#e5ece4!important; font-family:Georgia,"Times New Roman",serif; font-size:clamp(19px,5vw,25px); line-height:1.55; }
#cercle-secret49-screen #cercle-secret49-root .cs49-discussion { text-align:center; }
#cercle-secret49-screen #cercle-secret49-root .cs49-discussion h1 { font-size:clamp(32px,8vw,47px); }
#cercle-secret49-screen #cercle-secret49-root .cs49-timer-wrap { display:grid; gap:3px; width:min(100%,260px); margin:22px auto; padding:15px; border:1px solid rgba(220,236,161,.2); border-radius:17px; background:radial-gradient(circle at 50% 0,rgba(220,236,161,.11),rgba(220,236,161,.025)); }
#cercle-secret49-screen #cercle-secret49-root .cs49-timer-wrap span { color:#bdcbbd; font-size:9px; font-weight:850; letter-spacing:.16em; }
#cercle-secret49-screen #cercle-secret49-root .cs49-timer-wrap strong { color:#f0f3e9; font:54px/1.05 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:-.05em; }
#cercle-secret49-screen #cercle-secret49-root .cs49-timer-wrap small { color:#9fac9f; font-size:10px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-live-notices { display:grid; gap:7px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-live-notices p { margin:0; padding:10px; border-radius:9px; color:#d2e7dc; background:rgba(57,119,91,.12); font-size:12px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-accusation-callout { margin-top:20px; padding:14px; border:1px solid rgba(214,154,103,.24); border-radius:13px; background:rgba(214,154,103,.05); text-align:left; }
#cercle-secret49-screen #cercle-secret49-root .cs49-accusation-callout b { color:#f1c689; font-size:12px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-accusation-callout p { margin:4px 0 0; font-size:12px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-accusation-callout .cs49-button { width:100%; margin-top:10px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-select-list, #cercle-secret49-screen #cercle-secret49-root .cs49-vote-list { display:grid; gap:8px; margin-top:20px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-select-list label { display:flex; align-items:center; gap:11px; min-height:49px; padding:10px 13px; border:1px solid var(--cs-line); border-radius:11px; color:#e3eae2; background:rgba(240,245,238,.035); font-weight:750; cursor:pointer; }
#cercle-secret49-screen #cercle-secret49-root .cs49-select-list input { width:20px; height:20px; margin:0; accent-color:#c6d894; }
#cercle-secret49-screen #cercle-secret49-root .cs49-vote-list { grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); }
#cercle-secret49-screen #cercle-secret49-root .cs49-vote-list .cs49-button { min-height:58px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-result { text-align:center; }
#cercle-secret49-screen #cercle-secret49-root .cs49-result-sigil { display:grid; place-items:center; width:90px; height:90px; margin:11px auto 20px; border:1px solid color-mix(in srgb,var(--cs-order) 45%,transparent); border-radius:50%; color:var(--cs-order); background:color-mix(in srgb,var(--cs-order) 8%,transparent); font:45px/1 Georgia,serif; }
#cercle-secret49-screen #cercle-secret49-root .cs49-result-sigil.chaos { border-color:color-mix(in srgb,var(--cs-chaos) 45%,transparent); color:var(--cs-chaos); background:color-mix(in srgb,var(--cs-chaos) 8%,transparent); }
#cercle-secret49-screen #cercle-secret49-root .cs49-result h1 { font-size:clamp(32px,8vw,48px); }
#cercle-secret49-screen #cercle-secret49-root .cs49-designated { display:grid; gap:5px; margin:20px 0; padding:13px; border:1px solid var(--cs-line); border-radius:13px; background:rgba(240,245,238,.035); }
#cercle-secret49-screen #cercle-secret49-root .cs49-designated span { color:#9eada3; font-size:9px; font-weight:850; letter-spacing:.14em; }
#cercle-secret49-screen #cercle-secret49-root .cs49-designated b { color:#f2f4ee; font-size:18px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-tally { margin-top:14px; border-top:1px solid var(--cs-line); text-align:left; }
#cercle-secret49-screen #cercle-secret49-root .cs49-tally summary { padding:14px 0; color:#dceca1; font-size:12px; font-weight:800; cursor:pointer; }
#cercle-secret49-screen #cercle-secret49-root .cs49-tally > div { display:grid; gap:6px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-result-row { display:flex; justify-content:space-between; gap:12px; padding:8px 11px; border-radius:8px; color:#dfe7de; background:rgba(240,245,238,.035); font-size:12px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-result-row b { color:#dceca1; }
#cercle-secret49-screen #cercle-secret49-root .cs49-tally > p { margin:8px 0 0; font-size:10px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-reveal { text-align:center; }
#cercle-secret49-screen #cercle-secret49-root .cs49-reveal .cs49-card-sigil { width:92px; height:92px; font-size:45px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-roster { display:grid; gap:7px; margin-top:20px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-final-player { display:grid; gap:4px; padding:11px 13px; border:1px solid var(--cs-line); border-radius:10px; background:rgba(240,245,238,.035); text-align:left; }
#cercle-secret49-screen #cercle-secret49-root .cs49-final-player span { color:#eef2ed; font-size:14px; font-weight:800; }
#cercle-secret49-screen #cercle-secret49-root .cs49-final-player b { color:var(--cs-order); font-size:11px; }
#cercle-secret49-screen #cercle-secret49-root .cs49-final-player.chaos b { color:var(--cs-chaos); }
@keyframes cs49-breathe { 0%,100% { box-shadow:0 0 0 10px rgba(220,236,161,.035),0 0 50px rgba(220,236,161,.08); } 50% { box-shadow:0 0 0 13px rgba(220,236,161,.045),0 0 58px rgba(220,236,161,.12); } }
@media (max-width:600px) {
  #cercle-secret49-screen { padding-bottom:24px; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-shell { min-height:80vh; padding:15px; border-radius:20px; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-topline { margin-bottom:18px; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-kicker { font-size:8px; letter-spacing:.09em; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-portal { padding-top:clamp(12px,4vh,30px); }
  #cercle-secret49-screen #cercle-secret49-root .cs49-sigil { width:112px; height:112px; margin-bottom:20px; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-sigil span { font-size:49px; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-rule-grid { grid-template-columns:1fr; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-rule-grid article { padding:13px; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-rule-number { margin-bottom:8px; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-ratio-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #cercle-secret49-screen #cercle-secret49-root .cs49-ratio-grid > div:last-child { grid-column:1/-1; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-settings-grid { grid-template-columns:1fr; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-wide { grid-column:auto; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-settings-tools { grid-template-columns:1fr; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-panel .cs49-actions { grid-template-columns:1fr; }
}
@media (max-width:365px) {
  #cercle-secret49-screen #cercle-secret49-root .cs49-shell { padding:12px; border-radius:17px; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-topline { gap:6px; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-back { font-size:11px; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-kicker { font-size:7px; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-player-row { grid-template-columns:26px minmax(0,1fr) 32px; gap:7px; padding:8px; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-ratio-edit .cs49-ratio-grid { grid-template-columns:1fr 1fr; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-ratio-edit .cs49-ratio-grid > label { grid-column:1/-1; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-vote-list { grid-template-columns:1fr 1fr; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-vote-list .cs49-button { min-height:52px; padding:9px; font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
  #cercle-secret49-screen #cercle-secret49-root .cs49-sigil { animation:none; }
  #cercle-secret49-screen #cercle-secret49-root .cs49-button { transition:none; }
}

#cercle-secret49-screen #cercle-secret49-root .cs49-shell { animation:cs49-enter 220ms ease-out both; }
@keyframes cs49-enter { from { opacity:.88; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { .cs49-shell { animation:none; } }

/* Neutraliser les contraintes du panneau historique et annoncer l’univers dès sa carte. */
#cercle-secret49-screen { max-width:760px; animation:none; }
#cercle-secret49-screen #cercle-secret49-root .cs49-shell h1:focus { outline:none; }
#home #mode-cercle-secret49 { --mode-accent48:#916239; border-color:rgba(145,98,57,.42); background:linear-gradient(125deg,var(--paper),color-mix(in srgb,var(--paper) 90%,#d6b58e)); }
#home #mode-cercle-secret49 .mode-logo48 { color:#a56f41; background:rgba(145,98,57,.11); }
#home #mode-cercle-secret49 .mode-status48 { color:#80552e; border-color:rgba(145,98,57,.28); background:rgba(145,98,57,.08); }
html[data-appearance="dark"] #home #mode-cercle-secret49 .mode-status48 { color:#e0b68e; }
@media(max-width:350px) { #home .special-mode-card48 .mode-status48 { white-space:normal; max-width:91px; text-align:center; } }

@media(prefers-reduced-motion:reduce) { #cercle-secret49-screen #cercle-secret49-root .cs49-shell { animation:none; } }
/* Les boutons de navigation ne reprennent pas le relief des boutons de l’accueil. */
#cercle-secret49-screen #cercle-secret49-root .cs49-back { box-shadow:none; border-radius:0; transform:none; }