:root{--bg-1: #fce6c0;--bg-2: #f7c4a4;--ink: #5a3a1a;--ink-deep: #3a1810;--rim: var(--ink-deep);--rim-hi: rgba(255, 255, 255, .85);--accent: #d24a2e;--accent-2: #ff7e3a;--accent-3: #ffb245;--accent-deep: #8a2818;--panel-bg: #fff7e6;--panel-bg-2: #ffe8c4;--muted: rgba(58, 24, 16, .7);--link: var(--accent);--h2: var(--accent-deep);--heading-stroke: var(--ink-deep);--rule: rgba(58, 24, 16, .18);--glow: rgba(255, 240, 210, .55);--glow-0: rgba(255, 240, 210, 0);--card-shadow: rgba(58, 24, 16, .32);--focus-ring: var(--ink-deep)}:root[data-theme=dark]{--bg-1: #1a0f13;--bg-2: #0c0608;--ink: #fff0cc;--ink-deep: #2d1711;--rim: #6e3a20;--rim-hi: rgba(255, 240, 204, .14);--accent: #ff7a3d;--accent-2: #ff9a4a;--accent-3: #ffc266;--accent-deep: #d94725;--panel-bg: #462d38;--panel-bg-2: #3a2430;--muted: rgba(217, 185, 138, .85);--link: #ff9a4a;--h2: #ffc266;--heading-stroke: #1c0d09;--rule: rgba(240, 201, 141, .22);--glow: rgba(255, 190, 140, .12);--glow-0: rgba(255, 190, 140, 0);--card-shadow: rgba(0, 0, 0, .6);--focus-ring: var(--accent-3)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Fredoka,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);line-height:1.6;min-height:100vh;padding:24px 16px 48px;background:radial-gradient(ellipse 90% 65% at 50% 38%,var(--glow) 0%,var(--glow-0) 60%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%)}.content-shell{max-width:720px;margin:0 auto;background:linear-gradient(180deg,var(--panel-bg) 0%,var(--panel-bg-2) 100%);border:3px solid var(--rim);border-radius:22px;padding:20px 26px 24px;box-shadow:inset 0 1.5px 0 var(--rim-hi),0 6px 0 var(--rim),0 14px 30px var(--card-shadow)}h1{margin:0 0 6px;font-size:34px;line-height:1.1;color:#ff7e3a;letter-spacing:.3px;-webkit-text-stroke:2.5px var(--heading-stroke);paint-order:stroke fill;text-shadow:0 3px 0 var(--heading-stroke);text-wrap:balance}h2{margin:22px 0 8px;font-size:20px;line-height:1.25;color:var(--h2)}h3{margin:16px 0 4px;font-size:16px;color:var(--ink);letter-spacing:.3px}p{margin:0 0 10px}ul{padding-left:22px;margin:0 0 12px}li{margin-bottom:4px}a{color:var(--link);font-weight:700;text-decoration:none;border-bottom:1.5px solid transparent;transition:border-color .12s ease}a:hover{border-bottom-color:var(--accent-2)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.subtitle{margin:0 0 16px;font-size:15px;color:var(--muted)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}a.page-logo{display:inline-flex;align-items:center;min-height:48px;border-bottom:none}.page-logo span{display:inline-block;font-size:30px;font-weight:700;line-height:1;letter-spacing:.5px;color:#3aa14a;-webkit-text-stroke:3px var(--heading-stroke);paint-order:stroke fill;text-shadow:0 3px 0 var(--heading-stroke);transform:rotate(-2.5deg)}.page-logo b{color:var(--accent-2);font-weight:inherit}a.play-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;font-size:17px;font-weight:700;color:#3a1810;white-space:nowrap;background:linear-gradient(180deg,#ffb245,#ff7e3a);border:3px solid var(--rim);border-radius:14px;box-shadow:inset 0 1px #ffffff8c,0 3px 0 var(--rim);transition:transform 90ms ease,box-shadow 90ms ease}a.play-btn:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff8c,0 1px 0 var(--rim)}a.play-btn.play-cta{display:flex;width:100%;max-width:360px;min-height:52px;margin:24px auto 0;border-radius:16px;box-shadow:inset 0 1px #ffffff8c,0 4px 0 var(--rim)}a.play-btn.play-cta:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff8c,0 1px 0 var(--rim)}@media (hover: hover) and (pointer: fine){a.play-btn:hover:not(:active){transform:translateY(-2px);box-shadow:inset 0 1px #ffffff8c,0 5px 0 var(--rim)}a.play-btn.play-cta:hover:not(:active){box-shadow:inset 0 1px #ffffff8c,0 6px 0 var(--rim)}}@media (prefers-reduced-motion: reduce){a.play-btn,a.play-btn:hover,a.play-btn:active{transform:none!important}}.page-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:0 4px;margin-top:24px;padding-top:10px;border-top:2px dashed var(--rule);font-size:14px}.page-foot a{display:inline-flex;align-items:center;min-height:48px;padding:0 8px;border-bottom:none}.page-foot a:hover{text-decoration:underline;text-decoration-color:var(--accent-2)}.page-foot a[aria-current=page]{color:var(--muted)}.board-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:10px;margin:0 0 12px;padding:0;list-style:none}.board-card{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;margin:0;padding:10px 12px 12px;background:var(--panel-bg);border:2.5px solid var(--rim);border-radius:14px;box-shadow:0 3px 0 var(--rim);font-size:14px;line-height:1.4}.board-card:last-child:nth-child(odd){grid-column:1 / -1}.board-card-text{flex:1 1 0;min-width:0}.board-card strong{display:block;font-size:16px;color:var(--h2)}.board-sticker{display:grid;place-items:center;flex:none;width:38px;height:38px;margin-right:10px;border:2.5px solid var(--rim);border-radius:11px;background:linear-gradient(180deg,#fff7e6,#ffe0a8);box-shadow:0 2px 0 var(--rim);color:#3a1810;transform:rotate(-4deg)}:root[data-theme=dark] .board-sticker{background:linear-gradient(180deg,#f0c98d,#d9a766)}.board-icon{display:grid;place-items:center;width:26px;height:26px;object-fit:contain}.board-icon svg{display:block;width:24px;height:24px}.lb-x-badge{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#3a1810;color:#fff7e6;font-size:18px;font-weight:700;line-height:1;transform:rotate(-6deg)}.board-top{--lb-row-h: 38px;--lb-medal-h: 42px;--lb-gap: 4px;flex:0 0 100%;min-height:calc(5 * var(--lb-medal-h) + 4 * var(--lb-gap) + 12px);margin-top:10px;padding:6px;border-radius:12px;background:#78461e0f;box-shadow:inset 0 2px 4px #3a18101f}.leaderboard-rows{display:flex;flex-direction:column;gap:var(--lb-gap);margin:0;padding:0;list-style:none}.leaderboard-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;height:var(--lb-row-h);margin:0;padding:3px 10px 3px 4px;background:#ffffff8c;border:1.5px solid rgba(120,70,30,.2);border-radius:10px;font-size:15px;line-height:1.2;color:var(--ink-deep)}.lb-rank{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#78461e14;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.3px;line-height:1;color:var(--ink-deep);white-space:nowrap}.lb-rank small{font-size:10px}.lb-name{display:flex;min-width:0;font-weight:600}.lb-name-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-value{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;min-width:6ch;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:#b83a20}.lb-value-icon{width:16px;height:16px;flex:none;object-fit:contain}:root[data-theme=dark] .board-top{background:#0000002e;box-shadow:inset 0 2px 4px #0000004d}:root[data-theme=dark] .leaderboard-row{background:#fce8c814;border-color:#fce8c82e;color:var(--ink)}:root[data-theme=dark] .lb-rank{background:#fce8c81a;color:var(--ink)}:root[data-theme=dark] .lb-value{color:#ff9a5a}.leaderboard-row.medal{height:var(--lb-medal-h);border:2px solid var(--rim);font-size:16px}.leaderboard-row.medal-1{background:#ffd8664d}.leaderboard-row.medal-2{background:#c0c8d04d}.leaderboard-row.medal-3{background:#cf90503d}.leaderboard-row.medal .lb-value{color:#9e2e16}.leaderboard-row.medal .lb-rank{width:26px;height:26px;justify-self:center;border-radius:50%;border:2px solid #3a1810;box-shadow:0 2px #3a1810;transform:rotate(-6deg);color:#3a1810}.leaderboard-row.medal-1 .lb-rank{background:#ffd866}.leaderboard-row.medal-2 .lb-rank{background:#c0c8d0}.leaderboard-row.medal-3 .lb-rank{background:#cf9050}.lb-crown{position:absolute;top:-10px;left:50%;margin-left:-8px}:root[data-theme=dark] .leaderboard-row.medal-1{background:#ffd8662e;border-color:#ffd8668c}:root[data-theme=dark] .leaderboard-row.medal-2{background:#c0c8d02e;border-color:#c0c8d080}:root[data-theme=dark] .leaderboard-row.medal-3{background:#cf90502e;border-color:#cf90508c}:root[data-theme=dark] .leaderboard-row.medal .lb-value{color:#ff9a5a}.leaderboard-row.skeleton{border-color:transparent;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.45) 50%,transparent 100%) no-repeat,#78461e14;background-size:200% 100%,auto;animation:lbShimmer 1.2s linear infinite}.leaderboard-row.skeleton:nth-child(-n+3){height:var(--lb-medal-h)}:root[data-theme=dark] .leaderboard-row.skeleton{background:linear-gradient(90deg,transparent 0,rgba(255,240,204,.08) 50%,transparent 100%) no-repeat,#fce8c80f;background-size:200% 100%,auto;border-color:transparent}@keyframes lbShimmer{0%{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}@media (prefers-reduced-motion: reduce){.leaderboard-row.skeleton{animation:none}}.lb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(5 * var(--lb-medal-h) + 4 * var(--lb-gap));padding:0 12px;text-align:center}.lb-empty-title{margin:0;font-size:16px;font-weight:700;color:var(--ink-deep)}.lb-empty-hint{margin:2px 0 0;font-size:13px;color:var(--muted)}:root[data-theme=dark] .lb-empty-title{color:var(--ink)}.lb-live-note{margin:0 0 10px;padding:8px 12px;border:2px dashed var(--rule);border-radius:10px;font-size:14px;text-align:center;color:var(--muted)}.changelog h2{margin-top:28px;border-bottom:2px dashed var(--rule);padding-bottom:6px}.release-date{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.4px;color:var(--accent-2);background:#ff7e3a1f;padding:2px 10px;border-radius:999px;margin-left:10px;vertical-align:middle;text-transform:uppercase}.tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:0 8px;border:1.5px solid var(--ink-deep);border-radius:999px;margin-right:6px;text-transform:uppercase;vertical-align:middle}.tag-new{background:#86d050;color:#1f4a14}.tag-fix{background:#fff7e6;color:#3a1810}.tag-perf{background:#ffd866;color:#6b4d10}.tag-pvp{background:#ff7a3a;color:#fff}.footer-note{margin-top:28px;font-size:13px;color:var(--muted)}@media (max-width: 480px){body{padding:12px 10px 32px}.content-shell{padding:16px 16px 20px}ul{padding-left:18px}}@media (max-width: 380px){h1{font-size:28px}.page-logo span{font-size:26px}a.play-btn{padding:0 14px}}
