@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/nunito-400.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/nunito-700.woff2)format("woff2")}:root{--color-bg:#111;--color-surface:#1e1e1e;--color-text:#f0f0f0;--color-text-muted:#888;--color-accent:#a855f7;--color-accent-dark:#7c3aed;--color-border:#2e2e2e;--font-main:"Nunito", system-ui, sans-serif;--font-weight-normal:400;--font-weight-semi:600;--font-weight-bold:700;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--font-size-card:clamp(1.2rem, 4vw, 1.5rem);--min-touch-target:44px;--shadow-card:0 4px 24px #0009;--duration-fast:.2s;--duration-standard:.3s;--easing-standard:cubic-bezier(.4, 0, .2, 1);--color-party-deep:#db2777;--color-party-pink:#ec4899;--color-on-accent:#fff;--color-text-soft:#a3a3a3;--gradient-party:linear-gradient(135deg, #7c3aed 0%, #db2777 100%);--gradient-party-text:linear-gradient(90deg, #a855f7 0%, #ec4899 100%);--glow-party:0 8px 32px #a855f759;--glow-party-strong:0 12px 40px #ec489973;--space-2xs:4px;--space-2xl:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-bg);height:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);font-weight:var(--font-weight-normal);touch-action:manipulation;overscroll-behavior:none;-webkit-text-size-adjust:100%;margin:0;padding:0}.topbar{padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 16px calc(16px + env(safe-area-inset-left))}.back-link{color:#f0f0f0;touch-action:manipulation;align-items:center;min-height:44px;font-size:16px;font-weight:700;line-height:1.5;text-decoration:none;display:inline-flex}.entry{min-height:calc(100vh - 76px);min-height:calc(100svh - 76px);padding-bottom:calc(24px + env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.entry-card{width:min(100% - 48px,420px);box-shadow:var(--shadow-card);text-align:left;overflow-wrap:anywhere;background:#1e1e1e;border-radius:16px;padding:32px}.entry-card h1{color:#f0f0f0;font-size:20px;font-weight:700;line-height:1.25}.entry-sub{color:#a3a3a3;margin-top:8px;font-size:16px;font-weight:400;line-height:1.5}.notice{color:#a3a3a3;background:#111;border:1px solid #2e2e2e;border-radius:8px;margin-top:24px;padding:16px;font-size:16px;font-weight:400;line-height:1.5}.notice-title{color:#f0f0f0;font-size:14px;font-weight:700;line-height:1.4}.notice-title+p{margin-top:4px}.notice a{color:#a855f7;font-weight:700;text-decoration:underline}.entry-card button{color:#111;width:100%;min-height:44px;font-family:var(--font-main);cursor:pointer;touch-action:manipulation;background:#a855f7;border:none;border-radius:8px;padding:10px 16px;font-size:16px;font-weight:700;line-height:1.5;display:block}.entry-card button:disabled{opacity:.5;cursor:not-allowed}#btn-create{margin-top:24px}#btn-join{margin-top:16px}.divider{color:#a3a3a3;align-items:center;gap:16px;margin:24px 0;font-size:14px;font-weight:700;line-height:1.4;display:flex}.divider:before,.divider:after{content:"";background:#2e2e2e;flex:1;height:1px}#join-form label{color:#f0f0f0;font-size:14px;font-weight:700;line-height:1.4;display:block}#room-code{color:#f0f0f0;width:100%;min-height:56px;font-family:var(--font-main);text-align:center;letter-spacing:.3em;background:#111;border:1px solid #2e2e2e;border-radius:8px;margin-top:8px;padding:0 16px;font-size:20px;font-weight:700;line-height:1.25;display:block}#room-code:not(:placeholder-shown){text-indent:.3em}#room-code::placeholder{color:#a3a3a3;opacity:1;letter-spacing:normal;font-size:16px;font-weight:400}#room-code:focus{border-color:#a855f7}.online a:focus-visible{outline-offset:4px;outline:3px solid #a855f7}.online button:focus-visible{outline-offset:4px;outline:3px solid #a855f7}.online input:focus-visible{outline-offset:4px;outline:3px solid #a855f7}@media (min-width:640px){.entry-card{padding:48px}}