.hf-hero,.hf-body{--hf-asia:#e0b000;--hf-europe:#6c8cff;--hf-americas:#ff7a59;--hf-africa:#3fbf7f;--hf-oceania:#a77bff;--hf-tba:#8a8a93;--hf-soft:#f3c62324}.hf-hero{isolation:isolate;border-bottom:1px solid var(--line);padding:150px 0 44px;position:relative;overflow:hidden}.hf-hero:before{content:"";z-index:-1;background-image:linear-gradient(color-mix(in srgb, var(--fg) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--fg) 6%, transparent) 1px, transparent 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask:radial-gradient(70% 80% at 30% 30%,#000 25%,#0000 80%);mask:radial-gradient(70% 80% at 30% 30%,#000 25%,#0000 80%)}.hf-hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#f3c62333,#0000);width:820px;max-width:100%;height:540px;position:absolute;top:-240px;left:20%}.hf-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--gold-text);margin:0;font-size:12px;font-weight:600}.hf-h1{font-family:var(--font-display);text-transform:uppercase;text-wrap:balance;margin:12px 0 0;font-size:clamp(52px,8.5vw,120px);font-weight:400;line-height:.9}.hf-h1:lang(th),:lang(th) .hf-h1{font-family:"Kanit", var(--font-display);font-weight:700;line-height:1.1}.hf-h1 em{color:var(--gold-text);font-style:normal}.hf-lead{color:var(--fg-2);max-width:56ch;margin:14px 0 0}.hf-years{flex-wrap:wrap;gap:6px;margin-top:24px;display:flex}.hf-years a{border:1px solid var(--line);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;transition:border-color .2s}.hf-years a:hover{border-color:var(--gold)}.hf-years a[aria-current]{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}.hf-stats{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(120deg, #f3c62399, var(--line) 50%, #f3c6234d) border-box;border:1px solid #0000;border-radius:16px;flex-wrap:wrap;width:fit-content;max-width:100%;margin-top:26px;display:flex}.hf-stats div{border-right:1px solid var(--line);padding:14px 24px;display:grid}.hf-stats div:last-child{border-right:0}.hf-stats b{font-family:var(--font-display);font-variant-numeric:tabular-nums;background:linear-gradient(#ffe27a,#f3c623 55%,#b8860b);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:400;line-height:1}.hf-stats span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11.5px}.hf-body{padding-top:36px}.hf-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:32px;max-width:1280px;display:grid}.hf-side{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(140deg, #f3c623bf, #f3c62314 38%, var(--line) 62%, #f3c62359) border-box;border:1px solid #0000;border-radius:18px;padding:20px;position:sticky;top:96px}.hf-side__h{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:11.5px;font-weight:600}.hf-side__h--gap{margin-top:22px}.hf-bar{width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 4px;font-size:13.5px;display:grid}.hf-bar:hover{background:color-mix(in srgb, var(--gold) 7%, transparent)}.hf-bar[aria-pressed=true]{background:color-mix(in srgb, var(--gold) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 50%, transparent)}.hf-bar i{font-style:normal;font-family:var(--font-display);color:var(--gold-text);font-size:16px}.hf-bar__tr{background:var(--surface-2,var(--line));border-radius:8px;height:26px;position:relative;overflow:hidden}.hf-bar__tr>span{border-right:2px solid var(--gold);background:linear-gradient(90deg,#f3c62314,#f3c62361);border-radius:8px;position:absolute;inset:0 auto 0 0}.hf-bar:first-of-type .hf-bar__tr>span{background:linear-gradient(90deg,#f3c62333,#f3c623b3)}.hf-bar__tr em{white-space:nowrap;text-overflow:ellipsis;padding-left:10px;font-style:normal;font-weight:500;line-height:26px;display:block;position:relative;overflow:hidden}.hf-bar b{font-variant-numeric:tabular-nums;font-weight:600}.hf-konts{gap:6px;display:grid}.hf-kont{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font-size:13.5px;font-weight:500;display:flex}.hf-kont b{color:var(--gold-text);font-variant-numeric:tabular-nums;margin-left:auto}.hf-kont[aria-pressed=true]{border-color:color-mix(in srgb, var(--gold) 60%, transparent);background:color-mix(in srgb, var(--gold) 10%, transparent)}.hf-dot{vertical-align:1px;background:var(--hf-tba);border-radius:50%;flex:none;width:8px;height:8px;margin-right:6px;display:inline-block}.hf-dot--asia{background:var(--hf-asia)}.hf-dot--europe{background:var(--hf-europe)}.hf-dot--americas{background:var(--hf-americas)}.hf-dot--africa{background:var(--hf-africa)}.hf-dot--oceania{background:var(--hf-oceania)}.hf-chips{flex-wrap:wrap;gap:8px;display:flex}.hf-chip{border:1px solid var(--line);background:var(--surface);color:var(--fg-2);font:inherit;cursor:pointer;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:500}.hf-chip b{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:5px;font-weight:600}.hf-chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.hf-chip[aria-pressed=true] b{color:var(--gold)}.hf-active{color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 0;font-size:14px;display:flex}.hf-active[hidden],.hf-month[hidden],.hf-card[hidden],.hf-empty[hidden]{display:none}.hf-clear{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--fg);font:inherit;cursor:pointer;border-radius:10px;padding:0 14px;font-size:13px;font-weight:600}.hf-empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px;margin-top:24px;padding:40px}.hf-month{padding-top:28px}.hf-month__h{border-bottom:1px solid var(--line);font-family:var(--font-display);text-transform:uppercase;align-items:baseline;gap:12px;margin:0 0 14px;padding-bottom:10px;font-size:34px;font-weight:400;line-height:1;display:flex}.hf-month__h small{font-family:var(--font-body);letter-spacing:.14em;color:var(--muted);font-size:12px}.hf-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.hf-card{isolation:isolate;min-width:0;min-height:230px;color:var(--fg);background:linear-gradient(170deg, var(--surface), var(--bg) 75%) padding-box, linear-gradient(150deg, #f3c623cc, #f3c6230d 35%, var(--line) 65%, #f3c62366) border-box;transition:transform .5s var(--ease), box-shadow .5s;border:1px solid #0000;border-radius:18px;align-content:start;gap:6px;padding:20px;display:grid;position:relative;overflow:hidden}.hf-card:before{content:"";z-index:-1;opacity:0;background:radial-gradient(260px circle at var(--x,50%) var(--y,50%), #f3c62333, transparent 70%);transition:opacity .3s;position:absolute;inset:0}.hf-card:after{content:attr(data-i);z-index:-1;font-family:var(--font-display);color:#f3c62312;pointer-events:none;font-size:150px;line-height:1;position:absolute;bottom:-28px;right:-6px}.hf-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px #00000073,0 0 0 1px #f3c6234d}.hf-card:hover:before{opacity:1}.hf-card__rib{color:var(--on-gold);letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,#f3c623,#ffd84a);border-bottom-right-radius:12px;padding:5px 12px 5px 20px;font-size:10.5px;font-weight:700;position:absolute;top:0;left:0}.hf-card__cup{width:30px;height:30px;color:var(--gold-text);filter:drop-shadow(0 4px 10px #f3c62359);position:absolute;top:12px;right:14px}.hf-card__div{background:var(--hf-soft);color:var(--gold-text);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-self:start;margin-top:26px;padding:4px 9px;font-size:11px;font-weight:600}.hf-card__name{font-family:var(--font-display);text-transform:uppercase;overflow-wrap:anywhere;margin-top:14px;font-size:30px;font-weight:400;line-height:1.02}.hf-card__co{color:var(--fg-2);font-size:13.5px;font-weight:500}.hf-card__ev{border-top:1px dashed var(--line);color:var(--muted);margin-top:auto;padding-top:10px;font-size:12.5px}@media (width<=900px){.hf-hero{padding-top:120px}.hf-layout{grid-template-columns:1fr}.hf-side{position:static}}@media (prefers-reduced-motion:reduce){.hf-card,.hf-card:before{transition:none}}
