body{font-family:Quicksand,sans-serif;touch-action:manipulation;background-color:#fdfaf4;color:#3f3c3a}.highlight{animation:pulse-text 1.5s infinite}@keyframes pulse-text{0%,to{text-shadow:0 0 5px rgba(251,191,36,.7);color:#fef08a}50%{text-shadow:0 0 20px rgba(251,191,36,0);color:#fff}}.board-flipped .pit,.board-flipped .player-info,.board-flipped #status{transform:rotate(-180deg)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:40}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50}.content-section{max-width:800px;margin:0 auto;text-align:left}.content-section h1{font-size:2.25rem;font-weight:700;color:#92400e;margin-bottom:2rem}.content-section h2{font-size:1.75rem;font-weight:700;color:#92400e;margin-bottom:1rem}.content-section h3{font-size:1.5rem;font-weight:700;color:#b45309;margin-top:1.5rem;margin-bottom:.75rem}.content-section p,.content-section li{font-size:1.125rem;line-height:1.7;margin-bottom:1.25rem;color:#4b5563}.content-section ul{list-style-type:disc;padding-left:2rem}.content-section a{color:#d97706;text-decoration:underline}.content-section a:hover{color:#92400e}.firestore-content img{max-width:100%;height:auto;border-radius:.5rem;margin-top:1rem;margin-bottom:1rem}.pit{transition:all .3s ease;box-shadow:inset 0 2px 4px #0003;position:relative}.pit.mandarin{box-shadow:inset 0 4px 8px #0000004d}.pit.active-turn:hover{transform:translateY(-5px) scale(1.05);cursor:pointer;border-color:#f59e0b}.stone{width:1rem;height:1rem;border-radius:50%;background-color:#a16207;box-shadow:0 1px 3px #00000080;transition:all .2s ease-in-out}.player-info-box{transition:all .3s ease;border:2px solid transparent}.highlight{animation:pulse-border 2s infinite}@keyframes pulse-border{0%{box-shadow:0 0 #f59e0bb3}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.sowing-stone{animation:pop .3s ease-out}@keyframes pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.sow-highlight{background-color:#fef3c7!important;border-color:#fcd34d!important}.pit-selected{border-color:#3b82f6!important;transform:translateY(-5px) scale(1.05)}.board-flipped{transform:rotate(180deg)}.board-flipped .player-info,.board-flipped #status{transform:rotate(-180deg)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:90}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}.pit.capture-effect{box-shadow:0 0 20px 5px #f87171,inset 0 0 10px 3px #ef4444;transform:scale(1.1);transition:all .2s ease-in-out}.admin-hint-left,.admin-hint-right{border:3px dashed #9333ea!important;box-shadow:0 0 20px #9333ea80;position:relative;z-index:10}.admin-hint-left:after,.admin-hint-right:after{position:absolute;top:-35px;left:50%;transform:translate(-50%);background:#9333ea;color:#fff;padding:4px 10px;border-radius:20px;font-weight:700;font-size:14px;white-space:nowrap;box-shadow:0 4px 6px #0000004d;animation:bounce-hint 1s infinite;pointer-events:none}.admin-hint-left:after{content:"⬅ Đi Trái"}.admin-hint-right:after{content:"Đi Phải ➡"}@keyframes bounce-hint{0%,to{top:-35px}50%{top:-45px}}.admin-btn-highlight{background-color:#9333ea!important;border:2px solid #fff!important;box-shadow:0 0 15px #9333ea;transform:scale(1.1);font-weight:700;animation:pulse-btn .5s infinite alternate}@keyframes pulse-btn{0%{box-shadow:0 0 10px #9333ea}to{box-shadow:0 0 20px #d8b4fe}}.animate-spin-slow{animation:spin 3s linear infinite}.winner-found{color:#4ade80!important;text-shadow:0 0 30px rgba(74,222,128,.8);transform:scale(1.3);transition:all .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}