*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#game-canvas{display:block;width:100%;height:100%}#ui{position:fixed;top:50px;left:20px;color:#fff;z-index:100;-webkit-user-select:none;user-select:none}#ui h1{font-size:24px;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.buttons{display:flex;gap:10px;margin-bottom:20px}button{padding:10px 20px;font-size:14px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s;background:#ffffffe6;color:#1a1a2e}button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}button:active{transform:translateY(0)}.controls-info{background:#00000080;padding:15px;border-radius:8px;font-size:13px;line-height:1.6;max-width:280px}.controls-info p{margin-bottom:4px}.message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 40px;font-size:32px;font-weight:700;border-radius:12px;z-index:200;opacity:0;transition:opacity .3s;pointer-events:none}.message.success{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;box-shadow:0 8px 32px #00cec966}.message.info{background:#000c;color:#fff}#debug-display{position:fixed;bottom:20px;right:20px;background:#000c;color:#fff;padding:15px 20px;border-radius:8px;font-size:14px;line-height:1.6;z-index:100;opacity:0;transition:opacity .2s;pointer-events:none;font-family:Monaco,Consolas,monospace;min-width:280px}#debug-display .highlight{background:#ff6b6b;color:#fff;padding:2px 8px;border-radius:4px;font-weight:700;font-size:16px}