.hex-grid-container{position:relative;width:100%;height:100vh;overflow:hidden;background-color:#f5f5f5}#hexCanvas{position:absolute;top:0;left:0;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hex-info{position:absolute;top:20px;left:20px;padding:15px 20px;background-color:rgba(255,255,255,.95);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;color:#333;pointer-events:none;z-index:1000}.hex-info span{display:block;margin-bottom:5px}.hex-info span:last-child{margin-bottom:0}.hex-controls{position:absolute;top:20px;right:20px;padding:15px;background-color:rgba(255,255,255,.95);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000}.hex-controls button{display:block;width:100%;padding:8px 16px;margin-bottom:8px;background-color:#4a90e2;color:#fff;border:0;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.hex-controls button:hover{background-color:#357abd}.hex-controls button:active{transform:translateY(1px)}.hex-controls button:last-child{margin-bottom:0}.hex-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:#666;pointer-events:none}@media(prefers-color-scheme:dark){.hex-grid-container{background-color:#1a1a1a}.hex-info,.hex-controls{background-color:rgba(30,30,30,.95);color:#e0e0e0}.hex-controls button{background-color:#2c5aa0}.hex-controls button:hover{background-color:#1e3d6f}}