@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--board: #0E0F0E;--board-dot: rgba(237, 230, 214, .075);--surface: #121211;--border: #252420;--border-2: #34322C;--gold: #C9A24A;--gold-2: #DDB862;--gold-3: #8C7135;--gold-line: rgba(201, 162, 74, .5);--gold-ink: #17130A;--text: #EDE6D6;--text-2: #A39E93;--text-3: #8E897F;--ok-ink: #82C99B;--bad: #E5484D;--bad-ink: #F2A3A5;--font: "Geist Variable", "Geist", ui-sans-serif, system-ui, sans-serif;--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background-color:var(--board);color:var(--text);background-image:radial-gradient(circle,var(--board-dot) 1px,transparent 1.2px);background-size:24px 24px;font:400 16px/1.5 var(--font);-webkit-font-smoothing:antialiased}::selection{background:#c9a24a59}:focus-visible{outline:2px solid var(--gold-line);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mark{flex:none;overflow:visible;fill:#fff}.stage{flex:1;display:flex;flex-direction:column;align-items:center;padding:max(88px,env(safe-area-inset-top) + 48px) 16px max(48px,env(safe-area-inset-bottom));text-align:center}.film{position:relative;width:min(1120px,100%);width:min(1120px,100%,max(520px,(100dvh - 312px) * 16 / 9));margin:0}.screen{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:14px;border:1px solid var(--border-2);background:#0a0a0a;box-shadow:0 40px 100px #0009}.screen video{display:block;width:100%;height:100%;object-fit:cover}.momo{position:absolute;z-index:2;left:-52px;bottom:-50px;width:168px;height:168px;pointer-events:none}.momo canvas,.momo .still{position:absolute;inset:0;width:100%;height:100%}.momo canvas{opacity:0;transition:opacity .6s var(--ease)}.momo.live canvas{opacity:1}.momo.live .still{opacity:0;transition:opacity .6s var(--ease)}.zs{position:absolute;left:64%;top:18%;width:60px;height:80px;pointer-events:none}.zs span{position:absolute;left:0;bottom:0;font:500 16px/1 var(--font);color:var(--text-3);opacity:0;animation:drift 4.8s var(--ease) infinite}.zs span:nth-child(2){animation-delay:1.6s;font-size:20px}.zs span:nth-child(3){animation-delay:3.2s;font-size:28px}@keyframes drift{0%{opacity:0;transform:translate(0)}15%{opacity:.9}70%{opacity:.6}to{opacity:0;transform:translate(26px,-64px)}}.lockup{display:flex;align-items:center;justify-content:center;gap:.5em;margin:48px 0 24px;font:600 40px/1.05 var(--font);letter-spacing:-.025em}.lockup .mark{width:auto;height:2.1em}.line{margin:0;font:inherit;letter-spacing:inherit;color:#fff;text-align:left;white-space:nowrap}.lockup,.join,.status{position:relative}.join{display:flex;gap:8px;width:min(440px,100%)}.join input{flex:1;min-width:0;height:44px;padding:0 16px;border-radius:6px;border:1px solid var(--border-2);background:var(--surface);color:var(--text);caret-color:var(--gold);font:400 16px/1 var(--font);outline:0;transition:border-color .15s var(--ease)}.join input::placeholder{color:var(--text-3)}.join input:focus{border-color:var(--gold-3)}.join input:focus-visible{outline:2px solid var(--gold-line);outline-offset:2px}.join input:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 40px var(--surface) inset}.join input[aria-invalid=true]{border-color:var(--bad)}.join button{height:44px;padding:0 20px;border-radius:6px;border:1px solid var(--gold);background:var(--gold);color:var(--gold-ink);font:600 14px/1 var(--font);cursor:pointer;white-space:nowrap;transition:background .15s var(--ease),border-color .15s var(--ease)}.join button:hover{background:var(--gold-2);border-color:var(--gold-2)}.join button:disabled{opacity:.55;cursor:default}.status{min-height:21px;margin:12px 0 0;max-width:40ch;font-size:14px;line-height:1.5;color:var(--text-2)}.status.ok{color:var(--ok-ink)}.status.bad{color:var(--bad-ink)}.joined .join{display:none}@media(max-width:1240px){.momo{left:-20px}}@media(max-width:760px){.lockup{font-size:clamp(20px,7vw,28px);line-height:1.1;gap:.45em}.lockup .mark{height:2.2em}.screen{border-radius:10px}.momo{left:-8px;bottom:-36px;width:112px;height:112px}}@media(max-width:520px){.join{flex-direction:column}.join input{flex:none}.join button{width:100%}}@media(prefers-reduced-motion:reduce){.zs span{animation:none;opacity:.7}.zs span:nth-child(1){transform:translate(0)}.zs span:nth-child(2){transform:translate(12px,-26px)}.zs span:nth-child(3){transform:translate(24px,-54px)}.momo canvas,.momo .still{transition:none}}