.mzk-wrap{
  --mzk-bg:#080C0A; --mzk-surface:#121C17;
  --mzk-accent:#D4AF37; --mzk-accent-bright:#EBCD6E;
  --mzk-text:#F5F3EC; --mzk-muted:#9AA39C;
  --mzk-line:rgba(212,175,55,.14);
  --mzk-hero:linear-gradient(180deg,#FFF7E2,#9A7A26);
  --mzk-button:linear-gradient(180deg,#EBCD6E,#9A7A26);
  --mzk-line-soft:rgba(245,243,236,.07); --mzk-muted-2:#6C766F;
  --mzk-silver:#C7CBD1; --mzk-bronze:#C98A5A;
  background:var(--mzk-bg); color:var(--mzk-text);
  font-family:"Noto Sans Thai",system-ui,sans-serif; line-height:1.5;
  max-width:1100px; margin:0 auto; padding:8px 20px 40px; border-radius:18px;
}
.mzk-wrap *{box-sizing:border-box}
.mzk-wrap .num{font-variant-numeric:tabular-nums}

.mzk-hero{padding:42px 24px 26px;text-align:center;position:static;
  background:var(--mzk-hero-bg,transparent);border:0;box-shadow:none;border-radius:18px}
.mzk-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.3em;
  text-transform:uppercase;color:var(--mzk-accent);margin-bottom:16px}
.mzk-eyebrow::before,.mzk-eyebrow::after{content:"";width:30px;height:1px;background:var(--mzk-accent);opacity:.6}
.mzk-h1{font-weight:800;line-height:1;font-size:clamp(36px,7vw,70px);letter-spacing:.01em;text-transform:uppercase;
  background:var(--mzk-hero);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}
.mzk-h1-sub{display:block;font-weight:400;font-size:.4em;letter-spacing:.04em;text-transform:none;
  -webkit-text-fill-color:var(--mzk-text);color:var(--mzk-text);margin-top:10px;opacity:.85}
.mzk-hero-sub{margin-top:14px;color:var(--mzk-muted);font-size:15px}

.mzk-prizes{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.mzk-prize{display:flex;align-items:center;gap:9px;padding:10px 16px;border-radius:100px;
  background:var(--mzk-surface);border:1px solid var(--mzk-line);font-size:13.5px}
.mzk-prize-dot{width:8px;height:8px;border-radius:50%;background:var(--mzk-accent)}
.mzk-prize b{font-weight:600;color:var(--mzk-accent-bright)}
.mzk-prize-img{display:inline-flex;width:30px;height:30px;border-radius:50%;overflow:hidden;flex-shrink:0;background:rgba(255,255,255,.06)}
.mzk-prize-img img{width:100%;height:100%;object-fit:cover;display:block}
.mzk-prize.has-img{padding-left:8px}

.mzk-search{margin:32px auto 0;max-width:560px}
.mzk-search-box{display:flex;gap:10px;background:var(--mzk-surface);border:1px solid var(--mzk-line);
  border-radius:14px;padding:8px 8px 8px 16px;align-items:center}
.mzk-search-box:focus-within{border-color:var(--mzk-accent)}
.mzk-q{flex:1;background:none;border:none;outline:none;color:var(--mzk-text);
  font-family:inherit;font-size:15px}
.mzk-q::placeholder{color:var(--mzk-muted-2)}
.mzk-go{background:var(--mzk-button);color:#1a1405;border:none;border-radius:9px;padding:11px 22px;
  font-family:inherit;font-weight:600;font-size:14px;cursor:pointer}
.mzk-found{margin-top:14px;display:none;align-items:center;justify-content:space-between;gap:14px;
  background:var(--mzk-surface);border:1px solid var(--mzk-accent);border-radius:14px;padding:14px 18px}
.mzk-found.show{display:flex}
.mzk-found.miss{border-color:rgba(201,90,90,.5)}
.mzk-found .who{font-size:13px;color:var(--mzk-muted)}
.mzk-found .who b{color:var(--mzk-text);font-weight:600}
.mzk-found .rk{font-weight:700;font-size:30px;color:var(--mzk-accent-bright);line-height:1}
.mzk-found .rk small{font-size:13px;color:var(--mzk-muted);font-weight:400;margin-right:4px}

.mzk-sec-title{text-align:center;margin:50px 0 4px}
.mzk-sec-title h2{font-weight:700;font-size:23px;margin:0;color:var(--mzk-text)}
.mzk-sec-note{text-align:center;color:var(--mzk-muted-2);font-size:12.5px;margin:6px 0 20px}

.mzk-champions{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:14px}
.mzk-cco{background:var(--mzk-surface);border:1px solid var(--mzk-line);border-radius:16px;padding:16px 16px 10px}
.mzk-cco-h{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding-bottom:12px;border-bottom:1px solid var(--mzk-line-soft)}
.mzk-cco-crest{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:600;font-size:13px;
  color:#1a1405;background:var(--mzk-accent)}
.mzk-cco-name{font-weight:600;font-size:14px}
.mzk-cco-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;padding:9px 0}
.mzk-cco-row+.mzk-cco-row{border-top:1px solid var(--mzk-line-soft)}
.mzk-cco-m{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;color:#1a1405;background:var(--mzk-accent)}
.mzk-cco-m.m2{background:var(--mzk-silver)} .mzk-cco-m.m3{background:var(--mzk-bronze)}
.mzk-cco-code{font-size:13px;color:var(--mzk-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mzk-cco-pts{font-weight:700;font-size:15px;color:var(--mzk-accent-bright);font-variant-numeric:tabular-nums}
.mzk-cco-row.lead{margin:0 -16px;padding:9px 16px;background:rgba(212,175,55,.08)}

.mzk-board-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:52px 0 16px}
.mzk-board-head h2{font-weight:600;font-size:20px;margin:0}
.mzk-board-head .mzk-scope{color:var(--mzk-accent);font-weight:400}
.mzk-chips{display:flex;gap:8px;flex-wrap:wrap}
.mzk-chip{background:var(--mzk-surface);border:1px solid var(--mzk-line);color:var(--mzk-muted);border-radius:100px;
  padding:8px 16px;font-family:inherit;font-size:13px;cursor:pointer}
.mzk-chip.on{background:var(--mzk-button);color:#1a1405;border-color:var(--mzk-accent);font-weight:600}

.mzk-board{border:1px solid var(--mzk-line);border-radius:16px;overflow:hidden;background:var(--mzk-surface)}
.mzk-row{display:grid;grid-template-columns:64px 1fr 88px 130px;align-items:center;padding:15px 20px;border-bottom:1px solid var(--mzk-line-soft)}
.mzk-row:last-child{border-bottom:none}
.mzk-row.head{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mzk-muted-2)}
.mzk-row .rk{font-weight:700;font-size:18px;color:var(--mzk-muted)}
.mzk-row .rk.top{color:var(--mzk-accent)}
.mzk-row .cd{font-size:15px;color:var(--mzk-text)}
.mzk-tag{font-size:11px;border-radius:6px;padding:3px 9px;border:1px solid var(--mzk-line);color:var(--mzk-muted)}
.mzk-row .pt{justify-self:end;font-weight:700;font-size:19px;color:var(--mzk-accent-bright)}
.mzk-row .pt small{color:var(--mzk-muted-2);font-weight:400;font-size:11px;margin-left:5px;text-transform:uppercase}
.mzk-row.me{background:rgba(212,175,55,.12);box-shadow:inset 3px 0 0 var(--mzk-accent)}
.mzk-empty{padding:40px 20px;text-align:center;color:var(--mzk-muted)}

.mzk-pager{display:flex;justify-content:center;gap:8px;margin-top:16px;flex-wrap:wrap}
.mzk-pager button{background:var(--mzk-surface);border:1px solid var(--mzk-line);color:var(--mzk-muted);
  border-radius:8px;padding:7px 13px;font-family:inherit;font-size:13px;cursor:pointer}
.mzk-pager button.on{color:#1a1405;background:var(--mzk-accent);border-color:var(--mzk-accent);font-weight:600}
.mzk-pager button:disabled{opacity:.4;cursor:default}

.mzk-rules{margin-top:42px;border-top:1px solid var(--mzk-line);padding-top:26px}
.mzk-rules h3{font-weight:600;font-size:17px;margin:0 0 12px;color:var(--mzk-text)}
.mzk-rules-body{color:var(--mzk-muted);font-size:14px;line-height:1.9}

@media(max-width:680px){
  .mzk-row{grid-template-columns:46px 1fr 96px;gap:6px}
  .mzk-row .co{display:none}
}

/* ภาพพื้นหลัง */
.mzk-wrap{position:relative}
.mzk-wrap.mzk-fullbleed{
  width:100vw;margin-left:calc(50% - 50vw);max-width:none;border-radius:0;
  padding-left:max(20px,calc(50vw - 550px));
  padding-right:max(20px,calc(50vw - 550px));
}