.JobPlayground-module__JKDMDq__playground{border:1px solid var(--rule);background:var(--surface);border-radius:1rem;overflow:hidden}.JobPlayground-module__JKDMDq__picker{flex-direction:column;gap:.9rem;padding:1.1rem 1.25rem 0;display:flex}.JobPlayground-module__JKDMDq__raceRow{grid-template-columns:2.4rem 1fr 2.4rem;align-items:center;gap:.8rem;display:grid}.JobPlayground-module__JKDMDq__raceViewport{--card-w:200px;--card-g:16px;height:calc(var(--card-w) * 247 / 234);position:relative;overflow:hidden}.JobPlayground-module__JKDMDq__raceTrack{gap:var(--card-g);transform:translateX(calc(-1 * (var(--i) * (var(--card-w) + var(--card-g)) + var(--card-w) / 2)));transition:transform .28s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;top:0;left:50%}.JobPlayground-module__JKDMDq__raceTrack[data-snap]{transition:none}@media (prefers-reduced-motion:reduce){.JobPlayground-module__JKDMDq__raceTrack,.JobPlayground-module__JKDMDq__raceCard{transition:none}}.JobPlayground-module__JKDMDq__raceCard{flex:0 0 var(--card-w);width:var(--card-w);aspect-ratio:234/247;background:var(--paper);cursor:pointer;opacity:.5;border:0;border-radius:.9rem;padding:0;transition:transform .28s,opacity .28s,box-shadow .28s;overflow:hidden;transform:scale(.92)}.JobPlayground-module__JKDMDq__raceCard img{object-fit:cover;width:100%;height:100%;display:block}.JobPlayground-module__JKDMDq__raceCard:hover{opacity:.85}.JobPlayground-module__JKDMDq__raceCard[aria-selected=true]{opacity:1;transform:none;box-shadow:0 16px 32px #3a2a1e33}.JobPlayground-module__JKDMDq__raceCard:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.JobPlayground-module__JKDMDq__arrow{background:var(--paper);width:2.4rem;height:2.4rem;color:var(--ink);cursor:pointer;border:0;border-radius:50%;font-size:1.4rem;line-height:1;box-shadow:0 2px 6px #3a2a1e1f}.JobPlayground-module__JKDMDq__arrow:hover{background:var(--yellow)}.JobPlayground-module__JKDMDq__jobs{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:center;gap:0 .25rem;display:flex}.JobPlayground-module__JKDMDq__jobs button{color:var(--ink-soft);letter-spacing:-.02em;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:.55rem .75rem .7rem;font-size:.92rem;font-weight:600;position:relative}.JobPlayground-module__JKDMDq__jobs button:after{content:"";background:0 0;border-radius:3px 3px 0 0;height:3px;transition:background .15s;position:absolute;bottom:-1px;left:.75rem;right:.75rem}.JobPlayground-module__JKDMDq__jobs button:hover{color:var(--ink)}.JobPlayground-module__JKDMDq__jobs button[aria-selected=true]{color:var(--green)}.JobPlayground-module__JKDMDq__jobs button[aria-selected=true]:after{background:var(--green)}.JobPlayground-module__JKDMDq__stage{background:#5f9fd9;outline:none;position:relative}.JobPlayground-module__JKDMDq__stage canvas{width:100%;height:480px;image-rendering:pixelated;display:block}.JobPlayground-module__JKDMDq__stage:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}.JobPlayground-module__JKDMDq__overlay{color:#fff;text-shadow:0 1px 2px #0008;cursor:pointer;background:#3a2a1e33;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex;position:absolute;inset:0}.JobPlayground-module__JKDMDq__overlay span{background:#3a2a1ecc;border-radius:999px;padding:.6rem 1rem}.JobPlayground-module__JKDMDq__loading{color:#fff;background:#3a2a1ecc;border-radius:999px;padding:.5rem .9rem;font-size:.8rem;position:absolute;top:40%;left:50%;transform:translate(-50%)}.JobPlayground-module__JKDMDq__pad{pointer-events:none;justify-content:space-between;align-items:flex-end;padding:.7rem;display:flex;position:absolute;bottom:0;left:0;right:0}.JobPlayground-module__JKDMDq__dpad{pointer-events:auto;grid-template-rows:3rem 3rem;grid-template-columns:3rem 3rem;gap:.35rem;display:grid}.JobPlayground-module__JKDMDq__dpad button,.JobPlayground-module__JKDMDq__skillBtn{color:#fff;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#3a2a1e99;border:2px solid #fffa;font-size:1.1rem}.JobPlayground-module__JKDMDq__dLeft{border-radius:.8rem 0 0 .8rem;grid-area:1/1}.JobPlayground-module__JKDMDq__dRight{border-radius:0 .8rem .8rem 0;grid-area:1/2}.JobPlayground-module__JKDMDq__dDown{border-radius:0 0 .8rem .8rem;grid-area:2/1/auto/span 2}.JobPlayground-module__JKDMDq__actions{pointer-events:auto;grid-template-columns:repeat(3,3rem);place-items:end;gap:.4rem;display:grid}.JobPlayground-module__JKDMDq__skillBtn{border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;display:inline-flex}.JobPlayground-module__JKDMDq__skillBtn img{width:32px;height:32px;image-rendering:pixelated;pointer-events:none}.JobPlayground-module__JKDMDq__skillBtn.JobPlayground-module__JKDMDq__big{background:#2c8240cc;border-color:#ffc93c;width:3.6rem;height:3.6rem}.JobPlayground-module__JKDMDq__dpad button:active,.JobPlayground-module__JKDMDq__dpad button[data-down=true],.JobPlayground-module__JKDMDq__skillBtn:active,.JobPlayground-module__JKDMDq__skillBtn[data-down=true]{background:var(--yellow);color:var(--ink)}@media (max-width:900px){.JobPlayground-module__JKDMDq__picker{padding:.9rem .9rem 0}.JobPlayground-module__JKDMDq__raceRow{grid-template-columns:2.2rem 1fr 2.2rem;gap:.5rem}.JobPlayground-module__JKDMDq__raceViewport{--card-w:210px;--card-g:14px}.JobPlayground-module__JKDMDq__raceCard:not([aria-selected=true]){opacity:.25}.JobPlayground-module__JKDMDq__jobs{scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin:0 -.9rem;padding:0 .9rem;overflow-x:auto}.JobPlayground-module__JKDMDq__jobs::-webkit-scrollbar{display:none}.JobPlayground-module__JKDMDq__jobs button{scroll-snap-align:start;font-size:.88rem}.JobPlayground-module__JKDMDq__stage canvas{height:360px}}