.play-surface{--play-border:#f3f3f521;--play-muted:#adaebc;--play-gold:#ff6470;color:#f3f3f5;background:#111114}.play-wrap{width:min(1280px,100% - 3rem);margin-inline:auto}.play-heading{font-family:var(--font-display), sans-serif;letter-spacing:-.045em;text-wrap:balance;font-weight:600;line-height:1.04}.play-eyebrow{color:var(--play-gold);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.7rem;font-size:.7rem;font-weight:600;line-height:1.6;display:flex}.play-hero{isolation:isolate;border-bottom:1px solid var(--play-border);position:relative;overflow:hidden}.play-hero-image{z-index:-2;object-fit:cover}.play-hero[data-mode] .play-hero-image{object-position:74% center}.play-hero[data-mode=skyblock] .play-hero-image{object-position:60% center}.play-hero[data-mode=lifesteal] .play-hero-image{object-position:86% center}.play-hero[data-mode=survival] .play-hero-image{object-position:100% center}.play-hero:after{z-index:-1;content:"";background:linear-gradient(90deg,#111114fa 0%,#111114d4 44%,#1111142e 100%),linear-gradient(#0000 65%,#111114 100%);position:absolute;inset:0}.play-hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(290px,.8fr);align-items:end;gap:6rem;min-height:610px;padding-block:3rem 6rem;display:grid}.play-hero-title{margin-block:1.2rem 1.5rem;font-size:clamp(3rem,5.8vw,5.75rem)}.play-hero-grid--mode{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;padding-block:2rem 4rem}.play-hero-grid--mode>div{width:100%;max-width:520px}.play-guide-detail{border-bottom:1px solid var(--play-border);padding-block:1.5rem}.play-guide-detail summary{cursor:pointer}.play-guide-detail :where(.play-prose){margin-top:1.25rem}.play-lede{color:#cbcbd4;max-width:42rem;font-size:1.08rem;line-height:1.8}.play-join-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#17171df0;border:1px solid #ff64704d;border-radius:3px;padding:1.75rem}.play-section{border-bottom:1px solid var(--play-border);padding-block:5rem}.play-section-top{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem;display:flex}.play-section-title{margin-top:.75rem;font-size:clamp(2rem,3.3vw,3.4rem)}.play-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.play-feature{border-top:1px solid var(--play-border);padding-block:1.5rem}.play-feature p{color:var(--play-muted);margin-top:.75rem;font-size:.9rem;line-height:1.8}.play-stats{border-bottom:1px solid var(--play-border);grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;padding-block:2.5rem;display:grid}.play-stat{border-left:1px solid var(--play-border);padding-inline:1rem}.play-stat strong{font-family:var(--font-display), sans-serif;letter-spacing:-.035em;font-size:clamp(1.3rem,2.5vw,2rem);font-weight:500;display:block}.play-stat span{color:var(--play-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:.5rem;font-size:.63rem;display:block}.play-editorial{grid-template-columns:.6fr 1.4fr;gap:6rem;display:grid}.play-prose{color:#bcbcc8;font-size:.98rem;line-height:1.85}.play-prose p+p{margin-top:1rem}.play-panel{border:1px solid var(--play-border);background:#1b1b22;border-radius:3px;padding:2rem}.play-faq>div,.play-faq>details{border-top:1px solid var(--play-border);padding-block:1.5rem}.play-faq dt,.play-faq summary{font-size:1rem;font-weight:500}.play-faq dd,.play-faq details p{max-width:48rem;color:var(--play-muted);margin-top:.75rem;font-size:.9rem;line-height:1.8}.play-faq summary{cursor:pointer}.play-link{color:var(--play-gold);align-items:center;gap:.65rem;font-size:.85rem;font-weight:500;transition:color .15s;display:inline-flex}.play-link:hover{color:#ffa2ac}.play-button{color:#270d14;background:#ff6470;border-radius:6px;justify-content:center;align-items:center;gap:.75rem;min-height:3rem;padding:.8rem 1.4rem;font-size:.875rem;font-weight:600;transition:background .15s;display:inline-flex}.play-button:hover{background:#ff8a95}.play-copy{color:#f3f3f5;text-align:left;overflow-wrap:anywhere;background:#ff64700a;border:1px dashed #ff647059;border-radius:6px;justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-height:3.5rem;padding:1rem;font-family:monospace;font-size:clamp(.75rem,1.6vw,1rem);display:flex}.play-copy:hover{background:#ff647017}.play-intro{padding-block:4.5rem 3.5rem}.play-intro h1{margin-block:1rem 1.4rem;font-size:clamp(2.5rem,5vw,4rem)}.play-editions{gap:.8rem;display:grid}.play-edition{border:1px solid var(--play-border);background:#1b1b22;border-radius:8px;align-items:center;gap:1.25rem;padding:1.5rem;transition:border-color .15s,background .15s;display:flex;position:relative}.play-edition:hover{background:#292932;border-color:#ff6470}.play-step-layout{grid-template-columns:260px minmax(0,1fr);gap:4rem;min-height:700px;padding-block:3rem 5rem;display:grid}.play-step-tab{border-bottom:1px solid var(--play-border);width:100%;color:var(--play-muted);text-align:left;align-items:start;gap:.8rem;padding:1rem 0;font-size:.85rem;line-height:1.5;display:flex}.play-step-tab[aria-current=step]{color:#ff6470}.play-step-number{border:1px solid;border-radius:3px;flex:0 0 1.6rem;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.65rem;display:flex}.play-step-main{border:1px solid var(--play-border);background:#1b1b22;border-radius:10px;min-width:0;padding:clamp(1.25rem,3vw,3rem)}.play-step-main h1{margin-block:1rem;font-size:clamp(2rem,4vw,3rem)}.play-mode-row{border-top:1px solid var(--play-border);grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding-block:2rem;display:grid}.play-tutorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.play-vote-grid{border-top:1px solid var(--play-border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.play-vote-link{border-bottom:1px solid var(--play-border);align-items:center;gap:1rem;padding:1.5rem 1rem;transition:background .15s;display:flex}.play-vote-link:hover{background:#ff64700d}@media (max-width:1023px){.play-hero-grid:not(.play-hero-grid--mode){grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:2rem}.play-editorial{gap:3rem}.play-tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.play-wrap{width:calc(100% - 2.5rem)}.play-hero-grid{grid-template-columns:1fr;min-height:auto;padding-block:2rem 3rem}.play-hero:after{background:linear-gradient(#1111148c,#111114 82%)}.play-hero-title{font-size:clamp(2.8rem,11vw,4.5rem)}.play-section{padding-block:3rem}.play-section-top{display:block}.play-section-top>p{margin-top:1rem}.play-features,.play-editorial,.play-step-layout{grid-template-columns:1fr;gap:2rem}.play-stats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:2rem}.play-step-layout{padding-top:1.5rem}.play-step-list{gap:.75rem;margin-top:1rem;display:flex;overflow-x:auto}.play-step-tab{border-bottom:0;width:auto;padding:.5rem 0}.play-step-tab .play-step-label{display:none}.play-mode-row{grid-template-columns:2rem minmax(0,1fr);gap:.75rem}.play-mode-row>a{grid-column:2}.play-intro{padding-block:3rem 2.5rem}.play-panel{padding:1.5rem}}@media (max-width:479px){.play-tutorial-grid,.play-vote-grid{grid-template-columns:1fr}.play-edition{padding:1.25rem}}@media (max-width:359px){.play-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}