@layer components{
.personal-studio .hero h1{font-size:clamp(56px,5.7vw,85px);line-height:.97}.personal-studio .hero h1>span{font-size:1.1em;transform:none;margin-block:2px 0;color:var(--orange)}.personal-studio .hero-copy .eyebrow{font-size:9px}.personal-studio .hero-lede{font-size:20px;line-height:1.5;max-width:450px;margin-bottom:15px}.solo-intro{font-size:14px;color:#b6c2ae;max-width:430px;margin-bottom:25px}.studio-cost{border-left:2px solid #f5cd5890;margin-top:29px;padding:3px 0 3px 16px;max-width:430px}.studio-cost>span{font:8px var(--mono);letter-spacing:.08em;color:var(--yellow)}.studio-cost p{font-size:12px;line-height:1.8;color:#b8c2ae;margin:7px 0 0}.studio-cost strong{color:var(--paper);font-weight:650}.personal-studio .scene-stamp{font-size:10px}.personal-studio .scene-caption strong{font-size:33px}.main-lineup{grid-template-columns:repeat(6,minmax(0,1fr))}.main-lineup>.feature-card{grid-column:span 2;min-width:0}.main-lineup>.feature-card:nth-child(n+4){grid-column:span 3}.main-lineup .feature-body h3{overflow-wrap:anywhere;font-size:24px}.main-lineup .feature-image{height:245px}.main-lineup .feature-body{display:flex;flex-direction:column}.main-lineup .feature-body>p{max-width:none}.game-tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:17px 0 0}.game-tags li{font:9px/1.5 var(--mono);border:1px solid #aab19c;padding:4px 7px;color:#59694f;letter-spacing:0}.detail-hero .game-tags{margin-top:25px}.detail-hero .game-tags li{color:#d2ddc3;border-color:#607354;background:#a1b88a0a}.feature-card .game-tags{margin-top:18px}.feature-card .game-tags li{font-size:8px}.feature-report{font:9px var(--mono);margin-top:22px;padding-top:14px;border-top:1px solid #cad0bb;display:block}.feature-image .image-tag{color:var(--ink);z-index:2}.feature-image .art-name{font-size:45px}.game-card .game-tags{margin:0 0 17px}.detail-hero h1{overflow-wrap:anywhere}.game-story h2{font-size:36px;line-height:1.15;margin-bottom:25px}.game-story>h3{font-size:24px;margin:32px 0 17px}.design-question{padding:22px 25px;border-left:3px solid #b87350;background:#ecebdd;margin:32px 0}.design-question>span{font:9px var(--mono);color:#8c563b;letter-spacing:.06em}.design-question p{font-size:20px;margin:10px 0 0;line-height:1.5}.release-note h2{font:700 25px/1.15 var(--body);margin-bottom:20px}.game-downloads{display:grid;gap:12px;margin:22px 0}.game-download{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px;border:1px solid #a6b495;background:var(--paper)}.game-download:hover{background:#e2e7cc}.game-download small{display:block;font:9px var(--mono);color:#66715a;margin-bottom:7px}.game-download strong{font:650 14px var(--body)}.downloads-empty{padding:15px;border:1px dashed #b0baa2}.lobby-inset{padding-block:10px 60px}.lobby-wrapper{background:#302d3e;color:var(--paper);padding:28px 47px 35px;border:1px solid #5d566b;box-shadow:8px 8px 0 #c5bea9}.lobby-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff25;padding-bottom:22px;font:9px var(--mono);letter-spacing:.06em;color:#d3bd8e}.lobby-heading>a:hover{color:var(--yellow)}.lobby-wrapper .lobby-grid{gap:60px;padding:45px 0}.lobby-wrapper .lobby-visual{padding-inline:12px 26px;max-width:370px}.lobby-wrapper .lobby-badge b{font-size:44px}.lobby-wrapper h2{font-size:58px;margin-bottom:23px}.lobby-wrapper h2>span{color:#c5b1ce}.lobby-wrapper .eyebrow{color:#d3bd8e}.lobby-wrapper p:not(.eyebrow){color:#d1c9d6;font-size:14px}.lobby-wrapper .text-link{color:#f0dcad}.lobby-wrapper .text-link:hover{color:var(--yellow)}.lobby-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid #ffffff28;padding-top:28px}.lobby-highlights article>span{font:8px var(--mono);color:#c4aebd;letter-spacing:.05em}.lobby-highlights h3{font-size:19px;line-height:1.2;letter-spacing:-.02em;margin:15px 0 13px}.lobby-highlights p{font-size:12px!important;line-height:1.7;margin-bottom:0}.lobby-story{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #ffffff28;margin-top:30px;padding-top:30px}.lobby-story .eyebrow{font-size:8px;margin-bottom:12px}.lobby-story h3{font-size:24px;line-height:1.2;margin-bottom:12px}.lobby-story p:last-child{font-size:12px;max-width:510px;margin-bottom:0}.lobby-story>a{flex-shrink:0}.lobby-exits{display:flex;gap:20px;flex-wrap:wrap;align-items:center;border-top:1px solid #ffffff28;padding-top:22px;margin-top:25px;font-size:11px}.lobby-exits>span{font:8px var(--mono);color:#b4a6bf;letter-spacing:.05em;margin-right:auto}.lobby-exits>a:hover{color:var(--yellow)}.coding-inset{padding-block:30px 80px}.coding-wrapper{background:var(--yellow);padding:50px;border:1px solid var(--ink);box-shadow:8px 8px 0 #cab767}.coding-wrapper .challenge-grid{gap:60px}.coding-wrapper h2{font-size:60px;margin-bottom:25px}.coding-wrapper h2>span{color:#a4442d}.coding-wrapper .challenge-grid>div:first-child>p:not(.eyebrow):not(.section-lede){font-size:14px}.coding-lineup{margin-top:55px;padding-top:35px;border-top:1px solid #58563570;gap:20px}.coding-lineup .feature-image{height:145px}.coding-lineup .feature-image img{object-position:center 50%}.coding-lineup .feature-body{padding:18px}.coding-lineup h3{font-size:23px;line-height:1.1}.coding-lineup .feature-body>p{font-size:12px}.coding-lineup .feature-body .card-meta>span:last-child{display:none}.pile-note{border-left:2px solid #9aa68d;padding-left:22px;max-width:780px;margin:25px 0 30px}.pile-note p{font-size:15px;color:#626d58;margin-bottom:13px}.personal-studio .studio{padding-block:65px 90px}
}
@layer responsive{
@media(max-width:1100px){.lobby-wrapper{padding:27px 32px 32px}.lobby-wrapper .lobby-grid{gap:38px}.lobby-wrapper h2{font-size:49px}.coding-wrapper{padding:35px}.coding-wrapper .challenge-grid{gap:40px}.coding-wrapper h2{font-size:53px}.main-lineup .feature-body h3{font-size:22px}.main-lineup .feature-image{height:210px}.personal-studio .hero h1{font-size:61px}.personal-studio .hero-lede{font-size:18px}}
@media(max-width:800px){.main-lineup{grid-template-columns:repeat(2,minmax(0,1fr))}.main-lineup>.feature-card,.main-lineup>.feature-card:nth-child(n+4){grid-column:span 1}.main-lineup>.feature-card:first-child{grid-column:1 / -1}.main-lineup>.feature-card:first-child{display:grid;grid-template-columns:1fr 1fr}.main-lineup>.feature-card:first-child .feature-image{height:100%;min-height:270px}.main-lineup .feature-body h3{font-size:23px}.lobby-wrapper{padding:25px}.lobby-wrapper .lobby-grid{padding-block:40px;gap:35px}.lobby-wrapper .lobby-visual{width:100%;max-width:360px}.lobby-wrapper h2{font-size:53px}.lobby-highlights{gap:18px}.lobby-highlights h3{font-size:18px}.lobby-story{flex-direction:column;align-items:start;gap:15px}.coding-wrapper{padding:30px}.coding-wrapper .challenge-grid{gap:45px}.coding-lineup{grid-template-columns:1fr}.coding-lineup .feature-card{display:grid;grid-template-columns:1fr 1.6fr}.coding-lineup .feature-image{height:100%;min-height:200px}.coding-lineup .game-tags{margin-top:12px}.coding-lineup .feature-report{margin-top:15px}.personal-studio .hero h1{font-size:49px}.personal-studio .hero h1>span{font-size:1.1em}.personal-studio .hero-lede{font-size:17px}.solo-intro{font-size:13px}.studio-cost{margin-top:22px;padding-left:12px}.studio-cost p{font-size:11px}.personal-studio .scene-caption strong{font-size:25px}.personal-studio .scene-switcher button{font-size:10px}}
@media(max-width:560px){.personal-studio .hero h1{font-size:61px}.personal-studio .hero h1>span{font-size:1.1em}.personal-studio .hero-copy .eyebrow{font-size:8px}.personal-studio .hero-lede{font-size:19px;margin-top:23px}.solo-intro{font-size:14px}.studio-cost{margin-top:25px;margin-bottom:5px}.studio-cost p{font-size:12px}.personal-studio .scene-caption strong{font-size:29px}.personal-studio .scene-switcher button{font-size:11px}.personal-studio .scene-switcher button span{margin-right:5px;font-size:9px}.main-lineup{grid-template-columns:1fr}.main-lineup>.feature-card,.main-lineup>.feature-card:nth-child(n+4){grid-column:auto;display:block}.main-lineup>.feature-card:first-child{display:block}.main-lineup>.feature-card:first-child .feature-image,.main-lineup .feature-image{height:235px;min-height:0}.main-lineup .feature-body{padding:23px}.main-lineup .feature-body h3{font-size:27px}.main-lineup .feature-body p{font-size:14px}.main-lineup .game-tags li{font-size:9px}.main-lineup .card-meta>span:last-child{display:inline}.lobby-inset{padding-top:0;padding-bottom:45px}.lobby-wrapper{padding:21px 18px;box-shadow:5px 5px 0 #c5bea9}.lobby-heading{font-size:8px;line-height:1.7;flex-direction:column;align-items:start;gap:10px;padding-bottom:17px}.lobby-wrapper .lobby-grid{padding-block:30px;gap:35px}.lobby-wrapper h2{font-size:45px}.lobby-wrapper .lobby-visual{padding-inline:10px 22px}.lobby-wrapper .lobby-badge{font-size:8px}.lobby-wrapper .lobby-badge b{font-size:39px}.lobby-wrapper .eyebrow{font-size:9px}.lobby-highlights{grid-template-columns:1fr;gap:22px}.lobby-highlights article{border-bottom:1px solid #ffffff15;padding-bottom:20px}.lobby-highlights article:last-child{border-bottom:0;padding-bottom:0}.lobby-highlights h3{font-size:21px;margin:10px 0}.lobby-highlights p{font-size:13px!important}.lobby-story h3{font-size:23px}.lobby-exits{gap:14px}.lobby-exits>span{width:100%}.coding-inset{padding-top:20px;padding-bottom:65px}.coding-wrapper{padding:28px 18px;box-shadow:5px 5px 0 #cab767}.coding-wrapper h2{font-size:49px}.coding-wrapper .eyebrow{font-size:9px}.coding-wrapper .playground{transform:none;box-shadow:6px 6px 0 #202724}.coding-wrapper .playground-inner{padding:22px 15px}.coding-wrapper .terminal-title{padding-inline:10px;font-size:7px}.coding-wrapper .strategy-buttons{gap:5px}.coding-wrapper .strategy-buttons button{font-size:9px;padding:8px}.coding-lineup{margin-top:38px;padding-top:25px}.coding-lineup .feature-card{display:block}.coding-lineup .feature-image{height:155px;min-height:0}.coding-lineup .feature-body{padding:20px}.coding-lineup .feature-body p{font-size:13px}.pile-note{padding-left:16px}.pile-note p{font-size:14px}.personal-studio .studio{padding-block:45px 65px}.game-story h2{font-size:29px;line-height:1.2}.design-question{padding:18px}.design-question p{font-size:18px}.detail-hero h1{font-size:53px}.game-download strong{font-size:13px}}
}