*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;height:100vh;touch-action:manipulation;background:#0a0a0a;flex-direction:column;align-items:center;height:100dvh;padding:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;overflow:hidden}h1{letter-spacing:6px;flex-shrink:0;margin-bottom:8px;font-size:clamp(20px,5vh,32px);font-weight:300}#status{color:#a0a0a0;text-align:center;flex-shrink:0;min-height:18px;margin-bottom:8px;font-size:13px}#status.win{color:#10b981}#status.lose{color:#ef4444}.controls{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:8px;margin-bottom:12px;display:flex}button{color:#a0a0a0;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;padding:8px 14px;font-size:11px;font-weight:500}button:hover:not(:disabled){color:#fff;background:#252525}button:disabled{opacity:.4;cursor:default}button.confirm-btn{color:#fff;background:#10b981;border-color:#059669;padding:12px 24px;font-weight:600}.canvas-container{flex-grow:1;justify-content:center;align-items:center;width:100%;min-height:0;padding-bottom:20px;display:flex;position:relative;container-type:size}#canvas{touch-action:none;background:#1a1a1a;outline:1px solid #2a2a2a;width:min(100cqw,100cqh);height:min(100cqw,100cqh);display:block}#canvas.pan{cursor:grab}#mobileOverlay{z-index:100;background:#141414f2;border:1px solid #333;border-radius:12px;gap:12px;padding:16px;display:none;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000080}#mobileOverlay.visible{display:flex}.modal{z-index:1000;background:#000000e6;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal.visible{display:flex}.modal-content{text-align:center;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;width:90%;max-width:400px;padding:40px 20px}.modal-content h2{letter-spacing:4px;margin-bottom:20px}.modal-content p{color:#a0a0a0;margin-bottom:30px}.modal-actions{justify-content:center;gap:12px;display:flex}