@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes celebrate{0%,100%{transform:scale(1)}25%{transform:scale(1.05) rotate(1deg)}75%{transform:scale(1.05) rotate(-1deg)}}.game-board{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;max-width:300px;margin:2rem auto;background:#e9ecef;padding:20px;border-radius:15px;box-shadow:inset 0 4px 8px rgba(0,0,0,.1);}.cell{aspect-ratio:1;background:white;border:none;border-radius:10px;font-size:2rem;font-weight:bold;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;min-height:80px;}.cell:hover:not(.taken){background:#f8f9fa;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15);}.cell.taken{cursor:not-allowed;}.cell.x{color:#dc3545;}.cell.o{color:#007bff;}.winning-cell{background:linear-gradient(45deg,#28a745,#20c997)!important;color:white!important;animation:pulse 1s infinite;}.player-info{align-items:center;border-radius:15px;background:#e9ecef;box-shadow:inset 0 4px 8px rgba(0,0,0,.1);}.player{text-align:center;border-radius:8px;transition:all .3s ease;}.player.active{background:#fff;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,123,255,.3);}.game-status{padding:.5rem 1rem;text-align:center;border-radius:10px;font-weight:bold;font-size:1.2rem;}.status-playing{background:linear-gradient(45deg,#17a2b8,#138496);color:white;}.status-winner{background:linear-gradient(45deg,#28a745,#20c997);color:white;animation:celebrate 2s ease-in-out;}.status-draw{background:linear-gradient(45deg,#ffc107,#e0a800);color:#212529;}.score-board{align-items:center;border-radius:15px;background:#e9ecef;box-shadow:inset 0 4px 8px rgba(0,0,0,.1);}.score-item{position:relative;text-align:center;}.score-number{font-size:2rem;font-weight:bold;margin-top:.5rem;}.btn-custom{background:linear-gradient(45deg,#28a745,#20c997);border:none;border-radius:25px;padding:10px 25px;font-weight:bold;transition:all .3s ease;box-shadow:0 4px 8px rgba(40,167,69,.3);}.btn-custom:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(40,167,69,.4);}.controls{text-align:center;margin-top:2rem;}.crown-container{position:absolute;top:-50px;left:50%;transform:translateX(-50%);z-index:10;width:50px;height:50px;display:flex;align-items:center;justify-content:center;}@keyframes crown-shine{0%,100%{transform:rotate(0deg) translateX(0) translateY(0);opacity:.85;text-shadow:0 0 8px rgba(255,193,7,.3)}20%{transform:rotate(5deg) translateX(2px) translateY(-1px);opacity:.9;text-shadow:0 0 12px rgba(255,193,7,.4)}50%{transform:rotate(-5deg) translateX(-2px) translateY(-2px);opacity:1;text-shadow:0 0 15px rgba(255,193,7,.6)}80%{transform:rotate(3deg) translateX(1px) translateY(-1px);opacity:.95;text-shadow:0 0 12px rgba(255,193,7,.5)}}.crown-icon{font-size:3rem;color:#ffc107!important;filter:drop-shadow(0 2px 8px rgba(255,193,7,.4));animation:crown-shine 4s ease-in-out infinite;position:static;transform:none;transition:none;}@media (max-width:768px){.crown-icon{font-size:2.5rem}.crown-container{top:-8px;width:45px;height:45px}.score-number{font-size:2rem}.score-item{min-height:100px;padding:15px}}@keyframes crownEnter{0%{opacity:0;transform:translateY(-20px) scale(.5)}100%{opacity:1;transform:translateY(0) scale(1)}}.crown-enter{animation:crownEnter .6s ease-out;}