.global-music-button[data-v-3a38aefc]{z-index:9999;cursor:pointer;color:#4f4a87;background:linear-gradient(135deg,#f8ecfff0 0%,#ecf5fff5 50%,#e2effff0 100%);border:1px solid #ffffff9e;border-radius:999px;min-width:108px;height:33px;padding:0 16px;font-size:13px;font-weight:900;transition:transform .2s,filter .2s,opacity .2s;position:fixed;bottom:16px;right:110px;box-shadow:0 8px 18px #00000024,inset 0 1px #fffffff2}.global-music-button[data-v-3a38aefc]:hover{filter:brightness(1.03)}.global-music-button[data-v-3a38aefc]:active{transform:scale(.97)}.lobby-shell[data-v-75463e6d]{gap:12px;width:min(100%,1800px);height:100%;margin:0 auto;display:grid}.shell-body[data-v-75463e6d]{align-content:start;gap:12px;min-height:0;margin-top:5%;display:grid}.shell-header[data-v-75463e6d],.shell-footer[data-v-75463e6d]{gap:10px;display:grid}.hero-card[data-v-76f7fdce]{text-align:center;justify-items:center;gap:12px;padding:10px 0 0;display:grid}.eyebrow[data-v-76f7fdce]{letter-spacing:.28em;color:#fff0a8;text-shadow:0 1px #482a0073,0 0 14px #ffe88f5c,0 6px 18px #00000057;margin:0;font-size:15px;font-weight:900}h1[data-v-76f7fdce]{color:#fff9e2;text-shadow:0 1px #5434006b,0 3px #54340038,0 8px 24px #00000057,0 0 18px #fff7d229;margin:0;font-size:76px;font-weight:900;line-height:1.02}.description[data-v-76f7fdce]{color:#fffdf6;text-shadow:0 1px #00000047,0 4px 14px #00000038;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#18264a2e;border:1px solid #fff7dd2e;border-radius:999px;max-width:900px;margin:0;padding:10px 18px;font-size:18px;line-height:1.8}.players-panel[data-v-78235a71]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#82d0ff3d,#336ebc33);border:1px solid #fff7dd38;border-radius:32px;gap:24px;min-width:0;padding:28px 30px 30px;display:grid;box-shadow:inset 0 1px #ffffff29,0 14px 28px #0000001a}.panel-head[data-v-78235a71]{justify-content:space-between;align-items:center;gap:20px;display:flex}.title-wrap[data-v-78235a71]{min-width:0}.mini-label[data-v-78235a71]{letter-spacing:.18em;color:#ffe27a;text-shadow:0 1px #5434007a,0 2px 8px #0000002e;margin:0;font-size:12px;font-weight:900}h2[data-v-78235a71]{color:#fff2a8;text-shadow:0 1px #603c0085,0 4px 14px #00000038;margin:2px 0 0;font-size:36px}.swap-button[data-v-78235a71]{color:#3a2b16;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#91e3ffd1 0%,#c4a1ffbd 100%);border:1px solid #fff7dd80;border-radius:14px;min-height:52px;padding:0 22px;font-size:15px;font-weight:900;box-shadow:0 8px 18px #0000001a}.players-grid[data-v-78235a71]{grid-template-columns:1fr;gap:22px;display:grid}.player-card[data-v-78235a71]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #fff7dd2e;border-radius:24px;gap:12px;min-width:0;min-height:232px;padding:22px;display:grid;box-shadow:inset 0 1px #ffffff0f,0 8px 20px #00000014}.player-topline[data-v-78235a71]{align-items:center;gap:10px;display:flex}.player-badge[data-v-78235a71]{color:#fff2c1;letter-spacing:.16em;background:#ffd07829;border:1px solid #fff5d62e;border-radius:999px;justify-content:center;align-items:center;min-width:56px;height:32px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.player-badge.alt[data-v-78235a71]{color:#eef8ff;background:#8acaff29}.player-title[data-v-78235a71]{color:#fff7d6;text-shadow:0 1px #54340061,0 3px 10px #00000029;font-size:24px;font-weight:900}.field-label[data-v-78235a71]{letter-spacing:.08em;color:#ffd96a;text-shadow:0 1px #5a38006b,0 2px 8px #00000024;margin-top:2px;font-size:14px;font-weight:900}.text-input[data-v-78235a71]{color:#fff4cf;box-sizing:border-box;width:100%;min-width:0;height:56px;text-shadow:none;background:#16224047;border:1px solid #fff4d629;border-radius:14px;outline:none;padding:0 18px;font-size:18px;font-weight:900}.text-input[data-v-78235a71]::placeholder{color:#ffe8a6c7}.text-input[data-v-78235a71]:focus{background:#16224057;border-color:#ffeec447}.select-input[data-v-78235a71]{appearance:none;cursor:pointer}.select-input option[data-v-78235a71]{color:#10233f;background:#f5f8ff}.field-error[data-v-78235a71]{color:#ffe0c4;text-shadow:0 1px #5c1c2638,0 2px 8px #00000024;margin:-2px 0 0;font-size:14px;font-weight:700;line-height:1.5}.guide-panel[data-v-5e6e450f]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#84cdff3d,#3c6ecd33);border:1px solid #fff7dd38;border-radius:32px;flex-direction:column;gap:20px;min-width:0;min-height:100%;padding:28px 30px 30px;display:flex;box-shadow:inset 0 1px #ffffff29,0 14px 28px #0000001a}.section-head[data-v-5e6e450f]{gap:2px;display:grid}.mini-label[data-v-5e6e450f]{letter-spacing:.18em;color:#ffe27a;text-shadow:0 1px #5434007a,0 2px 8px #0000002e;margin:0;font-size:12px;font-weight:900}h2[data-v-5e6e450f]{color:#fff2a8;text-shadow:0 1px #603c0085,0 4px 14px #00000038;margin:2px 0 0;font-size:36px}.preview-box[data-v-5e6e450f]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #fff7dd2e;border-radius:24px;padding:22px 22px 24px;box-shadow:inset 0 1px #ffffff0f,0 8px 20px #00000014}.preview-title[data-v-5e6e450f]{letter-spacing:.16em;color:#ffd96a;text-shadow:0 1px #5a38006b,0 2px 8px #00000024;margin:0;font-size:12px;font-weight:900}.preview-line[data-v-5e6e450f]{color:#fff7d6;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 0;display:flex}.preview-line strong[data-v-5e6e450f]{text-shadow:0 1px #54340061,0 3px 10px #00000029;font-size:28px;font-weight:900}.preview-line span[data-v-5e6e450f]{color:#ffe49a;font-size:15px;font-weight:900}.preview-sub[data-v-5e6e450f]{color:#ffefbf;text-shadow:0 1px #52300047,0 2px 8px #00000024;margin:14px 0 0;font-size:16px;font-weight:700}.divider[data-v-5e6e450f]{opacity:.65;margin:0 8px}.action-stack[data-v-5e6e450f]{gap:14px;display:grid}.cpu-section[data-v-5e6e450f]{background:#ffffff14;border:1px solid #fff7dd24;border-radius:22px;gap:16px;padding:20px 20px 22px;display:grid;box-shadow:inset 0 1px #ffffff0d,0 8px 18px #00000014}.cpu-section-head[data-v-5e6e450f]{gap:6px;display:grid}.cpu-title[data-v-5e6e450f]{letter-spacing:.08em;color:#fff4bf;margin:0;font-size:18px;font-weight:900}.cpu-meta[data-v-5e6e450f]{color:#fff4cfd1;margin:0;font-size:15px;font-weight:700}.level-grid[data-v-5e6e450f]{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.start-button[data-v-5e6e450f],.ghost-button[data-v-5e6e450f],.cpu-button[data-v-5e6e450f],.level-button[data-v-5e6e450f]{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;font-size:18px;font-weight:900;transition:transform .18s,opacity .18s,box-shadow .18s}.start-button[data-v-5e6e450f],.ghost-button[data-v-5e6e450f],.cpu-button[data-v-5e6e450f]{min-height:58px;padding:0 20px}.level-button[data-v-5e6e450f]{color:#fff9df;background:#2b3a746b;border:1px solid #fff7dd5c;min-height:50px;padding:0 10px}.start-button[data-v-5e6e450f]:hover,.ghost-button[data-v-5e6e450f]:hover,.cpu-button[data-v-5e6e450f]:hover,.level-button[data-v-5e6e450f]:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000001f}.start-button[data-v-5e6e450f]:disabled,.ghost-button[data-v-5e6e450f]:disabled,.cpu-button[data-v-5e6e450f]:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.start-button[data-v-5e6e450f]{color:#3a2908;background:linear-gradient(#ffe191f5 0%,#ffc660e0 100%);border:1px solid #fff5d68f}.ghost-button[data-v-5e6e450f]{color:#3f2b0d;background:linear-gradient(#91e3ffe0 0%,#c4a1ffc7 100%);border:1px solid #fff7dd75}.cpu-button[data-v-5e6e450f]{color:#2f1f07;background:linear-gradient(#fff6bff0 0%,#ffd174e6 100%);border:1px solid #fff5d685}.level-button.active[data-v-5e6e450f]{color:#3b2506;background:linear-gradient(#ffebabf5 0%,#ffc269e0 100%);border-color:#fff5d68f}.hint[data-v-5e6e450f]{color:#ffefbf;text-shadow:0 1px #52300047,0 2px 8px #00000024;margin:auto 0 0;font-size:15px;font-weight:700;line-height:1.6}.local-lobby-content[data-v-8bcce086]{color:#fff8ea;gap:24px;height:100%;min-height:0;display:grid}.content-grid[data-v-8bcce086]{grid-template-columns:minmax(0,1fr) 520px;align-items:stretch;gap:40px;height:100%;min-height:760px;display:grid}.left-column[data-v-8bcce086],.right-column[data-v-8bcce086]{gap:22px;height:100%;min-height:0;display:grid}.left-column[data-v-8bcce086]{align-content:start}.right-column[data-v-8bcce086]{align-content:stretch}.lobby-page[data-v-9638ab0d]{box-sizing:border-box;background:#fff;place-items:center;min-height:100dvh;padding:0;display:grid;overflow:hidden}.lobby-stage-shell[data-v-9638ab0d]{position:relative}.lobby-scene[data-v-9638ab0d]{color:#fff8ea;background:url(/syasho-syogi/assets/loby-zJ3HnkzY.png) 50%/cover no-repeat;border-radius:36px;position:absolute;inset:0;overflow:hidden;box-shadow:0 28px 72px #00000052}.lobby-frame[data-v-9638ab0d]{z-index:1;box-sizing:border-box;width:100%;height:100%;padding:14px 16px 72px;position:relative}.page-overlay[data-v-9638ab0d]{pointer-events:none;background:radial-gradient(circle at 16% 14%,#fff2b429,#0000 24%),radial-gradient(circle at 18% 22%,#70dcff2e,#0000 26%),radial-gradient(circle at 82% 18%,#c892ff29,#0000 24%),radial-gradient(circle at 50% 42%,#ffffff1a,#0000 30%),radial-gradient(circle at 50% 100%,#6ecdff1a,#0000 32%),linear-gradient(#060c1833 0% 30%,#060c1833 100%);position:absolute;inset:0}[data-v-9638ab0d] .lobby-shell{z-index:1;width:min(100%,1680px);height:100%;position:relative}.lobby-page[data-v-9638ab0d] .shell-body{margin-top:0}.back-link[data-v-9638ab0d]{z-index:3;letter-spacing:.04em;color:#4b3608;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffe596f2;border:1px solid #fff5d6c2;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex;position:absolute;bottom:14px;right:16px;box-shadow:0 8px 18px #00000029}.music-button-wrap[data-v-9638ab0d]{z-index:3;position:absolute;bottom:14px;right:110px}[data-v-9638ab0d] .global-music-button{position:absolute;bottom:0;right:0}.mode-select-page[data-v-6f915735]{box-sizing:border-box;background:#fff;place-items:center;height:100dvh;min-height:100dvh;padding:0;display:grid;overflow:hidden}.mode-stage-shell[data-v-6f915735]{position:relative}.mode-scene[data-v-6f915735]{color:#fff;background:url(/syasho-syogi/assets/mode_select_particles_up_sweep_soft-B2t9-yy0.gif) 50%/cover no-repeat;border-radius:36px;position:absolute;inset:0;overflow:hidden;box-shadow:0 28px 72px #0000006b}.mode-scene[data-v-6f915735]:before{content:"";pointer-events:none;background:radial-gradient(circle,#fff3,#0000 38%),linear-gradient(#0a12261a 0%,#060b1833 100%);position:absolute;inset:0}.btn[data-v-6f915735],.music-toggle-button[data-v-6f915735],.top-page-button[data-v-6f915735],.omake-page-button[data-v-6f915735],.omake2-page-button[data-v-6f915735],.online-user-box[data-v-6f915735]{z-index:2;position:absolute}.btn[data-v-6f915735]{cursor:pointer;color:#fff;letter-spacing:.08em;text-shadow:0 4px 12px #000000d1,0 0 14px #ffffffa3;background:0 0;border:none;width:459px;font-size:46px;font-weight:900;transition:transform .2s,filter .2s}.btn[data-v-6f915735]:hover{filter:brightness(1.15);text-shadow:0 8px 22px #000000e6,0 0 24px #ffffffe0;transform:translateY(-6px)scale(1.03)}.btn[data-v-6f915735]:active{transform:scale(.97)}.local[data-v-6f915735]{top:750px;left:340px}.online[data-v-6f915735]{top:750px;right:330px}.music-toggle-button[data-v-6f915735],.top-page-button[data-v-6f915735],.omake-page-button[data-v-6f915735],.omake2-page-button[data-v-6f915735],.register-user-button[data-v-6f915735],.change-user-select[data-v-6f915735]{color:#4f4a87;background:linear-gradient(135deg,#f8ecfff0 0%,#ecf5fff5 50%,#e2effff0 100%);border:1px solid #ffffff9e;border-radius:999px;box-shadow:0 8px 18px #00000024,inset 0 1px #fffffff2}.music-toggle-button[data-v-6f915735],.top-page-button[data-v-6f915735],.omake-page-button[data-v-6f915735],.omake2-page-button[data-v-6f915735],.register-user-button[data-v-6f915735]{cursor:pointer;font-weight:900;transition:transform .2s,filter .2s}.music-toggle-button[data-v-6f915735]:hover,.top-page-button[data-v-6f915735]:hover,.omake-page-button[data-v-6f915735]:hover,.omake2-page-button[data-v-6f915735]:hover,.register-user-button[data-v-6f915735]:hover,.change-user-select[data-v-6f915735]:hover{filter:brightness(1.03)}.music-toggle-button[data-v-6f915735]{width:132px;height:44px;font-size:13px;bottom:44px;right:70px}.music-toggle-button[data-v-6f915735]:active{transform:scale(.97)}.top-page-button[data-v-6f915735]{width:222px;height:44px;font-size:14px;bottom:44px;left:58px}.omake-page-button[data-v-6f915735]{width:222px;height:44px;font-size:14px;bottom:100px;left:58px}.omake2-page-button[data-v-6f915735]{width:222px;height:44px;font-size:14px;bottom:156px;left:58px}.top-page-button[data-v-6f915735]:active,.omake-page-button[data-v-6f915735]:active,.omake2-page-button[data-v-6f915735]:active,.register-user-button[data-v-6f915735]:active{transform:scale(.97)}.online-user-box[data-v-6f915735]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:linear-gradient(#125395db,#0a234cc7);border:1px solid #ffffff2e;border-radius:28px;width:280px;padding:22px 18px 18px;top:378px;right:76px;transform:translateY(-50%);box-shadow:inset 0 1px #ffffff38,0 18px 32px #0000002e}.panel-label[data-v-6f915735]{letter-spacing:.22em;color:#d7efff;text-shadow:0 2px 8px #0006;margin:0 0 14px;font-size:13px;font-weight:900}.change-user-select[data-v-6f915735],.register-user-button[data-v-6f915735]{outline:none;width:100%;height:42px;padding:0 14px;font-size:13px;font-weight:800}.change-user-select[data-v-6f915735]{text-align:center}.change-user-select[data-v-6f915735]:disabled{opacity:.6;cursor:not-allowed}.change-user-select option[data-v-6f915735]{color:#31507b;background:#f7fbff}.record-strip[data-v-6f915735]{background:linear-gradient(#187dca 0%,#ffffff17 100%);border:1px solid #ffffff24;border-radius:20px;margin:14px 0 12px;padding:12px 12px 10px;box-shadow:inset 0 1px #ffffff2e,0 10px 18px #00000024}.record-heading[data-v-6f915735]{letter-spacing:.18em;color:#d8f1ff;text-shadow:0 2px 8px #00000059;margin:0 0 10px;font-size:11px;font-weight:900}.record-grid[data-v-6f915735]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.record-chip[data-v-6f915735]{border:1px solid #ffffff29;border-radius:16px;padding:10px 8px;box-shadow:0 8px 14px #00000024,inset 0 1px #ffffff2e}.chip-win[data-v-6f915735]{background:linear-gradient(135deg,#8fe2ffe6,#82bbffd1)}.chip-lose[data-v-6f915735]{background:linear-gradient(135deg,#ffb9e2e0,#ff99becc)}.chip-rate[data-v-6f915735]{background:linear-gradient(135deg,#b8ffdce0,#8aeac9cc)}.chip-rank[data-v-6f915735]{background:linear-gradient(135deg,#ffeaa3eb,#ffc688d6)}.record-chip-label[data-v-6f915735]{letter-spacing:.08em;color:#fffffff2;text-shadow:0 1px 4px #00000038;margin-bottom:4px;font-size:10px;font-weight:900;display:block}.record-chip-value[data-v-6f915735]{color:#fff;text-shadow:0 2px 8px #0003;font-size:18px;font-weight:900;line-height:1.1;display:block}.record-empty[data-v-6f915735]{color:#ecf7ff;text-shadow:0 2px 8px #0006;margin:0;font-size:12px;font-weight:700}.helper-text[data-v-6f915735]{color:#eef7ff;text-shadow:0 2px 8px #00000080;margin:8px 0 0;font-size:11px}.error-text[data-v-6f915735]{color:#ffd1d1;text-shadow:0 2px 8px #00000080;margin:8px 0 0;font-size:12px;font-weight:700}.hero-card[data-v-43345343]{text-align:center;justify-items:center;gap:8px;padding:6px 0 0;display:grid}.eyebrow[data-v-43345343]{letter-spacing:.24em;color:#ffe88f;text-shadow:0 0 14px #ffe88f57,0 4px 14px #00000024;margin:0;font-size:12px;font-weight:800}h1[data-v-43345343]{color:#fff7d2;text-shadow:0 0 18px #fff7d229,0 6px 18px #0000002e;margin:0;font-size:56px;font-weight:900;line-height:1.02}.description[data-v-43345343]{color:#fff8e2fa;text-shadow:0 4px 14px #00000024;max-width:720px;margin:0;font-size:14px;line-height:1.7}.panel[data-v-a490c1a0]{min-width:0}.action-area[data-v-a490c1a0]{min-height:var(--online-lobby-action-area-min-height,0px);gap:8px;padding:8px 0;display:grid}.section-head[data-v-a490c1a0]{gap:2px;display:grid}.mini-label[data-v-a490c1a0]{letter-spacing:.18em;color:#ffe892;text-shadow:0 0 12px #ffe89247,0 2px 10px #00000014;margin:0;font-size:10px;font-weight:800}h2[data-v-a490c1a0]{color:#fff7d2;text-shadow:0 4px 16px #0000001f;margin:0;font-size:20px}.subtext[data-v-a490c1a0]{color:#fff7e1f0;text-shadow:0 2px 10px #00000014;margin:0;font-size:12px;line-height:1.6}.field-label[data-v-a490c1a0]{color:#fff4d6f5;margin-top:2px;font-size:12px;display:inline-block}.join-row[data-v-a490c1a0]{grid-template-columns:minmax(0,1fr) clamp(84px,24%,108px);align-items:stretch;gap:8px;min-width:0;display:grid}.room-code-input[data-v-a490c1a0]{width:100%;min-width:0;height:var(--online-lobby-action-control-height,44px);color:#fffaf0;letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#10162861;border:1px solid #fff4d647;border-radius:14px;outline:none;padding:0 14px;font-size:16px;font-weight:800}.room-code-input[data-v-a490c1a0]::placeholder{color:#ffe7ad6b;letter-spacing:.04em}.join-button[data-v-a490c1a0],.create-button[data-v-a490c1a0]{cursor:pointer;box-sizing:border-box;font-weight:800;transition:transform .18s,opacity .18s,box-shadow .18s}.join-button[data-v-a490c1a0]:hover,.create-button[data-v-a490c1a0]:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000001f}.join-button[data-v-a490c1a0]:disabled,.create-button[data-v-a490c1a0]:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.join-button[data-v-a490c1a0]{width:100%;min-width:0;min-height:var(--online-lobby-action-control-height,44px);white-space:nowrap;color:#3d2d0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#91e3ffeb 0%,#c4a1ffdb 100%);border:1px solid #fff7dd8f;border-radius:14px;padding:0 10px}.create-button[data-v-a490c1a0]{width:100%;min-height:var(--online-lobby-action-primary-button-height,46px);color:#2d2238;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#78ecfff0 0%,#adbeffe6 52%,#eeb5ffe6 100%);border:1px solid #fff7dd94;border-radius:14px;margin-top:2px}.notice[data-v-a490c1a0]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.55}.notice.success[data-v-a490c1a0]{color:#f5fff9;background:#6edfa62e;border:1px solid #6edfa63d}.notice.error[data-v-a490c1a0]{color:#fff4f7;background:#ff7c9a2e;border:1px solid #ff7c9a3d}.panel[data-v-6b4047cf]{min-width:0}.status-area[data-v-6b4047cf]{min-height:var(--online-lobby-status-area-min-height,0px);gap:10px;padding:8px 0;display:grid}.topline[data-v-6b4047cf],.room-code-line[data-v-6b4047cf],.member-row[data-v-6b4047cf]{align-items:center;gap:10px;min-width:0;display:flex}.topline[data-v-6b4047cf],.room-code-line[data-v-6b4047cf]{justify-content:space-between}.title-wrap[data-v-6b4047cf]{min-width:0}.mini-label[data-v-6b4047cf],.code-label[data-v-6b4047cf]{letter-spacing:.18em;color:#ffe892;text-shadow:0 0 12px #ffe89247,0 2px 10px #00000014;margin:0;font-size:10px;font-weight:800;display:block}h2[data-v-6b4047cf]{color:#fff7d2;text-shadow:0 4px 16px #0000001f;margin:2px 0 0;font-size:20px}.status-badge[data-v-6b4047cf],.ready-badge[data-v-6b4047cf]{white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.status-badge[data-v-6b4047cf]{min-width:var(--online-lobby-status-badge-width,92px);color:#fff7dc;background:#ffffff24;border:1px solid #fff5d633;height:30px;padding:0 12px}.status-badge.open[data-v-6b4047cf]{color:#fff0c6;background:#ffd07833}.status-badge.matched[data-v-6b4047cf]{color:#eef8ff;background:#8acaff33}.status-badge.playing[data-v-6b4047cf]{color:#f2fff9;background:#7eefbc38}.status-badge.closed[data-v-6b4047cf]{color:#fff3f6;background:#ff839c33}.room-code-wrap[data-v-6b4047cf]{gap:4px;min-width:0;display:grid}.room-code[data-v-6b4047cf]{min-height:var(--online-lobby-room-code-height,40px);font-size:var(--online-lobby-room-code-font-size,28px);letter-spacing:.14em;color:#fffaf0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10162857;border:1px solid #fff5d62e;border-radius:14px;align-items:center;padding:0 14px;font-weight:900;display:inline-flex}.copy-button[data-v-6b4047cf]{min-width:78px;min-height:var(--online-lobby-room-code-height,40px);color:#36270d;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#91e3ffeb 0%,#c4a1ffdb 100%);border:1px solid #fff7dd8f;border-radius:12px;padding:0 12px;font-weight:800}.member-list[data-v-6b4047cf]{gap:8px;display:grid}.member-row[data-v-6b4047cf]{min-height:var(--online-lobby-member-row-min-height,0px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #fff5d633;border-radius:16px;padding:10px 12px}.member-role[data-v-6b4047cf]{letter-spacing:.18em;color:#ffe892;flex:none;font-size:10px}.member-name[data-v-6b4047cf]{color:#fffaf0;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:15px;font-weight:800;overflow:hidden}.member-character[data-v-6b4047cf]{color:#fff4d6e6;white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;font-size:12px;overflow:hidden}.ready-badge[data-v-6b4047cf]{color:#fff7dc;background:#ffffff24;border:1px solid #fff5d62e;min-width:82px;height:28px;padding:0 10px}.ready-badge.active[data-v-6b4047cf]{color:#f3fff9;background:#7eefbc38}.empty-state[data-v-6b4047cf]{color:#fff9e6fa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #fff5d633;border-radius:14px;padding:12px 14px;line-height:1.7}.panel[data-v-f908ff14]{min-width:0}.footer-area[data-v-f908ff14]{min-height:var(--online-lobby-footer-area-min-height,0px);gap:10px;padding:4px 0 0;display:grid}.state-row[data-v-f908ff14],.action-row[data-v-f908ff14]{flex-wrap:wrap;gap:8px;display:flex}.state-pill[data-v-f908ff14]{min-width:var(--online-lobby-state-pill-min-width,132px);color:#fff8e8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #fff5d633;border-radius:15px;padding:9px 12px}.state-pill span[data-v-f908ff14]{color:#fff1c6d6;margin-bottom:3px;font-size:10px;display:block}.state-pill strong[data-v-f908ff14]{font-size:13px}.ready-button[data-v-f908ff14],.start-button[data-v-f908ff14],.leave-button[data-v-f908ff14]{min-height:var(--online-lobby-footer-button-height,42px);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:0 14px;font-size:13px;font-weight:800;transition:transform .18s,opacity .18s,box-shadow .18s}.ready-button[data-v-f908ff14]:hover,.start-button[data-v-f908ff14]:hover,.leave-button[data-v-f908ff14]:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000001f}.ready-button[data-v-f908ff14]:disabled,.start-button[data-v-f908ff14]:disabled,.leave-button[data-v-f908ff14]:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.ready-button[data-v-f908ff14]{color:#133022;background:linear-gradient(#8ff4c6f5 0%,#61e2a5e0 100%);border:1px solid #e2fff194}.start-button[data-v-f908ff14]{color:#3a2908;background:linear-gradient(#ffe191f5 0%,#ffc660e0 100%);border:1px solid #fff5d68f}.leave-button[data-v-f908ff14]{color:#4a1826;background:linear-gradient(#ffbccdf0 0%,#ff95b1d6 100%);border:1px solid #fff1f68f}.hint[data-v-f908ff14]{color:#fff7e1f0;margin:0;font-size:12px;line-height:1.6}.online-lobby-content[data-v-f91ef2d0]{--online-lobby-content-gap:10px;--online-lobby-column-gap:18px;--online-lobby-stack-gap:14px;--online-lobby-column-offset:-30px;--online-lobby-user-area-gap:10px;--online-lobby-user-area-offset:-75px;--online-lobby-user-area-min-height:0px;--online-lobby-user-grid-gap:8px;--online-lobby-user-card-min-height:0px;--online-lobby-user-card-padding-block:10px;--online-lobby-user-card-padding-inline:12px;--online-lobby-user-select-height:38px;gap:var(--online-lobby-content-gap);color:#fff8ea;min-height:0;display:grid}.content-grid[data-v-f91ef2d0]{grid-template-columns:var(--online-lobby-left-column-width,340px) minmax(0, 1fr);gap:var(--online-lobby-column-gap);align-items:start;min-height:0;display:grid}.left-column[data-v-f91ef2d0],.right-column[data-v-f91ef2d0]{gap:var(--online-lobby-stack-gap);min-height:0;margin-top:var(--online-lobby-column-offset);align-self:start;display:grid}.user-area[data-v-f91ef2d0]{gap:var(--online-lobby-user-area-gap);margin-top:var(--online-lobby-user-area-offset);min-height:var(--online-lobby-user-area-min-height);padding:0;display:grid}.user-head[data-v-f91ef2d0]{gap:2px;display:grid}.mini-label[data-v-f91ef2d0]{letter-spacing:.18em;color:#ffe892;text-shadow:0 0 14px #ffe89257,0 2px 10px #0000001a;margin:0;font-size:10px;font-weight:800}h2[data-v-f91ef2d0]{color:#fff7d2;text-shadow:0 4px 16px #0000001f,0 0 12px #fff7d224;margin:0;font-size:20px}.user-grid[data-v-f91ef2d0]{gap:var(--online-lobby-user-grid-gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.user-card[data-v-f91ef2d0]{min-width:0;min-height:var(--online-lobby-user-card-min-height);padding:var(--online-lobby-user-card-padding-block) var(--online-lobby-user-card-padding-inline);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #fff7dd47;border-radius:18px;gap:6px;display:grid;box-shadow:inset 0 1px #ffffff24,0 6px 18px #0000000f}.user-select-card[data-v-f91ef2d0]{align-content:center}.card-label[data-v-f91ef2d0]{letter-spacing:.12em;color:#fff6dcf0;font-size:10px;font-weight:800}.card-value[data-v-f91ef2d0]{color:#fffaf0;white-space:nowrap;text-overflow:ellipsis;align-items:center;min-height:34px;font-size:15px;font-weight:900;display:flex;overflow:hidden}.user-select[data-v-f91ef2d0],.character-select[data-v-f91ef2d0]{width:100%;min-width:0;height:var(--online-lobby-user-select-height);color:#fffaf0;background:#6a7da76b;border:1px solid #fff4d64d;border-radius:12px;outline:none;padding:0 12px;font-size:14px;font-weight:800}.user-select[data-v-f91ef2d0]:disabled,.character-select[data-v-f91ef2d0]:disabled{opacity:.6;cursor:not-allowed}.switch-hint[data-v-f91ef2d0]{color:#fff2c9;text-shadow:0 2px 10px #0000001a;margin:0;font-size:12px;line-height:1.6}#app{border-inline:none;width:100%;max-width:100%;margin:0}.lobby-page[data-v-7dd6332b]{box-sizing:border-box;background:#fff;place-items:center;min-height:100dvh;padding:0;display:grid;overflow:hidden}.lobby-stage-shell[data-v-7dd6332b]{position:relative}.lobby-scene[data-v-7dd6332b]{color:#fff8ea;background:url(/syasho-syogi/assets/loby-zJ3HnkzY.png) 50%/cover no-repeat;border-radius:36px;position:absolute;inset:0;overflow:hidden;box-shadow:0 28px 72px #00000052}.lobby-frame[data-v-7dd6332b]{z-index:1;box-sizing:border-box;width:100%;height:100%;padding:14px 16px 72px;position:relative}.page-overlay[data-v-7dd6332b]{pointer-events:none;background:radial-gradient(circle at 16% 14%,#fff2b429,#0000 24%),radial-gradient(circle at 18% 22%,#70dcff2e,#0000 26%),radial-gradient(circle at 82% 18%,#c892ff29,#0000 24%),radial-gradient(circle at 50% 42%,#ffffff1a,#0000 30%),radial-gradient(circle at 50% 100%,#6ecdff1a,#0000 32%),linear-gradient(#060c181f 0% 30%,#060c181f 100%);position:absolute;inset:0}[data-v-7dd6332b] .lobby-shell{z-index:1;width:min(100%,1840px);height:100%;position:relative}.lobby-page[data-v-7dd6332b] .shell-body{margin-top:0}.lobby-page[data-v-7dd6332b] .online-lobby-content{--online-lobby-left-column-width:700px;--online-lobby-column-gap:44px;--online-lobby-stack-gap:14px;--online-lobby-column-offset:100px;--online-lobby-user-area-offset:-80px;--online-lobby-action-area-min-height:0px;--online-lobby-status-area-min-height:0px;--online-lobby-footer-area-min-height:0px;--online-lobby-user-card-min-height:0px;--online-lobby-action-control-height:44px;--online-lobby-action-primary-button-height:46px;--online-lobby-room-code-height:50px;--online-lobby-room-code-font-size:28px;--online-lobby-member-row-min-height:0px;--online-lobby-status-badge-width:92px;--online-lobby-state-pill-min-width:132px;--online-lobby-footer-button-height:42px;height:100%;font-family:Meiryo UI,Meiryo,Hiragino Sans,Yu Gothic UI,system-ui,sans-serif}.lobby-page[data-v-7dd6332b] .online-lobby-content .content-grid{height:100%}.lobby-page[data-v-7dd6332b] .online-lobby-content{--online-lobby-content-gap:18px;--online-lobby-left-column-width:780px;--online-lobby-column-gap:56px;--online-lobby-stack-gap:20px;--online-lobby-user-area-gap:16px;--online-lobby-user-area-offset:-56px;--online-lobby-user-grid-gap:14px;--online-lobby-action-area-min-height:240px;--online-lobby-status-area-min-height:260px;--online-lobby-footer-area-min-height:190px;--online-lobby-user-card-min-height:96px;--online-lobby-user-card-padding-block:16px;--online-lobby-user-card-padding-inline:18px;--online-lobby-user-select-height:52px;--online-lobby-action-control-height:56px;--online-lobby-action-primary-button-height:60px;--online-lobby-room-code-height:58px;--online-lobby-room-code-font-size:36px;--online-lobby-member-row-min-height:68px;--online-lobby-status-badge-width:118px;--online-lobby-state-pill-min-width:170px;--online-lobby-footer-button-height:52px}.back-link[data-v-7dd6332b]{z-index:3;letter-spacing:.04em;color:#4b3608;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffe596f2;border:1px solid #fff5d6c2;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex;position:absolute;bottom:14px;right:16px;box-shadow:0 8px 18px #00000029}.music-button-wrap[data-v-7dd6332b]{z-index:3;position:absolute;bottom:14px;right:110px}[data-v-7dd6332b] .global-music-button{position:absolute;bottom:0;right:0}.lobby-page[data-v-7dd6332b] .hero-card .eyebrow{letter-spacing:.28em;-webkit-text-stroke:.35px #6840006b;color:#ffe27a;text-shadow:0 0 1px #68400047,0 1px #5434008c,0 2px 6px #00000047;font-size:16px;font-weight:900}.lobby-page[data-v-7dd6332b] .hero-card h1{-webkit-text-stroke:.9px #7448007a;color:#fff2a8;text-shadow:0 0 1px #74480052,0 1px #603c0094,0 2px #603c0047,0 6px 16px #0000003d;font-size:86px;font-weight:900}.lobby-page[data-v-7dd6332b] .hero-card .description{-webkit-text-stroke:.2px #5a34002e;color:#fff6c8;text-shadow:0 0 1px #5a34001f,0 1px #482a0057,0 2px 8px #0000002e;max-width:880px;font-size:22px;font-weight:700;line-height:1.8}.lobby-page[data-v-7dd6332b] .online-lobby-content .user-head h2,.lobby-page[data-v-7dd6332b] .online-lobby-content .section-head h2,.lobby-page[data-v-7dd6332b] .online-lobby-content .title-wrap h2{-webkit-text-stroke:.55px #6a40005c;color:#ffe79a;text-shadow:0 0 1px #6a400038,0 1px #58360085,0 2px #58360038,0 4px 12px #00000029;font-size:36px;font-weight:900;line-height:1.1}.lobby-page[data-v-7dd6332b] .online-lobby-content .mini-label,.lobby-page[data-v-7dd6332b] .online-lobby-content .code-label,.lobby-page[data-v-7dd6332b] .online-lobby-content .card-label,.lobby-page[data-v-7dd6332b] .online-lobby-content .field-label,.lobby-page[data-v-7dd6332b] .online-lobby-content .member-role,.lobby-page[data-v-7dd6332b] .online-lobby-content .state-pill span{-webkit-text-stroke:.3px #6a40004d;color:#ffd96a;text-shadow:0 0 1px #6a40002e,0 1px #5a38007a,0 2px 6px #00000024;font-size:14px;font-weight:900}.lobby-page[data-v-7dd6332b] .online-lobby-content .card-value,.lobby-page[data-v-7dd6332b] .online-lobby-content .member-name,.lobby-page[data-v-7dd6332b] .online-lobby-content .room-code,.lobby-page[data-v-7dd6332b] .online-lobby-content .state-pill strong,.lobby-page[data-v-7dd6332b] .online-lobby-content .status-badge,.lobby-page[data-v-7dd6332b] .online-lobby-content .ready-badge{-webkit-text-stroke:.32px #60380047;color:#fff2b8;text-shadow:0 0 1px #60380029,0 1px #5a38006b,0 2px 8px #0000002e;font-weight:900}.lobby-page[data-v-7dd6332b] .online-lobby-content .card-value{min-height:42px;font-size:24px}.lobby-page[data-v-7dd6332b] .online-lobby-content .member-name{font-size:23px}.lobby-page[data-v-7dd6332b] .online-lobby-content .state-pill strong,.lobby-page[data-v-7dd6332b] .online-lobby-content .status-badge,.lobby-page[data-v-7dd6332b] .online-lobby-content .ready-badge{font-size:17px}.lobby-page[data-v-7dd6332b] .online-lobby-content .member-character,.lobby-page[data-v-7dd6332b] .online-lobby-content .subtext,.lobby-page[data-v-7dd6332b] .online-lobby-content .switch-hint,.lobby-page[data-v-7dd6332b] .online-lobby-content .hint,.lobby-page[data-v-7dd6332b] .online-lobby-content .empty-state{-webkit-text-stroke:.18px #52300029;color:#ffefbf;text-shadow:0 0 1px #5230001a,0 1px #52300057,0 2px 8px #00000024;font-size:17px;font-weight:700;line-height:1.75}.lobby-page[data-v-7dd6332b] .online-lobby-content .notice.success{color:#fff4cf;text-shadow:0 1px #24401e3d,0 2px 8px #00000024;font-weight:800}.lobby-page[data-v-7dd6332b] .online-lobby-content .notice.error{color:#fff0c9;text-shadow:0 1px #5c1c2638,0 2px 8px #00000024;font-weight:800}.lobby-page[data-v-7dd6332b] .online-lobby-content .user-select,.lobby-page[data-v-7dd6332b] .online-lobby-content .room-code-input,.lobby-page[data-v-7dd6332b] .online-lobby-content .character-select{-webkit-text-stroke:.25px #5834002e;color:#fff1b4;text-shadow:0 0 1px #5834001f,0 1px #482a0057,0 2px 8px #00000024;font-size:21px;font-weight:900}.lobby-page[data-v-7dd6332b] .online-lobby-content .user-select option,.lobby-page[data-v-7dd6332b] .online-lobby-content .character-select option{color:#3b2a0d;background:#fff7e2}.lobby-page[data-v-7dd6332b] .online-lobby-content .room-code-input::placeholder{color:#ffe8a6d1}.lobby-page[data-v-7dd6332b] .online-lobby-content .status-badge.open{color:#fff0a8}.lobby-page[data-v-7dd6332b] .online-lobby-content .status-badge.matched{color:#fff3bf}.lobby-page[data-v-7dd6332b] .online-lobby-content .status-badge.playing,.lobby-page[data-v-7dd6332b] .online-lobby-content .ready-badge.active{color:#f4ffd6}.lobby-page[data-v-7dd6332b] .online-lobby-content .status-badge.closed{color:#ffe0c4}.lobby-page[data-v-7dd6332b] .online-lobby-content .join-button{-webkit-text-stroke:.25px #3d2d0f38;color:#3d2d0f;text-shadow:none;font-size:19px;font-weight:900}.lobby-page[data-v-7dd6332b] .online-lobby-content .create-button{-webkit-text-stroke:.25px #3a2b1633;color:#3a2b16;text-shadow:none;font-size:20px;font-weight:900}.lobby-page[data-v-7dd6332b] .online-lobby-content .copy-button{-webkit-text-stroke:.25px #402d0e33;color:#402d0e;min-width:98px;text-shadow:none;padding:0 18px;font-size:18px;font-weight:900}.lobby-page[data-v-7dd6332b] .online-lobby-content .ready-button{-webkit-text-stroke:.2px #13302238;color:#133022;text-shadow:none;font-size:18px;font-weight:900}.lobby-page[data-v-7dd6332b] .online-lobby-content .start-button{-webkit-text-stroke:.2px #3a290838;color:#3a2908;text-shadow:none;font-size:18px;font-weight:900}.lobby-page[data-v-7dd6332b] .online-lobby-content .leave-button{-webkit-text-stroke:.2px #4a182633;color:#4a1826;text-shadow:none;font-size:18px;font-weight:900}.lobby-page[data-v-7dd6332b] .online-lobby-content .user-card{border-radius:22px}.lobby-page[data-v-7dd6332b] .online-lobby-content .member-row{padding:14px 16px}.lobby-page[data-v-7dd6332b] .online-lobby-content .state-pill{padding:12px 16px}.lobby-page[data-v-7dd6332b] .online-lobby-content .notice{padding:14px 16px;font-size:17px}.lobby-page[data-v-7dd6332b] .online-lobby-content h1,.lobby-page[data-v-7dd6332b] .online-lobby-content h2,.lobby-page[data-v-7dd6332b] .online-lobby-content h3,.lobby-page[data-v-7dd6332b] .online-lobby-content p,.lobby-page[data-v-7dd6332b] .online-lobby-content span,.lobby-page[data-v-7dd6332b] .online-lobby-content strong,.lobby-page[data-v-7dd6332b] .online-lobby-content label,.lobby-page[data-v-7dd6332b] .online-lobby-content li,.lobby-page[data-v-7dd6332b] .online-lobby-content small,.lobby-page[data-v-7dd6332b] .online-lobby-content button,.lobby-page[data-v-7dd6332b] .online-lobby-content input,.lobby-page[data-v-7dd6332b] .online-lobby-content select{font-synthesis:weight;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.entry-page[data-v-ba2f6360]{color:#eef5ff;background:radial-gradient(circle at top,#80c4ff2e,#0000 32%),linear-gradient(#16233d 0%,#0d162a 58%,#07101d 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.entry-card[data-v-ba2f6360]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1425d6;border:1px solid #a0cdff2e;border-radius:28px;width:min(100%,760px);padding:28px;box-shadow:0 24px 56px #0000004d}.eyebrow[data-v-ba2f6360]{letter-spacing:.16em;color:#8ec5ff;margin:0 0 6px;font-size:12px}h1[data-v-ba2f6360]{margin:0;font-size:30px}.sub[data-v-ba2f6360]{color:#bcd4ef;margin:10px 0 0;line-height:1.7}.register-row[data-v-ba2f6360]{grid-template-columns:1fr 120px;gap:10px;margin-top:20px;display:grid}.name-input[data-v-ba2f6360]{color:#eef5ff;box-sizing:border-box;background:#162238f2;border:1px solid #a0cdff2e;border-radius:14px;width:100%;height:48px;padding:0 14px;font-size:16px}.register-button[data-v-ba2f6360],.refresh-button[data-v-ba2f6360],.back-button[data-v-ba2f6360],.complete-button[data-v-ba2f6360]{cursor:pointer;border:none;font-weight:800;transition:all .2s}.register-button[data-v-ba2f6360]{color:#0d1b2f;background:linear-gradient(135deg,#8ec5ff 0%,#d8ecff 100%);border-radius:14px;height:48px}.register-button[data-v-ba2f6360]:disabled,.refresh-button[data-v-ba2f6360]:disabled,.complete-button[data-v-ba2f6360]:disabled{cursor:not-allowed;opacity:.55}.notice[data-v-ba2f6360]{border-radius:14px;margin:16px 0 0;padding:12px 14px;font-size:14px;font-weight:700}.success[data-v-ba2f6360]{color:#8df0b7;background:#50c88c24;border:1px solid #50c88c47}.error[data-v-ba2f6360]{color:#ffb3b3;background:#ff6b6b24;border:1px solid #ff6b6b47}.users-area[data-v-ba2f6360]{margin-top:24px}.users-head[data-v-ba2f6360]{justify-content:space-between;align-items:center;gap:12px;display:flex}.users-head h2[data-v-ba2f6360]{margin:0;font-size:18px}.refresh-button[data-v-ba2f6360]{color:#eef5ff;background:#1b2a42f5;border:1px solid #a0cdff29;border-radius:999px;padding:8px 14px}.empty-text[data-v-ba2f6360]{color:#9bb7d7;margin:12px 0 0}.user-list[data-v-ba2f6360]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:220px;margin-top:12px;display:grid;overflow-y:auto}.user-chip[data-v-ba2f6360]{color:#eef5ff;cursor:pointer;text-align:left;background:#162238e0;border:1px solid #a0cdff29;border-radius:16px;width:100%;padding:14px 16px}.user-chip.selected[data-v-ba2f6360]{background:#1c314ff5;border-color:#86cbffe6;box-shadow:inset 0 0 0 1px #86cbff99}.user-chip-name[data-v-ba2f6360]{font-weight:800;display:block}.user-chip-id[data-v-ba2f6360]{color:#8ec5ff;margin-top:4px;font-size:13px;display:block}.current-user-box[data-v-ba2f6360]{background:#121d2ed1;border:1px solid #a0cdff29;border-radius:14px;margin-top:20px;padding:12px 14px}.current-label[data-v-ba2f6360]{color:#8ec5ff;font-size:12px;display:block}.current-name[data-v-ba2f6360]{margin-top:4px;font-size:16px;display:block}.footer-actions[data-v-ba2f6360]{justify-content:space-between;gap:12px;margin-top:20px;display:flex}.back-button[data-v-ba2f6360],.complete-button[data-v-ba2f6360]{border-radius:16px;height:48px;padding:0 20px}.back-button[data-v-ba2f6360]{color:#eef5ff;background:#1b2a42f5;border:1px solid #a0cdff29}.complete-button[data-v-ba2f6360]{color:#10233c;background:linear-gradient(135deg,#6fc2ff 0%,#cfe7ff 100%);flex:1}@media (width<=768px){.register-row[data-v-ba2f6360]{grid-template-columns:1fr}.user-list[data-v-ba2f6360]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.entry-card[data-v-ba2f6360]{padding:20px}h1[data-v-ba2f6360]{font-size:24px}.user-list[data-v-ba2f6360]{grid-template-columns:1fr}.footer-actions[data-v-ba2f6360]{flex-direction:column}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}