/* Silver edition 02: a softer canvas, ensemble hero, and separate ranking stories. */
:root{--bg:#d9dee6;--ink:#252b36;--muted:#5c6676;--line:#bdc6d3;--white:#edf0f4}
.header{background:#d7dde5;border-color:#c1cad6}.language{background:#cfd6e1;border-color:#b9c4d2}.language button[aria-pressed=true]{background:#e8edf3}.eyebrow,.section-heading .eyebrow,.card-eyebrow{color:#6b7990}.demo-tag,.section-note{color:#69788c}.primary,.card-button{background:linear-gradient(#f4f6f9,#dce3ed);border-color:#b9c4d3}.secondary{background:#d0d8e3;border-color:#b9c4d3}.challenge-card{background:#e4e9f0;border-color:#bec8d6;box-shadow:none}.card-art,.art-hunt,.art-season{background:radial-gradient(ellipse at 50% 78%,#bfcbdc,#d0d8e4 40%,#d9e0e9 85%);border-color:#c5cfdc}.card-label{background:#e5eaf1c9;border-color:#b9c4d2;color:#66758b}.card-index{color:#c5cfddaa}.card-content>p{color:#626e80}.reward{border-color:#c6d0dd}.reward>span{color:#707e92}.challenge-object{position:absolute;left:50%;bottom:20px;width:67%;height:211px;object-fit:contain;transform:translateX(-50%) rotate(-8deg);filter:drop-shadow(0 12px 10px #354d6b25)}.object-cards{width:49%;height:209px;transform:translateX(-50%) rotate(9deg)}.art-daily .floating-symbol.second{width:70px;height:80px;right:19px;bottom:45px}.art-hunt .floating-symbol.first{width:66px;height:75px;left:20px}.art-hunt .floating-symbol.second{width:76px;height:80px;right:16px}.social-panel{background:linear-gradient(120deg,#cbd4e0,#e2e7ef 70%);border-color:#bac5d4}.social-link{background:#e7edf4c9;border-color:#bdc9d8}.social-link:hover{background:#f0f3f7}.social-copy>p,.social-link small{color:#68798f}.social-art-word{color:#b8c4d68c}.footer-top{border-color:#bcc6d4}.footer-top>span,.footer-bottom,.footer-bottom>span,.demo-footer,.back-top{color:#68788e}dialog{background:#e5eaf1;border-color:#bfcbd9}.dialog-close{background:#cfd9e6}.board-note{color:#65768d}
.rankings{border-block:1px solid #bec8d6;background:#d3dae4}.ranking-section{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center;min-height:525px;padding-block:72px}.ranking-section+.ranking-section{border-top:1px solid #b7c2d2}.ranking-copy{position:relative;min-width:0;min-height:368px;padding-block:12px 144px}.ranking-copy .eyebrow{color:#607899;font-size:12px;letter-spacing:1.8px;line-height:1.8}.ranking-copy h2{font-size:clamp(32px,3.5vw,48px);line-height:1.5;margin:18px 0 16px;letter-spacing:-1.3px}.ranking-copy>p{font-size:15px;line-height:2.05;color:#5b6d83;max-width:470px}.ranking-meta{display:flex;align-items:center;gap:10px;margin-top:25px;flex-wrap:wrap}.preview-badge{display:inline-block;font-size:12px;color:#677a94;border:1px solid #acbcd1;border-radius:20px;padding:5px 12px;background:#d9e1ec55}.rank-period{border:1px solid #acbcd1;border-radius:8px;padding:5px 10px;background:#dce4ee;color:#526882;font-size:13px;min-height:35px;max-width:130px}.corner-character{position:absolute;inset-inline-end:-10px;bottom:-14px;height:184px;width:158px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 15px 12px #4f648c20)}.corner-raccoon{height:184px;width:200px;inset-inline-end:-12px;bottom:-20px}.ranking-card{border:1px solid #aebdce;background:#dde4ed;border-radius:17px;overflow:hidden;box-shadow:0 8px 25px #465e7910;min-width:0}.ranking-table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:auto;margin:0}.ranking-table thead{background:#d7e0eb}.ranking-table th{padding:18px 22px;color:#6a809c;font-size:12px;font-weight:500;border-bottom:1px solid #b6c4d6;width:auto}.ranking-table th:first-child{width:auto;text-align:start}.ranking-table th:last-child{width:auto;text-align:end;white-space:nowrap}.ranking-table td{background:transparent!important;border:0!important;border-radius:0!important;padding:20px 20px;font-size:14px;color:#334962}.ranking-table tr+tr td{border-top:1px solid #becad9!important}.ranking-table td.position-cell{width:54px;padding-inline-end:0;text-align:start}.rank-badge{display:inline-grid;place-items:center;height:31px;min-width:29px;padding-inline:4px;border:1px solid #9dadc3;border-radius:7px;font:12px Arial,sans-serif;color:#657d9c}.ranking-table tr:first-child .rank-badge{color:#386aa6;border-color:#6491c3;background:#c7d6e9}.ranking-table .member-cell{padding-inline-start:12px;font-weight:600;white-space:nowrap}.ranking-table .amount-cell{font-size:14px;font-weight:400;text-align:end;white-space:nowrap;color:#5d7493}.amount-cell>span{font-size:12px}.ranking-reverse{grid-template-columns:1.1fr 1fr}.ranking-reverse .ranking-copy{grid-column:2;grid-row:1}.ranking-reverse .ranking-card{grid-column:1;grid-row:1}.ranking-reverse .ranking-copy .eyebrow{color:#536d92}.ranking-reverse .rank-badge{border-color:#97a9c5}.ranking-reverse tr:first-child .rank-badge{color:#41618f;background:#c9d4e5;border-color:#6e8aaa}
@media(max-width:1000px){.ranking-section{gap:38px}.ranking-copy h2{font-size:35px}.ranking-copy>p{font-size:14px}.ranking-meta{gap:8px}.ranking-table td{padding:20px 15px}.ranking-table th{padding:17px 15px}.corner-character{height:165px;width:140px}.corner-raccoon{width:180px}.navigation nav{gap:18px;font-size:13px}}
@media(max-width:800px){.ranking-section,.ranking-reverse{grid-template-columns:1fr 1.1fr;gap:24px;padding-block:48px;min-height:490px}.ranking-copy{min-height:365px;padding-bottom:140px}.ranking-copy h2{font-size:30px}.ranking-copy>p{font-size:14px}.ranking-copy .eyebrow{font-size:12px;letter-spacing:.7px}.ranking-table td{padding:18px 10px;font-size:13px}.ranking-table th{padding:16px 12px}.ranking-table td.position-cell{width:40px}.ranking-table .amount-cell{font-size:12px}.ranking-table .member-cell{padding-inline-start:8px}.corner-character{height:160px;width:130px;inset-inline-end:0}.corner-raccoon{width:169px}.ranking-reverse{grid-template-columns:1.1fr 1fr}.preview-badge{font-size:12px;padding-inline:9px}.ranking-meta{max-width:210px}.navigation{gap:18px}.navigation nav{gap:13px;font-size:12px}.wordmark{font-size:28px}}
@media(max-width:700px){.navigation nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;font-size:12px}.ranking-section,.ranking-reverse{grid-template-columns:1fr;gap:25px;padding-block:45px}.ranking-copy,.ranking-reverse .ranking-copy{grid-column:1;grid-row:1;min-height:310px;padding-block:0 138px}.ranking-card,.ranking-reverse .ranking-card{grid-column:1;grid-row:2}.ranking-copy h2{font-size:34px;margin-top:13px}.ranking-copy>p{max-width:100%;font-size:14px}.ranking-copy .eyebrow{font-size:12px}.ranking-meta{margin-top:20px;max-width:100%;padding-inline-end:108px}.corner-character{width:114px;height:145px;bottom:-8px;inset-inline-end:0}.corner-raccoon{width:155px;height:150px;bottom:-10px;inset-inline-end:-8px}.ranking-table td{padding:19px 17px;font-size:14px}.ranking-table th{padding:17px;font-size:12px}.ranking-table td.position-cell{width:49px}.ranking-table .amount-cell{font-size:13px}.ranking-table .member-cell{padding-inline-start:9px}.ranking-reverse .ranking-meta{padding-inline-end:135px}.challenge-object{height:227px}.object-cards{height:225px}.social-panel{background:linear-gradient(130deg,#ced7e3,#e0e7ef)}}
@media(max-width:359px){.ranking-table td{padding-inline:10px}.ranking-table .member-cell{font-size:13px}.ranking-table .amount-cell{font-size:12px}.ranking-meta,.ranking-reverse .ranking-meta{padding-inline-end:112px}.corner-raccoon{width:128px}.ranking-copy h2{font-size:30px}}