:root{--bg:#ecdfc7;--bg2:#f5e9d6;--panel:#fff8e9;--panel2:#f5e6d0;--txt:#392b20;--muted:#73604b;--line:#d9c2a4;--gold:#ad792c;--forest:#526e3e;--shadow:0 10px 30px #84623d1d;color-scheme:light}

*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;background:radial-gradient(ellipse at 13% 2%,#dfba7c31,transparent 34%),linear-gradient(145deg,var(--bg),var(--bg2) 53%,var(--bg));color:var(--txt);line-height:1.5;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}a:hover{color:var(--gold)}[hidden]{display:none!important}.shell{max-width:1190px;margin:auto;padding:16px 20px 38px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0 20px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:21px;font-weight:900;letter-spacing:.06em}.brand small{display:block;color:var(--gold);font-size:9px;letter-spacing:.15em}.crest{display:grid;place-items:center;width:46px;height:46px;background:linear-gradient(145deg,#496b3b,#9cad65);color:#ffe8b2;border:2px solid #c59e61;border-radius:13px;box-shadow:var(--shadow);font-size:24px}.headright{display:flex;align-items:center;gap:9px}.other-game{font-size:13px;text-decoration:none;color:var(--muted)}select,.icon-btn,input,textarea{border:1px solid var(--line);border-radius:10px;color:var(--txt);background:var(--panel);padding:11px 12px;outline:0;max-width:100%}.icon-btn{min-width:43px;font-size:19px}.icon-btn:hover,select:hover,input:hover,textarea:hover{border-color:var(--gold)}input:focus,select:focus,textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px #73925330}.intro{border:1px solid #c7a678;border-radius:22px;padding:39px 45px;margin-bottom:17px;background:radial-gradient(circle at 93% 15%,#dbc18588,transparent 47%),linear-gradient(114deg,var(--panel),var(--panel2));box-shadow:var(--shadow)}.intro h1{font-size:clamp(30px,4vw,47px);line-height:1.11;letter-spacing:-.032em;margin:9px 0 12px;max-width:700px}.intro p{font-size:16px;max-width:650px;color:var(--muted);margin:0}.eyebrow{font-size:11px;letter-spacing:.17em;color:var(--gold);font-weight:850}.intro-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.intro-chips span{padding:6px 12px;border:1px solid var(--line);border-radius:50px;background:#ffffff0c;font-size:12px;font-weight:650}.nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;border:1px solid var(--line);background:var(--panel);padding:8px;border-radius:16px;position:sticky;top:6px;z-index:10;box-shadow:var(--shadow)}.navitem{border:1px solid transparent;border-radius:11px;padding:12px 4px;background:transparent;color:var(--muted);font-weight:750;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px}.navitem:hover{background:var(--panel2)}.navitem.selected{background:linear-gradient(130deg,#78965a27,#d7b0662e);border-color:var(--gold);color:var(--txt)}.nav-icon{font-size:24px;line-height:1}.view{padding-top:32px;min-height:410px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}.section-head h2{font-size:clamp(24px,3vw,32px);margin:4px 0 2px;line-height:1.2}.section-head p{margin:5px 0 0;color:var(--muted);font-size:14px}.two-col{display:grid;grid-template-columns:285px minmax(0,1fr);gap:17px;align-items:start}.panel,.card,.empty{border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}.panel{padding:21px}.filters{position:sticky;top:95px}.panel h3{font-size:16px;margin:0 0 16px}.stack{display:grid;gap:16px}label{display:grid;gap:6px;color:var(--txt);font-size:13px;font-weight:700}.stack input,.stack select,.stack textarea{width:100%;font-weight:450}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.75}.checkbox{display:flex;gap:9px;align-items:center;cursor:pointer;font-weight:500}.checkbox input{accent-color:var(--forest);width:18px;height:18px}.btn{border:1px solid #bd913f;border-radius:10px;background:linear-gradient(#f3ce7a,#e5b053);color:#3e2911;font-weight:800;padding:11px 15px;min-height:43px;text-align:center}.btn:hover{filter:brightness(1.05)}.btn.ghost{background:var(--panel2);border-color:var(--line);color:var(--txt)}.btn.ghost:hover{border-color:var(--gold)}.btn.small{padding:7px 10px;min-height:33px;font-size:12px}.btn.large{padding:14px;font-size:15px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}hr{border:0;border-top:1px solid var(--line);margin:22px 0}.result-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 15px;min-height:43px}.result-bar strong{font-size:15px}.sortbox{display:flex;flex-direction:row;align-items:center;gap:8px}.sortbox select{padding:7px 10px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:13px}.card{padding:18px;position:relative;min-width:0}.cardtop{display:flex;gap:12px;align-items:center}.badge-img{width:53px;height:53px;object-fit:contain;flex:none;border-radius:12px;background:var(--panel2);border:1px solid var(--line);padding:4px}.badge-placeholder{width:53px;height:53px;border-radius:12px;display:grid;place-items:center;background:#5c7642;color:#ffe7ab;font-size:25px;border:1px solid #a1ae70}.card h3{font-size:17px;margin:0;line-height:1.28;overflow-wrap:anywhere}.tag{color:var(--muted);font-size:12px;display:block}.pillrow{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.pill{border:1px solid var(--line);padding:3px 9px;border-radius:30px;background:var(--panel2);font-size:11px;color:var(--txt)}.card p{font-size:13px;color:var(--muted);min-height:36px;white-space:pre-wrap;overflow-wrap:anywhere}.card .cardactions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.card .cardactions button{flex:1}.empty{padding:30px 23px;text-align:center;color:var(--muted)}.pagination{display:flex;justify-content:center;align-items:center;gap:11px;margin-top:19px}.pagination button{min-width:65px}.form-panel{max-width:780px;padding:27px}.pair-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.help,.form-note{color:var(--muted);font-size:12px;margin:0}.checks{display:flex;flex-wrap:wrap;gap:9px}.checks label{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);cursor:pointer;font-weight:500}.checks input{accent-color:var(--forest)}fieldset{border:0;padding:0;margin:0}legend{font-size:13px;font-weight:750;margin-bottom:9px}.searchbar{margin:0 0 20px}.searchform{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.searchform label{flex:1;min-width:140px}.quicklookup{display:flex;gap:7px}.alert{padding:13px 15px;border:1px solid var(--gold);background:var(--panel2);border-radius:12px;margin-top:15px}.alert.error{border-color:#bb6455}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:16px 0 24px}.stat{padding:17px;border:1px solid var(--line);background:var(--panel);border-radius:13px}.stat b{font-size:25px;display:block}.stat span{font-size:12px;color:var(--muted)}.prose{line-height:1.8}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:15px}.data-grid .stat b{font-size:16px}.taglist{display:flex;gap:8px;flex-wrap:wrap}.taglist button{font-size:12px}.comparison{overflow-x:auto;margin-top:22px}.comparison table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line)}.comparison td,.comparison th{border-bottom:1px solid var(--line);text-align:left;padding:10px;min-width:100px}.mobile-filter{display:none}footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:50px;padding:23px 0;color:var(--muted);font-size:12px}footer div{display:flex;gap:12px;flex-wrap:wrap}.footerlink{border:0;background:transparent;color:inherit;padding:4px}.footerlink:hover{text-decoration:underline;color:var(--gold)}
@media(max-width:800px){.shell{padding:12px 13px 90px}.two-col{grid-template-columns:1fr}.filters{position:static;display:none}.filters.open{display:block}.mobile-filter{display:inline-block}.intro{padding:27px 22px}.intro h1{font-size:32px}.headright{gap:6px}.other-game{display:none}.topbar{padding-bottom:10px}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}.nav{position:fixed;bottom:0;top:auto;left:0;right:0;border-radius:13px 13px 0 0;padding:7px 6px calc(7px + env(safe-area-inset-bottom));z-index:40}.navitem{flex-direction:column;padding:5px 2px;min-height:50px;font-size:10px;gap:0}.nav-icon{font-size:21px}.view{padding-top:23px}.pair-fields{grid-template-columns:1fr}.form-panel{padding:19px}.sortbox span{display:none}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.headright select{max-width:143px}.intro-chips{gap:5px}.intro-chips span{font-size:11px}.result-bar{flex-wrap:wrap}.quicklookup input{min-width:80px;max-width:150px}.card .cardactions{gap:4px}}

/* Clantiva CoC V2 — thème automatique de l'appareil (sans préférence locale ni bouton) */
:root { color-scheme: light; }
@media (prefers-color-scheme: dark) {
 :root {--bg:#34332e;--bg2:#3c3b33;--panel:#4a4339;--panel2:#554d3f;--txt:#f8ebd7;--muted:#decbb0;--line:#796953;--gold:#eac16c;--forest:#afcb8e;--shadow:0 10px 32px #16120c49;color-scheme:dark}
}
/* Accueil structuré sur le parcours de Clash Royale, teintes propres à CoC */
.home-hero {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:40px 44px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 90% 10%,#edc78655,transparent 48%),linear-gradient(118deg,var(--panel),var(--panel2));box-shadow:var(--shadow)}
.home-hero h1 {font-size:clamp(31px,4.5vw,52px);max-width:660px;line-height:1.07;letter-spacing:-.035em;margin:13px 0}
.home-hero p {max-width:620px;color:var(--muted);margin:0;font-size:16px}
.home-emblem {width:165px;height:165px;flex:none;border-radius:28px;background:linear-gradient(140deg,#608049,#2e5935);border:6px double #d9b76f;box-shadow:0 14px 25px #3e2a1650,inset 0 0 20px #193e2155;display:grid;place-content:center;text-align:center;font-size:65px;color:#ffe4a3;transform:rotate(-5deg);text-shadow:2px 3px #1e321e}
.home-emblem small {font-size:13px;font-weight:900;letter-spacing:.12em;display:block;transform:rotate(5deg)}
.home-heading {text-align:center;margin:32px auto 21px}
.home-heading h2 {font-size:clamp(25px,3vw,34px);margin:7px 0}
.home-heading p {color:var(--muted);margin:0}
.home-choices {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 19px}
.choice-card {min-height:188px;border-radius:19px;padding:28px 24px;display:flex;align-items:center;gap:22px;text-align:left;color:#fffae9;border:1px solid #edce8a66;box-shadow:var(--shadow);transition:transform .16s,border-color .16s;position:relative;overflow:hidden}
.choice-card:hover {transform:translateY(-2px);border-color:#ffe6a8}
.choice-card.green {background:linear-gradient(135deg,#3d793d,#225437)}
.choice-card.bronze {background:linear-gradient(135deg,#936c37,#66512b)}
.choice-icon {flex:none;font-size:54px;font-weight:800;line-height:1;width:72px;height:85px;display:grid;place-items:center;border-radius:14px;background:#ffffff1c}
.choice-card strong,.choice-card small,.choice-card em {display:block}
.choice-card strong {font-size:clamp(20px,2.3vw,27px);line-height:1.2}
.choice-card small {font-size:14px;color:#f4eacb;margin:9px 0 15px;line-height:1.5}
.choice-card em {font-size:13px;font-weight:850;font-style:normal;color:#ffe3a0}
.home-post {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:38px;background:var(--panel2)}
.home-post h3 {margin:0 0 2px}
.home-post p {margin:0;color:var(--muted);font-size:13px}
.home-buttons {display:flex;gap:9px;flex-wrap:wrap}
.recent-title {margin:0 0 16px}
.home-infos {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0}
.home-infos h3 {margin-bottom:8px}
.home-infos p {font-size:13px;color:var(--muted);margin:0}
.topbar {position:relative}
.user-menu {position:relative}
.profile-toggle {min-height:42px;border:1px solid var(--line);background:var(--panel);border-radius:10px;color:var(--txt);font-weight:750;padding:8px 13px}
.profile-menu {position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:195px;padding:7px;box-shadow:var(--shadow);background:var(--panel);border:1px solid var(--line);border-radius:13px}
.profile-menu button {width:100%;border:0;background:transparent;color:var(--txt);padding:11px;text-align:left;border-radius:7px;font-size:13px}
.profile-menu button:hover {background:var(--panel2)}
/* navigation quatre parcours conservée */
.nav {margin-top:18px;box-shadow:0 5px 17px #00000013}
/* administration complète */
.admin-login {display:flex;align-items:end;gap:16px;max-width:none}
.admin-login label {max-width:360px;flex:1}
.admin-login-row {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.admin-tabs {display:flex;gap:7px;overflow-x:auto;padding:6px 0 13px;margin-top:22px;scrollbar-width:thin}
.admin-tab {white-space:nowrap;background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:11px 13px;font-size:12px;font-weight:800}
.admin-tab.selected {color:var(--txt);border-color:var(--gold);background:var(--panel2)}
.admin-cols {display:grid;grid-template-columns:1fr 1fr;gap:14px}
.admin-pane {padding-top:12px}
.admin-filters {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 17px}
.admin-filters input {flex:1;min-width:190px}
.admin-rows {display:grid;gap:10px;max-height:700px;overflow:auto;margin:14px 0 0}
.admin-item {border:1px solid var(--line);border-radius:11px;padding:12px;background:var(--panel2);font-size:13px;overflow-wrap:anywhere}
.admin-item h4 {margin:0 0 6px;font-size:14px}
.admin-item .help {display:block;margin:4px 0}
.admin-item-actions {display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}
.admin-item-actions .btn {font-size:12px;min-height:30px;padding:6px 10px}
.admin-pairs {display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:8px 0;font-size:13px}
.bars {height:178px;display:flex;align-items:end;gap:7px;padding:15px 3px 0;overflow:hidden;border-bottom:1px solid var(--line)}
.barcol {flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:5px;height:100%;font-size:10px;color:var(--muted)}
.barcol i {display:block;min-height:2px;max-height:130px;width:min(100%,28px);border-radius:5px 5px 0 0;background:linear-gradient(#d5b17d,#659052)}
.admin-pane .cards {margin-top:12px}
@media(max-width:830px){.admin-cols{grid-template-columns:1fr}.admin-login{display:block}.admin-login-row{margin-top:10px}.home-infos{grid-template-columns:1fr}.home-hero{padding:28px}.home-emblem{width:100px;height:100px;font-size:36px}.home-emblem small{font-size:10px}}
@media(max-width:620px){.home-hero{padding:23px 20px}.home-emblem{display:none}.home-choices{grid-template-columns:1fr;gap:10px}.choice-card{min-height:148px;padding:19px;gap:17px}.choice-icon{width:55px;height:61px;font-size:37px}.home-post{flex-direction:column;align-items:stretch}.home-buttons>*{flex:1}.headright{gap:6px}.profile-toggle{padding:8px}.profile-toggle span{display:none}.home-heading{margin:25px auto 15px}.home-hero h1{font-size:32px}.admin-filters input,.admin-filters select,.admin-filters button{width:100%}}

/* Clantiva CoC V2.1 — Quatre GRANDES entrées, à l'image de l'accueil CR actuel. */
.home-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:35px}
.choice-card{min-width:0;min-height:168px;padding:22px;gap:19px}
.choice-card strong{font-size:clamp(19px,2.1vw,25px)}
.choice-card small{font-size:13px;margin:9px 0 10px}
.choice-card.slate{background:linear-gradient(135deg,#5a7180,#334d58)}
.choice-card.ochre{background:linear-gradient(135deg,#ae8443,#7d5c2e)}
.choice-card.bronze{background:linear-gradient(135deg,#906246,#624636)}
.choice-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:700px){.home-choices{gap:10px}.choice-card{min-height:142px;gap:13px;padding:14px}.choice-icon{width:44px;height:52px;font-size:31px}.choice-card strong{font-size:17px}.choice-card small{font-size:12px}}
@media(max-width:480px){.home-choices{grid-template-columns:1fr}.choice-card{min-height:112px;padding:15px 16px;gap:15px}.choice-icon{width:52px;height:58px;font-size:33px}.choice-card strong{font-size:20px}}