/* Three distinct visual systems within the PlayWise365 palette. */
/* GAMES — an asymmetric editorial magazine */
.games{background:#000c24}.games .hero{min-height:580px;grid-template-columns:1.35fr .7fr;padding-top:65px;position:relative}.games .issue{display:block;font-size:9px;letter-spacing:3px;color:#8299be;margin-bottom:30px}.games h1{font-size:clamp(46px,5.8vw,82px);letter-spacing:-4px;line-height:1.02}.games h1 em{color:transparent;-webkit-text-stroke:1px #50ffff}.games .hero-copy{position:relative;z-index:1}.games .intro{max-width:480px}.games .hero-objects{height:410px;transform:rotate(5deg);background:radial-gradient(ellipse,#06617388,transparent 67%)}.games .playing-card{width:180px;height:265px}.games .one{left:-10%;top:40px}.games .two{left:38%;top:105px}.games .ribbon{background:var(--cyan);color:#00152d;border:0;font-weight:700;padding-block:16px;transform:rotate(-1deg);margin-block:12px 20px}.games .section-heading{align-items:center;gap:25px}.section-index{font-size:60px;line-height:1;font-weight:800;color:#234266}.games .section-heading h2{max-width:410px;margin-right:auto}.games .section-heading p{max-width:270px}.games .magazine-grid{grid-template-columns:1.25fr 1fr;grid-template-rows:210px 210px;gap:20px}.games .magazine-grid .card{border-radius:0;background:#031b36}.games .magazine-grid .card:first-child{grid-row:span 2;position:relative;display:block}.games .magazine-grid .card:first-child .art{height:220px}.games .magazine-grid .card:not(:first-child){display:grid;grid-template-columns:36% 64%}.games .magazine-grid .card:not(:first-child) .art{height:100%;min-height:0;background-size:650% auto}.games .magazine-grid .card .card-copy{padding:24px}.games .magazine-grid .card h3{font-size:24px;margin-top:8px}.games .magazine-grid .card p{min-height:0;margin-bottom:17px}.games .number{color:#66a9c2}.games .feature{border-radius:0;border-width:1px 0;padding-inline:0;background:transparent;grid-template-columns:1fr .65fr}.games .feature h2{font-size:45px;max-width:700px}.games .feature-mark{font-size:170px;opacity:.6}.games .long-read{gap:40px}.games .long-read article:first-of-type{border-color:var(--cyan)}.games .glossary{border-radius:0;border-left:4px solid var(--cyan)}.games details{border-radius:0}.games .button,.games .outline{border-radius:0}
/* CLUB — a calm, spacious reading room with pink accents */
.club{background:radial-gradient(ellipse at 50% 10%,#282346 0,#111a36 33%,#0b162e 80%);--border:#3c3d58;--muted:#c3c1d3}.club header{background:#10152ce8;padding-block:25px}.club .brand span{color:var(--pink)}.club header nav a:hover{color:var(--pink)}.club .hero{display:flex;flex-direction:column;text-align:center;min-height:0;padding-block:68px 36px;gap:10px}.club .hero-copy{max-width:810px}.club .club-tag{display:inline-block;border:1px solid #ff7bac55;border-radius:30px;color:#f2b5d3;font-size:9px;letter-spacing:2px;padding:7px 17px;margin-bottom:26px}.club h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(48px,6.5vw,84px);letter-spacing:-3px;line-height:1.1}.club h1 em{font-style:italic}.club .hero .eyebrow{font-size:9px;letter-spacing:2px}.club .intro{margin:25px auto;max-width:660px;font-size:16px;line-height:1.85}.club .button,.club .outline{border-radius:30px;padding-inline:27px}.club .hero-note{margin-bottom:0}.club .probability{position:absolute;right:3%;top:350px;opacity:.3;padding:0;pointer-events:none;transform:scale(.42);transform-origin:top right;width:250px}.club .ring{box-shadow:none}.club .legend{display:none}.club .learn{max-width:1000px;padding-top:15px;padding-bottom:50px}.club .learn .split{display:block;background:#24233e;border:1px solid #655172;border-radius:22px;padding:38px 45px;text-align:center}.club .learn .split>div>p{max-width:680px;margin-inline:auto}.club .learn h2{font-family:Georgia,serif;font-weight:400;font-size:35px}.club .learn h2 br{display:none}.club .quiz{padding:20px 0 0;background:none;border:0;min-height:0}.club .tosses{margin-bottom:22px;letter-spacing:16px;font-size:28px}.club .quiz .tabs{justify-content:center}.club .quiz .tabs button{border-radius:30px;padding:10px 19px;border-color:#655172}.club .quiz .tabs button.active,.club .quiz .tabs button:hover{background:var(--pink);border-color:var(--pink)}.club .quiz #answer{min-height:45px;max-width:660px;margin:20px auto 0}.club .club-ribbon{background:transparent;border-color:#3b3554;color:#b09cba;font-size:8px;letter-spacing:2px}.club #guides{max-width:1000px}.club .section-heading{display:block}.club .section-heading p{max-width:620px}.club h2{font-family:Georgia,serif;font-weight:400;font-size:39px;letter-spacing:-1px}.club .reading-list{display:block}.club .reading-list .card{width:100%;border-width:0 0 1px;border-radius:0;background:none;display:block;transform:none}.club .reading-list .card:hover{background:#ffffff05;border-color:var(--pink)}.club .card-copy{display:grid;grid-template-columns:120px 1fr 1.15fr 145px;align-items:center;gap:20px;padding:30px 0}.club .card-copy h3{margin:0;font-size:21px;font-family:Georgia,serif;font-weight:400}.club .card-copy p{min-height:0;margin:0;font-size:13px}.club .card-copy .number{font-size:8px;color:#bc8ba7}.club .card-copy .read{border:0;padding:0;color:var(--pink);gap:10px}.club .pullquote{max-width:1000px;background:#ff7bac0a;border:0;border-radius:25px;display:block;text-align:center;padding:50px 35px}.club .feature h2{font-size:45px;font-style:italic}.club .feature p{margin-inline:auto;max-width:680px}.club .feature-mark{display:none}.club .outline{border-color:#ce7d9f}.club .long-read{display:block;max-width:820px;padding-top:55px}.club .long-read article{padding:28px 0 8px}.club .long-read h2{font-size:29px}.club .long-read p{font-size:15px;line-height:1.9}.club .faq{max-width:1000px;grid-template-columns:.7fr 1.3fr;padding-top:60px}.club summary:after,.club .references a,.club .note a{color:var(--pink)}.club .note,.club .references{max-width:1000px}.club .references h2{font-size:25px}
/* LIVE — a compact information dashboard with a persistent rail */
.live{background:#061223;--border:#253950;--muted:#a5b5c8}.live header{padding:17px 30px;background:#091728;backdrop-filter:none}.live .preview{padding-inline:30px}.live .brand span{font-family:monospace;letter-spacing:4px}.live main,.live footer{margin-left:205px}.live .wrap{width:calc(100% - 70px);max-width:1250px}.live footer.wrap{width:calc(100% - 275px);margin-left:240px}.dashboard-rail{position:fixed;left:0;top:108px;bottom:0;width:205px;background:#0b1a2b;border-right:1px solid var(--border);padding:33px 20px;display:flex;flex-direction:column;gap:9px}.dashboard-rail>span{font-size:9px;letter-spacing:2px;color:#6c8ca9;margin-bottom:19px}.dashboard-rail a{font-size:11px;font-family:monospace;color:#a7bdd2;padding:11px 8px;border-left:2px solid transparent}.dashboard-rail a:hover{color:var(--cyan);background:#00ffff09;border-color:var(--cyan)}.dashboard-rail small{margin-top:auto;font-size:9px;letter-spacing:1px;color:#6d91ac;line-height:1.9}.live .hero{min-height:365px;padding-block:35px 25px;gap:35px;grid-template-columns:1.05fr 1fr}.live h1{font-size:clamp(31px,3.4vw,49px);letter-spacing:-1.5px}.live .intro{font-size:13px;margin-bottom:20px}.live .eyebrow{font-family:monospace;font-size:10px;letter-spacing:1px}.live .hero .button{padding:10px 18px;font-size:11px;border-radius:3px}.live .hero-note{font-size:9px}.signal-card{background:#0b1d31;border:1px solid #2c4865;border-radius:8px;padding:22px}.signal-top{font:10px monospace;letter-spacing:1.3px;color:#8eafd0;border-bottom:1px solid var(--border);padding-bottom:16px;display:flex;align-items:center;gap:9px}.signal-dot{width:7px;height:7px;border-radius:50%;background:#65bfce}.signal-card ol{list-style:none;padding:0;margin:10px 0}.signal-card li{display:flex;gap:15px;padding:10px 0;align-items:center}.signal-card li>span{font:11px monospace;color:var(--cyan);border:1px solid #2b5367;width:31px;height:31px;display:grid;place-items:center;border-radius:5px}.signal-card b{font-size:12px;font-weight:600}.signal-card small{display:block;color:#8299b0;font-size:10px}.signal-card>p{font:9px monospace;color:#73899e;margin:12px 0 0}.live .learn{padding:0 0 28px}.live .learn .split{grid-template-columns:.85fr 1.15fr;gap:30px;background:#0a1e33;border:1px solid #264363;border-radius:8px;padding:25px}.live .learn h2{font-size:26px;letter-spacing:-.7px}.live .learn h2 br{display:none}.live .learn .split>div>p{font-size:12px;margin-bottom:0}.live .score{background:#061626;border:1px solid #284b64;min-height:0;padding:18px 23px;font-family:monospace}.live .score h3{margin:10px 0;font-size:12px}.live .score-numbers button{font:700 48px monospace}.live .score-numbers .overs{font-size:27px}.live .score p{font-size:11px;min-height:35px;margin-bottom:0}.live .dashboard-ribbon{padding:12px 30px;font:9px monospace;background:#0a1b2c;color:#6f98b8;gap:20px}.live .section{padding-top:35px}.live .section-heading{gap:25px;margin-bottom:20px}.live h2{font-size:25px;letter-spacing:-.65px}.live .section-heading p{font-size:12px;max-width:280px}.live .cards-grid{gap:14px}.live .card{background:#0c1e30;border-radius:7px}.live .card-copy{padding:20px}.live .card-copy h3{font-size:18px;min-height:45px}.live .card-copy p{font-size:12px;min-height:45px}.live .card-copy .number{font-family:monospace;font-size:9px;color:#6e97b0}.live .card:hover{transform:translateY(-2px)}.live .feature{margin-top:30px;padding:25px;background:#0c1e30;border-radius:7px;grid-template-columns:1fr 100px}.live .feature h2{font-size:27px}.live .feature h2 br{display:none}.live .feature p{font-size:12px;margin-bottom:15px}.live .feature-mark{font:65px monospace;transform:none;text-shadow:none;opacity:.2}.live .feature .outline{padding:8px 14px;font-size:11px}.live .long-read{gap:23px}.live .long-read h2{font-size:18px}.live .long-read p{font-size:12px}.live .faq{gap:30px;padding-bottom:30px}.live .faq h2{font-size:26px}.live summary{font-size:12px}.live details p{font-size:12px}.live .note{grid-template-columns:1fr 2fr}.live .note a{grid-column:2}.live .references h2{font-size:18px}.live .references a{font-size:11px}
@media(min-width:1500px){.live .hero{min-height:410px}.live h1{font-size:54px}}
@media(max-width:1000px){.games .hero h1{font-size:59px}.games .hero-objects{transform:scale(.8);transform-origin:center}.games .magazine-grid{grid-template-rows:230px 230px}.games .magazine-grid .card h3{font-size:21px}.games .magazine-grid .card .card-copy{padding:19px}.club .probability{display:none}.club .card-copy{grid-template-columns:90px 1fr 1fr}.club .card-copy .read{grid-column:2/-1;justify-content:flex-start;gap:20px}.live .dashboard-rail{width:160px;padding-inline:12px}.live main{margin-left:160px}.live footer.wrap{margin-left:185px;width:calc(100% - 210px)}.live .wrap{width:calc(100% - 45px)}.live .hero{gap:20px}.live .signal-card{padding:16px}.live h1{font-size:36px}.live .cards-grid{grid-template-columns:1fr}.live .card-copy{display:grid;grid-template-columns:105px 1fr 1fr 110px;gap:15px;align-items:center}.live .card-copy h3,.live .card-copy p{min-height:0;margin:0}.live .card-copy .read{border:0;padding:0;font-size:11px}.live .learn .split{grid-template-columns:1fr}.live .learn .split>div>p{max-width:none}.live .score{max-width:none}}
@media(max-width:700px){.games .hero{grid-template-columns:1fr;min-height:0;padding-top:35px;gap:0}.games .hero h1{font-size:52px;letter-spacing:-2.7px}.games .hero-objects{height:330px;max-width:330px;width:100%;margin:auto;transform:scale(.85)}.games .one{left:0;top:5px}.games .two{left:45%;top:45px}.games .section-heading{flex-wrap:wrap;gap:15px}.games .section-heading h2{font-size:29px;max-width:240px}.games .section-heading p{max-width:none}.section-index{font-size:47px}.games .magazine-grid{display:flex;flex-direction:column}.games .magazine-grid .card:first-child .art{height:200px}.games .magazine-grid .card:not(:first-child){grid-template-columns:32% 68%;min-height:205px}.games .feature{grid-template-columns:1fr;padding-top:30px}.games .feature h2{font-size:34px}.games .feature-mark{display:none}.club .hero{padding-top:40px}.club h1{font-size:54px;letter-spacing:-2px}.club .hero .intro{font-size:14px}.club .learn .split{padding:28px 20px}.club .learn h2{font-size:29px}.club .quiz .tabs{gap:6px}.club .quiz .tabs button{padding:9px 12px;font-size:10px}.club h2{font-size:32px}.club .card-copy{grid-template-columns:38px 1fr;gap:13px}.club .card-copy .number{font-size:7px;line-height:1.7;overflow-wrap:anywhere}.club .card-copy h3{font-size:24px}.club .card-copy p,.club .card-copy .read{grid-column:2}.club .feature h2{font-size:34px}.club .faq{grid-template-columns:1fr}.club .long-read p{font-size:14px}.live .dashboard-rail{position:static;flex-direction:row;overflow-x:auto;width:100%;padding:12px 5%;border-bottom:1px solid var(--border);gap:15px}.dashboard-rail>span,.dashboard-rail small{display:none}.dashboard-rail a{white-space:nowrap;padding:5px 0;font-size:9px}.live main{margin-left:0}.live footer.wrap{margin-left:5%;width:90%}.live .wrap{width:90%}.live header{padding:17px 5%}.live .preview{padding-inline:5%}.live .hero{grid-template-columns:1fr;padding-top:30px}.live h1{font-size:40px}.live .signal-card{padding:20px;margin:0 0 15px}.live .signal-card ol{display:flex;gap:15px}.live .signal-card li{display:block;flex:1;padding:8px 0}.live .signal-card li>span{margin-bottom:12px}.live .signal-card b{font-size:11px}.live .signal-card small{font-size:9px;margin-top:5px}.live .learn .split{padding:20px;gap:20px}.live .learn h2{font-size:24px}.live .card-copy{grid-template-columns:65px 1fr;gap:10px}.live .card-copy h3{font-size:20px}.live .card-copy p,.live .card-copy .read{grid-column:2}.live .card-copy .read{justify-content:flex-start;gap:18px}.live .section-heading{display:block}.live .section-heading p{max-width:none}.live .dashboard-ribbon{font-size:7px;gap:13px;padding-inline:5%}.live .long-read{grid-template-columns:1fr}.live .note{display:block}.live .feature{grid-template-columns:1fr}.live .feature-mark{display:none}.live .faq{grid-template-columns:1fr}}