*{box-sizing:border-box;margin:0;padding:0}body{color:#333;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#ffeaa7 0%,#fdcb6e 100%);min-height:100vh;padding:20px;font-family:Segoe UI,Toto,sans-serif}.container{max-width:1400px;margin:0 auto}.header{background:#fff;border-radius:15px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 30px;display:flex;box-shadow:0 4px 6px #0000001a}h1{color:#4a5568;font-size:2rem}.main-content{grid-template-columns:1fr 400px;gap:20px;display:grid}.board-container{background:#fff;border-radius:15px;padding:20px;box-shadow:0 8px 16px #00000026}#board{cursor:default;-webkit-user-select:none;user-select:none;width:100%;height:auto}.control-panel{flex-direction:column;gap:20px;display:flex}.card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 6px #0000001a}.card h2{color:#4a5568;align-items:center;gap:8px;margin-bottom:15px;font-size:1.3rem;display:flex}.setting-group{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.setting-group:last-child{margin-bottom:0}.setting-group label{color:#4a5568;font-weight:600}select{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:8px 15px;font-size:1rem;transition:all .3s}select:hover{border-color:#667eea}select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 25px;font-size:1rem;font-weight:600;transition:all .3s}.btn-reset{color:#fff;background:#ef4444}.btn-reset:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d}.team-name-item{border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:10px;transition:background .3s;display:flex}.team-name-item:hover{background:#f7fafc}.team-color{border:3px solid #333;border-radius:50%;flex-shrink:0;width:30px;height:30px}.team-name-input{border:2px solid #e2e8f0;border-radius:8px;flex:1;padding:8px 12px;font-size:1rem;transition:all .3s}.team-name-input:hover{border-color:#cbd5e0}.team-name-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.instructions{color:#4a5568;padding-left:20px;line-height:1.8}.instructions li{margin-bottom:8px}.special-points-list{max-height:500px;margin-bottom:15px;overflow-y:auto}.special-point-item{background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;margin-bottom:12px;padding:15px;transition:all .3s}.special-point-item:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #00000014}.special-point-header{gap:10px;margin-bottom:12px;display:flex}.special-type{cursor:pointer;border:2px solid #e2e8f0;border-radius:6px;flex:1;padding:8px 12px;font-size:1rem;font-weight:600}.btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px 15px;font-size:1rem;transition:all .3s}.btn-delete:hover{background:#dc2626;transform:scale(1.05)}.special-point-controls{flex-direction:column;gap:10px;display:flex}.control-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.control-row label{color:#4a5568;min-width:50px;font-size:.9rem;font-weight:600}.control-row input[type=text]{border:2px solid #e2e8f0;border-radius:6px;flex:1;padding:6px 10px;font-size:.9rem}.control-row input[type=number]{border:2px solid #e2e8f0;border-radius:6px;width:70px;padding:6px 10px;font-size:.9rem}.control-row input[type=range]{flex:1;min-width:100px}.control-row span{color:#667eea;text-align:center;min-width:35px;font-weight:600}.btn-add{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;margin-bottom:10px;padding:12px;font-size:1rem;font-weight:600;transition:all .3s}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;width:100%;padding:12px;font-size:1rem;font-weight:600;transition:all .3s}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.node{pointer-events:none}.piece{cursor:grab;transition:filter .2s}.piece:hover{filter:brightness(1.05)}.piece.dragging{cursor:grabbing;filter:brightness(1.1)drop-shadow(0 0 8px #0000004d)}.shortcut-effect{animation:.8s ease-in-out shortcut-pulse}@keyframes shortcut-pulse{0%,to{filter:brightness()drop-shadow(0 0 #4a90e200);transform:scale(1)}50%{filter:brightness(1.3)drop-shadow(0 0 20px #4a90e2cc);transform:scale(1.2)}}.trap-effect{animation:.8s ease-in-out trap-shake}@keyframes trap-shake{0%,to{filter:brightness()drop-shadow(0 0 #e74c3c00);transform:translate(0)scale(1)}10%,30%,50%,70%,90%{filter:brightness(.8)drop-shadow(0 0 15px #e74c3ccc);transform:translate(-5px)scale(.95)}20%,40%,60%,80%{filter:brightness(.8)drop-shadow(0 0 15px #e74c3ccc);transform:translate(5px)scale(.95)}}@media (width<=1200px){.main-content{grid-template-columns:1fr}.control-panel{flex-flow:wrap;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{min-height:auto}}@media (width<=768px){body{padding:10px}h1{font-size:1.3rem}.header{flex-wrap:wrap;gap:10px;padding:12px 15px}.control-panel{grid-template-columns:1fr;gap:15px}.card{padding:15px}.card h2{font-size:1.1rem}.board-container{padding:10px}.piece circle{r:18}select,.btn{padding:8px 15px;font-size:.95rem}.team-name-input{padding:6px 10px;font-size:.95rem}.instructions{font-size:.9rem;line-height:1.6}}@media (width<=480px){h1{font-size:1.1rem}.header{padding:10px}.btn{padding:6px 12px;font-size:.85rem}.card{padding:12px}.card h2{margin-bottom:10px;font-size:1rem}.setting-group{flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:12px}.setting-group label{font-size:.9rem}select{width:100%}}@keyframes capture{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.captured{animation:.5s ease-in-out capture}