*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.game-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:30px;max-width:900px;width:100%}header{text-align:center;margin-bottom:30px}header h1{color:#333;font-size:2.5em;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.game-info{display:flex;justify-content:center;gap:40px;font-size:1.1em;color:#666}.game-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:40px;flex-wrap:wrap}.difficulty-selector{display:flex;align-items:center;gap:10px}.difficulty-selector label{font-weight:700;color:#333}.difficulty-selector select{padding:8px 12px;border:2px solid #ddd;border-radius:8px;font-size:14px;background:#fff}.button-group{display:flex;gap:15px;align-items:center}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn:active{transform:translateY(0)}.game-board{display:flex;justify-content:space-around;align-items:flex-end;height:400px;margin-bottom:30px;padding:20px 0}.tower{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease}.tower:hover{transform:scale(1.02)}.tower.selected{background:#667eea1a;border-radius:10px;padding:10px}.tower-label{font-size:24px;font-weight:700;color:#333;margin-bottom:10px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tower-pole{width:8px;height:300px;background:linear-gradient(to bottom,#8b4513,sienna);border-radius:4px;position:relative;box-shadow:2px 0 5px #0003}.tower-base{width:120px;height:20px;background:linear-gradient(to bottom,#654321,#8b4513);border-radius:10px;margin-top:-10px;box-shadow:0 3px 10px #0000004d}.disk-container{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center}.disk{height:25px;border-radius:12px;margin:2px 0;cursor:pointer;position:relative;transition:all .3s ease;box-shadow:0 3px 8px #0003;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.disk:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}.disk.selected{transform:translateY(-8px);box-shadow:0 8px 20px #667eea66;border-color:#667eea}.disk[draggable=true]{cursor:grab;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.disk.dragging{opacity:.8;transform:rotate(5deg) scale(1.05);cursor:grabbing;z-index:1000;box-shadow:0 10px 25px #0006;transition:none}.tower.drag-over{background:#667eea1a;border-radius:15px;transform:scale(1.02)}.tower.drag-valid{background:#4caf5033;border:2px dashed #4CAF50}.tower.drag-invalid{background:#f4433633;border:2px dashed #F44336}@media (max-width: 768px){.disk[draggable=true]{cursor:pointer}.disk.dragging{opacity:.7;transform:scale(1.1);box-shadow:0 8px 25px #0000004d}}.tower.drag-valid .tower-label{color:#4caf50;transform:scale(1.1)}.tower.drag-invalid .tower-label{color:#f44336;transform:scale(1.1)}.disk.disk-1{width:60px;background:linear-gradient(45deg,#ff6b6b,#ff8e53)}.disk.disk-2{width:80px;background:linear-gradient(45deg,#4ecdc4,#44a08d)}.disk.disk-3{width:100px;background:linear-gradient(45deg,#45b7d1,#96c93d)}.disk.disk-4{width:120px;background:linear-gradient(45deg,#f093fb,#f5576c)}.disk.disk-5{width:140px;background:linear-gradient(45deg,#4481eb,#04befe)}.disk.disk-6{width:160px;background:linear-gradient(45deg,#fdbb2d,#22c1c3)}.game-rules{background:#f8f9fa;padding:20px;border-radius:10px;margin-bottom:20px}.game-rules h3{color:#333;margin-bottom:15px;font-size:1.3em}.game-rules ul{list-style:none;padding:0}.game-rules li{color:#555;position:relative;padding:8px 0 8px 25px}.game-rules li:before{content:"•";color:#667eea;font-weight:700;position:absolute;left:0;font-size:1.2em}.victory-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 60px #0000004d;text-align:center;display:none;z-index:1000;border:3px solid #667eea}.victory-message.show{display:block;animation:victoryPop .5s ease-out}@keyframes victoryPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.victory-message h2{color:#333;margin-bottom:15px;font-size:2em}.victory-message p{color:#666;font-size:1.2em;margin-bottom:20px}.victory-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.share-btn{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.share-btn:hover{background:linear-gradient(135deg,#45b7aa,#3d8b7a);transform:translateY(-2px)}.share-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;padding:30px;box-shadow:0 20px 40px #0000004d;z-index:2000;display:none;max-width:500px;width:90%;border:3px solid #667eea}.share-card-header{text-align:center;margin-bottom:20px}.share-card-title{font-size:24px;font-weight:700;color:#333;margin:0 0 10px}.share-card-subtitle{font-size:16px;color:#666;margin:0}.share-card-content{display:flex;gap:20px;align-items:center;margin-bottom:20px}.share-card-info{flex:1}.share-card-info h3{margin:0 0 10px;color:#333;font-size:18px}.share-card-info p{margin:5px 0;color:#666;font-size:14px}.screenshot-container{position:relative}.share-card-screenshot{width:200px;height:150px;border-radius:10px;border:2px solid #ddd;object-fit:cover}.qr-section{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;padding:15px;background:#667eea1a;border-radius:15px;border:2px solid rgba(102,126,234,.2)}.share-card-qr{width:100px;height:100px;border-radius:10px;border:2px solid #ddd;margin-bottom:8px}.qr-text{margin:0;font-size:12px;color:#667eea;font-weight:700;text-align:center}.share-card-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.share-card-actions .btn{flex:1;max-width:150px}.moving{animation:diskMove .5s ease-in-out}@keyframes diskMove{0%{transform:translateY(0)}50%{transform:translateY(-50px)}to{transform:translateY(0)}}.invalid-move{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 768px){.game-container{padding:20px}header h1{font-size:2em}.game-info{flex-direction:column;gap:10px}.game-board{height:300px;padding:10px 0}.tower-pole{height:200px}.tower-base{width:80px}.disk{height:20px}.disk.disk-1{width:40px}.disk.disk-2{width:55px}.disk.disk-3{width:70px}.disk.disk-4{width:85px}.disk.disk-5{width:100px}.disk.disk-6{width:115px}}.floating-audio-control{position:absolute;top:20px;right:20px;z-index:1000}.floating-audio-btn{width:50px;height:50px;padding:0;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:50%;background:none;border:none;color:#fff;cursor:pointer;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.5)}.floating-audio-btn:hover{transform:scale(1.2);text-shadow:0 4px 8px rgba(0,0,0,.7)}.floating-audio-btn:active{transform:scale(.95)}@media (max-width: 768px){.game-controls{flex-direction:column;gap:15px;align-items:center}.difficulty-selector{margin-bottom:10px}.button-group{gap:10px}.btn{min-width:100px;padding:12px 16px;font-size:13px}.floating-audio-control{top:15px;right:15px}.floating-audio-btn{width:45px;height:45px;font-size:18px}.share-card{width:95%;padding:20px}.share-card-content{flex-direction:column;text-align:center}.share-card-screenshot{width:100%;height:200px}.qr-section{margin-top:15px;padding:12px}.share-card-qr{width:80px;height:80px}.qr-text{font-size:11px}.victory-buttons{flex-direction:column;align-items:center}.victory-buttons .btn{width:100%;max-width:200px}}