*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#246472,#0c2834 65%);color:#f8edce;font-family:system-ui,sans-serif;min-height:100vh}main{max-width:1100px;margin:auto;padding:clamp(24px,6vw,72px)}.eyebrow{color:#e9c77b;font-size:11px;letter-spacing:.25em}h1{font-size:clamp(42px,7vw,74px);letter-spacing:-.04em;line-height:1.05;margin:25px 0}.intro{line-height:1.7;color:#bacfcf}.rooms{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.room{background:#123b47dd;border:1px solid #49727a;border-radius:18px;padding:22px;min-width:0}.room h2{margin:8px 0 24px}.room .status{font-size:12px;color:#eac782}.numbers{font-size:24px;font-weight:700;margin:12px 0}.numbers small{font-size:13px;font-weight:400;color:#c0d5d3}.room a{display:block;margin-top:24px;background:#e9c77b;color:#14323c;border-radius:9px;padding:14px;text-align:center;font-weight:700;text-decoration:none}.room a[aria-disabled=true]{opacity:.45;pointer-events:none}.room.offline{opacity:.65}#refresh,footer{font-size:12px;color:#adc8c8;line-height:1.7}#refresh{margin-top:25px}@media(max-width:700px){.rooms{grid-template-columns:1fr}.room{padding:18px}.room h2{margin-bottom:15px}.numbers{display:inline-block;margin-right:18px}.room a{margin-top:12px}h1{font-size:46px}}
.nameLabel{display:block;margin-top:24px;color:#edca7a}#captainName{display:block;margin:8px 0 24px;min-height:48px;padding:12px;border:1px solid #edca7a88;border-radius:8px;background:#103b42;color:#fff;font:16px system-ui;width:min(100%,360px)}