html.hk-on,html.hk-on body{overscroll-behavior:none;height:100%;overflow:hidden}.hk{z-index:200;color:var(--ink);font-family:var(--sans);-webkit-user-select:none;user-select:none;background:#03040a;position:fixed;inset:0}.hk-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hk[data-screen=menu] .hk-canvas,.hk[data-screen=host] .hk-canvas,.hk[data-screen=guest] .hk-canvas{opacity:.35}.hk-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;-webkit-user-select:text;user-select:text;background:#080914db;border-radius:22px;width:min(440px,100% - 32px);max-height:calc(100% - 32px);padding:26px 22px 22px;position:absolute;top:50%;left:50%;overflow:auto;translate:-50% -50%}.hk-over{width:min(380px,100% - 32px)}.hk-eyebrow{color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:.74rem}.hk-title{font:300 3rem/1 var(--display);letter-spacing:-.01em;margin:0}.hk-title em{color:var(--star)}.hk-small{margin-bottom:10px;font-size:2.1rem}.hk-lede{color:var(--ink-2);margin:12px 0 4px;font-size:.95rem;line-height:1.5}.hk-h{font:600 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:22px 0 8px}.hk-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.hk-seg{cursor:pointer;border:1px solid var(--line);min-width:0;color:var(--ink-2);font:500 .92rem/1.2 var(--sans);background:#ffffff08;border-radius:14px;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;padding:11px 10px;display:flex}.hk-seg small{color:var(--ink-3);font-size:.72rem;font-weight:400}.hk-seg[aria-pressed=true]{border-color:var(--star);color:var(--ink);background:#f1d9a814}.hk-go{justify-content:center;width:100%;margin-top:14px}.hk-join{gap:8px;margin-top:10px;display:flex}.hk-join input{border:1px solid var(--line-2);min-width:0;color:var(--ink);font:600 1rem/1.2 var(--sans);letter-spacing:.3em;text-align:center;text-transform:uppercase;background:#ffffff0a;border-radius:999px;flex:1;padding:.6rem 1rem}.hk-select{border:1px solid var(--line-2);color:var(--ink);font:500 .84rem/1.2 var(--sans);background:#0b0c18;border-radius:999px;padding:.5rem .8rem}.hk-qr{border-radius:12px;width:min(220px,60vw);height:auto;margin:12px auto 6px;display:block}.hk-code{font:600 2.6rem/1 var(--sans);letter-spacing:.32em;color:var(--star);margin:6px 0 0;padding-left:.32em}.hk-status{color:var(--ink-3);min-height:1.2em;margin:12px 0 0;font-size:.82rem}.hk-err{color:#ffb4a8;margin:12px 0 0;font-size:.88rem}.hk-fine{color:var(--ink-3);margin:18px 0 0;font-size:.74rem;line-height:1.5}.hk-fine a{color:var(--ink-2)}.hk-stars{color:var(--star);letter-spacing:.2em;margin:4px 0 0;font-size:1.6rem}.hk-bar{top:max(10px, env(safe-area-inset-top));gap:8px;display:flex;position:absolute;left:10px}.hk-icon{border:1px solid var(--line);width:40px;height:40px;color:var(--ink-2);cursor:pointer;background:#08091499;border-radius:50%;place-items:center;font-size:.85rem;display:grid}.hk-hint{text-align:center;border:1px solid var(--line);pointer-events:auto;background:#080914c7;border-radius:16px;width:min(360px,100% - 32px);padding:14px 16px;position:absolute;bottom:22%;left:50%;translate:-50%}.hk-hint p{color:var(--ink);margin:0 0 10px;font-size:.92rem}.hk-debug{color:#8f8;white-space:pre-wrap;word-break:break-all;pointer-events:none;margin:0;font:10px/1.3 ui-monospace,monospace;position:absolute;bottom:6px;left:6px;right:6px}