.lucky-entry { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:28px; padding:28px 36px; margin:30px 32px; border:1px solid #656348; background:#1d231d; color:#f2ecd9; }
.lucky-entry-roundel { display:grid; place-items:center; width:62px; height:62px; background:#f2d480; color:#0d1415; border-radius:50%; font:900 2.5rem/1 var(--bryk-font-ui); }
.lucky-entry small { display:block; color:#c5d58a; font:800 .8125rem/1.5 var(--bryk-font-ui); letter-spacing:.08em; }
.lucky-entry h2 { margin:7px 0 8px; font:900 clamp(1.8rem,3vw,2.8rem)/1 var(--bryk-font-display); }
.lucky-entry p { color:#c4ceca; margin:0; font-size:1rem; line-height:1.6; }
.lucky-entry>a { display:inline-flex; align-items:center; justify-content:center; min-height:50px; gap:22px; color:#121913; background:#f2d480; padding:16px 22px; font:900 .875rem/1.5 var(--bryk-font-ui); text-decoration:none; }
.lucky-entry>a:hover { background:#fff0ad; }.lucky-entry>a:focus-visible { outline:3px solid #59e8cf; outline-offset:5px; }
@media(max-width:850px) { .lucky-entry { grid-template-columns:auto minmax(0,1fr); gap:18px; margin:20px; padding:24px; }.lucky-entry>a { grid-column:1/-1; }.lucky-entry-roundel { width:50px; height:50px; font-size:2rem; } }
@media(max-width:480px) { .lucky-entry { margin:14px; padding:20px 16px; gap:14px; }.lucky-entry-roundel { width:38px; height:38px; font-size:1.5rem; }.lucky-entry small { font-size:.75rem; }.lucky-entry h2 { font-size:1.7rem; } }