.online-open{font:inherit;font-size:11px!important;color:#a8fff0!important;background:#213b45!important;border:1px solid #639a9666!important;border-radius:9px;padding:9px 12px;cursor:pointer}.online-dialog{position:fixed;inset:0;margin:auto;padding:24px;background:#1c2336;color:#f0f5ff;border:1px solid #67748a;border-radius:22px;max-width:520px;width:calc(100% - 24px);max-height:90dvh;overflow:auto;font:13px Arial,Helvetica,sans-serif;z-index:100;line-height:1.5}.online-dialog::backdrop{background:#080d1ce6;backdrop-filter:blur(7px)}.online-dialog h2{font-size:24px;margin:0 0 7px}.online-dialog h3{font-size:13px;margin:20px 0 8px}.online-dialog p{color:#afbbd1;font-size:12px;margin:7px 0 12px}.online-dialog button{font:inherit;font-size:12px;cursor:pointer;border:1px solid #5b7185;border-radius:8px;padding:9px 12px;background:#2f4559;color:#eff7ff}.online-dialog button:disabled{opacity:.5;cursor:default}.online-dialog input,.online-dialog select{width:100%;padding:12px;font:inherit;color:#f0f7ff;background:#111b2d;border:1px solid #546b84;border-radius:9px;margin:5px 0 10px}.online-dialog label{display:block;font-size:11px;color:#acbed5}.online-dialog .online-close{float:right;padding:6px 12px;margin:0 0 10px 10px}.online-row{display:flex;gap:8px;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10;padding:11px 0}.online-row span{flex:1;min-width:0;overflow-wrap:anywhere}.online-row strong{display:block;color:#e7f1ff}.online-row small{display:block;font-size:10px;color:#90b4bd}.online-dialog .online-good{color:#7ee8de}.online-dialog .online-error{color:#ffc6a3}.online-rating{padding:10px;background:#142b39;border-radius:8px;color:#9ef1df}.online-dialog .online-danger{background:#603c48;border-color:#a06a7c}.online-banner{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:40;background:#1e3747;color:#a8fff0;padding:12px 18px;border:1px solid #7ee8de;border-radius:15px;font:12px Arial;cursor:pointer;max-width:calc(100% - 24px);box-shadow:0 6px 30px #0007}@media(max-width:600px){header nav .online-open{font-size:0!important;padding:8px;width:34px}.online-open:after{content:'👥';font-size:14px}.top nav .online-open{width:30px;padding:5px}.online-dialog{padding:18px}.online-row{gap:6px}.online-row button{font-size:10px;padding:8px}}

body.online-playing .scores{display:none}@media(max-width:600px){header .brand{font-size:15px;letter-spacing:1px;gap:5px}header nav{gap:4px}header nav a{font-size:8px!important;margin-right:0!important}header .logo{width:21px;height:21px}.top nav a{font-size:8px}.top button{padding:7px}.top .brand{font-size:14px}}