/* Solace Lucky Draw - public page (/lucky-draw.php) and account page (/account/lucky-draw.php).
   LD05 (30.10.2026): the silver masthead with a dark jackpot card, one strip of live totals, numbered ways, a podium, the
   dark "draw for everyone" card. Account page = the Vote & Rewards look (dark hero, light cards); redesign-account.css loads
   last there, so every account rule that sets a colour carries the body.account-hq prefix. */

/* ======================================================================= public page */
body.public-site.public-luckydraw, .public-site #ld-main {
  --bg:#e6e7e5;--bg2:#f5f5f2;--panel:#f5f5f2;--panel-solid:#f5f5f2;
  --ink:#18191b;--muted:#575a5d;--line:#c7c9c7;--gold:#c13c2d;--gold-2:#f25948;--accent:#f25948;
  color:#18191b;background:#e6e7e5;
}
.public-site #ld-main { font-family:var(--font-body,'Inter',sans-serif); }
.public-site #ld-main :is(h1,h2) { font-family:var(--font-display,'Barlow Condensed',sans-serif);font-weight:700;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance; }

/* masthead: copy left, jackpot card right */
.public-site #ld-main .ld-mast {
  background:linear-gradient(90deg,#e6e7e5 7%,#e6e7e5f2 42%,#e6e7e5a6 66%,#e6e7e540),url('/assets/redesign/city-silver.webp') 65% 48%/cover;
  border-bottom:2px solid #f25948;min-height:0;padding-block:52px 56px;
}
.ld-mast__grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:56px;align-items:center; }
.public-site #ld-main .ld-mast h1 { margin:0 0 16px;font-size:clamp(50px,5.2vw,82px);font-weight:800;line-height:.95;letter-spacing:-.035em;color:#18191b;max-width:900px; }
.public-site #ld-main .public-kicker { color:#414447!important;font-size:10px;font-weight:700;letter-spacing:.18em;margin-bottom:16px; }
.public-site #ld-main .public-kicker::before { content:'';display:inline-block;width:22px;height:3px;margin-right:12px;vertical-align:middle;background:#f25948; }
.public-site #ld-main .ld-lead { margin:0;max-width:640px;color:#414447;font-size:16px;line-height:1.7; }
.public-site #ld-main .ld-when { margin:14px 0 0;max-width:640px;color:#18191b;font-size:15px;font-weight:600;line-height:1.6; }
.ld-mast__actions { display:flex;flex-wrap:wrap;gap:12px;margin-top:26px; }
.public-site #ld-main .ld-tz { margin:14px 0 0;font-size:12px;color:#575a5d; }

.ld-jackpot { display:grid;gap:2px;padding:30px 32px 26px;background:#18191b;color:#f5f5f2;border-top:4px solid #f25948;border-radius:3px;
  box-shadow:0 24px 60px #18191b40; }
.ld-jackpot__label { font:700 11px/1.4 var(--font-body,'Inter',sans-serif);letter-spacing:.18em;text-transform:uppercase;color:#ff9a8f; }
.ld-jackpot__value { margin-top:10px;font:800 clamp(58px,5.6vw,86px)/.9 var(--font-display,'Barlow Condensed',sans-serif);letter-spacing:-.02em;
  color:#fff;font-variant-numeric:tabular-nums; }
.ld-jackpot__unit { font:700 22px/1.2 var(--font-display,'Barlow Condensed',sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#f25948; }
.ld-jackpot p { margin:16px 0 0;padding-top:14px;border-top:1px solid #393b3d;color:#c1c6c1;font-size:13px;line-height:1.6; }

/* body */
.ld-body { display:grid;gap:26px;padding:30px 0 56px; }
.public-site #ld-main .ld-section h2 { margin:0 0 24px;font-size:clamp(34px,3.3vw,46px); }
.ld-small { font-size:12px;line-height:1.55;color:var(--muted); }
.ld-note { margin:20px 0 0;font-size:13px;color:var(--muted); }
.ld-bar { height:6px;margin:4px 0;background:#dcdedb;border-radius:3px;overflow:hidden; }
.ld-bar i { display:block;height:100%;background:#f25948;border-radius:3px; }

/* live totals: one strip */
.ld-strip { display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));background:#f5f5f2;border:1px solid var(--line);border-radius:4px;overflow:hidden; }
.ld-strip__cell { display:grid;align-content:start;gap:8px;padding:24px 28px; }
.ld-strip__cell + .ld-strip__cell { border-left:1px solid var(--line); }
.ld-label { font:700 10px/1.4 var(--font-body,'Inter',sans-serif);letter-spacing:.17em;text-transform:uppercase;color:var(--muted); }
.ld-figure { font:700 48px/1 var(--font-display,'Barlow Condensed',sans-serif);color:#18191b;font-variant-numeric:tabular-nums; }
.ld-figure small { font:600 20px/1 var(--font-display,'Barlow Condensed',sans-serif);color:var(--muted); }
.ld-strip p { margin:0;font-size:13px;line-height:1.55;color:var(--muted); }
.ld-strip__cell--goal.is-done .ld-figure { color:#c13c2d; }
.ld-strip__cell--double { grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;background:#ecedeb; }
.ld-x2 { font:800 64px/.8 var(--font-display,'Barlow Condensed',sans-serif);color:#f25948;letter-spacing:-.04em; }
.ld-strip__cell--double p { color:#414447;font-size:14px; }
.ld-strip__cell--double.is-on { background:#f25948; }
.ld-strip__cell--double.is-on .ld-x2, .ld-strip__cell--double.is-on p { color:#18191b;font-weight:700; }

/* ways */
.ld-ways { display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px; }
.ld-way { display:flex;flex-direction:column;gap:12px;padding:26px 26px 24px;background:#fff;border:1px solid #d6d8d5;border-top:3px solid #18191b;border-radius:3px; }
.ld-way__no { font:800 44px/.9 var(--font-display,'Barlow Condensed',sans-serif);color:#f25948;letter-spacing:-.02em; }
.public-site #ld-main .ld-way h3 { margin:0;font:700 28px/1 var(--font-display,'Barlow Condensed',sans-serif);letter-spacing:-.01em;text-transform:uppercase;color:#18191b; }
.ld-way p { margin:0;font-size:14px;line-height:1.65;color:#414447; }
.ld-way p.ld-small { font-size:12px;color:var(--muted); }
.ld-way .public-button { margin-top:auto;align-self:flex-start; }
.ld-way > p:last-of-type { margin-bottom:6px; }
.ld-weeks { display:grid;gap:5px;margin:0;padding:0;list-style:none; }
.ld-weeks li { padding:6px 10px;background:#eeefed;border-left:3px solid #f25948;border-radius:2px;font-size:12px;font-weight:600;color:#303234; }

/* prizes: podium 2-1-3, then tiles */
.ld-podium { display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:end;gap:16px;margin:0;padding:0;list-style:none; }
.ld-podium__place { display:grid;justify-items:center;gap:10px;padding:28px 18px 26px;background:#fff;border:1px solid #d6d8d5;border-top:4px solid #a9adb0;
  border-radius:3px;text-align:center; }
.ld-podium__place--1 { order:2;padding:44px 18px 40px;background:#18191b;border-color:#18191b;border-top-color:#f25948;box-shadow:0 18px 44px #18191b33; }
.ld-podium__place--2 { order:1;padding-top:34px; }
.ld-podium__place--3 { order:3;border-top-color:#b98457; }
.ld-podium__rank { font:700 11px/1.4 var(--font-body,'Inter',sans-serif);letter-spacing:.17em;text-transform:uppercase;color:var(--muted); }
.ld-podium__prize { font:800 44px/1 var(--font-display,'Barlow Condensed',sans-serif);color:#18191b;font-variant-numeric:tabular-nums; }
.ld-podium__prize small, .ld-places strong small { display:block;margin-top:6px;font:700 14px/1 var(--font-display,'Barlow Condensed',sans-serif);letter-spacing:.14em;
  text-transform:uppercase;color:#c13c2d; }
.ld-podium__place--1 .ld-podium__rank { color:#ff9a8f; }
.ld-podium__place--1 .ld-podium__prize { font-size:clamp(56px,5vw,72px);color:#fff; }
.ld-podium__place--1 .ld-podium__prize small { color:#f25948;font-size:17px; }
.ld-places { display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:16px 0 0;padding:0;list-style:none; }
.ld-places li { display:grid;gap:8px;padding:16px 16px 14px;background:#fff;border:1px solid #d6d8d5;border-radius:3px; }
.ld-places span { font:700 10px/1.4 var(--font-body,'Inter',sans-serif);letter-spacing:.15em;text-transform:uppercase;color:var(--muted); }
.ld-places strong { font:800 28px/1 var(--font-display,'Barlow Condensed',sans-serif);color:#18191b;font-variant-numeric:tabular-nums; }
.ld-places strong small { display:inline;margin:0 0 0 4px;font-size:12px; }

/* the draw for everyone */
.ld-everyone { display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:center;margin-top:24px;padding:28px 30px;
  background:#18191b;border-radius:3px;color:#f5f5f2; }
.public-site #ld-main .ld-everyone h3 { margin:0 0 10px;font:700 30px/1 var(--font-display,'Barlow Condensed',sans-serif);text-transform:uppercase;color:#fff; }
.public-site #ld-main .ld-everyone p { margin:0;font-size:14px;line-height:1.65;color:#c1c6c1; }
.ld-items { display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none; }
.ld-items li { padding:8px 13px;background:#303234;border:1px solid #535852;border-radius:2px;font-size:13px;color:#e6e7e5; }
.ld-items b { color:#ff9a8f; }
/* LD07: item prizes with their game icon and an Item Atlas card on hover / focus / tap, like the item chips of Solace Chat */
.ld-items:has(.ld-item) { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.ld-items li.ld-item { position:relative;padding:0;background:none;border:0; }
.ld-item__chip { display:flex;align-items:center;gap:10px;width:100%;height:100%;min-height:44px;margin:0;padding:6px 13px 6px 6px;background:#303234;
  border:1px solid #535852;border-radius:3px;font:inherit;font-size:13px;line-height:1.3;color:#e6e7e5;text-align:left;cursor:pointer;
  appearance:none;transition:border-color .15s,background-color .15s; }
.ld-item__chip img { width:32px;height:32px;flex:none;border-radius:2px;background:#0d0e0f; }
.ld-item__chip span { flex:1;min-width:0; }
.ld-item__chip b { flex:none;font-weight:700; }
.ld-item:hover .ld-item__chip, .ld-item.is-open .ld-item__chip, .ld-item__chip:focus-visible { border-color:#ff9a8f;background:#3a3c3e; }
.ld-item__card { display:none;position:absolute;left:0;bottom:calc(100% + 10px);z-index:30;width:300px;max-width:calc(100vw - 32px);
  padding:16px;background:#232427;border:1px solid #45484b;border-radius:8px;box-shadow:0 16px 40px rgba(0,0,0,.5);color:#e6e7e5;text-align:left; }
.ld-item__card::after { content:'';position:absolute;left:0;right:0;top:100%;height:12px; }
.ld-item:hover .ld-item__card, .ld-item:focus-within .ld-item__card, .ld-item.is-open .ld-item__card,
.ld-item.is-measuring .ld-item__card { display:block; }
.ld-item.is-measuring .ld-item__card { visibility:hidden; }
.ld-item.is-right .ld-item__card { left:auto;right:0; }
.ld-item.is-below .ld-item__card { bottom:auto;top:calc(100% + 10px); }
.ld-item.is-below .ld-item__card::after { top:auto;bottom:100%; }
.ld-item__head { display:flex;align-items:center;gap:14px; }
.ld-item__head img { width:56px;height:56px;flex:none;border-radius:4px;background:#0d0e0f; }
.ld-item__head small { display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9aa09b; }
.ld-item__head strong { display:block;margin:3px 0 2px;font-size:15px;line-height:1.3;color:#fff; }
.ld-item__head span { font-size:13px;color:#b9beb9; }
.public-site #ld-main .ld-everyone .ld-item__tags { display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;font-size:12px; }
.ld-item__tags span { padding:3px 9px;background:#34363a;border-radius:4px;color:#d6d9d6; }
.public-site #ld-main .ld-item__link { display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;
  border-top:1px solid #3d4043;font-size:13px;font-weight:600;color:#ff9a8f;text-decoration:none; }
.public-site #ld-main .ld-item__link:hover { color:#ffbdb5; }
.public-site #ld-main .ld-everyone .ld-item__soon { margin-top:14px;padding-top:12px;border-top:1px solid #3d4043;font-size:12.5px;line-height:1.5;color:#9aa09b; }
@media (max-width:640px) {
  .ld-items:has(.ld-item) { grid-template-columns:1fr; }
  .ld-item__card, .ld-item.is-right .ld-item__card, .ld-item.is-below .ld-item__card { position:fixed;left:16px;right:16px;top:auto;bottom:16px;
    width:auto;max-width:none; }
  .ld-item__card::after { display:none; }
}
.public-site #ld-main .ld-everyone .ld-everyone__soon { padding:16px 18px;border:1px dashed #6b706c;border-radius:2px;color:#e6e7e5;text-align:center; }

/* winners */
.ld-table-wrap { overflow-x:auto; }
.ld-table { width:100%;border-collapse:collapse;font-size:14px; }
.ld-table th, .ld-table td { padding:11px 12px;border-bottom:1px solid var(--line);text-align:left; }
.ld-table th { font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted); }
.ld-table tr.is-first td { font-weight:700;color:#c13c2d; }

/* rules */
.ld-rules { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 36px;margin:0;padding:0;list-style:none; }
.ld-rules li { position:relative;padding-left:26px;font-size:14px;line-height:1.65;color:#303234; }
.ld-rules li::before { content:'';position:absolute;left:0;top:.72em;width:13px;height:3px;background:#f25948; }
.ld-rules .ld-rules__fair { grid-column:1/-1;margin-top:6px;padding:16px 20px 16px 46px;background:#fff;border:1px solid #d6d8d5;border-radius:3px; }
.ld-rules .ld-rules__fair::before { left:20px;top:1.55em; }
.ld-proof { margin:16px 0 0;font-size:12px;word-break:break-all; }
.public-site #ld-main .public-actions { margin-top:26px; }

@media (max-width: 1000px) {
  .ld-mast__grid { grid-template-columns:1fr;gap:30px; }
  .ld-jackpot { max-width:440px; }
  .ld-everyone { grid-template-columns:1fr;gap:20px; }
}
@media (max-width: 720px) {
  .public-site #ld-main .ld-mast { background-image:linear-gradient(90deg,#e6e7e5fa 0%,#e6e7e5ee 70%,#e6e7e5d0),url('/assets/redesign/city-silver.webp');
    background-position:center,67% center;padding-block:32px 36px; }
  .public-site #ld-main .ld-mast h1 { font-size:44px; }
  .public-site #ld-main .ld-lead { font-size:14px; }
  .ld-jackpot { max-width:none;padding:24px 22px 20px; }
  .ld-strip__cell + .ld-strip__cell { border-left:0;border-top:1px solid var(--line); }
  .ld-strip__cell { padding:20px; }
  .ld-podium { grid-template-columns:1fr; }
  .ld-podium__place--1 { order:1; } .ld-podium__place--2 { order:2; } .ld-podium__place--3 { order:3; }
  .ld-podium__place, .ld-podium__place--1, .ld-podium__place--2 { padding:22px 16px; }
  .ld-rules { grid-template-columns:1fr; }
  .public-site #ld-main .public-panel { padding:24px 18px; }
  .ld-everyone { padding:22px 18px; }
}

/* ======================================================================= account page */
.ld-account { display:grid;gap:22px; }
.ld-hero { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:30px;align-items:center;padding:34px 36px;border:1px solid;overflow:hidden; }
.ld-hero--empty { grid-template-columns:1fr; }
.ld-kicker { margin:0 0 8px;font:600 11px/1.6 'Inter',system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase; }
.ld-hero__lead { margin:0;max-width:60ch; }
.ld-hero__start { display:inline-block;margin:16px 0 0;padding:9px 14px;border:1px solid;font:600 13px/1.5 'Inter',system-ui,sans-serif; }
.ld-hero__meta { margin:16px 0 0;font:400 12px/1.6 'Inter',system-ui,sans-serif; }
.ld-mine { display:grid;justify-items:center;gap:8px;padding:24px 20px;border:1px solid;text-align:center; }
.ld-mine__label { margin:0;font:600 11px/1.4 'Inter',system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase; }
.ld-mine__value { margin:0; }
.ld-mine__share { margin:0;font:500 13px/1.4 'Inter',system-ui,sans-serif; }
.ld-mine__jackpot { display:grid;gap:2px;width:100%;margin:8px 0 0;padding-top:12px;border-top:1px solid;font:500 12px/1.4 'Inter',system-ui,sans-serif; }
.ld-mine__jackpot strong { font:700 22px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.02em; }
.ld-breakdown { display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px; }
.ld-source { display:flex;flex-direction:column;gap:10px;padding:22px 24px;border:1px solid; }
.ld-source__head { display:flex;align-items:baseline;gap:12px; }
.ld-source__no { font:800 30px/1 'Barlow Condensed',sans-serif; }
.ld-source h3 { margin:0;font:700 22px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.02em;text-transform:uppercase; }
.ld-source p { margin:0;font:400 14px/1.55 'Inter',system-ui,sans-serif; }
.ld-source .ld-count { font:700 32px/1.05 'Barlow Condensed',sans-serif; }
.ld-source p.ld-small { font-size:12px; }
.ld-source .account-button { margin-top:auto;align-self:flex-start;padding:12px 20px;font-weight:600; }
.ld-week { display:grid;gap:4px; }
.ld-week p { font-size:13px; }
.ld-account .ld-note { margin:0;padding:12px 16px;border:1px solid;border-left-width:3px;font:500 13px/1.55 'Inter',system-ui,sans-serif; }
.ld-updated { margin:0;font:400 12px/1.5 'Inter',system-ui,sans-serif; }

body.account-hq .ld-hero { background:#18191b;border-color:#393b3d;border-radius:3px;color:#f5f5f2; }
body.account-hq .ld-kicker { color:#ff9a8f; }
body.account-hq .ld-hero h2 { margin:0 0 12px;font:700 clamp(34px,3.6vw,50px)/1.05 var(--font-display,'Barlow Condensed',sans-serif);color:#f5f5f2;letter-spacing:-.02em;text-transform:uppercase; }
body.account-hq .ld-hero__lead { color:#c1c6c1;font-size:14px;line-height:1.7; }
body.account-hq .ld-hero__start { background:#303234;border-color:#535852;border-radius:2px;color:#f5f5f2; }
body.account-hq .ld-hero__meta { color:#9a9f9b; }
body.account-hq .ld-hero__meta a { color:#ff9a8f; }
body.account-hq .ld-mine { background:#222426;border-color:#393b3d;border-radius:3px; }
body.account-hq .ld-mine__label { color:#ff9a8f; }
body.account-hq .ld-mine__value { color:#f5f5f2;font:700 76px/1 var(--font-display,'Barlow Condensed',sans-serif);font-variant-numeric:tabular-nums; }
body.account-hq .ld-mine__share { color:#c1c6c1; }
body.account-hq .ld-mine__jackpot { border-color:#393b3d;color:#9a9f9b; }
body.account-hq .ld-mine__jackpot strong { color:#f25948; }
body.account-hq .ld-source { background:#f5f5f2;border-color:#d6d9d4;border-top:3px solid #18191b;border-radius:3px; }
body.account-hq .ld-source__no { color:#f25948; }
body.account-hq .ld-source h3 { color:#18191b; }
body.account-hq .ld-source p { color:#4d524e; }
body.account-hq .ld-source .ld-count { color:#18191b; }
body.account-hq .ld-source p.ld-small { color:#6b706c; }
body.account-hq .ld-account .ld-bar { height:6px;background:#dcdedb;border-radius:3px;overflow:hidden; }
body.account-hq .ld-account .ld-bar i { display:block;height:100%;background:#f25948;border-radius:3px; }
body.account-hq .ld-account .ld-note { background:#fff4f2;border-color:#f3c4bd;border-left-color:#f25948;color:#4d524e; }
body.account-hq .ld-updated { color:#6b706c; }

@media (max-width: 860px) {
  .ld-hero { grid-template-columns:1fr;padding:26px 22px; }
}