*,*:before,*:after{box-sizing:border-box}body{margin:0}.join{position:fixed;inset:0;overflow:auto;background:var(--bg);color:var(--fg);font-family:var(--font-mono);display:flex;align-items:center;justify-content:center;padding:22px}.join-bg{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(34,199,199,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,199,199,.045) 1px,transparent 1px),radial-gradient(120% 90% at 50% 30%,#02080a80,#000000e6 80%),url(/art/world/overview.webp);background-size:52px 52px,52px 52px,cover,cover;background-position:0 0,0 0,center,center;background-repeat:repeat,repeat,no-repeat,no-repeat;filter:saturate(1.05) contrast(1.05)}.join-scan{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000038 2px 3px)}.jc{position:absolute;z-index:2;width:42px;height:42px;border:2px solid var(--accent);opacity:.65}.jc.tl{top:12px;left:12px;border-right:0;border-bottom:0}.jc.tr{top:12px;right:12px;border-left:0;border-bottom:0}.jc.bl{bottom:12px;left:12px;border-right:0;border-top:0}.jc.br{bottom:12px;right:12px;border-left:0;border-top:0}.join-wrap{position:relative;z-index:3;display:grid;grid-template-columns:1.05fr .95fr;gap:18px;width:100%;max-width:940px;align-items:stretch}.join-brief{display:flex;flex-direction:column;justify-content:center;gap:4px;border:1px solid var(--border);background:linear-gradient(160deg,#040b0dd1,#0206088c);box-shadow:inset 0 0 50px -20px var(--accent);padding:26px 24px}.join-emblem{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(0,0,0,.7))}.join-title{font-size:var(--lg);letter-spacing:.12em;font-weight:700;margin-top:12px;color:var(--gold)}.join-title b{color:var(--accent);font-weight:700}.join-sub{font-size:var(--xs);letter-spacing:.42em;color:var(--accent);margin:4px 0 14px}.hazard{border:1px solid var(--danger);margin-bottom:16px;background:repeating-linear-gradient(45deg,#e2222ee6 0 9px,#280406e6 9px 18px)}.hazard span{display:block;background:#060a0cc7;margin:3px;padding:6px 8px;text-align:center;font-size:var(--xs);font-weight:700;letter-spacing:.1em;color:#fff}.brief{border-top:1px solid var(--border);padding-top:12px}.brief-h{font-size:var(--xs);letter-spacing:.14em;color:var(--fg-dim);margin-bottom:8px}.brief-h span{color:var(--accent)}.brow{display:flex;justify-content:space-between;gap:12px;font-size:var(--xs);padding:4px 0;border-bottom:1px solid var(--border);letter-spacing:.05em}.bk{color:var(--fg-dim)}.bv{color:var(--fg)}.bv.gold{color:var(--gold);font-weight:700}.bv.amber{color:var(--amber)}.bv.ok{color:var(--accent)}.brief-foot{font-size:9px;color:var(--fg-dim);letter-spacing:.08em;margin-top:12px}.join-card{border:1px solid var(--border);background:linear-gradient(180deg,#040b0df2,#020608e6);box-shadow:inset 0 0 40px -18px var(--accent),0 14px 50px #0009;padding:22px;display:flex;flex-direction:column;justify-content:center}.join-state{font-size:var(--xs);letter-spacing:.1em;padding:10px;margin-bottom:16px;border:1px solid var(--border);text-align:center}.join-state.live{color:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 24px -10px var(--accent)}.join-state.standby{color:var(--amber);border-color:var(--amber);box-shadow:inset 0 0 24px -12px var(--amber)}.join-state.ended{color:var(--danger);border-color:var(--danger);box-shadow:inset 0 0 24px -12px var(--danger)}.join-state b{font-size:var(--md);display:block;margin-top:4px;letter-spacing:.12em}.join-body.locked{opacity:.32;pointer-events:none;filter:grayscale(.7)}.prov{display:flex;flex-direction:column;gap:8px}.prov-btn{background:#02080ad1;border:1px solid var(--border);border-left-width:3px;color:var(--fg);font-family:inherit;font-size:var(--sm);letter-spacing:.07em;padding:12px;cursor:pointer;transition:all .14s}.prov-btn.g{border-left-color:var(--amber)}.prov-btn.h{border-left-color:var(--fg)}.prov-btn.e{border-left-color:var(--accent)}.prov-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 16px -5px var(--accent)}.join-or{display:flex;align-items:center;gap:10px;margin:14px 0 10px;color:var(--fg-dim);font-size:var(--xs);letter-spacing:.12em}.join-or:before,.join-or:after{content:"";flex:1;height:1px;background:var(--border)}.join-in{width:100%;background:#0000008c;border:1px solid var(--border);color:var(--fg);font-family:inherit;font-size:var(--sm);padding:12px;outline:none;margin-bottom:8px;text-transform:none}.join-in:focus{border-color:var(--accent);box-shadow:0 0 14px -6px var(--accent)}.join-go{width:100%;background:var(--accent);border:1px solid var(--accent);color:#00171a;font-family:inherit;font-size:var(--sm);font-weight:700;letter-spacing:.1em;padding:13px;cursor:pointer;margin-top:4px;transition:all .14s}.join-go:hover{filter:brightness(1.12);box-shadow:0 0 20px -4px var(--accent)}.join-out{font-size:var(--xs);letter-spacing:.03em;margin-top:12px;min-height:16px;color:var(--accent);text-transform:none;line-height:1.6}.join-foot{font-size:9px;color:var(--fg-dim);letter-spacing:.05em;line-height:1.6;margin-top:16px;border-top:1px solid var(--border);padding-top:12px;text-transform:none}.join-demo{font-size:9px;color:var(--fg-dim);letter-spacing:.08em;margin-top:10px}.join-demo button{background:transparent;border:1px solid var(--border);color:var(--fg-dim);font-family:inherit;font-size:9px;padding:3px 7px;margin-left:3px;cursor:pointer}.join-demo button:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:760px){.join-bg{background-image:linear-gradient(rgba(34,199,199,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,199,199,.045) 1px,transparent 1px),radial-gradient(120% 90% at 50% 30%,#02080a80,#000000e6 80%),url(/art/world/overview-mobile.webp)}.join{padding:14px;align-items:flex-start}.join-wrap{grid-template-columns:1fr;gap:12px;max-width:460px}.join-brief{padding:16px;text-align:center;align-items:center}.join-emblem{width:66px;height:66px}.join-title{margin-top:8px}.join-sub{margin:3px 0 12px}.hazard{margin-bottom:0;width:100%}.brief,.brief-foot{display:none}.jc{width:26px;height:26px}}@media(prefers-reduced-motion:no-preference){.join-brief{animation:surface-boot .5s ease both .05s}.join-card{animation:surface-boot .5s ease both .16s}}@keyframes surface-boot{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.join-brief{position:relative}.join-daemon{position:absolute;top:16px;right:16px;pointer-events:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.65))}.join-back{display:block;margin-top:10px;color:var(--accent);text-decoration:none;letter-spacing:.1em;font-size:var(--xs)}.join-back:hover{text-shadow:0 0 8px color-mix(in srgb,var(--accent) 55%,transparent)}@media(max-width:760px){.join-daemon{top:10px;right:10px}}