*{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;height:100vh;overflow:hidden;background:#1a1a2e;font-family:sans-serif}#container{width:100%;height:100%;position:relative}.options-menu::part(header),.options-menu::part(label){font-weight:300;letter-spacing:.06em;font-size:.85rem}.options-menu{position:fixed;top:1rem;left:1rem;z-index:100;max-width:16rem;min-width:14rem;max-height:calc(100vh - 2rem);overflow-y:auto}.properties-panel{position:fixed;top:1rem;right:1rem;z-index:100;max-width:18rem;min-width:14rem;max-height:calc(100vh - 2rem);overflow-y:auto}.phone-menu-toggler{position:fixed;display:none;bottom:1.25rem;right:1.25rem;z-index:999}.stats-container{position:fixed;bottom:0;left:0;z-index:50}.rules-panel-overlay{display:none;position:fixed;inset:0;z-index:500;background:#0009;align-items:center;justify-content:center}.rules-panel-overlay.visible{display:flex}.rules-dialog{background:#13131f;border:1px solid #3b3b5c;border-radius:.5rem;padding:1rem;max-width:32rem;width:calc(100vw - 2rem);max-height:80vh;overflow-y:auto;color:#e0e0f0;font-family:sans-serif;font-size:.82rem}.rules-dialog h2{font-size:.95rem;font-weight:600;color:#a5b4fc;display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.rules-dialog h2 button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1rem;line-height:1}.rules-dialog h2 button:hover{color:#e0e0f0}.violation-item{font-size:.73rem;color:#fca5a5;padding:.1rem 0}.violation-item span{color:#fbbf24}@media(max-width:640px){.options-menu{display:none;top:0;left:0;right:0;max-width:100%;border-radius:0}.options-menu.options-menu-visible{display:block}.properties-panel{display:none}.phone-menu-toggler{display:flex}}