#network{position:fixed;top:76px;left:16px;width:min(330px,calc(100vw - 64px));padding:16px;border-radius:18px;background:#102637ed;color:#fff;box-shadow:0 8px 32px #0004;max-height:calc(100dvh - 220px);overflow:auto;z-index:5;font-size:14px}#network h1{font-size:20px;margin:0 0 4px}#network p{line-height:1.4}#network label{display:block;margin-top:10px}#network input{box-sizing:border-box;width:100%;padding:10px;border:1px solid #ffffff66;border-radius:8px;background:#ffffff12;color:white;font:inherit;margin-top:4px}#network button,#room-toggle{padding:10px 12px;border:0;border-radius:8px;font:700 14px system-ui;cursor:pointer;background:#baff70;color:#14232e}#network button:disabled{opacity:.4;cursor:default}#network .secondary{background:#ffffff22;color:white}#network .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}#network ul{padding-left:22px;line-height:1.9}#room-code{font:800 26px monospace;letter-spacing:3px;color:#baff70}#net-status{font-size:12px;color:#c4deed}#net-message{min-height:20px;color:#ffe398}#countdown{position:fixed;top:30%;left:0;width:100%;text-align:center;color:#fff;font:900 clamp(40px,10vw,90px) system-ui;text-shadow:0 3px 8px #000;pointer-events:none;z-index:4}#room-toggle{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:6;background:#102637;color:white}.title{display:none}[hidden]{display:none!important}.mobile button{touch-action:none}#network small{color:#c4deed}@media(max-width:500px){#network{top:66px;left:12px;padding:14px}.help{font-size:10px;max-width:65%}.top{padding:12px;font-size:12px}}