.dots-and-boxes-board{background:#f8f9fa;padding:20px;border-radius:15px;margin:0 auto;display:flex;justify-content:center;align-items:center;min-height:300px}.dots-grid{position:relative;display:inline-block}.dot{width:12px;height:12px;background:#333;border-radius:50%;position:absolute;box-shadow:0 2px 4px #0003;z-index:3}.line{position:absolute;background:#6c757d;cursor:pointer;transition:all .2s ease;z-index:1}.line.clickable{cursor:pointer;background:repeating-linear-gradient(to right,#adb5bd 0px,#adb5bd 4px,transparent 4px,transparent 8px)}.line.horizontal.clickable{background:repeating-linear-gradient(to right,#adb5bd 0px,#adb5bd 4px,transparent 4px,transparent 8px)}.line.vertical.clickable{background:repeating-linear-gradient(to bottom,#adb5bd 0px,#adb5bd 4px,transparent 4px,transparent 8px)}.line.player-turn:hover{background:#007bff!important;z-index:2}.line.horizontal.player-turn:hover{transform:translate(-2px,2px) scale(1.05)}.line.vertical.player-turn:hover{transform:translate(2px,-2px) scale(1.05)}.line.horizontal{height:5px;border-radius:2px;transform:translate(-2px,2px)}.line.vertical{width:5px;border-radius:2px;transform:translate(2px,-2px)}.line.player{background:#28a745;cursor:default}.line.player:hover{transform:inherit}.line.horizontal.player{transform:translate(-2px,2px)}.line.vertical.player{transform:translate(2px,-2px)}.line.cpu{background:#dc3545;cursor:default}.line.cpu:hover{transform:inherit}.line.horizontal.cpu{transform:translate(-2px,2px)}.line.vertical.cpu{transform:translate(2px,-2px)}.box{position:absolute;border:2px solid transparent;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;transition:all .3s ease;z-index:0}.box.player{background:#007bff4d;border-color:#007bff;color:#0056b3}.box.cpu{background:#dc35454d;border-color:#dc3545;color:#721c24}.box.completed{animation:boxComplete .5s ease}@keyframes boxComplete{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.score-display{padding:15px;border-radius:10px;margin:0 5px}.player-score{background:linear-gradient(135deg,#007bff1a,#007bff33);border:2px solid #007bff4d}.cpu-score{background:linear-gradient(135deg,#dc35451a,#dc354533);border:2px solid #dc35454d}.score-number{font-size:2rem;font-weight:700;margin-bottom:5px}.player-score .score-number{color:#007bff}.cpu-score .score-number{color:#dc3545}.score-label{font-size:.9rem;color:#6c757d;font-weight:500}@media (max-width: 768px){.dots-and-boxes-board{padding:10px;min-height:250px}.score-display{padding:10px;margin:0 2px}.score-number{font-size:1.5rem}.dot{width:8px;height:8px}.line.horizontal{height:4px}.line.vertical{width:4px}.box{font-size:12px}}