*{box-sizing:border-box}html,body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111;background:#fff;overscroll-behavior:none}a{color:inherit}app-root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}:fullscreen app-root{height:100dvh;min-height:0;overflow:hidden}:fullscreen app-header,:fullscreen app-footer{display:none!important}@media(orientation:landscape)and (max-height:480px){app-header,app-footer{display:none!important}}app-root>router-outlet+*{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow-y:auto}.lobby .color-panel{position:absolute;z-index:20;top:calc(100% - 2px);left:8px;display:grid;grid-template-columns:auto 64px;gap:10px;align-items:center;padding:10px;background:#fff;border:1px solid #cdd8d3;border-radius:8px;box-shadow:0 16px 34px #17211f2e}.lobby .palette{display:grid;grid-template-columns:repeat(4,28px);grid-auto-rows:28px;gap:6px}.lobby .palette-color{width:28px;height:28px;padding:0;border:2px solid rgb(23 33 31 / .16);border-radius:6px;cursor:pointer}.lobby .palette-color:hover,.lobby .palette-color.selected{border-color:#17211f;box-shadow:0 0 0 2px #fff,0 0 0 4px #17211f24}.lobby .snake-preview{width:64px;height:64px;display:grid;place-items:center;overflow:visible}.lobby .snake-preview img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.lobby .preview-fallback{width:34px;height:34px;border-radius:999px;background:#ffffffd1;border:2px solid rgb(23 33 31 / .2)}