*{box-sizing:border-box}html,body{color:#fff;background:#111;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.hidden{display:none!important}.overlay{background:#0a140fbf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel{text-align:center;background:#1d2b22;border:2px solid #3f6b4e;border-radius:12px;width:min(420px,92vw);padding:28px}h1{margin:0 0 4px;font-size:1.8rem}.subtitle{color:#9fc7a9;margin:0 0 20px}button{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:8px;width:100%;margin:6px 0;padding:12px;font-size:1rem;font-weight:700}button:hover{background:#5cc160}button:disabled{cursor:default;background:#555}button.secondary{background:#34495e}button small{opacity:.8;font-weight:400}.join-row{gap:8px;display:flex}.join-row input{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:3px;background:#0f1712;border:2px solid #3f6b4e;border-radius:8px;width:40%;margin:6px 0;padding:10px;font-size:1.1rem}.join-row input::placeholder{letter-spacing:0}.code{letter-spacing:8px;color:#ffd54f;-webkit-user-select:all;user-select:all;margin:10px 0;font-size:2.6rem;font-weight:700}.small{color:#aaa;font-size:.85rem}.status{color:#ff8a80;min-height:1.2em;font-size:.9rem}#hud div{pointer-events:none;background:#00000073;border-radius:6px;padding:6px 10px;font-size:.85rem;position:fixed}#hud-info{top:10px;left:10px}#hud-net{top:10px;right:10px}#hud-help{bottom:10px;left:50%;transform:translate(-50%)}#dialogue{cursor:pointer;background:#0f141ee6;border:2px solid #ffd54f;border-radius:10px;width:min(700px,92vw);padding:16px 20px;position:fixed;bottom:50px;left:50%;transform:translate(-50%)}#dialogue-name{color:#ffd54f;margin-bottom:6px;font-weight:700}#dialogue-hint{color:#999;text-align:right;margin-top:8px;font-size:.75rem}