*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fafafa;color:#374151;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.game-container{max-width:600px;width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.game-header{text-align:center;width:100%}.game-title{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.5rem}.game-subtitle{font-size:.95rem;color:#6b7280}.instructions-container{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.instructions-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1.25rem;text-align:center}.instructions-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.instruction-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.instruction-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:8px;padding:.75rem}.instruction-text{font-size:.875rem;font-weight:600;color:#374151;max-width:140px}.icon-connect,.icon-fill{width:100%;height:100%;display:block;object-fit:contain}#app{display:flex;align-items:center;justify-content:center;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}#app canvas{display:block;max-width:100%;height:auto;border-radius:8px;touch-action:none}.button-container{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;width:100%}button{padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}#solution-btn{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}#solution-btn:hover{background:#e5e7eb;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}#solution-btn:active{transform:translateY(0)}#next-btn{background:#6366f1;color:#fff;box-shadow:0 2px 4px #6366f133}#next-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d}#next-btn:active{transform:translateY(0)}#win-ui{text-align:center;padding:1.5rem;background:#fff;border:2px solid #6366f1;border-radius:12px;box-shadow:0 4px 12px #6366f133;animation:slideIn .3s ease}#win-ui h2{font-size:1.5rem;color:#111827;margin-bottom:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#hint-ui{text-align:center;padding:1.5rem;background:#fff;border:2px solid #f59e0b;border-radius:12px;box-shadow:0 4px 12px #f59e0b33;animation:slideIn .3s ease}#hint-ui h2{font-size:1.5rem;color:#111827;margin-bottom:.75rem}#hint-ui p{font-size:.95rem;color:#374151;margin-bottom:1rem;line-height:1.5}#hint-ui strong{color:#f59e0b;font-weight:700}#hint-close-btn{background:#f59e0b;color:#fff;box-shadow:0 2px 4px #f59e0b33}#hint-close-btn:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b4d}#hint-close-btn:active{transform:translateY(0)}@media(max-width:640px){.game-title{font-size:1.5rem}.instructions-grid{grid-template-columns:1fr;gap:1.5rem}.instruction-icon{width:80px;height:80px}.button-container{flex-direction:column;width:100%}button{width:100%}#app canvas{width:100%!important;height:auto!important}}@media(max-width:480px){body{padding:1rem .5rem}.game-container{gap:1.5rem}.instructions-container{padding:1rem}.game-title{font-size:1.25rem}.instruction-icon{width:70px;height:70px}.instruction-text{font-size:.8rem}}