.grid-container{display:flex;justify-content:center;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(10,50px);grid-template-rows:repeat(10,50px);gap:2px;background:#ddd;padding:2px;border-radius:10px;box-shadow:0 10px 30px #0003}.cell{background:white;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.cell:hover:not(.disabled){background:#f0f0f0;transform:scale(1.1);z-index:10;box-shadow:0 4px 12px #00000026}.cell.selected{background:#667eea;color:#fff;transform:scale(1.05)}.cell.disabled{cursor:not-allowed;opacity:.6}.cell.updated{animation:pulse .5s ease}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (max-width: 768px){.grid{grid-template-columns:repeat(10,40px);grid-template-rows:repeat(10,40px)}.cell{font-size:18px}}.history-section{border-top:2px solid #eee;padding-top:30px;margin-top:30px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.history-header h2{font-size:1.8rem;color:#333}.history-controls{display:flex;gap:10px}.history-controls button{padding:10px 20px;font-size:1rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.history-controls button:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.history-controls button:disabled{background:#ccc;cursor:not-allowed;transform:none}.timeline-container{margin-bottom:20px}#timeline{width:100%;height:8px;border-radius:4px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ddd;margin-bottom:10px}#timeline::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;transition:all .3s ease}#timeline::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #667eea33}#timeline::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;border:none}#timeline:disabled{opacity:.5;cursor:not-allowed}.timeline-info{text-align:center;font-size:1rem;color:#666}.history-list{max-height:300px;overflow-y:auto;background:#f9f9f9;border-radius:10px;padding:15px}.history-item{padding:12px;background:white;margin-bottom:10px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d;transition:all .3s ease;opacity:.4}.history-item.active{opacity:1}.history-item:hover{transform:translate(5px);box-shadow:0 4px 8px #0000001a}.history-item .update-info{display:flex;gap:15px;align-items:center}.history-item .cell-pos{font-weight:700;color:#667eea;background:#f0f0ff;padding:5px 10px;border-radius:5px}.history-item .character{font-size:1.5rem;min-width:30px;text-align:center}.history-item .timestamp{color:#999;font-size:.9rem}.history-list::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.history-list::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.history-list::-webkit-scrollbar-thumb:hover{background:#5568d3}.container{background:white;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden}header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:30px;text-align:center}header h1{font-size:2.5rem;margin-bottom:15px;font-weight:700}.player-info{display:flex;justify-content:center;align-items:center;gap:20px}.player-count{background:rgba(255,255,255,.2);padding:10px 25px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.1rem}.player-count .count{font-weight:700;font-size:1.3rem;margin-left:8px}main{padding:40px}.controls{text-align:center;margin-bottom:40px}.controls form{display:flex;flex-direction:column;align-items:center;gap:15px}.input-group{margin-bottom:10px}.input-group label{display:block;font-size:1.1rem;font-weight:600;color:#333;margin-bottom:10px}#charInput{width:200px;padding:15px;font-size:1.5rem;text-align:center;border:2px solid #ddd;border-radius:10px;transition:all .3s ease}#charInput:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}#charInput:disabled{background:#f5f5f5;cursor:not-allowed}.submit-btn{padding:12px 40px;font-size:1.1rem;background:#667eea;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600}.submit-btn:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.status-message{margin-top:15px;font-size:1rem;min-height:24px;font-weight:500}.status-message.info{color:#667eea}.status-message.success{color:#10b981}.status-message.error{color:#ef4444}.timer{margin-top:15px;font-size:1.2rem;font-weight:700;color:#ef4444;padding:10px 20px;background:#fee;border-radius:8px;display:inline-block}@media (max-width: 768px){header h1{font-size:2rem}main{padding:20px}#charInput{width:150px;font-size:1.2rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px}#root{max-width:1200px;margin:0 auto}