.ss-create-dialog,.spf{--spf-blue:#6e9bff;--spf-cyan:#5fd3ff;--spf-ink:#08142e;--spf-bg:#091426;--spf-field:#0c1a30;--spf-line:#6e9bff52;--spf-line2:#6e9bff99;--spf-text:#eef4ec;--spf-muted:#a9b9d6;--spf-ring:0 0 0 3px #5fd3ff59}dialog.play-dialog.ss-create-dialog{border:1px solid var(--spf-line2);width:min(600px,100vw - 24px);color:var(--spf-text);background:radial-gradient(120% 70% at 100% 0%,#5fd3ff24,transparent 60%),radial-gradient(90% 60% at 0% 100%,#6e9bff1f,transparent 65%),linear-gradient(180deg,#0b1a30,var(--spf-bg));border-radius:24px;padding:22px 24px 24px;box-shadow:0 24px 70px #0000008c,0 0 0 1px #5fd3ff14,0 0 40px #6e9bff2e}dialog.play-dialog.ss-create-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030814b8}.ss-create-dialog .play-dialog-watermark{opacity:.1;filter:saturate(.4)hue-rotate(160deg)}.ss-create-dialog .play-create-header{margin-bottom:16px;padding:2px 44px 6px}.ss-create-dialog .play-create-header h2{color:#fff;letter-spacing:-.3px;font-size:26px;font-weight:800}.ss-create-dialog .play-create-header h2:after{background:linear-gradient(90deg,transparent,var(--spf-cyan),var(--spf-blue),transparent);width:120px}.ss-create-dialog .play-create-header>button{border:1px solid var(--spf-line);width:44px;height:44px;color:var(--spf-text);background:#6e9bff14;border-radius:12px;place-items:center;display:grid}.ss-create-dialog .play-create-header>button:hover{border-color:var(--spf-line2);background:#6e9bff29}.ss-create-dialog .alert{border-radius:12px}.spf fieldset{border:0;grid-template-columns:1fr 1fr;gap:14px;min-width:0;margin:0;padding:0;display:grid}.spf .spf-wide{grid-column:1/-1}.spf .spf-field{border:1px solid var(--spf-line);background:#0c1a30b8;border-radius:16px;flex-direction:column;gap:8px;min-width:0;margin:0;padding:14px;display:flex}.spf .spf-label{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.spf .spf-label svg,.spf legend svg{color:var(--spf-cyan);flex-shrink:0}.spf small{color:var(--spf-muted);font-size:12.5px;line-height:1.45}.spf input,.spf select,.spf textarea{box-sizing:border-box;border:1px solid var(--spf-line);background:var(--spf-field);width:100%;min-height:48px;color:var(--spf-text);font:inherit;border-radius:12px;margin:0;padding:11px 14px;font-size:16px}.spf textarea{resize:vertical;min-height:92px;line-height:1.45}.spf select{appearance:none;cursor:pointer;background:var(--spf-field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235FD3FF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:42px}.spf input::placeholder,.spf textarea::placeholder{color:#7487a8}.spf input:focus-visible,.spf select:focus-visible,.spf textarea:focus-visible,.spf button:focus-visible{border-color:var(--spf-cyan);box-shadow:var(--spf-ring);outline:none}.spf input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.spf .spf-stepper{grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;display:grid}.spf .spf-stepper button{border:1px solid var(--spf-line2);color:#fff;cursor:pointer;background:#6e9bff24;border-radius:12px;place-items:center;height:48px;padding:0;display:grid}.spf .spf-stepper button:hover:not(:disabled){background:#6e9bff42}.spf .spf-stepper button:disabled{opacity:.4;cursor:not-allowed}.spf .spf-stepper input{text-align:center;-moz-appearance:textfield;padding:8px 4px;font-size:20px;font-weight:800}.spf .spf-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spf .spf-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.spf .spf-segment{border:1px solid var(--spf-line);background:var(--spf-field);border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.spf .spf-segment button{min-height:46px;color:var(--spf-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.spf .spf-segment button[aria-checked=true]{background:var(--spf-blue);color:var(--spf-ink);font-weight:800;box-shadow:0 4px 16px #6e9bff59}.spf .spf-segment button[aria-checked=true] svg{color:var(--spf-ink)}.spf .spf-segment button:not([aria-checked=true]) svg{color:var(--spf-cyan)}.spf .spf-discord{border:1px solid var(--spf-line);cursor:pointer;background:#5865f21a;border-radius:16px;align-items:center;gap:12px;min-height:56px;margin:0;padding:14px 16px;display:flex}.spf .spf-discord:has(input:checked){background:#5865f238;border-color:#8c96ff}.spf .spf-discord input{width:22px;height:22px;min-height:0;accent-color:var(--spf-blue);flex-shrink:0;padding:0}.spf .spf-discord>span{flex-direction:column;gap:3px;display:flex}.spf .spf-discord strong{color:#fff;font-size:15px}.spf .spf-junior{border:1px dashed var(--spf-line2);background:#5fd3ff0f;border-radius:16px;min-width:0;margin:0;padding:14px 16px 12px;display:block}.spf .spf-junior:has(input:checked){border-style:solid}.spf .spf-junior legend{color:#fff;float:left;align-items:center;gap:8px;width:100%;margin-bottom:10px;margin-left:-6px;padding:0 6px;font-size:15px;font-weight:800;display:flex}.spf .spf-junior-options{clear:both;grid-template-columns:1fr 1fr;gap:10px;display:grid}.spf .spf-junior-options label{cursor:pointer;margin:0;display:block;position:relative}.spf .spf-junior-options input{opacity:0;cursor:pointer;width:100%;height:100%;min-height:0;margin:0;position:absolute;inset:0}.spf .spf-junior-options span{border:1px solid var(--spf-line2);background:var(--spf-field);min-height:48px;color:var(--spf-text);border-radius:12px;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.spf .spf-junior-options input:checked+span{background:var(--spf-cyan);border-color:var(--spf-cyan);color:#04202c;box-shadow:0 4px 16px #5fd3ff4d}.spf .spf-junior-options input:focus-visible+span{box-shadow:var(--spf-ring);border-color:var(--spf-cyan)}.spf .spf-junior-help{color:var(--spf-muted);margin:10px 0 0;font-size:13px;line-height:1.5}.spf .spf-submit{background:var(--spf-blue);width:100%;min-height:54px;color:var(--spf-ink);font:inherit;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:2px;font-size:17px;font-weight:800;display:flex;box-shadow:0 8px 26px #6e9bff66}.spf .spf-submit:hover:not(:disabled){background:#86adff}.spf .spf-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media (max-width:600px){dialog.play-dialog.ss-create-dialog.ss-create-dialog{width:100vw;max-width:100vw;max-height:94dvh;padding:10px 16px calc(18px + env(safe-area-inset-bottom));border-bottom:0;border-radius:24px 24px 0 0;margin:0;animation:.22s ease-out spf-sheet;position:fixed;inset:auto 0 0}.ss-create-dialog .play-create-header{padding:14px 44px 4px}.ss-create-dialog .play-create-header:before{content:"";background:#a9b9d673;border-radius:99px;width:44px;height:5px;margin-left:-22px;position:absolute;top:0;left:50%}.ss-create-dialog .play-create-header>button{top:8px}.ss-create-dialog .play-create-header h2{font-size:22px}.spf fieldset{grid-template-columns:1fr;gap:12px}.spf .spf-wide{grid-column:auto}.spf .spf-field{padding:12px}.spf .spf-submit{position:sticky;bottom:0}}@keyframes spf-sheet{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){dialog.play-dialog.ss-create-dialog{animation:none!important}}.play-junior-request{color:#cfe6ff;background:#5fd3ff14;border:1px solid #5fd3ff66;border-radius:12px;margin:0 0 10px;padding:10px 12px;font-size:13.5px;line-height:1.5}