*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#app{width:100%;height:100%;display:flex;flex-direction:column}#canvas{flex:1;display:block;background:#f5f5f5;touch-action:none;cursor:crosshair}#hud{position:relative}button{font-size:12px;font-family:inherit;border:1px solid #666;background:#333;color:#0f0;border-radius:3px;transition:all .2s}button:hover{background:#555;border-color:#0f0}button:active{background:#222}.card{display:inline-block;background:#fff;color:#000;padding:6px 8px;border:1px solid #333;border-radius:3px;font-weight:700;font-size:14px;min-width:40px;text-align:center}.card[data-suit=hearts],.card[data-suit=diamonds]{color:#c41e3a}.card[data-suit=clubs],.card[data-suit=spades]{color:#000}@media (max-width: 480px){#debug-hud{font-size:10px!important}button{font-size:11px;padding:6px 10px!important;min-height:44px}.card{font-size:12px;padding:4px 6px;min-width:36px}}#debug-hud{pointer-events:none}#debug-hud button,#debug-hud input,#debug-hud select{pointer-events:auto}