/* The same compact green tiles as the home menu, scoped to these two screens. */
.arcade-page{position:absolute;inset:0;overflow:auto;pointer-events:auto;background:#142f2fce;color:#f6f5e8;padding:24px 30px;font-family:inherit}
.arcade-page-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;max-width:1120px;margin:auto}
.arcade-page-header>button{justify-self:start}.arcade-page-header>span{justify-self:end}.arcade-page-header h1{font-family:inherit;font-weight:800;font-size:28px;line-height:1.2;letter-spacing:-.6px;margin:0}
.arcade-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #789f8744;border-bottom:3px solid #0e332e;border-radius:3px;background:#19493f;color:#f5f5e8;font-family:inherit;font-weight:600;font-size:13px;line-height:1.2;padding:12px 17px;cursor:pointer;transition:background .16s,transform .12s}
.arcade-button:hover{background:#2b6351;transform:translateY(-2px)}.arcade-button:active{transform:translateY(1px)}.arcade-primary,.arcade-switch [aria-pressed=true]{background:#e5c66a;color:#233e32;border-bottom-color:#ac903d}.arcade-primary:hover,.arcade-switch [aria-pressed=true]:hover{background:#f2d47b}.arcade-button svg{width:17px;height:17px}
.arcade-page button:focus-visible,.arcade-page a:focus-visible{outline:3px solid #fff2a3;outline-offset:3px}
.arcade-page-content{max-width:1120px;margin:35px auto 0}.arcade-switch{display:flex;justify-content:center;gap:6px;margin-bottom:28px}.arcade-switch button{min-width:140px}
.arcade-courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.arcade-course{background:#19443b;border:1px solid #92bca53b;border-bottom:4px solid #102e28;border-radius:4px;overflow:hidden;display:flex;flex-direction:column}.arcade-course>img{display:block;aspect-ratio:1.75;width:100%;object-fit:cover}.arcade-course-copy{padding:20px;display:flex;flex-direction:column;flex:1}.arcade-course-copy>span{font-size:11px;color:#c6d7bd}.arcade-course h2{font-family:inherit;font-size:23px;letter-spacing:-.5px;margin:8px 0}.arcade-course p{font-size:13px;line-height:1.5;color:#d4decc;margin:0 0 24px;flex:1}.arcade-course-record{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#c3d5be;margin-bottom:14px}.arcade-course-footer{margin:24px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.arcade-course-footer>div{display:flex;gap:8px}.arcade-course-footer small{max-width:270px;font-size:11px;line-height:1.5;color:#c9d4c1}
.community-menu-content{max-width:660px;margin:50px auto 30px}.community-menu-content>h2{font-family:inherit;font-size:30px;letter-spacing:-.7px;margin-bottom:8px}.community-menu-content>p{font-size:14px;line-height:1.65;color:#d1dec9}.community-links{display:grid;gap:10px;margin:28px 0}.community-link{display:flex;align-items:center;gap:18px;padding:19px 21px;background:#19493f;border:1px solid #9ac0a833;border-bottom:3px solid #0e332e;border-radius:3px;color:#f5f5e6;text-decoration:none;transition:transform .12s,background .16s}.community-link:hover{background:#2b6351;transform:translateY(-2px)}.community-link:active{transform:translateY(1px)}.community-link i{width:30px;text-align:center;font-size:29px;font-style:normal}.community-link>span{flex:1}.community-link strong,.community-link small{display:block}.community-link strong{font-size:17px}.community-link small{font-size:11px;color:#c7d6bd;margin-top:5px}.community-link b{font-size:12px;color:#ebcf7e}.community-link b>span{margin-left:15px}.community-menu-content>.community-terms{font-size:11px;line-height:1.7;margin-bottom:18px;color:#bdcdb7}
.pattern-detail{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.pattern-hero{border:1px solid #b8c1b2;border-bottom:4px solid var(--rarity);border-radius:5px;overflow:hidden}.pattern-hero img{width:100%;display:block}.pattern-copy h2{font-size:26px;font-family:inherit;letter-spacing:-.6px}.pattern-copy>p{font-size:13px;line-height:1.5}.pattern-copy>small{color:#596b57;font-size:11px}.pattern-copy>.pattern-note{font-size:11px;color:#586a57}.pattern-picker{display:flex;flex-wrap:wrap;gap:5px;max-height:180px;overflow:auto;padding:5px 3px;margin:10px 0 18px}.pattern-picker button{padding:9px;font-size:12px;border-radius:3px}.pattern-picker [aria-pressed=true]{background:#264b3c;color:#fff5ce}.pattern-reveal-label{font-weight:700;color:#e6c97a!important}
@media(max-width:800px){.arcade-page{padding:18px}.arcade-page-content{margin-top:25px}.arcade-courses{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-course-footer{align-items:flex-start;flex-direction:column}.arcade-course-footer small{max-width:none}.arcade-course-copy{padding:16px}.arcade-course h2{font-size:20px}.pattern-detail{grid-template-columns:1fr}.pattern-hero{max-width:340px;width:100%;margin:auto}}
@media(max-width:520px){.arcade-page-header h1{font-size:22px}.arcade-page-header .arcade-button{padding:10px 12px}.arcade-page-header .coin-value{font-size:12px}.arcade-courses{grid-template-columns:1fr}.arcade-course>img{aspect-ratio:2}.arcade-course p{margin-bottom:18px}.arcade-course-footer>div{flex-wrap:wrap}.community-menu-content{margin-top:34px}.community-link{gap:12px;padding:16px 13px}.community-link b{font-size:11px}.community-link b>span{margin-left:3px}.community-link i{font-size:25px;width:25px}}
@media(prefers-reduced-motion:reduce){.arcade-button,.community-link{transition:none}}