.emcc-app, .emcc-bandeau, .emcc-reglement {
--emcc-cream: #fbf5e6;
--emcc-paper: #ffffff;
--emcc-green: #2f6b4a;
--emcc-mustard: #e0a526;
--emcc-terra: #b8452e;
--emcc-ink: #2b2b2b;
--emcc-line: #e6dcc3;
color: var(--emcc-ink);
font-size: 16px;
line-height: 1.5;
} .emcc-bandeau {
background: var(--emcc-cream);
border-bottom: 2px solid var(--emcc-mustard);
overflow: hidden;
white-space: nowrap;
font-size: 15px;
padding: 7px 0;
}
.emcc-bandeau[hidden] { display: none; }
.emcc-track {
display: inline-flex;
min-width: 100%;
animation: emcc-scroll 30s linear infinite;
}
.emcc-bandeau:hover .emcc-track { animation-play-state: paused; }
.emcc-set { display: inline-flex; flex-shrink: 0; }
.emcc-item { padding: 0 40px; color: var(--emcc-ink); }
.emcc-link { color: var(--emcc-ink); text-decoration: none; }
.emcc-link:hover { text-decoration: underline; }
.emcc-cd { color: var(--emcc-terra); font-variant-numeric: tabular-nums; }
@keyframes emcc-scroll {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
.emcc-track { animation: none; flex-wrap: wrap; justify-content: center; white-space: normal; }
.emcc-dup { display: none; }
} .emcc-app { max-width: 820px; margin: 0 auto; }
.emcc-loading, .emcc-empty { padding: 20px; background: var(--emcc-cream); border-radius: 12px; }
.emcc-hero {
display: flex; gap: 20px; align-items: stretch; flex-wrap: wrap;
background: var(--emcc-cream); border: 2px solid var(--emcc-line);
border-radius: 16px; padding: 18px; margin-bottom: 16px;
}
.emcc-prize-img { width: 220px; max-width: 100%; height: auto; border-radius: 12px; background: #fff; object-fit: contain; align-self: flex-start; }
.emcc-hero-text { flex: 1 1 260px; min-width: 0; }
.emcc-badge {
display: inline-block; background: var(--emcc-mustard); color: #2b2b2b;
font-weight: 700; font-size: 13px; padding: 2px 12px; border-radius: 999px; margin-bottom: 6px;
}
.emcc-title { margin: 4px 0 8px; font-size: 1.6em; line-height: 1.2; color: var(--emcc-ink); }
.emcc-prize { margin: 4px 0; font-size: 1.1em; }
.emcc-more { display: inline-block; margin-bottom: 6px; color: var(--emcc-green); font-weight: 600; }
.emcc-ship { margin: 6px 0; font-size: 14px; color: #555; }
.emcc-cdbox {
margin-top: 12px; background: #fff; border: 2px solid var(--emcc-green);
border-radius: 12px; padding: 10px 14px; display: flex; flex-direction: column; gap: 2px;
}
.emcc-cdlabel { font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: #555; }
.emcc-cdvalue { font-size: 1.8em; color: var(--emcc-green); font-variant-numeric: tabular-nums; }
.emcc-cdsub { font-size: 13px; color: #555; }
.emcc-desc { margin-bottom: 16px; }
.emcc-card {
background: var(--emcc-paper); border: 2px solid var(--emcc-line);
border-radius: 16px; padding: 16px 18px; margin-bottom: 16px;
}
.emcc-card h3 { margin: 0 0 8px; font-size: 1.2em; color: var(--emcc-ink); }
.emcc-action { border-color: var(--emcc-green); }
.emcc-winners { border-color: var(--emcc-mustard); background: var(--emcc-cream); }
.emcc-winner { font-size: 1.3em; font-weight: 700; margin: 4px 0; }
.emcc-btn, .emcc-app button.emcc-btn {
display: inline-block; background: var(--emcc-green); color: #fff !important;
border: 0; border-radius: 12px; padding: 12px 22px; font-size: 17px; font-weight: 700;
cursor: pointer; text-decoration: none; margin-top: 8px; min-height: 48px;
}
.emcc-btn:hover { background: #245439; }
.emcc-btn[disabled] { opacity: .6; cursor: wait; }
.emcc-check { display: flex; gap: 10px; align-items: flex-start; margin: 8px 0; cursor: pointer; }
.emcc-check input { width: 22px; height: 22px; margin-top: 2px; flex-shrink: 0; accent-color: var(--emcc-green); }
.emcc-big { font-size: 1.3em; margin: 0 0 6px; }
.emcc-big strong { font-size: 2em; color: var(--emcc-green); margin-right: 6px; }
.emcc-ok { color: var(--emcc-green); font-weight: 600; }
.emcc-warn { background: #fff3d6; border: 1px solid var(--emcc-mustard); border-radius: 10px; padding: 8px 12px; }
.emcc-subs { margin-top: 10px; padding-top: 8px; border-top: 1px dashed var(--emcc-line); }
.emcc-rules { list-style: none; margin: 0; padding: 0; }
.emcc-rule { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 8px 0; border-bottom: 1px solid var(--emcc-line); }
.emcc-rule:last-child { border-bottom: 0; }
.emcc-rule-label { flex: 1 1 240px; }
.emcc-rule-pts { font-weight: 700; color: var(--emcc-terra); }
.emcc-rule-prog { background: var(--emcc-cream); border-radius: 8px; padding: 1px 8px; font-size: 13px; font-weight: 700; }
.emcc-rule-prog.emcc-full { background: var(--emcc-green); color: #fff; }
.emcc-note { font-size: 14px; color: #555; margin: 10px 0 0; }
.emcc-foot { font-size: 14px; color: #555; text-align: center; }
.emcc-foot a { color: var(--emcc-green); } .emcc-reglement h2 { font-size: 1.5em; }
.emcc-reglement h3 { font-size: 1.1em; margin: 1.2em 0 .3em; }
.emcc-table { width: 100%; border-collapse: collapse; margin: 8px 0 12px; background: #fff; }
.emcc-table th, .emcc-table td { border: 1px solid var(--emcc-line); padding: 6px 10px; text-align: left; color: var(--emcc-ink); }
.emcc-table th { background: var(--emcc-cream); }
.emcc-todo { background: #fff3d6; color: #8a2a14; font-weight: 700; padding: 0 4px; border-radius: 4px; }
@media (max-width: 600px) {
.emcc-hero { padding: 14px; }
.emcc-prize-img { width: 100%; }
} .emcc-prize-grid{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}
.emcc-prize-cell{display:flex;flex-direction:column;align-items:center;gap:6px;width:150px;background:#ffffff;border:1px solid #e6dcc3;border-radius:12px;padding:10px;color:#2b2b2b;text-decoration:none;text-align:center;font-size:14px;font-weight:600}
.emcc-prize-cell img{width:100%;height:120px;object-fit:contain}
.emcc-pop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100000;background:rgba(251,245,230,.9);display:flex;align-items:center;justify-content:center;padding:16px}
.emcc-pop-box{background:#ffffff;border:2px solid #2f6b4a;border-radius:16px;max-width:480px;width:100%;max-height:90vh;overflow:auto;padding:20px;color:#2b2b2b;font-size:16px;line-height:1.5;box-shadow:0 12px 40px rgba(0,0,0,.2)}
.emcc-pop-title{margin:0 0 10px;font-size:22px;color:#2b2b2b}
.emcc-pop-box p{margin:8px 0;color:#2b2b2b}
.emcc-pop-list{margin:8px 0;padding-left:0;list-style:none}
.emcc-pop-list li{padding:6px 0;border-bottom:1px solid #e6dcc3;color:#2b2b2b}
.emcc-pop-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.emcc-pop .emcc-btn{display:inline-block;background:#2f6b4a;color:#ffffff;border:0;border-radius:999px;padding:10px 18px;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer}
.emcc-pop .emcc-btn.emcc-btn-alt{background:#fbf5e6;color:#2b2b2b;border:1px solid #e0a526}
.emcc-reserve{background:#fbf5e6;border:1px solid #e0a526;border-radius:12px;padding:12px;margin:12px 0;color:#2b2b2b}
.emcc-reserve h4{margin:0 0 6px;font-size:17px;color:#2b2b2b}
.emcc-reserve .emcc-btn{margin:6px 8px 0 0}
.emcc-miss{margin:8px 0;padding-left:20px}