.sg-overlay{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(5,2,12,.85);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:sg-fade .18s ease-out}@keyframes sg-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sg-overlay{animation:none}}.sg-panel{width:min(420px,100%);max-height:calc(100vh - 48px);overflow-y:auto;padding:24px 22px 20px;background:var(--mp-panel,#14101f);border:2px solid var(--mp-border,#3a2f55);box-shadow:6px 6px 0 rgba(0,0,0,.45);display:flex;flex-direction:column;gap:8px}.sg-title{margin:0;font-size:16px;color:var(--mp-fg,#f2eefc)}.sg-sub{margin:0 0 6px;font-size:13px}.sg-label,.sg-sub{color:var(--mp-fg-dim,#a99cc9)}.sg-label{margin-top:8px;font-size:12px}.sg-input,.sg-select{width:100%;padding:8px 10px;font-size:14px;color:var(--mp-fg,#f2eefc);background:rgba(255,255,255,.04);border:1px solid var(--mp-border,#3a2f55);border-radius:0}.sg-input:focus,.sg-select:focus{outline:2px solid var(--mp-accent,#7c5cff);outline-offset:-1px}.sg-birth,.sg-genders{display:flex;gap:8px}.sg-genders{flex-wrap:wrap}.sg-gender{padding:7px 12px;font-size:13px;color:var(--mp-fg-dim,#a99cc9);background:rgba(255,255,255,.04);border:1px solid var(--mp-border,#3a2f55);cursor:pointer}.sg-gender--on{color:var(--mp-fg,#f2eefc);border-color:var(--mp-accent,#7c5cff);background:rgba(124,92,255,.18)}.sg-tos{margin:10px 0 0;font-size:12px;line-height:1.6;color:var(--mp-fg-dim,#a99cc9)}.sg-tos a{color:var(--mp-accent,#9f86ff);text-decoration:underline}.sg-err{margin:2px 0 0;font-size:12px;color:var(--mp-danger,#ff6b81)}.sg-continue{margin-top:12px;padding:10px 14px;font-size:13px;color:#0d0716;background:var(--mp-accent,#7c5cff);border:2px solid var(--mp-accent,#7c5cff);box-shadow:3px 3px 0 rgba(0,0,0,.4);cursor:pointer}.sg-continue:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@media (max-width:480px){.sg-overlay{padding:12px}.sg-panel{padding:18px 16px 16px}}.sg-namerow{display:flex;gap:8px;align-items:stretch}.sg-namerow .sg-input{flex:1 1;min-width:0}.sg-dice{flex:none;width:38px;padding:0;font-size:15px;line-height:1;color:var(--mp-fg,#f2eefc);background:rgba(255,255,255,.04);border:1px solid var(--mp-border,#3a2f55);cursor:pointer}.sg-dice:hover:not(:disabled){border-color:var(--mp-accent,#7c5cff)}.sg-dice:disabled{opacity:.5;cursor:default}.sg-dice:focus-visible{outline:2px solid var(--mp-accent,#7c5cff);outline-offset:1px}.sg-steps{display:flex;gap:6px;margin-bottom:2px}.sg-steps__i{flex:1 1;height:3px;background:var(--mp-border,#3a2f55);border-radius:2px}.sg-steps__i--done{background:color-mix(in srgb,var(--mp-accent,#7c5cff) 55%,transparent)}.sg-steps__i--on{background:var(--mp-accent,#7c5cff)}.sg-nav{display:flex;gap:10px;align-items:center;margin-top:12px}.sg-nav .sg-continue{flex:1 1;margin-top:0}.sg-back{flex:none;padding:10px 16px;font-size:13px;color:var(--mp-fg-dim,#a99cc9);background:transparent;border:1px solid var(--mp-border,#3a2f55);cursor:pointer}.sg-back:hover:not(:disabled){color:var(--mp-fg,#f2eefc);border-color:var(--mp-fg,#f2eefc)}.sg-back:disabled{opacity:.45;cursor:not-allowed}.sg-likes{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:4px;max-height:min(44vh,340px);overflow-y:auto}.sg-like{display:flex;flex-direction:column;gap:3px;min-height:62px;padding:10px 12px;text-align:left;cursor:pointer;color:var(--mp-fg,#f2eefc);background:rgba(255,255,255,.04);border:1px solid var(--mp-border,#3a2f55);transition:border-color .12s,background .12s}.sg-like:hover{border-color:var(--mp-fg-dim,#a99cc9)}.sg-like--on{border-color:var(--mp-accent,#7c5cff);background:rgba(124,92,255,.16)}.sg-like:focus-visible{outline:2px solid var(--mp-accent,#7c5cff);outline-offset:1px}.sg-like--maker{grid-column:1/-1}.sg-like__name{font-size:13px;font-weight:600;line-height:1.4}.sg-like__sub{font-size:11px;color:var(--mp-fg-dim,#a99cc9);line-height:1.45}@media (prefers-reduced-motion:reduce){.sg-like{transition:none}}@media (max-width:480px){.sg-likes{max-height:52vh}.sg-like{min-height:82px}}