:root{--sans: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;--disp: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: ui-monospace, "Cascadia Code", Consolas, monospace;--maxw: 480px}html[data-mode=casual]{--bg: #fff7de;--bg-soft: #fff1c9;--panel: #ffffff;--ink: #3a2a18;--soft: #8a7a64;--line: #3a2a18;--line-w: 2.5px;--pri: #ffc53d;--pri-ink: #3a2a18;--sec: #4dabf7;--pop: #ff6b6b;--good: #51cf66;--danger: #ff6b6b;--chip-bg: #ffffff;--shadow: 4px 4px 0 rgba(58, 42, 24, .9);--shadow-sm: 2.5px 2.5px 0 rgba(58, 42, 24, .9);--radius: 22px;--radius-sm: 14px;--fw-head: 900;--fw-body: 600;--track: -.01em;--ease: cubic-bezier(.34, 1.56, .64, 1);--speed: .18s;--btn-glow: none}html[data-mode=dark]{--bg: #0f0a16;--bg-soft: #171022;--panel: #1a1324;--ink: #efe6f7;--soft: #9d8fb3;--line: rgba(239, 230, 247, .14);--line-w: 1px;--pri: #e64980;--pri-ink: #ffffff;--sec: #9775fa;--pop: #e64980;--good: #69db7c;--danger: #ff8787;--chip-bg: #241a33;--shadow: 0 12px 34px -14px rgba(0, 0, 0, .7);--shadow-sm: 0 6px 18px -8px rgba(0, 0, 0, .6);--radius: 18px;--radius-sm: 12px;--fw-head: 650;--fw-body: 450;--track: .02em;--ease: cubic-bezier(.22, .61, .36, 1);--speed: .32s;--btn-glow: 0 0 26px rgba(230, 73, 128, .45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:var(--fw-body);letter-spacing:var(--track);transition:background-color .45s ease,color .45s ease;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media (min-width: 900px){html{zoom:1.25}}h1,h2,h3{font-family:var(--disp);font-weight:var(--fw-head);margin:0;letter-spacing:var(--track)}p{margin:0}a{color:var(--sec)}button{font-family:inherit;letter-spacing:inherit;cursor:pointer}input,select{font-family:inherit}:focus-visible{outline:3px solid var(--sec);outline-offset:2px;border-radius:6px}.shell{max-width:var(--maxw);margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:0 18px calc(84px + env(safe-area-inset-bottom))}.shell--bare{padding-bottom:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0 10px;position:sticky;top:0;background:linear-gradient(var(--bg) 75%,transparent);z-index:20}.brand{font-family:var(--disp);font-weight:900;font-size:20px;letter-spacing:-.02em}.brand .flame{color:var(--pop)}html[data-mode=dark] .brand .flame{text-shadow:0 0 14px rgba(230,73,128,.8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:var(--line-w) solid var(--line);background:var(--panel);color:var(--ink);font-weight:700;font-size:15px;padding:12px 22px;box-shadow:var(--shadow-sm);transition:transform var(--speed) var(--ease),box-shadow var(--speed) var(--ease),background .2s;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.98);box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--pri);color:var(--pri-ink);box-shadow:var(--shadow),var(--btn-glow);font-weight:800}html[data-mode=dark] .btn--primary{background:linear-gradient(120deg,var(--pri),var(--sec));border-color:transparent}.btn--big{font-size:19px;padding:18px 40px}.btn--ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--soft)}.btn--danger{background:var(--danger);color:#fff;border-color:var(--line)}.btn--sm{padding:7px 14px;font-size:13px;box-shadow:none}.card{background:var(--panel);border:var(--line-w) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--chip-bg);border:var(--line-w) solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700}html[data-mode=dark] .chip{border-color:#9775fa66;font-weight:500}.chip--on{background:var(--pri);color:var(--pri-ink)}html[data-mode=dark] .chip--on{background:#e6498040;color:var(--ink);border-color:var(--pri)}.input{width:100%;background:var(--panel);color:var(--ink);border:var(--line-w) solid var(--line);border-radius:var(--radius-sm);padding:13px 15px;font-size:16px;font-weight:600}.input::placeholder{color:var(--soft);font-weight:500}.label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--soft)}.hint{font-size:13px;color:var(--soft);line-height:1.5}.error-text{color:var(--danger);font-size:13.5px;font-weight:600}.mode-toggle{position:relative;width:74px;height:36px;border-radius:999px;border:var(--line-w) solid var(--line);background:var(--panel);box-shadow:var(--shadow-sm);display:flex;align-items:center;padding:2px}.mode-toggle .knob{width:28px;height:28px;border-radius:999px;background:var(--pri);display:grid;place-items:center;font-size:15px}.mode-toggle .rail{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:13px;opacity:.45}.bottomnav{position:fixed;left:50%;transform:translate(-50%);bottom:calc(12px + env(safe-area-inset-bottom));width:min(calc(100% - 28px),calc(var(--maxw) - 28px));display:flex;background:var(--panel);border:var(--line-w) solid var(--line);border-radius:999px;box-shadow:var(--shadow);overflow:hidden;z-index:30}.bottomnav a{flex:1;text-align:center;padding:12px 0 10px;text-decoration:none;color:var(--soft);font-size:11px;font-weight:800;display:flex;flex-direction:column;gap:2px;align-items:center}.bottomnav a .ico{font-size:18px;line-height:1}.bottomnav a.on{color:var(--ink);background:var(--bg-soft)}html[data-mode=dark] .bottomnav a.on{color:var(--pri);background:#e649801a}.lobby-hero{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;margin-top:26px}.mascot{font-size:74px;line-height:1}.mascot img{width:150px;height:150px;object-fit:contain;display:block}html[data-mode=casual] .mascot{animation:bounce 3.2s ease-in-out infinite}html[data-mode=dark] .mascot{filter:drop-shadow(0 0 26px rgba(230,73,128,.55));animation:pulse 4s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.96}50%{transform:scale(1.03);opacity:1}}.online-pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--soft)}.online-pill .dot{width:9px;height:9px;border-radius:999px;background:var(--good);animation:blink 2s infinite}@keyframes blink{50%{opacity:.4}}.tag-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.call-stage{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c1014;z-index:50;display:flex;flex-direction:column}.call-remote{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#10161c}@media (min-width: 900px){.call-remote{object-fit:contain}}.call-topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:14px;z-index:3}.call-chip{background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:700;border:1px solid rgba(255,255,255,.2)}.call-chip--report{background:#ff6b6b40;border-color:#ff6b6bb3;color:#ffc9c9}.call-pip{position:absolute;right:14px;bottom:118px;width:96px;height:132px;border-radius:16px;overflow:hidden;border:2px solid rgba(255,255,255,.35);z-index:3;background:#1a222b;box-shadow:0 10px 26px #00000080}.call-pip video{width:100%;height:100%;object-fit:cover}.call-bar{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;justify-content:center;align-items:center;gap:10px;padding:16px 14px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#000000a6)}.cbtn{width:48px;height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff24;color:#fff;font-size:19px;display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .15s var(--ease),background .15s}.cbtn:active{transform:scale(.92)}.cbtn--off{background:#ff6b6b66}.cbtn--next{width:auto;padding:0 22px;background:var(--pri);color:var(--pri-ink);font-weight:900;font-size:15px;border:none;height:48px}html[data-mode=dark] .cbtn--next{background:linear-gradient(120deg,var(--pri),var(--sec));color:#fff;box-shadow:var(--btn-glow)}.call-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#e6edf3;z-index:2;text-align:center;padding:24px}.chat-overlay{position:absolute;left:0;right:0;bottom:86px;max-height:42%;display:flex;flex-direction:column;gap:6px;padding:10px 14px;overflow-y:auto;z-index:3;-webkit-mask-image:linear-gradient(transparent,#000 14%);mask-image:linear-gradient(transparent,#000 14%)}.bubble{align-self:flex-start;background:#0000008c;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:7px 12px;border-radius:14px 14px 14px 4px;font-size:14px;max-width:82%;border:1px solid rgba(255,255,255,.12);overflow-wrap:anywhere}.bubble--me{align-self:flex-end;background:#4dabf766;border-radius:14px 14px 4px}html[data-mode=dark] .bubble--me{background:#e6498066}.chat-input-row{position:absolute;left:14px;right:14px;bottom:86px;display:flex;gap:8px;z-index:4}.chat-input-row .input{background:#0009;color:#fff;border-color:#ffffff40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.vibe-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#08060ce0;color:#fff;text-align:center;padding:24px}.vibe-btns{display:flex;gap:18px}.vibe-btn{width:74px;height:74px;border-radius:999px;font-size:30px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;transition:transform .15s var(--ease)}.vibe-btn:hover{transform:scale(1.1)}.friend-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px dashed var(--line);text-decoration:none;color:var(--ink)}html[data-mode=dark] .friend-row{border-bottom-color:#efe6f71a}.avatar{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;font-weight:900;font-size:17px;background:var(--pri);color:var(--pri-ink);border:var(--line-w) solid var(--line);flex-shrink:0;position:relative}html[data-mode=dark] .avatar{background:linear-gradient(135deg,var(--pri),var(--sec));color:#fff}.avatar .presence{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:999px;background:var(--soft);border:2px solid var(--panel)}.avatar .presence.on{background:var(--good)}.thread{display:flex;flex-direction:column;gap:8px;padding:12px 0;flex:1;overflow-y:auto}.dm{max-width:80%;padding:9px 13px;border-radius:16px 16px 16px 5px;background:var(--panel);border:var(--line-w) solid var(--line);font-size:14.5px;align-self:flex-start;overflow-wrap:anywhere}.dm--me{align-self:flex-end;border-radius:16px 16px 5px;background:var(--pri);color:var(--pri-ink)}html[data-mode=dark] .dm--me{background:linear-gradient(120deg,#e64980d9,#9775fad9);color:#fff}.dm .meta{display:block;font-size:10.5px;opacity:.65;margin-top:3px}.steps{display:flex;gap:5px;margin:14px 0 24px}.steps i{flex:1;height:5px;border-radius:99px;background:var(--bg-soft);border:1px solid var(--line)}html[data-mode=dark] .steps i{border:none;background:#efe6f71f}.steps i.on{background:var(--pri)}.rules-list{display:flex;flex-direction:column;gap:12px;margin:18px 0}.rule-line{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.45}.rule-line .no{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--pop);padding-top:3px;flex-shrink:0}.splash{height:100%;display:grid;place-items:center;font-size:44px}.spin{animation:spin 1.4s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.list-plain{list-style:none;margin:0;padding:0}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.stack{display:flex;flex-direction:column;gap:12px}.stack--lg{gap:20px}.center{text-align:center}.mt{margin-top:16px}.muted{color:var(--soft)}.toast-holder{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;width:min(92%,420px)}.toast{background:var(--panel);border:var(--line-w) solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:12px 16px;font-size:14px;font-weight:600}.toast--danger{border-color:var(--danger)}.mode-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none}.site-footer{margin-top:auto;padding:28px 0 34px;text-align:center;display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--line)}html[data-mode=dark] .site-footer{border-top-color:#efe6f71f}.site-footer nav{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;align-items:center}.site-footer nav a{color:var(--soft);text-decoration:none;font-size:13.5px;font-weight:700}.site-footer nav a:hover{color:var(--pop);text-decoration:underline}.site-footer nav span{color:var(--line)}.site-footer p{font-size:12px;color:var(--soft);opacity:.8}.legal-shell{max-width:760px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:0 20px}.legal{padding:8px 0 20px;line-height:1.65}.legal h1{font-size:clamp(26px,5vw,34px);letter-spacing:-.02em}.legal h2{font-size:18px;margin:32px 0 10px;padding-top:18px;border-top:1px solid var(--line)}html[data-mode=dark] .legal h2{border-top-color:#efe6f71a}.legal p{margin:12px 0;max-width:68ch}.legal ul{margin:12px 0;padding-left:20px;display:flex;flex-direction:column;gap:8px;max-width:68ch}.legal li{line-height:1.6}.legal a{font-weight:600}.legal-meta{font-size:13px;color:var(--soft);font-family:var(--mono)}.legal .tablewrap{overflow-x:auto;border:var(--line-w) solid var(--line);border-radius:var(--radius-sm);margin:16px 0}.legal table{border-collapse:collapse;width:100%;font-size:14px}.legal th,.legal td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line)}html[data-mode=dark] .legal th,html[data-mode=dark] .legal td{border-bottom-color:#efe6f71a}.legal tr:last-child td{border-bottom:none}.legal th{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--soft)}