/* Shared website frame for Game, Data and FAQ. */
:root{--site-ink:#14213d;--site-muted:#657d97;--site-background:#f0f6fb;--site-line:#dbe7f1;--site-orange:#ff9f10}
body,.community-page{background:var(--site-background);color:var(--site-ink);font-family:'Nunito',sans-serif}
.community-shell{width:min(1240px,calc(100% - 48px))}
.community-nav{border-bottom:1px solid var(--site-line);min-height:84px;gap:28px}
.community-nav .brand{font-size:29px;color:var(--site-ink);letter-spacing:-.6px}.community-nav .brand span{display:none}
.community-nav nav a{color:#526c88}.community-nav nav a.current{color:var(--site-ink)}
.community-page .community-hero:before{background:radial-gradient(ellipse at 80% 70%,#dff1fb,transparent 65%)}
.community-page .white-card{border-color:var(--site-line);box-shadow:0 7px 24px #1e486908;border-radius:20px}
footer.site-footer.game-footer,footer.site-footer.community-footer{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;gap:20px;margin:24px 0 0;padding:22px 4px 20px;border-top:1px solid var(--site-line);text-align:left;color:var(--site-muted);font:800 12px/1.5 'Nunito',sans-serif;background:none}
.site-footer .site-footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.site-footer .site-footer-brand>a{font:800 25px/1.1 'Baloo 2',sans-serif;letter-spacing:-.5px;color:var(--site-ink);text-decoration:none}
.site-footer .site-footer-brand>span{font:700 11px/1.5 'Nunito',sans-serif;color:var(--site-muted)}
footer.site-footer nav{display:flex;align-items:center;justify-content:flex-end;gap:23px;flex-wrap:wrap;font:800 13px/1.5 'Nunito',sans-serif}
footer.site-footer nav a{display:inline-block;color:#526b86;text-decoration:none;border:0;background:none;padding:5px 0;box-shadow:none;border-radius:0;font:inherit;white-space:nowrap}
footer.site-footer nav a:hover{color:var(--site-ink);text-decoration:underline;text-underline-offset:5px}
footer.site-footer nav a[aria-current=page]{color:var(--site-ink);text-decoration:underline;text-decoration-color:var(--site-orange);text-decoration-thickness:3px;text-underline-offset:7px}
.site-footer a:focus-visible,.faq-topics a:focus-visible{outline:3px solid #438ce4;outline-offset:4px;border-radius:4px}
/* One clean reading column, with flat question rows in each category. */
.faq-page #faq.section{max-width:820px;margin:45px auto 48px;padding:0;border:0;background:none;box-shadow:none}
.faq-page .faq-intro{margin:0 0 22px;text-align:left}
.faq-page .faq-intro h1{font:800 44px/1.1 'Baloo 2',sans-serif;letter-spacing:-.7px;margin:0 0 9px;color:var(--site-ink)}
.faq-page .faq-intro p{margin:0;font:700 16px/1.5 'Nunito',sans-serif;color:var(--site-muted)}
.faq-page .faq-topics{display:flex;gap:8px 20px;flex-wrap:wrap;border-bottom:1px solid var(--site-line);padding:0 0 20px;margin:0 0 24px}
.faq-page .faq-topics a{font-size:13px;text-decoration:none;color:#496783;padding:3px 0}.faq-page .faq-topics a:hover{text-decoration:underline;text-underline-offset:4px}
.faq-page .faq-questions{display:block}
.faq-page .faq-topic{margin:0 0 20px;padding:20px 24px 6px;border:1px solid var(--site-line);border-radius:18px;background:#fff;box-shadow:none;scroll-margin-top:20px}
.faq-page .faq-topic .faq-group{font:800 23px/1.25 'Baloo 2',sans-serif;letter-spacing:-.3px;margin:0;padding:0 0 13px;color:var(--site-ink)}
.faq-page .faq-topic details{margin:0;padding:0;border:0;border-top:1px solid #e7eef5;border-radius:0;background:none;box-shadow:none}
.faq-page .faq-topic summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:16px 0;font:800 15px/1.5 'Nunito',sans-serif;color:var(--site-ink);cursor:pointer}
.faq-page .faq-topic summary::-webkit-details-marker{display:none}.faq-page .faq-topic summary:after{content:'+';position:static;display:grid;place-items:center;flex:none;width:20px;height:20px;color:#68839e;font-size:21px;font-weight:700;transform:none;background:none;border:0}
.faq-page .faq-topic details[open]>summary:after{content:'−';transform:none}
.faq-page .faq-topic details[open]>summary{color:#254e75}
.faq-page .faq-topic details p{margin:0;padding:0 28px 18px 0;font:700 14px/1.8 'Nunito',sans-serif;color:#546e88}
.faq-page .faq-topic details p a{color:#326da3;text-decoration:underline;text-underline-offset:3px}
.faq-page .faq-topic .faq-ranks{margin:0 0 18px;font-size:13px}
@media(max-width:760px){.community-shell{width:calc(100% - 28px)}.community-nav{min-height:96px}.community-nav .brand{font-size:26px}footer.site-footer.game-footer,footer.site-footer.community-footer{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;margin-top:20px;padding:22px 0 24px}.site-footer .site-footer-brand{align-items:center}footer.site-footer nav{justify-content:center;gap:21px;font-size:12px}.site-footer .site-footer-brand>a{font-size:24px}.faq-page #faq.section{margin:28px auto 32px}.faq-page .faq-intro h1{font-size:37px}.faq-page .faq-intro p{font-size:14px}.faq-page .faq-topics{gap:7px 17px;padding-bottom:17px;margin-bottom:20px}.faq-page .faq-topic{padding:17px 17px 3px;border-radius:16px;margin-bottom:16px}.faq-page .faq-topic .faq-group{font-size:21px;padding-bottom:12px}.faq-page .faq-topic summary{font-size:14px;padding:15px 0;gap:12px}.faq-page .faq-topic details p{font-size:13px;padding-right:10px}}
/* Reset the previous sidebar FAQ grid and its nested wrapper. */
.faq-page #faq.section{display:block;grid-template-columns:none;gap:0;width:100%}
.faq-page #faq .faq-questions{display:block;width:100%;padding:0;border:0;border-radius:0;background:none}
.faq-page .faq-topic summary::before{content:none;display:none}

/* Informational pages follow the unchanged game footer. */
footer.community-footer.site-footer{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;text-align:center;margin:24px 0 0;padding:14px 2px 18px;border:0;color:#748198;font:800 11px/1.5 'Nunito',sans-serif}
footer.community-footer.site-footer .footer-link{display:inline;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px}
footer.community-footer.site-footer .footer-link:hover{color:#14213d}
@media(max-width:760px){footer.community-footer.site-footer{gap:5px;font-size:10px;padding-top:15px}}
/* 203: editorial spacing and a calmer, more readable information hierarchy. */
.community-page{font-weight:700;background:#f1f7fc}
.community-shell{width:min(1180px,calc(100% - 64px))}
.community-nav{min-height:86px;margin-bottom:0;border-bottom:1px solid #dce7f0}
.community-nav .brand{font-size:28px}.community-nav nav{gap:30px}.community-nav nav a{font-size:14px}.community-nav .play-button{font-size:14px;padding:12px 23px;border-radius:11px}
.community-hero{min-height:292px;margin:18px 0 28px;grid-template-columns:1.05fr 1fr;gap:30px}
.community-hero h1{font-size:54px;line-height:1.08;letter-spacing:-1.2px;margin:12px 0 17px}
.community-hero p{font-size:18px;line-height:1.65;color:#58718d}.community-hero .eyebrow{font-size:11px;color:#7088a2;letter-spacing:1.7px}
.crew-art{height:280px;max-height:280px}.community-hero:before{opacity:.65}
.community-page .white-card{padding:25px;border-radius:22px;border:1px solid #e0eaf3;box-shadow:0 5px 20px #2b5e8205}
.community-page .card-heading{margin-bottom:20px;gap:14px}.community-page .card-heading h2{font-size:28px;letter-spacing:-.6px;line-height:1.2}.community-page .muted{font-size:12px;color:#7589a1;font-weight:700}
.champions .card-heading{margin-bottom:18px}.heading-icon{font-size:22px;margin-right:7px}.champion-grid{gap:18px}.champion-box{padding:18px 22px;background:#ecf9f3;border:1px solid #d9f0e3;border-radius:15px}.champion-box h3{font:900 12px/1.4 'Nunito',sans-serif;letter-spacing:.4px;color:#427765;margin-bottom:15px}.champion-result .player-profile-link{font-size:21px}.champion-score{font-size:43px;border-color:#c7e4d5;padding-left:26px}.champion-score small{font-size:12px;color:#658475}.champion-result .community-avatar{width:48px;height:48px}
.community-columns{gap:24px;margin:24px 0}.community-columns .card-heading{padding-bottom:20px;min-height:69px;flex-wrap:nowrap}.section-kicker{display:block;color:#8092a6;font:900 9px/1.5 'Nunito',sans-serif;letter-spacing:1.5px;margin-bottom:5px}.community-columns .card-heading h2{font-size:27px}.live-pill{display:inline-flex;align-items:center;gap:6px;color:#4d806a;background:#eff9f4;padding:5px 9px;border-radius:7px;font-size:10px;white-space:nowrap}.live-pill i{display:block;width:5px;height:5px;background:#58b78b;border-radius:50%}
.activity-list{height:576px;max-height:576px;padding-right:10px;scrollbar-color:#d9e4ee transparent}.activity-item{grid-template-columns:24px 40px minmax(0,1fr) auto;gap:10px;padding:17px 0;min-height:82px}.activity-copy{font-size:14px;line-height:1.6;color:#5b708b;font-weight:700}.activity-copy .player-profile-link{color:#233a5a}.activity-item time{font-size:10px;color:#8a9caf}.activity-item .community-avatar{width:38px;height:38px}.event-icon{width:22px;height:22px;font-size:12px}.standout-row{grid-template-columns:34px minmax(95px,1fr) minmax(95px,1fr) auto;gap:11px;min-height:96px;padding:17px 0}.standout-icon{width:34px;height:34px;font-size:19px}.standout-label{font-size:13px;line-height:1.45;font-weight:800}.standout-label small{font-size:11px;margin-top:3px;color:#6990b6}.standout-player{font-size:13px;gap:7px}.standout-player .community-avatar{width:31px;height:31px;font-size:19px}.standout-value strong{font-size:35px;letter-spacing:-.7px}.standout-value small{font-size:10px;color:#8393a7}.small-note{font-size:11px;line-height:1.7;color:#8394a8}.activity-card>.small-note,.standout-card>.small-note{padding-top:17px}
.community-page .community-totals{padding:14px;gap:0;border-radius:18px}.community-totals>div{background:transparent;border-radius:0;border-right:1px solid #e4edf4;padding:14px 20px;grid-template-columns:30px 1fr;gap:10px}.community-totals>div:last-child{border-right:0}.community-totals strong{font-size:33px}.community-totals small{font-size:11px;color:#758ba4}.community-totals>div>span{font-size:23px}.totals-note{margin:12px 8px 30px}
.history-card .card-heading{padding-bottom:20px;border-bottom:1px solid #e5edf4;margin-bottom:22px}.history-toolbar{gap:16px;grid-template-columns:1.4fr 1fr 1fr 1.2fr}.history-toolbar select,.history-toolbar input,.history-toolbar .board-tabs{height:43px}.history-toolbar .board-tabs{margin-top:6px}.history-toolbar .field-label{margin-bottom:0}.history-toolbar .code-input .primary{height:43px}.history-toolbar label{font-size:11px;color:#7b8ea4;letter-spacing:.1px}.community-page td,.community-page th{padding:12px 16px;font-size:13px}.community-page th{background:#edf5fb;color:#728aa1;font-size:10px;letter-spacing:.8px}.community-page tbody tr:nth-child(even){background:#f7fafd}.community-page .table-scroll{border:1px solid #e6eef5}.history-context{margin:20px 0 14px}
/* FAQ: a useful search, quiet topic rail and flat rows within each topic. */
.faq-page #faq.section{max-width:1060px;margin:42px auto 52px}
.faq-page .faq-intro{max-width:720px;margin:0 0 36px}
.faq-page .faq-intro .eyebrow{font:900 10px/1.4 'Nunito',sans-serif;letter-spacing:1.6px;color:#8696a9;margin:0 0 11px}
.faq-page .faq-intro h1{font-size:46px;letter-spacing:-1px;line-height:1.15;margin:0 0 10px}
.faq-page .faq-intro p{font-size:16px;color:#7689a0;margin:0}
.faq-page .faq-search-box{display:flex;align-items:center;gap:12px;padding:0 17px;margin-top:23px;border:1px solid #dbe6ef;background:#fff;border-radius:12px;height:52px;max-width:600px;box-shadow:0 3px 9px #274b7203}
.faq-page .faq-search-box svg{width:20px;height:20px;flex:none;fill:none;stroke:#90a3b5;stroke-width:1.8;stroke-linecap:round}.faq-page .faq-search-box input{border:0;background:none;box-shadow:none;outline:0;height:48px;padding:0;width:100%;font:700 15px 'Nunito',sans-serif;color:#253d5e}.faq-page .faq-search-box:focus-within{border-color:#80b4de;outline:3px solid #d9ebfa}.faq-page .search-key{font-size:19px;color:#afbdcb}.faq-page .faq-intro .faq-search-status{font-size:12px;line-height:1.5;margin-top:8px;min-height:0;color:#6283a2}.faq-search-status:empty{display:none}
.faq-page .faq-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:44px;align-items:start}
.faq-page .faq-topics{position:sticky;top:24px;display:flex;flex-direction:column;gap:5px;align-items:stretch;padding:0;border:0;margin:0}
.faq-page .faq-topics:before{content:'BROWSE TOPICS';font:900 9px 'Nunito',sans-serif;letter-spacing:1.2px;color:#94a3b4;margin:2px 0 12px;padding:0 12px}
.faq-page .faq-topics a{font:800 13px/1.5 'Nunito',sans-serif;color:#70869f;padding:10px 12px;border-radius:9px;text-decoration:none}.faq-page .faq-topics a:hover{background:#e8f1f8;text-decoration:none}.faq-page .faq-topics a.is-active{background:#e2effa;color:#2d638e}
.faq-page #faq .faq-questions{min-width:0}.faq-page .faq-topic{border-radius:17px;margin:0 0 22px;padding:23px 26px 4px;border:1px solid #e0e9f1;background:#fff}.faq-page .faq-topic .faq-group{font-size:23px;padding:0 0 15px;letter-spacing:-.4px}.faq-page .faq-topic summary{font-size:14px;font-weight:800;padding:18px 0;line-height:1.55;gap:22px}.faq-page .faq-topic summary:after{font-size:19px;width:18px;height:18px;color:#9aafc3}.faq-page .faq-topic details p{font-size:14px;line-height:1.9;color:#6c819a;padding:0 28px 20px 0;font-weight:600}.faq-page .faq-topic details[open]>summary{color:#2e6f9d}.faq-page [hidden]{display:none!important}
@media(max-width:1100px){.community-shell{width:calc(100% - 48px)}.community-columns .card-heading h2{font-size:24px}.standout-player .community-avatar{display:none}.standout-row{grid-template-columns:31px minmax(86px,1fr) minmax(76px,.9fr) auto;gap:8px}.standout-value strong{font-size:30px}.activity-copy{font-size:13px}.community-columns .card-heading{flex-wrap:wrap}.faq-page .faq-layout{gap:28px;grid-template-columns:155px minmax(0,1fr)}}
@media(max-width:760px){.community-shell{width:calc(100% - 28px)}.community-nav{min-height:95px;gap:10px;padding:14px 0}.community-nav .brand{font-size:24px}.community-nav nav{gap:28px}.community-nav nav a{font-size:12px}.community-nav .play-button{font-size:12px;padding:10px 16px}.community-hero{min-height:0;grid-template-columns:1fr;gap:4px;text-align:center;margin:26px 0 21px}.community-hero h1{font-size:39px;margin:10px 0 12px;letter-spacing:-.8px}.community-hero p{font-size:15px}.community-hero .eyebrow{font-size:9px}.crew-art{height:205px;max-height:205px;max-width:370px;margin:5px 0 0}.community-page .white-card{padding:18px;border-radius:18px}.community-page .card-heading h2{font-size:23px}.community-page .card-heading{margin-bottom:17px}.champion-grid{gap:10px}.champion-box{padding:15px 17px;border-radius:12px}.champion-box h3{font-size:11px;margin-bottom:12px}.champion-result .player-profile-link{font-size:18px}.champion-score{font-size:35px;padding-left:20px}.champion-result .community-avatar{width:40px;height:40px}.community-columns{gap:18px;margin:18px 0}.community-columns .card-heading{min-height:62px;flex-wrap:nowrap;padding-bottom:17px}.community-columns .card-heading h2{font-size:24px}.activity-list{height:490px;max-height:490px;padding-right:7px}.activity-item{grid-template-columns:21px 34px minmax(0,1fr) auto;gap:8px;padding:15px 0;min-height:78px}.activity-copy{font-size:13px}.activity-item time{font-size:9px}.activity-item .community-avatar{width:32px;height:32px;font-size:20px}.event-icon{width:20px;height:20px;font-size:11px}.standout-row{grid-template-columns:30px minmax(88px,1fr) minmax(70px,.85fr) auto;gap:8px;min-height:87px;padding:14px 0}.standout-player{font-size:12px}.standout-value strong{font-size:30px}.standout-label{font-size:12px}.standout-label small{font-size:10px}.standout-icon{width:30px;height:30px;font-size:18px}.section-kicker{font-size:8px;letter-spacing:1px}.live-pill{font-size:9px;padding:5px 7px}.small-note{font-size:10px}.community-page .community-totals{padding:9px;gap:0}.community-totals>div{padding:13px 11px;grid-template-columns:24px 1fr;gap:7px}.community-totals>div:nth-child(2){border-right:0}.community-totals>div:nth-child(-n+2){border-bottom:1px solid #e4edf4}.community-totals strong{font-size:29px}.community-totals small{font-size:10px}.community-totals>div>span{font-size:20px}.totals-note{margin:11px 5px 23px}.history-card .card-heading{padding-bottom:16px;margin-bottom:18px}.history-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.community-page td,.community-page th{padding:11px 9px;font-size:12px}.community-page th{font-size:9px}.faq-page #faq.section{margin:28px auto 32px}.faq-page .faq-intro{margin-bottom:24px}.faq-page .faq-intro h1{font-size:35px;letter-spacing:-.7px}.faq-page .faq-intro p{font-size:14px}.faq-page .faq-search-box{margin-top:19px;height:49px;padding:0 14px}.faq-page .faq-search-box input{font-size:14px;height:45px}.faq-page .faq-layout{display:block}.faq-page .faq-topics{position:static;flex-direction:row;gap:6px 9px;flex-wrap:wrap;margin-bottom:22px}.faq-page .faq-topics:before{display:none}.faq-page .faq-topics a{padding:7px 11px;border:1px solid #dce7f1;background:#fff;font-size:11px}.faq-page .faq-topic{padding:18px 18px 3px;border-radius:15px;margin-bottom:16px}.faq-page .faq-topic .faq-group{font-size:22px;padding-bottom:12px}.faq-page .faq-topic summary{font-size:13px;padding:16px 0;gap:16px}.faq-page .faq-topic details p{font-size:13px;line-height:1.85;padding-right:6px}}
@media(max-width:370px){.community-columns .card-heading h2{font-size:22px}.champion-result .player-profile-link{font-size:16px}.champion-score{font-size:32px}.activity-copy{font-size:12px}.activity-item{grid-template-columns:19px 28px minmax(0,1fr) auto;gap:6px}.activity-item .community-avatar{width:27px;height:27px}.standout-row{grid-template-columns:26px minmax(77px,1fr) minmax(63px,.85fr) auto;gap:6px}.standout-value strong{font-size:27px}.community-hero h1{font-size:34px}}

/* 204: stable standout columns; FAQ shares the full Data content width. */
.faq-page #faq.section{max-width:none;width:100%;margin-left:0;margin-right:0}
.community-page .standout-row{grid-template-columns:34px minmax(0,1fr) minmax(0,1.1fr) 76px;gap:12px;min-height:88px;padding:18px 0;align-items:center}
.community-page .standout-label{min-width:0;font-size:13px;line-height:1.45}
.community-page .standout-player{min-width:0;font-size:13px;line-height:1.5;gap:9px;align-items:center}
.community-page .standout-player .player-profile-link{min-width:0;overflow-wrap:anywhere}
.community-page .standout-value{width:76px;align-self:center;text-align:right;line-height:1}
.community-page .standout-value strong{display:block;font-size:33px;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.6px}
.community-page .standout-value small{margin-top:4px;font-size:10px;line-height:1.3}
.community-page .standout-icon.average{font-size:0;background:#e6f4ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='13' width='4' height='8' rx='1.5' fill='%234391d7'/%3E%3Crect x='10' y='8' width='4' height='13' rx='1.5' fill='%234391d7'/%3E%3Crect x='17' y='3' width='4' height='18' rx='1.5' fill='%234391d7'/%3E%3C/svg%3E") center/19px no-repeat}
@media(max-width:1100px){.community-page .standout-row{grid-template-columns:30px minmax(0,1fr) minmax(0,.9fr) 67px;gap:9px}.community-page .standout-value{width:67px}.community-page .standout-value strong{font-size:30px}}
@media(max-width:760px){.community-page .standout-row{grid-template-columns:28px minmax(0,1fr) minmax(0,.9fr) 64px;gap:9px;min-height:82px;padding:16px 0}.community-page .standout-value{width:64px}.community-page .standout-value strong{font-size:29px}.community-page .standout-player,.community-page .standout-label{font-size:12px}.community-page .standout-label small{font-size:10px}}
@media(max-width:370px){.community-page .standout-row{grid-template-columns:26px minmax(0,1fr) minmax(0,.85fr) 55px;gap:7px}.community-page .standout-value{width:55px}.community-page .standout-value strong{font-size:26px}}