:root{--cream:#f2ebd9;--gold:#d8b66d;--ink:#24352d;--muted:#6d776d;--paper:#f7f6f1;--line:#dcded3;color-scheme:light}*{box-sizing:border-box}body{margin:0;font:15px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #cf9b42;outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}[hidden]{display:none!important}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;top:10px;left:10px;background:var(--cream);padding:12px;color:var(--ink);z-index:20}.wordmark{display:flex;align-items:center;gap:12px;font:700 11px/1.45 system-ui;letter-spacing:2px}.wordmark:hover{text-decoration:none}.brand-seal{display:grid;place-items:center;width:38px;height:45px;clip-path:polygon(0 0,100% 0,100% 76%,50% 100%,0 76%);border:1px solid currentColor;color:var(--gold);background:linear-gradient(135deg,#334537,#12251b);font:28px Georgia,serif}.overline{font-size:9px;letter-spacing:2.4px;font-weight:600}.landing{min-height:100svh;background:#15231b;color:var(--cream);display:flex;flex-direction:column;position:relative;isolation:isolate}.landscape{position:fixed;inset:0;z-index:-2;background:#15231b}.landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,16,14,.8) 0%,rgba(6,17,15,.52) 39%,rgba(6,17,15,.05) 75%),linear-gradient(0deg,rgba(5,13,11,.8),transparent 30%,transparent 70%,rgba(5,13,11,.4))}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:31px 4vw;gap:25px}.landing-header nav{display:flex;gap:34px;font-size:11px;letter-spacing:.5px;color:#eee8d5}.landing-header nav span{margin-left:12px}.landing-main{flex:1;display:flex;align-items:center;padding:28px 4vw 50px;min-height:560px}.landing-content{text-align:center;width:min(620px,55vw)}.landing-content>.overline{color:var(--gold);font-size:8px;letter-spacing:2.2px;margin:0 0 22px;display:flex;align-items:center;gap:16px;justify-content:center}.landing-content>.overline span{font-size:6px}.landing h1{font:400 clamp(40px,5.1vw,82px)/.95 Georgia,"Times New Roman",serif;letter-spacing:3px;margin:0;text-shadow:0 3px 12px #07140d}.landing h1 span{display:block;font-size:1.16em;color:#e6c98f;margin-top:10px;letter-spacing:6px}.title-rule{display:flex;align-items:center;justify-content:center;gap:16px;margin:25px auto 20px;color:var(--gold);width:210px}.title-rule:before,.title-rule:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold))}.title-rule:after{transform:rotate(180deg)}.title-rule span{font-size:12px}.landing-description{font:14px/1.9 Georgia,serif;color:#e0dece;letter-spacing:.3px;margin:0 0 30px}.landing-actions{width:min(365px,100%);margin:auto}.download{position:relative;isolation:isolate;width:100%;min-height:88px;display:flex;align-items:center;justify-content:center;gap:22px;color:#241b0e;background:repeating-linear-gradient(105deg,#ffffff04 0px,#ffffff04 1px,transparent 1px,transparent 5px),linear-gradient(180deg,#ecd69e 0%,#cda255 44%,#ba8c3e 50%,#d3af68 100%);border:1px solid #edcf91;outline:2px solid #62512e;outline-offset:3px;box-shadow:0 7px 0 #15180e,0 10px 35px #0008,inset 0 0 0 4px #3c2d1566,inset 0 0 0 5px #e4c486,inset 0 2px 2px #ffefbf;border-radius:2px;cursor:default;text-shadow:0 1px 1px #fff5}.download:before,.download:after{content:"◆";position:absolute;top:7px;bottom:7px;display:flex;align-items:center;font-size:8px;color:#4f3817}.download:before{left:9px}.download:after{right:9px}.button-ornament{font-size:32px;color:#5b3b17;text-shadow:0 1px #f7e5b6}.download-copy{display:block}.download strong{display:block;font:700 21px Georgia,serif;letter-spacing:1px}.download small{display:block;font-size:8px;font-weight:700;letter-spacing:3px;margin-top:5px}.download svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5}.landing-actions>p{font-size:9px;letter-spacing:.8px;color:#d4d1bc;margin:17px 0 23px}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.secondary-actions a{display:flex;align-items:center;justify-content:center;gap:8px;background:#132019b8;border:1px solid #baa57580;box-shadow:inset 0 0 0 3px #18251d80;padding:16px 10px;font-size:8px;letter-spacing:.8px;transition:background .15s,border-color .15s}.secondary-actions a:hover{background:#293c2c;border-color:var(--gold);text-decoration:none}.secondary-actions svg{height:17px;width:17px;fill:none;stroke:var(--gold);stroke-width:1.3}.secondary-actions a>span:last-child{color:var(--gold);margin-left:auto}.landing-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 4vw;font-size:8px;letter-spacing:2px;color:#e0dccc99;gap:18px}.landing-footer span:last-child{font-size:7px;letter-spacing:2.5px}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,20px);border-bottom:1px solid var(--line);gap:25px}.site-header nav{display:flex;gap:30px;font-size:12px}.site-header nav a[aria-current]{font-weight:650;color:#765a27}.ranking-main{max-width:1140px;margin:auto;padding:58px 36px 35px}.ranking-heading>.overline{color:#7c8869;font-size:8px}.ranking-heading h1{font:400 clamp(34px,4.7vw,58px)/1.15 Georgia,serif;letter-spacing:-1.4px;margin:16px 0}.ranking-heading h1 em{color:#73805b;font-weight:400}.ranking-heading>p:last-child{font-size:13px;color:var(--muted);margin-bottom:38px}.board{border:1px solid var(--line);background:#fcfbf7;border-radius:4px;overflow:hidden}.board-toolbar{padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.board-toolbar .overline{font-size:8px;margin:0 0 9px;color:#798269}.board-toolbar h2{font:400 29px Georgia,serif;margin:0}.challenge-filter{display:flex;flex-direction:column;gap:7px}.challenge-filter label{font-size:10px;color:var(--muted)}select{border:1px solid #ccd0c0;background:#f6f5ee;color:var(--ink);padding:10px 35px 10px 12px;border-radius:3px;font-size:12px;min-width:245px}.board-meta{display:flex;justify-content:space-between;gap:20px;padding:12px 30px;background:#eeeee4;color:#69745d;font-size:10px;border-block:1px solid var(--line)}.board-status{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.state-mark{color:#a38e57;font-size:30px}.board-status h3{font:400 27px Georgia,serif;margin:14px 0 12px}.board-status p{font-size:12px;color:var(--muted);max-width:420px;line-height:1.9;margin:0}.board-status button{margin-top:20px;padding:10px 23px;background:var(--ink);border:1px solid var(--ink);color:var(--cream);font-size:12px;cursor:pointer;border-radius:3px}.board-footer{padding:16px 30px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:8px;letter-spacing:1.5px;color:var(--muted);font-weight:600;padding:20px 30px 14px}td{border-top:1px solid #e4e5da;padding:15px 30px;font-size:13px}th:last-child,td:last-child{text-align:right}th:first-child,td:first-child{width:100px}td:last-child{font-variant-numeric:tabular-nums;color:#626b57}.rank-badge{display:inline-grid;place-items:center;width:30px;height:33px;font:18px Georgia,serif;color:#79816d}.rank-badge.podium{background:#ede4c9;color:#786030;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%)}.ranking-note{display:flex;align-items:start;gap:18px;padding:30px 0}.ranking-note>span{font-size:25px;color:#8c986e}.ranking-note h2{font-size:12px;margin:4px 0 8px}.ranking-note p{max-width:590px;font-size:11px;color:var(--muted);margin:0;line-height:1.9}.ranking-note a{margin-left:auto;font-size:10px;white-space:nowrap;padding-top:5px}.site-footer{border-top:1px solid var(--line);padding:25px max(4vw,20px);display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted);gap:20px}.site-footer div{display:flex;gap:30px}.site-footer div span{letter-spacing:0}@media(min-width:1600px){.landing-content{margin-left:4vw}.landing-main{min-height:650px}.landing h1{font-size:88px}.landing-description{font-size:16px}}@media(max-width:760px){.landing-header{padding:24px}.landing-header nav{gap:18px;font-size:10px}.wordmark{font-size:9px;letter-spacing:1.5px;gap:8px}.brand-seal{width:30px;height:38px;font-size:24px}.landing-main{padding:55px 24px 45px;min-height:570px;justify-content:center}.landing-content{width:100%;max-width:520px}.landscape:after{background:linear-gradient(0deg,#08150ee0,#08150e75 60%,#08150e70)}.landing h1{font-size:clamp(38px,8.7vw,64px);letter-spacing:2px}.landing h1 span{letter-spacing:4px}.landing-content>.overline{font-size:7px;letter-spacing:1.3px;gap:9px}.landing-actions{width:min(345px,100%)}.landing-footer{padding:20px 24px;font-size:7px;letter-spacing:1.1px}.landing-footer span:last-child{font-size:6px;letter-spacing:1.2px}.site-header{height:80px;padding:0 20px;gap:18px}.site-header nav{font-size:11px;gap:17px}.ranking-main{padding:35px 20px 15px}.ranking-heading h1{font-size:38px}.ranking-heading>.overline{font-size:7px;letter-spacing:1.7px}.board-toolbar{align-items:start;flex-direction:column;padding:23px;gap:20px}.challenge-filter,select{width:100%;min-width:0}.board-meta{padding:12px 23px;font-size:9px;flex-wrap:wrap;gap:5px}.board-status{min-height:300px;padding:30px 23px}.board-status h3{font-size:25px}.board-footer{padding:15px 23px;font-size:8px;flex-wrap:wrap;gap:5px}.ranking-note{flex-wrap:wrap;gap:12px}.ranking-note>div{flex:1}.ranking-note a{margin-left:35px}.site-footer{font-size:8px;flex-wrap:wrap;padding:20px}.site-footer div{gap:20px}th,td{padding-left:15px;padding-right:15px}th:first-child,td:first-child{width:65px}td{font-size:11px}}@media(max-height:720px) and (min-width:761px){.landing-header{padding-block:20px}.landing-main{min-height:490px;padding-block:15px}.landing h1{font-size:55px}.landing-content>.overline{margin-bottom:16px}.title-rule{margin:20px auto 16px}.landing-description{margin-bottom:23px}.download{min-height:76px}.landing-footer{padding-block:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.brand-icon{display:block;width:44px;height:44px;object-fit:contain;border-radius:9px}@media(min-width:761px){.landing-content{margin-left:calc(31vw - min(310px,27.5vw))}}@media(max-width:760px){.brand-icon{width:36px;height:36px;border-radius:7px}}

.landscape picture,.landscape img{display:block;width:100%;height:100%}.landscape img{object-fit:cover;object-position:center}
@media(min-width:761px){.landing-content{transform:translateY(-36px)}}@media(min-width:761px) and (max-height:720px){.landing-content{transform:translateY(-16px)}}
.ranking-main{max-width:1480px}.mode-picker{margin:36px 0 44px}.mode-picker>.overline{font-size:8px;color:#7c8869;margin-bottom:16px}.mode-selectors{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.mode-card{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:13px;padding:18px 10px 17px;min-width:0;border:1px solid var(--line);border-radius:4px;background:#fcfbf7;color:var(--ink);cursor:pointer;position:relative;transition:background .15s,border-color .15s}.mode-card img{width:min(110px,100%);height:auto;aspect-ratio:1;object-fit:contain;border-radius:5px}.mode-card>span{font:400 17px/1.2 Georgia,serif;min-height:40px;display:flex;align-items:center;justify-content:center;text-align:center}.mode-card:hover{background:#eeeee3;border-color:#a4ae91}.mode-card.is-active{border-color:#8e9b70;background:#e9ecdf;box-shadow:inset 0 -3px 0 #7b8b59}.mode-card.is-active:after{content:'◆';position:absolute;bottom:-9px;left:calc(50% - 5px);font-size:12px;color:#7b8b59}.mode-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 0 22px}.mode-heading .overline{color:#7c8869;font-size:8px;margin:0 0 10px}.mode-heading h2{font:400 35px/1.1 Georgia,serif;margin:0}.mode-heading>p{font-size:11px;color:var(--muted);margin:0 0 3px;text-align:right}.difficulty-boards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.difficulty-board{min-width:0;border:1px solid var(--line);background:#fcfbf7;border-radius:4px;overflow:hidden;display:flex;flex-direction:column}.difficulty-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 22px 20px}.difficulty-heading .overline{font-size:8px;color:#8b9579;margin:0 0 6px}.difficulty-heading h3{font:400 29px/1.1 Georgia,serif;margin:0}.difficulty-mark{font:26px Georgia,serif;color:#a99a72;letter-spacing:3px}.difficulty-board[data-difficulty=HARD] .difficulty-mark{color:#a07a5d}.difficulty-meta{padding:11px 22px;background:#eeeee4;border-block:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:#747e66}.difficulty-meta>span:last-child{letter-spacing:1px;font-size:8px}.difficulty-table{min-height:240px;max-height:650px;overflow:auto;flex:1}.difficulty-table table{table-layout:fixed}.difficulty-table th{font-size:7px;letter-spacing:1px;padding:17px 12px 12px;position:sticky;top:0;background:#fcfbf7;z-index:1}.difficulty-table td{font-size:11px;padding:14px 12px;vertical-align:middle}.difficulty-table th:first-child,.difficulty-table td:first-child{width:54px;padding-left:18px}.difficulty-table th:last-child,.difficulty-table td:last-child{width:31%;padding-right:18px}.commander-name{overflow-wrap:anywhere;font-size:12px!important}.difficulty-table td strong{font-weight:500;display:block;font-variant-numeric:tabular-nums}.difficulty-table td small{display:block;color:#8b927e;font-size:9px;margin-top:5px}.difficulty-table .rank-badge{width:25px;height:29px;font-size:16px}.difficulty-footer{border-top:1px solid var(--line);padding:13px 22px;font-size:8px;color:var(--muted);display:flex;justify-content:space-between}.difficulty-state{text-align:center;padding:35px 22px 45px;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center}.difficulty-state>span{font-size:23px;color:#aa985f}.difficulty-state h4{font:400 23px/1.2 Georgia,serif;margin:13px 0 10px}.difficulty-state p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.difficulty-state button{margin-top:18px;background:var(--ink);color:var(--cream);font-size:11px;padding:9px 17px;border:0;border-radius:3px;cursor:pointer}.sample-note{font-size:10px;color:#7b846d;margin:17px 0 0}.ranking-note{margin-top:7px}@media(max-width:1000px) and (min-width:701px){.mode-card>span{font-size:14px}.mode-card{padding:13px 7px;gap:10px}.difficulty-boards{gap:10px}.difficulty-heading{padding:18px 15px}.difficulty-meta{padding-inline:15px}.difficulty-table td,.difficulty-table th{padding-inline:7px}.difficulty-table th:first-child,.difficulty-table td:first-child{padding-left:10px;width:43px}.difficulty-table th:last-child,.difficulty-table td:last-child{padding-right:10px;width:33%}.commander-name{font-size:10px!important}}@media(max-width:700px){.mode-picker{margin:28px 0 32px}.mode-selectors{display:flex;gap:9px;overflow-x:auto;padding:0 0 13px;scroll-snap-type:x proximity}.mode-card{flex:0 0 112px;padding:12px 8px;gap:9px;scroll-snap-align:start}.mode-card img{width:78px}.mode-card>span{font-size:14px;min-height:34px}.mode-heading{display:block;margin-bottom:20px}.mode-heading h2{font-size:30px}.mode-heading>p{text-align:left;font-size:10px;margin-top:13px}.difficulty-boards{grid-template-columns:1fr;gap:18px}.difficulty-heading{padding:21px 22px}.difficulty-table{min-height:220px;max-height:520px}.difficulty-table td{font-size:12px}.difficulty-table th{font-size:8px}.commander-name{font-size:12px!important}.difficulty-table th:last-child,.difficulty-table td:last-child{width:31%}.sample-note{font-size:10px;line-height:1.8}}
/* Keep the leaderboard tables in view with a more compact introduction. */
.ranking .site-header{height:68px}.ranking-main{padding-top:24px}.ranking-heading>.overline{margin:0 0 8px}.ranking-heading h1{margin:10px 0 12px}.ranking-heading>p:last-child{margin:0 0 20px}.mode-picker{margin:20px 0 28px}.mode-card{padding-top:13px;padding-bottom:12px;gap:10px}.mode-card img{width:min(96px,100%)}.mode-card>span{min-height:36px}.mode-heading{margin-bottom:16px}.difficulty-heading{padding-top:18px;padding-bottom:16px}@media(max-width:700px){.ranking .site-header{height:64px}.ranking-main{padding-top:20px}.ranking-heading h1{margin:10px 0 12px}.mode-picker{margin:18px 0 20px}.mode-card{padding:10px 8px;gap:8px}.mode-card img{width:72px}.mode-card>span{min-height:34px}.mode-heading>p{margin-top:10px}.mode-heading{margin-bottom:14px}}
/* Keep landing controls readable and contained on narrow phone screens. */
html.landing-page,.landing{max-width:100%;overflow-x:clip}
.landing-main,.landing-content,.landing-actions,.secondary-actions{min-width:0}
.landing-main{width:100%}
.secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.secondary-actions a{min-width:0;min-height:54px;font-size:11px;letter-spacing:.4px;font-weight:600;gap:8px}
.secondary-actions svg{width:24px;height:24px;flex:none}
.secondary-actions a>span:first-of-type{white-space:nowrap}
.secondary-actions a>span:last-child{font-size:10px}
@media(max-width:760px){.secondary-actions a{font-size:10px;padding:14px 8px;gap:6px}.secondary-actions svg{width:22px;height:22px}.secondary-actions a>span:last-child{display:none}.landing-content>.overline{flex-wrap:wrap}}