:root{--wc-bg: #0f0f10;--wc-bg-alt: #17181b;--wc-text: #f3f6f9;--wc-muted: #b9c2cc;--wc-primary: #0b6e4f;--wc-primary-contrast: #e9fff6;--wc-accent: #e6b400;--wc-accent-contrast: #0f0f10;--wc-red: #d7263d;--wc-blue: #2364aa;--wc-card: #1d2025;--wc-border: #2a2e35;--wc-radius: 12px;--wc-shadow: 0 6px 24px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--wc-text);background:var(--wc-bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,"Apple Color Emoji","Segoe UI Emoji"}a{color:var(--wc-text)}.wc-container{max-width:960px;margin:2rem auto;padding:0 1rem 3rem;position:relative;z-index:0}.wc-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 800px at 50% 0%,rgba(255,255,255,.08),transparent 70%),radial-gradient(1200px 800px at 50% 100%,rgba(0,0,0,.4),transparent 70%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2400' height='1800' viewBox='0 0 2400 1800'>  <rect width='2400' height='1800' fill='black'/>  <!-- 🌱 Vert pelouse : plus saturé + léger halo -->  <defs>    <filter id='glowGreen' x='-50%' y='-50%' width='200%' height='200%'>      <feGaussianBlur stdDeviation='8' result='blur'/>      <feMerge><feMergeNode in='blur'/><feMergeNode in='SourceGraphic'/></feMerge>    </filter>    <filter id='glowBlue' x='-50%' y='-50%' width='200%' height='200%'>      <feGaussianBlur stdDeviation='6' result='blur'/>      <feMerge><feMergeNode in='blur'/><feMergeNode in='SourceGraphic'/></feMerge>    </filter>    <filter id='glowRed' x='-50%' y='-50%' width='200%' height='200%'>      <feGaussianBlur stdDeviation='6' result='blur'/>      <feMerge><feMergeNode in='blur'/><feMergeNode in='SourceGraphic'/></feMerge>    </filter>  </defs>  <!-- Rouge vif -->  <path d='M-300 680 Q600 160 1500 680 T3000 680' fill='none' stroke='%23FF334E' stroke-width='30' opacity='0.5' stroke-linecap='round' filter='url(%23glowRed)'/>  <path d='M-300 740 Q600 220 1500 740 T3000 740' fill='none' stroke='%23D7263D' stroke-width='18' opacity='0.6' stroke-linecap='round' filter='url(%23glowRed)'/>  <!-- Vert plus éclatant -->  <path d='M-300 1080 Q600 630 1500 1080 T3000 1080' fill='none' stroke='%2300D084' stroke-width='26' opacity='0.4' stroke-linecap='round' filter='url(%23glowGreen)'/>  <path d='M-300 1140 Q600 700 1500 1140 T3000 1140' fill='none' stroke='%2300B76B' stroke-width='14' opacity='0.55' stroke-linecap='round' filter='url(%23glowGreen)'/>  <!-- Bleu électrique -->  <path d='M-300 1270 Q600 1670 1500 1270 T3000 1270' fill='none' stroke='%230066FF' stroke-width='30' opacity='0.45' stroke-linecap='round' filter='url(%23glowBlue)'/>  <path d='M-300 1330 Q600 1730 1500 1330 T3000 1330' fill='none' stroke='%231A7AFF' stroke-width='16' opacity='0.55' stroke-linecap='round' filter='url(%23glowBlue)'/></svg>");background-repeat:no-repeat,no-repeat,no-repeat;background-attachment:fixed,fixed,scroll;background-size:cover,cover,cover;background-position:center,center,center 46%;filter:brightness(1.05) contrast(1.1) saturate(1.3)}.wc-nav{display:flex;gap:8px;align-items:center;margin-bottom:12px;padding:10px 12px;border:1px solid var(--wc-border);border-radius:var(--wc-radius);background:linear-gradient(90deg,var(--wc-card),#1a1f24 70%);box-shadow:var(--wc-shadow)}.wc-brand{font-weight:800;text-decoration:none;letter-spacing:.5px;background:linear-gradient(90deg,var(--wc-accent),#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.wc-navlink{padding:6px 10px;border-radius:8px;text-decoration:none;border:1px solid var(--wc-border);color:var(--wc-text)}.wc-navlink.active{border:2px solid var(--wc-text)}.wc-nav-right{margin-left:auto;display:flex;gap:12px;align-items:center}.wc-badge{display:inline-flex;align-items:center;gap:6px;background:var(--wc-primary);color:var(--wc-primary-contrast);padding:4px 8px;border-radius:999px;font-weight:700}h1{margin:0 0 10px;background:linear-gradient(90deg,#fff,#e6b400,#d7263d,#2364aa);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.5px}h2{margin-top:24px}.card{border:1px solid var(--wc-border);background:var(--wc-card);border-radius:var(--wc-radius);padding:12px;box-shadow:var(--wc-shadow)}.grid{list-style:none;padding:0;display:grid;gap:12px}.btn{appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;border:1px solid var(--wc-border);padding:8px 12px;font-weight:700;background:#20242a;color:var(--wc-text);transition:transform .06s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--wc-primary),#095c42);border-color:#0a5a44;color:var(--wc-primary-contrast)}.btn-ghost{background:transparent}.btn-danger{background:linear-gradient(180deg,var(--wc-red),#b31d31);border-color:#9a1626}.tag{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--wc-border);background:#20242a;color:var(--wc-muted)}.tag.gold{background:#2b2410;border-color:#3b2f10;color:var(--wc-accent)}.auth-card{background:#0f0f0fb3;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 0 25px #d7263d66,0 0 60px #d7263d26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:24px;max-width:420px;margin:2rem auto;color:var(--wc-text);transition:box-shadow .3s ease}.auth-card:hover{box-shadow:0 0 35px #d7263d99,0 0 70px #d7263d40}.auth-tabs{display:flex;gap:8px;margin-bottom:1rem}.auth-tabs button{flex:1;background:#2364aa26;border:1px solid var(--wc-border);border-radius:8px;color:var(--wc-text);padding:6px 10px;font-weight:600;cursor:pointer;transition:all .25s ease}.auth-tabs button:hover{background:#2364aa59;border-color:var(--wc-blue)}.auth-tabs button.active{background:var(--wc-blue);border-color:var(--wc-blue);color:#fff}.auth-form label{display:block;margin-bottom:.25rem;font-weight:600}.auth-form input{width:100%;padding:10px 12px;margin-bottom:1rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0d;color:var(--wc-text);font-size:1rem;transition:border-color .2s ease,background .2s ease}.auth-form input:focus{outline:none;border-color:var(--wc-red);background:#ffffff14}.auth-submit{width:100%;background:linear-gradient(90deg,var(--wc-red),var(--wc-blue));border:none;border-radius:10px;color:#fff;font-size:1.1rem;font-weight:700;padding:10px 0;cursor:pointer;box-shadow:0 0 15px #d7263d59;transition:all .25s ease}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 0 25px #d7263d80,0 0 45px #2364aa40}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}