.intro[data-astro-cid-soxsnotx]{padding:clamp(32px,4.5vw,56px) 0 clamp(24px,3vw,36px);position:relative;overflow:hidden}.intro-inner[data-astro-cid-soxsnotx]{z-index:1;text-align:center;max-width:1000px;position:relative}.live[data-astro-cid-soxsnotx]{margin-bottom:16px}.live-dot[data-astro-cid-soxsnotx]{background:var(--green);width:9px;height:9px;box-shadow:0 0 0 4px var(--green-soft);border-radius:50%}.intro[data-astro-cid-soxsnotx] h1[data-astro-cid-soxsnotx]{font-size:clamp(34px,4.4vw,56px)}.intro[data-astro-cid-soxsnotx] .lead[data-astro-cid-soxsnotx]{max-width:620px;margin:14px auto 0}.playground-section[data-astro-cid-soxsnotx]{z-index:1;position:relative}.playground[data-astro-cid-soxsnotx]{gap:14px;padding:clamp(14px,2vw,22px);display:grid}.toolbar[data-astro-cid-soxsnotx]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.segmented[data-astro-cid-soxsnotx]{background:var(--bg);border:1px solid var(--line);border-radius:16px;gap:4px;padding:4px;display:inline-flex}.segmented[data-astro-cid-soxsnotx] button[data-astro-cid-soxsnotx]{min-height:46px;color:var(--text);font:600 15px/1 var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:9px;padding:0 16px 0 10px;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.segmented[data-astro-cid-soxsnotx] button[data-astro-cid-soxsnotx]:hover{color:var(--ink)}.segmented[data-astro-cid-soxsnotx] button[data-astro-cid-soxsnotx][aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm), 0 0 0 1px var(--line)}.devices[data-astro-cid-soxsnotx] button[data-astro-cid-soxsnotx]{padding:0 13px}.styles[data-astro-cid-soxsnotx]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.styles-label[data-astro-cid-soxsnotx]{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-right:4px;font-size:13px;font-weight:700}.styles[data-astro-cid-soxsnotx] button[data-astro-cid-soxsnotx]{border:1px solid var(--line-strong);background:var(--surface);min-height:38px;color:var(--ink-2);font:600 14px/1 var(--font-body);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 8px;display:inline-flex}.styles[data-astro-cid-soxsnotx] button[data-astro-cid-soxsnotx][aria-checked=true]{border-color:var(--violet);color:#4b2bc0;box-shadow:0 0 0 1px var(--violet)}.swatch[data-astro-cid-soxsnotx]{background:linear-gradient(135deg, var(--swatch) 50%, var(--accent) 50%);border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1px #1a12331f}.stage[data-astro-cid-soxsnotx]{border-radius:var(--radius);background:radial-gradient(circle at 20% 0%, #efe8ff, transparent 55%), radial-gradient(circle at 90% 100%, #fed, transparent 50%), var(--bg-deep);place-items:center;padding:clamp(0px,2vw,18px) 0;display:grid}.screen[data-astro-cid-soxsnotx]{width:100%;height:clamp(540px,50vw,620px);box-shadow:var(--shadow);background:#fff;border-radius:18px;transition:width .35s,height .35s,border-radius .35s;position:relative;overflow:hidden}[data-astro-cid-soxsnotx][data-device=desktop] .stage[data-astro-cid-soxsnotx]{padding:clamp(0px,2vw,18px)}[data-astro-cid-soxsnotx][data-device=phone] .screen[data-astro-cid-soxsnotx]{width:390px;height:760px;box-shadow:0 0 0 10px #1a1233, 0 0 0 11px #3b3355, var(--shadow-lg);border-radius:46px}[data-astro-cid-soxsnotx][data-device=phone] .stage[data-astro-cid-soxsnotx]{padding:34px 0}.screen[data-astro-cid-soxsnotx] iframe[data-astro-cid-soxsnotx]{border:0;width:100%;height:100%;transition:opacity .25s;display:block}.screen[data-astro-cid-soxsnotx].is-loading iframe[data-astro-cid-soxsnotx]{opacity:0}.spinner[data-astro-cid-soxsnotx]{border:3px solid var(--line-strong);border-top-color:var(--violet);opacity:0;pointer-events:none;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;transition:opacity .2s;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}.screen[data-astro-cid-soxsnotx].is-loading .spinner[data-astro-cid-soxsnotx]{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.stage-foot[data-astro-cid-soxsnotx]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.note[data-astro-cid-soxsnotx]{color:var(--muted);align-items:center;gap:8px;font-size:15px;display:inline-flex}.replay[data-astro-cid-soxsnotx] svg[data-astro-cid-soxsnotx]{flex:none}.next[data-astro-cid-soxsnotx]{z-index:30;background:var(--surface);border:1px solid var(--line);width:max-content;max-width:calc(100% - 32px);box-shadow:var(--shadow-lg);border-radius:22px;align-items:center;gap:16px;padding:12px 12px 12px 22px;animation:.4s rise;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.next[data-astro-cid-soxsnotx][hidden]{display:none}.next-text[data-astro-cid-soxsnotx]{gap:1px;line-height:1.35;display:grid}.next[data-astro-cid-soxsnotx] strong[data-astro-cid-soxsnotx]{font-family:var(--font-display);font-size:19px}.next-text[data-astro-cid-soxsnotx] span[data-astro-cid-soxsnotx]{color:var(--text);font-size:15px}.next-close[data-astro-cid-soxsnotx]{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.next-close[data-astro-cid-soxsnotx]:hover{background:var(--bg);color:var(--ink)}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}}.points-section[data-astro-cid-soxsnotx]{padding-top:clamp(48px,6vw,72px);padding-bottom:clamp(56px,7vw,96px)}.points[data-astro-cid-soxsnotx]{grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,36px);margin:0;padding:0;list-style:none;display:grid}.points[data-astro-cid-soxsnotx] li[data-astro-cid-soxsnotx]{gap:16px;display:flex}.points[data-astro-cid-soxsnotx] h2[data-astro-cid-soxsnotx]{font-size:21px;line-height:1.2}.points[data-astro-cid-soxsnotx] p[data-astro-cid-soxsnotx]{color:var(--text);margin-top:6px;font-size:16px}.points[data-astro-cid-soxsnotx] a[data-astro-cid-soxsnotx]{align-items:center;gap:6px;margin-top:8px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}@media (width<=820px){.devices[data-astro-cid-soxsnotx]{display:none}.stage[data-astro-cid-soxsnotx],[data-astro-cid-soxsnotx][data-device] .stage[data-astro-cid-soxsnotx]{background:0 0;padding:0}[data-astro-cid-soxsnotx][data-device] .screen[data-astro-cid-soxsnotx]{width:100%;height:min(720px,100svh - 120px);box-shadow:0 0 0 1px var(--line);border-radius:16px}.points[data-astro-cid-soxsnotx]{grid-template-columns:1fr}}@media (width<=560px){.segmented[data-astro-cid-soxsnotx].games{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.segmented[data-astro-cid-soxsnotx].games button[data-astro-cid-soxsnotx]{flex-direction:column;justify-content:center;gap:4px;min-height:64px;padding:8px 4px;font-size:13px}.styles-label[data-astro-cid-soxsnotx]{display:none}.styles[data-astro-cid-soxsnotx]{scrollbar-width:none;flex-wrap:nowrap;margin:0 calc(-1*clamp(14px,2vw,22px));padding:2px clamp(14px,2vw,22px);overflow-x:auto}.styles[data-astro-cid-soxsnotx] button[data-astro-cid-soxsnotx]{flex:none}.next[data-astro-cid-soxsnotx]{gap:10px;width:calc(100% - 24px);padding:8px 4px 8px 16px;bottom:12px}.next-text[data-astro-cid-soxsnotx]{flex:1}.next-text[data-astro-cid-soxsnotx] span[data-astro-cid-soxsnotx],.next-long[data-astro-cid-soxsnotx]{display:none}.next[data-astro-cid-soxsnotx] strong[data-astro-cid-soxsnotx]{font-size:17px}.next[data-astro-cid-soxsnotx] .button[data-astro-cid-soxsnotx]{min-height:44px;padding:0 18px;font-size:15px}.next-close[data-astro-cid-soxsnotx]{width:36px;height:36px}}