html,body{height:100%}body{display:flex;flex-direction:column;min-height:100dvh}.join-card,.blocked-screen .join-card{max-width:420px;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 20px 30px;display:grid;gap:12px;text-align:center}.join-logo{color:var(--gold);font-weight:700;font-size:26px}.join-sub{font-size:11px;letter-spacing:3px;color:var(--text3);margin-top:-8px}.join-card h1{font-size:20px;margin:8px 0 2px}.join-card form{display:grid;gap:10px;text-align:left}#joinCode{text-align:center;font:500 26px ui-monospace,Menlo,Consolas,monospace;letter-spacing:4px;text-transform:uppercase;padding:12px;margin:0}.or{display:flex;gap:8px;align-items:center;color:var(--text3);font-size:12px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}.btn.wide{width:100%;padding:13px;font-size:15px;font-weight:700}.rs-top{background:#11100c;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;border-bottom:2px solid var(--gold);position:sticky;top:0;z-index:10}.rs-top .l,.rs-top .r{display:flex;align-items:center;gap:8px;min-width:0}.rs-top .brand{font-weight:700;color:var(--gold);font-size:16px;white-space:nowrap}.rs-top .brand small{color:#fff;font-weight:400;font-size:10px;letter-spacing:2px;margin-left:5px}.rs-logobar{background:#fff;border-bottom:1px solid var(--line);padding:6px 12px;text-align:center}.rs-logobar[hidden]{display:none}.rs-logobar img{height:34px;max-width:70%;object-fit:contain;vertical-align:middle}.stn{font:500 11px ui-monospace,Menlo,Consolas,monospace;background:#ffffff1a;color:var(--gold-light);border-radius:5px;padding:3px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.evname{color:#ffffffbf;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw}.menu-btn{background:none;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:6px;width:32px;height:30px;font-size:18px;line-height:1;cursor:pointer}.offbar{background:#fdefd3;color:#6e4a0f;font-size:12.5px;padding:8px 14px;border-bottom:1px solid #efd9a8;display:flex;justify-content:space-between;gap:10px}.offbar b{color:var(--amber)}.offbar.wait{background:#f8d7d3;color:#7a1f14;border-bottom-color:#f0b8b1}.offbar.wait b{color:var(--red)}.blocked-wait{background:#f8d7d3;color:#7a1f14;border-radius:8px;padding:10px 12px;font-weight:700}.rs-main{padding:12px;flex:1}@media(min-width:900px){.rs-top{padding:12px 28px}.rs-top .brand{font-size:19px}.rs-main{max-width:1440px;margin:0 auto;width:100%;padding:20px 28px}.rs-main .ci-grid{gap:20px}.rs-main .ci-main{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:16px;align-content:start}.rs-main .viewfinder{max-height:52vh}}.rs-main .ci-side{order:2}.card{padding:12px}.blocked-screen{position:fixed;inset:0;background:var(--bg);z-index:50}.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.kv span{display:block;font-size:12px;color:var(--text3)}.kv strong{font-size:15px}.modal hr{border:0;border-top:1px solid var(--line);margin:14px 0}@media(max-width:600px){.rs-main{padding:10px}.result .name{font-size:22px}.table-no b{font-size:40px}.counter b{font-size:22px}}.toast{bottom:84px}