:root{color-scheme:dark;--bg:#0b1020;--line:#29334d;--muted:#aebbd1;--yellow:#ffdb61;--ink:#f6f7fb;font:16px/1.55 Inter,"Helvetica Neue",Arial,"PingFang SC",sans-serif;color:var(--ink);background:var(--bg);scroll-behavior:smooth;scroll-padding-top:90px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 0,#182646 0,transparent 48%),#0b1020}a{color:inherit;text-decoration:none;font-weight:700}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a695ff;outline-offset:4px}[hidden]{display:none!important}header{position:sticky;top:0;z-index:5;background:linear-gradient(105deg,#192b55,#111a31 54%,#090d18);border-bottom:1px solid #28324b}.bar{height:68px;display:flex;align-items:center;gap:18px;padding:0 3.25vw;max-width:1750px;margin:auto}.hamb{border:0;background:none;color:white;font-size:19px;padding:8px}.wordmark{width:143px;display:block}.club{width:32px;height:36px;object-fit:contain;border-left:1px solid var(--line);padding-left:9px;box-sizing:content-box}.bar nav,.controls{display:flex;align-items:center;gap:24px}.bar nav a{font-weight:700;font-size:14px;color:#c7d1e6}.bar nav a[aria-current]{color:#fff}.controls{margin-left:auto;gap:10px}.gold,.outline,.lang,.searchbtn{display:inline-flex;align-items:center;justify-content:center;border-radius:30px;font-weight:700}.gold{background:linear-gradient(180deg,#ffe77a,#ebbc45 80%,#d8a332);color:#171624;padding:10px 21px;font-size:14px;border:1px solid #fadd79}.gold:hover{filter:brightness(1.08)}.gold span{margin-left:15px}.topfaq{padding:6px 21px}.lang,.searchbtn{background:#0a1021;border:1px solid #384568;height:37px;color:white}.lang{padding:0 11px 0 5px;gap:7px;font-size:13px}.lang img{width:25px}.searchbtn{width:38px}.searchbtn span{width:12px;height:12px;border:1.7px solid white;border-radius:100%;position:relative}.searchbtn span:after{content:"";position:absolute;bottom:-3px;right:-4px;width:6px;height:2px;background:white;transform:rotate(45deg)}#menu{position:absolute;left:3vw;top:62px;background:#141f36;border:1px solid var(--line);padding:10px;min-width:180px;border-radius:12px;box-shadow:0 14px 30px #05081788}#menu a,aside a{display:block;padding:8px 12px}main,.foot{width:min(1250px,92%);margin:0 auto}main{padding:32px 0 62px}.hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 78% 72%,#423b8155,transparent 46%),linear-gradient(114deg,#141c36 5%,#232953 63%,#262448);border:1px solid #40486e;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:346px}.herotext{position:relative;z-index:2;padding:36px 0 38px clamp(24px,4vw,62px)}.kicker,.tag,.facts small,.sectiontitle>span{font-size:10px;letter-spacing:.15em;font-weight:750;text-transform:uppercase}.kicker{display:flex;align-items:center;gap:9px;color:#ffe48b;font-size:11px}.kicker i{width:21px;height:2px;background:#efc955}h1,h2,h3,p{margin:0}.hero h1{font-size:clamp(44px,4.6vw,74px);line-height:1.015;letter-spacing:-.052em;margin:15px 0 13px;font-weight:800}.hero em{font-style:normal;color:#cfbdff}.hero p{color:#c9d2e7;max-width:44ch;line-height:1.6;font-size:16px}.actions{display:flex;gap:12px;margin-top:22px}.outline{border:1px solid #586283;padding:9px 20px;font-size:14px}.outline:hover,.lang:hover,.searchbtn:hover{background:#283352}.heroart{position:relative;display:grid;place-items:center;align-self:stretch;isolation:isolate;padding:18px 36px 12px 0}.heroart:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#afa8e547 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent,#0008)}.heroart img{width:min(100%,510px);transform:rotate(-4deg);filter:drop-shadow(0 17px 25px #05091b80)}.orbit{position:absolute;width:77%;height:65%;border:1px solid #a4a6e33d;border-radius:50%;transform:rotate(-20deg);z-index:-1}.orbit:after{content:"";position:absolute;inset:-10% 10%;border:1px solid #a4a6e322;border-radius:50%;transform:rotate(44deg)}.facts{display:grid;grid-template-columns:1fr 1.2fr 1.65fr 1fr;margin:16px 0 37px;border:1px solid var(--line);border-radius:12px;background:#141c30;padding:15px 0}.facts div{padding:0 clamp(13px,2.5vw,40px);border-right:1px solid #343d52}.facts div:last-child{border:0}.facts small{display:block;color:#aab5ca;letter-spacing:.11em;font-size:10px}.facts strong{font-size:15px;font-weight:650;display:block;margin-top:3px}.sectiontitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}h2{font-size:clamp(25px,2.5vw,34px);letter-spacing:-.04em;line-height:1.2}.sectiontitle>span{color:#9baac6}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{display:block;overflow:hidden;background:#141c30;border:1px solid #303b57;border-radius:14px;transition:.15s ease}.card:hover{transform:translateY(-3px);border-color:#7d75aa}.art{height:140px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 65% 90%,#36579a,transparent 70%),linear-gradient(120deg,#152341,#233b66)}.art:before,.art:after{content:"";position:absolute;width:65%;height:185%;border-radius:50%;border:1px solid #c4d3fb22;transform:rotate(35deg);top:-55%;right:2%}.art:after{right:21%;top:-67%;z-index:-1}.art img{position:absolute;height:110%;width:60%;object-fit:contain;right:3%;top:0;filter:drop-shadow(5px 10px 14px #09102b77)}.platform .art{background:radial-gradient(ellipse at 65% 90%,#68469b,transparent 70%),linear-gradient(115deg,#28203c,#422756)}.platform .art img{right:7%;transform:rotate(-6deg)}.singapore .art{background:radial-gradient(ellipse at 65% 85%,#774a52,transparent 70%),linear-gradient(115deg,#271f31,#462e42)}.singapore .art img{height:82%;top:11%;right:5%;transform:rotate(-14deg);filter:drop-shadow(3px 7px 0 #918590) drop-shadow(8px 15px 12px #14101d88)}.tag{position:absolute;top:15px;left:17px;border:1px solid #ffffff35;border-radius:20px;padding:4px 9px;font-size:9px;color:#f3f4ff;background:#14182d88}.cardcopy{padding:17px 20px 21px}.card h3{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:21px;letter-spacing:-.035em}.card h3 b{font-size:17px;color:#acb7d1;font-weight:400}.card p{font-size:14px;margin-top:5px;color:var(--muted)}#faq{margin:44px 0 0}#faq h2{margin-bottom:16px}details{border-bottom:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-weight:650}details p{margin:9px 0;color:var(--muted)}p a,small a,.footright>a{color:#cbbdff}.crumb{font-size:13px;color:var(--muted);margin-bottom:25px}article{margin-bottom:45px}article h1{font-size:clamp(38px,5vw,68px);letter-spacing:-.055em;line-height:1.1;margin:14px 0}article .intro{color:var(--muted);font-size:19px}.articlegrid{display:grid;grid-template-columns:2fr 1fr;align-items:start;gap:7%;margin-top:30px}.articlegrid section{padding:21px 0;border-top:1px solid var(--line);scroll-margin-top:80px}.articlegrid h2{font-size:24px}.articlegrid p{color:#c3cee0;margin:10px 0}.articlegrid aside{background:#182137;border:1px solid var(--line);border-radius:14px;padding:22px}.articlegrid aside a{font-size:14px;color:var(--muted);padding-left:0}article+section h2{margin-bottom:18px}footer{background:radial-gradient(ellipse at bottom right,#192a51,transparent 49%),#090d19;border-top:1px solid var(--line)}.foot{display:grid;grid-template-columns:1fr 1fr;padding:42px 0;gap:5%}.footlinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:32px}.foot h3{font-size:16px;letter-spacing:-.02em}.footlinks a{display:block;margin-top:9px;font-size:13px;line-height:1.4;color:#b6c2d6}.foot p,.footright>a{font-size:13px;color:#adb9cd;margin:12px 0;max-width:56ch}.footright{border-left:1px solid var(--line);padding-left:9%}.pay{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:16px 0 25px}.pay img{max-width:70px;height:23px}.foot a:hover,aside a:hover{color:#fff}dialog{width:min(480px,90%);border:1px solid #526188;border-radius:16px;background:#151f35;color:white;padding:25px}dialog::backdrop{background:#030613bd}.close{float:right;background:transparent;border:0;color:white;font-size:27px}dialog input{width:100%;padding:11px;margin:18px 0;color:#fff;background:#0c1426;border:1px solid #53617b;border-radius:8px}dialog a{display:block;padding:11px;border-bottom:1px solid var(--line)}dialog small{display:block;color:var(--muted)}
@media(max-width:900px){.bar nav{display:none}.hero h1{font-size:48px}.cardcopy{padding:15px}.card h3{font-size:18px}.heroart{padding-right:5px}.art{height:120px}}
@media(max-width:650px){.bar{gap:6px;height:57px;padding:0 3%}.club{width:22px;padding-left:5px}.wordmark{width:100px}.topfaq{display:none}.controls{gap:6px}.hamb{font-size:17px}.lang{font-size:11px}.hero{display:flex;flex-direction:column;align-items:stretch}.herotext{padding:22px 22px 0}.hero h1{font-size:46px;margin:10px 0}.hero p{font-size:14px}.heroart{height:145px;padding:0;align-self:auto}.heroart img{width:auto;height:156px}.actions{margin-top:15px}.orbit{width:65%;height:60%}main{padding-top:16px}.facts{grid-template-columns:1fr 1fr;gap:12px 0;margin-bottom:26px}.facts div:nth-child(2){border:0}.facts strong{font-size:12px}.facts small{font-size:9px}.cards,.foot,.articlegrid{grid-template-columns:1fr}.cards{gap:13px}.art{height:130px}.cardcopy{padding:16px 18px}.card h3{font-size:21px}.footright{border:0;border-top:1px solid var(--line);margin-top:15px;padding:20px 0}.foot{gap:0}.articlegrid{gap:12px}.articlegrid aside{order:-1}.footlinks{gap:10px}.footlinks h3{font-size:14px}.hero p{max-width:35ch}#menu{top:53px}.gold,.outline{font-size:13px;padding:8px 15px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.card{transition:none}}

.topic-directory {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
  gap: 10px; padding: 0; list-style: none;
}
.topic-directory a { display: flex; align-items: center; gap: 12px; padding: 8px; background: #141c30; border-radius: 8px; }
.topic-directory img { object-fit: cover; border-radius: 4px; }

.card { position: relative; }
.card h3 a::after { content: ""; position: absolute; inset: 0; }
.card:has(a:focus-visible) { outline: 3px solid #a695ff; outline-offset: 4px; }
.home-reference { width: 100%; margin: clamp(32px, 5vw, 64px) 0; }
.home-reference section + section { margin-top: 32px; }
.home-reference h2 { font-size: clamp(22px, 2.4vw, 30px); }
.home-reference p { margin: 12px 0; color: #cad4e5; line-height: 1.7; }
.home-reference .sports-source { font-size: 13px; }
@media (min-width: 768px) {
  .home-reference p:not(.sports-source) { text-align: justify; }
}