/* Consistent navigation and typography across games, tools and editorial pages. */
.logo .brand-dot{color:#7e9b5d}.challenge-app .logo .brand-dot{color:#d7ed9b}.logo>svg{flex-shrink:0}.logo>span{white-space:nowrap}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif}button,input,select,textarea{font-family:inherit}.site-header.container{min-height:86px;height:auto;padding-block:16px;gap:22px}.site-header .logo{flex:none;font-size:25px;font-weight:750;letter-spacing:-1px}.site-header .logo svg{width:28px;height:32px}.site-header .nav{gap:20px;flex-wrap:wrap;justify-content:flex-end}.site-header .nav a{font-size:13px;font-weight:600;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;padding:10px 0}.site-header .nav a:hover{text-decoration:underline;text-underline-offset:5px}.site-header .nav .nav-cta{border-radius:9px;padding:10px 16px}.site-header .nav .nav-play{color:#6240a5}.challenge-app .site-header .nav .nav-play{color:#cbb7ff}.site-header .nav .nav-room{border:1px solid #9584b4;border-radius:9px;padding:10px 16px;color:#533789;background:#eee8f8}.challenge-app .site-header .nav .nav-room{color:#e4d7ff;background:#332743;border-color:#8a70a7}.article h1,.tool-intro h1{letter-spacing:-.045em}.article h2{font-size:27px;margin-top:35px}.article p,.article li{line-height:1.8}.article .eyebrow{color:#6240a5}.article>.lede{font-size:19px;color:#52645b}.guide-card{border-radius:12px;padding:22px;background:white;border:1px solid #d6dfd7}.guide-card:hover{border-color:#8b74b4}.guide-card h3{font-size:19px;line-height:1.4}.guide-grid{gap:20px}.site-footer .footer-links{gap:20px}.site-footer a{min-height:44px;display:inline-flex;align-items:center}.site-footer .logo{font-size:25px}.site-footer .logo svg{width:28px;height:32px}body:not(.challenge-app) .primary{background:#594086;border-color:#594086;color:white}body:not(.challenge-app) .primary:hover{background:#443068}body:not(.challenge-app) .workspace-intro :is(h1,h2) span{color:#594086}body:not(.challenge-app) .choice-action{color:#594086}body:not(.challenge-app) .studio{scroll-margin-top:20px}
@media(max-width:760px){.site-header.container{align-items:center;flex-wrap:wrap;gap:10px 20px;padding-block:14px}.site-header .logo{font-size:23px}.site-header .nav{gap:8px 14px;justify-content:flex-start;flex:1;min-width:220px}.site-header .nav a{font-size:12px;min-height:40px}.site-header .nav .nav-room,.site-header .nav .nav-cta{padding:8px 11px}.site-header .nav .desktop-link{display:none}.challenge-app .site-header{height:auto}.article h1{font-size:36px}.article .lede{font-size:17px}.guide-card{padding:20px}.site-footer .footer-links{gap:14px;flex-wrap:wrap}}
@media print{.site-header,.site-footer{display:none!important}body{color:black;background:white}}
/* Keep text entry legible and let card counts follow their available space. */
.studio-app .paste-panel textarea,.studio-app .share-box input,.challenge-app .room-link-row input{font-size:16px}
.collection-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
@media(min-width:761px){.activity-choices{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}}
.tile-board{grid-template-columns:repeat(var(--tile-size),minmax(0,1fr))}
.tile-board .tile{min-width:0;min-height:0;line-height:1}
/* Keep each tool's purpose and original collection readable beside the editor. */
.studio-app .tool-intro{display:block;padding:32px 0 16px}
.studio-app .tool-intro h1{font-size:clamp(30px,4vw,46px);margin:12px 0}
.studio-app .tool-intro p{max-width:70ch;font-size:16px}
.studio-app[data-step="2"] main>.article{display:block}
.guide-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}

/* Game guides share the approved arcade typography and palette. */
.collection-item{min-width:0;display:flex;flex-direction:column}.collection-item .collection-card{width:100%;flex:1}.collection-guide{color:#d1c4e8;display:flex;align-items:center;min-height:44px;padding:12px 8px;font-size:14px;text-underline-offset:4px}.game-page-hero{padding:38px 0 24px;max-width:840px}.game-page-hero .kicker{margin-top:28px}.game-page-hero h1{font-size:clamp(36px,6vw,68px);line-height:1.08;letter-spacing:-.045em;margin:20px 0}.game-page-hero .hero-description{max-width:65ch}.game-guide{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;padding:44px 0;border-top:1px solid #51445e;margin-top:36px}.game-guide h2{font-size:32px;line-height:1.2;margin:14px 0 24px}.game-guide h3{font-size:21px;margin:24px 0 12px}.game-guide p,.game-guide li{line-height:1.8;color:#d1c4df}.game-guide li{padding-left:6px;margin-bottom:12px}.game-guide a{color:#d7ed9b;text-underline-offset:4px}.game-guide ol{padding-left:24px}@media(max-width:760px){.game-guide{grid-template-columns:1fr;gap:0;padding-top:28px}.game-page-hero{padding-top:24px}.game-guide h2{font-size:28px}}
