:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b0714;touch-action:none;-webkit-user-select:none;user-select:none}#game{width:100%;height:100%}#game canvas{display:block}#rotate-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#0b0714;color:#f4efe6;font-size:1.4rem;text-align:center;padding:2rem}#rotate-overlay[hidden]{display:none}.ui-panel{position:fixed;left:50%;bottom:12%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:.75rem}.ui-panel[hidden]{display:none}.ui-panel button{font-size:1.25rem;padding:.7rem 2.2rem;border:3px solid #d4b24a;background:#2a4d9e;color:#fff;border-radius:8px;cursor:pointer}.ui-panel p{margin:0;color:#f4efe6;font-size:1.5rem;text-shadow:0 2px 0 #000}#touch-controls{position:fixed;inset:0;z-index:15;pointer-events:none}#touch-controls[hidden]{display:none}#stick-zone{position:absolute;left:0;top:0;width:46%;height:100%;pointer-events:auto}#stick-nub{position:absolute;width:88px;height:88px;margin-left:-44px;margin-top:-44px;border-radius:50%;border:3px solid #f4efe6;background:#f4efe62e;opacity:.55;pointer-events:none}#btn-cluster{position:absolute;right:4%;bottom:10%;width:210px;height:210px;pointer-events:auto;opacity:.55}.touch-btn{position:absolute;width:72px;height:72px;border-radius:50%;border:2px solid #f4efe6;background:#141020b3;color:#f4efe6;font-size:.78rem;font-weight:700;pointer-events:auto}.touch-btn:active{background:#d4b24a8c}.pos-up{left:69px;top:0}.pos-right{left:138px;top:69px}.pos-down{left:69px;top:138px}.pos-left{left:0;top:69px}