.playtest-page main{padding-top:54px}.playtest-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);grid-template-areas:"copy art";align-items:center;gap:clamp(36px,6vw,76px);padding-bottom:64px}.playtest-copy{grid-area:copy;min-width:0}.playtest-art{grid-area:art;margin:0;position:relative;isolation:isolate}.playtest-art:before{content:'';position:absolute;inset:12% 8%;z-index:-1;border-radius:50%;background:#87dcb72b;filter:blur(36px)}.playtest-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;border:1px solid #58736d;border-radius:3px;box-shadow:0 24px 55px #0007}.playtest-status{display:flex;align-items:center;gap:10px;margin-top:30px;color:#c4ddd5;font-size:12px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}.playtest-status span{width:8px;height:8px;border-radius:50%;background:#7fa99b;box-shadow:0 0 0 5px #7fa99b19}.playtest-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px}.pending-action,.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:3px;font-size:13px;font-weight:700;text-decoration:none}.pending-action{border:1px solid #526a67;background:#20312f;color:#91a49f;cursor:not-allowed}.primary-action{border:1px solid var(--mint);background:var(--mint);color:#11231c}.primary-action:hover{background:#d2ffdf}.secondary-action{border:1px solid #618277;color:var(--mint);background:#102126aa}.secondary-action:hover{background:#19312f}.tester-steps{border-top:1px solid #31464d}.tester-step{display:grid;grid-template-columns:90px minmax(0,1fr);gap:24px;padding:34px 0;border-bottom:1px solid #31464d}.tester-step h2{margin:0 0 12px}.tester-step p{max-width:700px}.step-number{padding-top:4px;color:var(--mint);font-size:12px;font-weight:700;letter-spacing:2px}.link-status{display:inline-block;margin-top:4px;padding:10px 14px;border-left:2px solid #789c91;background:#14272cb0;color:#b8ccc7;font-weight:700}.tester-commitment{max-width:760px;padding:60px 0 10px}.tester-commitment h2{margin-top:14px}.tester-commitment a{display:inline-flex;align-items:center;min-height:44px}.playtest-page footer a{white-space:nowrap}@media(max-width:720px){.playtest-page main{padding-top:28px}.playtest-hero{grid-template-columns:1fr;grid-template-areas:"art" "copy";gap:30px;padding-bottom:48px}.playtest-art{margin-left:-22px;margin-right:-22px}.playtest-art img{border-left:0;border-right:0;border-radius:0}.playtest-copy h1{font-size:clamp(40px,13vw,56px)}.playtest-status{align-items:flex-start;line-height:1.5}.playtest-status span{flex:0 0 auto;margin-top:5px}.playtest-actions{align-items:stretch}.pending-action,.primary-action,.secondary-action{width:100%}.tester-step{grid-template-columns:1fr;gap:8px;padding:30px 0}.step-number{padding:0}.tester-commitment{padding-top:48px}}@media(max-width:380px){.playtest-copy h1{font-size:38px;letter-spacing:-1.5px}.pending-action,.primary-action,.secondary-action{padding-inline:12px}}
.code-note{padding:14px 18px;border-left:2px solid var(--mint);background:#14272c;color:#d3e4dd}.code-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0;padding:0}.code-list li{display:grid;gap:12px;min-width:0;padding:20px;border:1px solid #405b60;border-radius:3px;background:#101f25}.code-label{color:#9dbcb2;font-size:12px;letter-spacing:1px;text-transform:uppercase}.code-list code{display:block;color:#e6f4ed;font-size:15px;line-height:1.5;letter-spacing:.25px;overflow-wrap:anywhere;user-select:all}.code-list .secondary-action{width:100%}.code-list a:focus-visible{outline:3px solid #fff;outline-offset:3px}.tester-step a:not([class]){text-underline-offset:3px}@media(max-width:900px){.code-list{grid-template-columns:1fr}}