body{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);min-height:100vh;font-family:Kanit,sans-serif}.glass-panel{background:#ffffff08;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000005e}.cell{transition:all .3s ease;position:relative;overflow:hidden}.cell:hover:not(.occupied){background:#00d9ff26;transform:scale(1.05);cursor:pointer}.cell.valid-move:after{content:"";position:absolute;width:30%;height:30%;background:#00d9ff66;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.piece{width:80%;height:80%;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 15px #00000080}.piece.black{background:radial-gradient(circle at 30% 30%,#4a4a4a,#000);border:2px solid #333}.piece.white{background:radial-gradient(circle at 30% 30%,#fff,#e0e0e0);border:2px solid #ccc}.piece.flipping{animation:flip-piece .6s ease-in-out}@keyframes flip-piece{0%{transform:translate(-50%,-50%) rotateY(0) scale(1)}50%{transform:translate(-50%,-50%) rotateY(90deg) scale(1.2)}to{transform:translate(-50%,-50%) rotateY(0) scale(1)}}.piece.placed{animation:place-piece .5s ease-out}@keyframes place-piece{0%{transform:translate(-50%,-50%) scale(0);opacity:0}60%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.score-bar{transition:width .5s ease}.btn-glass{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.btn-glass:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 10px 30px #00d9ff33}.btn-glass:active{transform:translateY(0)}.difficulty-btn.active{background:#00d9ff4d;border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d}.turn-indicator{transition:all .3s ease}.turn-indicator.active{box-shadow:0 0 30px currentColor;transform:scale(1.1)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.last-move{box-shadow:inset 0 0 20px #00d9ff80}.corner-piece{position:absolute;width:8px;height:8px;border-radius:50%;background:#ffffff4d}.particle{position:absolute;pointer-events:none;border-radius:50%;animation:particle-float 1s ease-out forwards}@keyframes particle-float{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.history-item{transition:all .2s ease}.history-item:hover{background:#ffffff0d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.board-container{box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d,inset 0 0 80px #0000004d}.glow-text{text-shadow:0 0 20px rgba(0,217,255,.5)}.stat-card{transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}@media (max-width: 768px){.game-layout{flex-direction:column}.board-wrapper{order:1}.sidebar-left{order:2}.sidebar-right{order:3}}