.ps-casual{--pq-hue:#6fb3ad}.ps-semi-casual{--pq-hue:#c58b57}.ps-hardcore{--pq-hue:#d9b247}.ps-competitive{--pq-hue:#d3685a}.ps-social{--pq-hue:#efcb6e}.ps-badge{aspect-ratio:95/132;object-fit:contain;width:auto;height:104px;margin:0 auto 10px;display:block}
.ps-stage{background:#e6dcc4 url(/pages/art/playstyle.jpg) top/cover no-repeat;flex:1;min-height:100%;padding:34px 20px 64px;position:relative}[data-theme=dark] .ps-stage{background-color:#1d1812;background-image:url(/pages/art/playstyle-night.jpg)}.ps-stage:before{content:"";pointer-events:none;background:linear-gradient(#efe4cc00 30%,#efe4cc99 72%);position:absolute;inset:0}[data-theme=dark] .ps-stage:before{background:linear-gradient(#14100b00 30%,#14100b99 72%)}.ps-stage .mt-10.max-w-xl{max-width:780px;margin-top:0;position:relative}.ps-stage .mt-10.max-w-xl>.text-center{text-align:left;background:radial-gradient(closest-side,#efe4cce6 0% 64%,#0000 100%);margin-bottom:18px;padding:16px 22px 20px}[data-theme=dark] .ps-stage .mt-10.max-w-xl>.text-center{background:radial-gradient(closest-side,#14100bd1 0% 64%,#0000 100%)}.ps-stage .mt-10.max-w-xl>.text-center h1{font-family:var(--font-display), serif;letter-spacing:.03em;font-weight:700}.ps-stage .sec-tag{font:500 10.5px var(--font-utility), monospace;letter-spacing:.18em;text-transform:uppercase;background:0 0;border:0;padding:0}.ps-card{background:#f6eedbf5;border:1px solid #221c162e;border-radius:4px;padding:26px 30px;box-shadow:0 8px 30px #221c1624}[data-theme=dark] .ps-card{background:#241d15f5;border-color:#e3c27e33;box-shadow:0 8px 30px #0006}.ps-stage input[type=range]{accent-color:#b23020}html:not([data-theme=dark]) .ps-stage .text-goldBright{color:#8a5a1a}html:not([data-theme=dark]) .ps-stage .text-parchment{color:#221c16}html:not([data-theme=dark]) .ps-stage .text-parchmentDim{color:#4a3f33}html:not([data-theme=dark]) .ps-stage .text-muted{color:#5e5243}html:not([data-theme=dark]) .ps-stage .text-teal{color:#2f6b5c}html:not([data-theme=dark]) .ps-stage .text-ember{color:#a8321f}html:not([data-theme=dark]) .ps-stage .text-bronze{color:#8f4f24}html:not([data-theme=dark]) .ps-stage .text-gold{color:#76600f}html:not([data-theme=dark]) .ps-stage .bg-gold{background-color:#b23020}html:not([data-theme=dark]) .ps-stage .bg-line{background-color:#221c162e}html:not([data-theme=dark]) .ps-stage .bg-panel2{background-color:#f6eedb}html:not([data-theme=dark]) .ps-stage .border-line{border-color:#221c1633}html:not([data-theme=dark]) .ps-stage .border-gold{border-color:#b23020}html:not([data-theme=dark]) .ps-stage .text-bg{color:#fff}html:not([data-theme=dark]) .ps-stage .hover\:bg-gold:hover{background-color:#b23020}html:not([data-theme=dark]) .ps-stage .hover\:text-bg:hover{color:#fff}html:not([data-theme=dark]) .ps-stage .hover\:border-gold:hover{border-color:#b23020}html:not([data-theme=dark]) .ps-stage .hover\:border-bronze:hover{border-color:#8a5a1a}html:not([data-theme=dark]) .ps-stage .paper-input{color:#221c16;background:#fff;border:1px solid #221c1633}@media (max-width:900px){.ps-stage{background-position:30% 0;background-size:220%;padding:18px 10px 40px}.ps-card{padding:18px}}.ps-stage{isolation:isolate;overflow:clip}.ps-stage>.hw-canvas{z-index:-1}.ps-wayin{font:500 11px var(--font-utility), monospace;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}