*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}#app{min-height:100vh;display:flex;flex-direction:column}.game-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.game-header h1{font-size:2.5rem;font-weight:700;color:#4a5568;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.game-info{display:flex;align-items:center;gap:2rem}.turn-indicator{font-size:1.2rem;font-weight:600;color:#2d3748}#current-player{color:#e53e3e;font-weight:700}.button-group{display:flex;gap:1rem}.action-btn{background:#4299e1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:#3182ce;transform:translateY(-2px);box-shadow:0 4px 12px #4299e166}#rotate-button{background:#38b2ac}#rotate-button:hover{background:#319795;box-shadow:0 4px 12px #38b2ac66}.reset-btn{background:#4299e1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.reset-btn:hover{background:#3182ce;transform:translateY(-2px);box-shadow:0 4px 12px #4299e166}.game-container{flex:1;display:flex;justify-content:center;align-items:center;gap:3rem;padding:2rem}.board{display:grid;grid-template-columns:repeat(8,70px);grid-template-rows:repeat(8,70px);gap:2px;background:#2d3748;padding:10px;border-radius:12px;box-shadow:0 10px 30px #0000004d;transition:transform .6s ease}.board.rotated{transform:rotate(180deg)}.square{width:70px;height:70px;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:all .2s ease;position:relative;border-radius:4px}.square.light{background:#f7fafc}.square.dark{background:#4a5568}.square:hover{transform:scale(1.05);box-shadow:0 4px 15px #0003}.square.selected{background:gold!important;box-shadow:0 0 15px #ffd70099}.square.valid-move{background:#48bb78!important;animation:pulse 1.5s infinite}.square.valid-capture{background:#e53e3e!important;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.piece{font-size:2.2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);transition:transform .2s ease}.piece:hover{transform:scale(1.1)}.piece.white{filter:brightness(1.4) contrast(1) saturate(1);text-shadow:4px 4px 4px rgba(0,0,0,.1)}.piece.black{filter:brightness(.4) contrast(1) saturate(.1);text-shadow:4px 4px 3px rgba(255,255,255,.2);transform:rotate(180deg)}.piece.black:hover{transform:rotate(180deg) scale(1.1)}.game-sidebar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;width:300px;box-shadow:0 10px 30px #0000001a}.piece-guide h3{color:#2d3748;margin-bottom:1rem;font-size:1.5rem;text-align:center}.piece-info{display:flex;flex-direction:column;gap:.75rem}.piece-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;background:#ffffff80;transition:background .2s ease}.piece-item:hover{background:#fffc}.piece-symbol{font-size:1.5rem;width:30px;text-align:center}.piece-name{font-weight:600;color:#2d3748;min-width:80px}.piece-desc{font-size:.9rem;color:#4a5568}.captured-pieces{margin-top:2rem;padding-top:1rem;border-top:2px solid #e2e8f0}.captured-pieces h4{color:#2d3748;margin-bottom:1rem;font-size:1.2rem;text-align:center}.captured-section{margin-bottom:1rem}.captured-section h5{color:#4a5568;font-size:1rem;margin-bottom:.5rem;font-weight:600}.captured-list{display:flex;flex-wrap:wrap;gap:.5rem;min-height:2rem}.captured-piece{font-size:1.5rem;opacity:.7;transition:opacity .2s ease}.captured-piece.white{filter:brightness(1.4) contrast(1) saturate(1)}.captured-piece.black{filter:brightness(.4) contrast(1) saturate(.1);transform:rotate(180deg)}.captured-piece:hover{opacity:1}.game-over{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.game-over-content{background:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 20px 40px #0000004d}.game-over h2{color:#2d3748;margin-bottom:1rem;font-size:2rem}.game-over p{color:#4a5568;margin-bottom:2rem;font-size:1.2rem}.game-over button{background:#4299e1;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.game-over button:hover{background:#3182ce}@media(max-width:1024px){.game-container{flex-direction:column;gap:2rem}.game-sidebar{width:100%;max-width:600px}.piece-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem}}@media(max-width:768px){.board{grid-template-columns:repeat(8,50px);grid-template-rows:repeat(8,50px)}.square{width:50px;height:50px;font-size:1.5rem}.game-header{flex-direction:column;gap:1rem;text-align:center}.game-header h1{font-size:2rem}}