*{box-sizing:border-box}body{margin:0;background:#101821;color:#eef4fa;font:16px system-ui,sans-serif}main{max-width:520px;margin:auto;padding:24px 18px;padding-bottom:max(24px,env(safe-area-inset-bottom))}header p,footer{color:#aebdcb;font-size:14px}h1{font-size:30px;margin:8px 0}nav{display:grid;gap:12px;margin:24px 0}button{font:inherit;cursor:pointer;border:1px solid #456079;border-radius:14px;background:#203449;color:#fff;padding:18px;text-align:left;min-height:56px}button span{display:block;color:#bdcbd8;font-size:14px;margin-top:8px}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline:3px solid #84dcff;outline-offset:3px}section{background:#192735;border-radius:16px;padding:18px;margin:18px 0}#error{color:#ffc7bf;white-space:pre-line}#mine{width:100%;background:#285e52}footer{margin-top:28px}p{line-height:1.6;overflow-wrap:anywhere}[hidden]{display:none!important}
h1{overflow-wrap:anywhere}#lobby-guide{white-space:pre-line}
.dirs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.dirs button{padding:12px;text-align:center;min-height:48px}.dirs button[aria-pressed=true]{background:#285e52;border-color:#4fa58f}label{display:block;color:#bdcbd8;font-size:14px;margin:8px 0 6px}input{width:100%;font:inherit;padding:14px;border-radius:12px;border:1px solid #456079;background:#101821;color:#fff}#chip-go{width:100%;margin-top:4px;background:#285e52;text-align:center}