@font-face{font-family:BubbleGum;src:url('fonts/Bubblegum.ttf') format('truetype');font-display:block}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#151b23;font-family:Tahoma,sans-serif}body{display:flex;flex-direction:column;align-items:center;justify-content:center}main{position:relative;flex:none}canvas{display:block;touch-action:none}#loading,#start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#loading{color:white;background:#253743;padding:16px;border-radius:12px}#start{display:none;font-size:24px;padding:20px 32px;white-space:nowrap;background:#fff5d9;color:#234738;box-shadow:0 4px 18px #0008}button{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;background:#ecf3f5;color:#183746}button:disabled{background:#57626c;color:#c0c5cc;cursor:default}button:focus-visible{outline:3px solid #ffc14b}nav{min-height:48px;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;color:white;flex-wrap:wrap}nav button{font-size:14px}#page{min-width:45px;text-align:center}@media(max-width:560px){nav{gap:4px}nav button{font-size:12px;padding:8px}}