body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a202c,#2d3748);color:#e2e8f0;margin:0;display:flex;flex-direction:column;align-items:center;min-height:100vh;overflow-x:hidden;overflow-y:auto}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:20px}h1{margin:10px 0;font-size:2.5rem;text-shadow:0 0 10px rgba(66,153,225,.5);color:#63b3ed}.status-bar{display:flex;justify-content:space-between;width:100%;max-width:600px;background:rgba(45,55,72,.8);padding:15px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:10px}.status-item{font-size:1.2rem;font-weight:700}.board-container{position:relative;padding:10px;background:#d69e2e;background:radial-gradient(circle,#ecc94b,#d69e2e);border-radius:5px;box-shadow:0 10px 25px rgba(0,0,0,.5);border:8px solid #744210}canvas{display:block;cursor:crosshair;background-color:transparent}.controls{display:flex;gap:15px;margin-top:20px}.btn{padding:10px 20px;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:all .2s;font-weight:700;text-transform:uppercase;outline:none}.btn-primary{background-color:#4299e1;color:#fff;box-shadow:0 4px 6px rgba(66,153,225,.3)}.btn-primary:hover{background-color:#3182ce;transform:translateY(-2px)}.btn-secondary{background-color:#718096;color:#fff;box-shadow:0 4px 6px rgba(113,128,150,.3)}.btn-secondary:hover{background-color:#4a5568;transform:translateY(-2px)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:100;justify-content:center;align-items:center}.modal-content{background-color:#2d3748;padding:30px;border-radius:10px;text-align:center;box-shadow:0 0 20px rgba(66,153,225,.5);border:2px solid #4299e1;max-width:400px;width:90%}.modal h2{color:#63b3ed;margin-top:0}.modal p{font-size:1.2rem;margin-bottom:20px}@media(max-width:650px){.board-container{padding:5px;border-width:4px}canvas{width:100%;height:auto}h1{font-size:1.8rem}.status-bar{flex-direction:column;align-items:center;gap:10px}}