.puzzle-controls{display:flex;flex-direction:column;gap:12px;padding:16px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:0;border-top:1px solid rgba(255,255,255,.1)}@media(min-width:1024px){.puzzle-controls{border-radius:12px;border:2px solid rgba(255,255,255,.1);padding:20px}}.control-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media(max-width:768px){.control-buttons{gap:8px}}.control-btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0003;flex:1;min-width:100px}@media(max-width:768px){.control-btn{padding:14px 16px;font-size:15px}}.control-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.control-btn:active{transform:translateY(0)}.hint-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e}.hint-btn:hover{background:linear-gradient(135deg,#ffed4e,gold)}.retry-btn{background:linear-gradient(135deg,#2196f3,#64b5f6);color:#fff}.retry-btn:hover{background:linear-gradient(135deg,#64b5f6,#2196f3)}.skip-btn{background:linear-gradient(135deg,#9e9e9e,#bdbdbd);color:#fff}.skip-btn:hover{background:linear-gradient(135deg,#bdbdbd,#9e9e9e)}.solution-btn{background:linear-gradient(135deg,#673ab7,#9575cd);color:#fff}.solution-btn:hover{background:linear-gradient(135deg,#9575cd,#673ab7)}.next-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.next-btn:hover{background:linear-gradient(135deg,#66bb6a,#4caf50)}.hint-message,.solution-message{padding:12px 16px;border-radius:8px;text-align:center;font-size:14px;font-weight:500}.hint-message{background:#ffd70033;border:1px solid rgba(255,215,0,.4);color:gold}.solution-message{background:#673ab733;border:1px solid rgba(103,58,183,.4);color:#9575cd}.auto-load-toggle{display:flex;align-items:center;justify-content:center;gap:10px}.toggle-label{font-size:.9rem;color:#ccc;font-weight:500}.switch{position:relative;display:inline-block;width:40px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#444;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translate(18px)}