[data-astro-cid-mxcmgwj3]{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f0f4f8;color:#333;min-height:100vh}.game-container[data-astro-cid-mxcmgwj3]{display:flex;flex-direction:column;min-height:100vh}.main-content[data-astro-cid-mxcmgwj3]{display:flex;flex:1;flex-direction:column;padding:1rem;padding:100px}.game-sections[data-astro-cid-mxcmgwj3]{display:flex;flex:1;gap:1.5rem;flex-direction:column}@media (min-width: 768px){.game-sections[data-astro-cid-mxcmgwj3]{flex-direction:row}}.editor-section[data-astro-cid-mxcmgwj3]{flex:1;background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;padding:1.5rem;display:flex;flex-direction:column}.editor-header[data-astro-cid-mxcmgwj3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.editor-header[data-astro-cid-mxcmgwj3] h2[data-astro-cid-mxcmgwj3]{font-size:1.5rem;color:#34d399}.level-indicator[data-astro-cid-mxcmgwj3]{background-color:#d1fae5;color:#34d399;padding:.5rem 1rem;border-radius:20px;font-weight:700}.editor-container[data-astro-cid-mxcmgwj3]{background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;padding:1rem;margin-bottom:1rem;flex:1}.editor-instructions[data-astro-cid-mxcmgwj3]{background-color:#ecfdf5;border-left:4px solid #10b981;padding:1rem;margin-bottom:1rem;border-radius:0 8px 8px 0}.editor-instructions[data-astro-cid-mxcmgwj3] h3[data-astro-cid-mxcmgwj3]{color:#047857;margin-bottom:.5rem}.editor-instructions[data-astro-cid-mxcmgwj3] p[data-astro-cid-mxcmgwj3]{color:#065f46;font-size:.9rem;line-height:1.5}#cssInput[data-astro-cid-mxcmgwj3]{width:100%;height:150px;padding:1rem;border:none;background-color:#1e293b;color:#e2e8f0;border-radius:8px;font-family:Courier New,monospace;font-size:.9rem;resize:none;margin-bottom:1rem;line-height:1.5}#cssInput[data-astro-cid-mxcmgwj3]::placeholder{color:#64748b}.editor-buttons[data-astro-cid-mxcmgwj3]{display:flex;gap:1rem}.btn[data-astro-cid-mxcmgwj3]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-primary[data-astro-cid-mxcmgwj3]{background-color:#34d399;color:#fff;box-shadow:0 4px 6px #34d39933}.btn-primary[data-astro-cid-mxcmgwj3]:hover{background-color:#10b981;transform:translateY(-2px);box-shadow:0 6px 8px #34d3994d}.btn-secondary[data-astro-cid-mxcmgwj3]{background-color:#e2e8f0;color:#475569}.btn-secondary[data-astro-cid-mxcmgwj3]:hover{background-color:#cbd5e1}.preview-section[data-astro-cid-mxcmgwj3]{flex:1;background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;padding:1.5rem;display:flex;flex-direction:column}.preview-header[data-astro-cid-mxcmgwj3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.preview-header[data-astro-cid-mxcmgwj3] h2[data-astro-cid-mxcmgwj3]{font-size:1.5rem;color:#34d399}.timer[data-astro-cid-mxcmgwj3]{background-color:#d1fae5;color:#34d399;padding:.5rem 1rem;border-radius:20px;font-weight:700}#gameArea[data-astro-cid-mxcmgwj3]{flex:1;background:linear-gradient(to bottom,#f0fdf4,#dcfce7);border-radius:8px;position:relative;overflow:hidden;min-height:300px;border:1px solid #bbf7d0;padding:20px}#flexContainer[data-astro-cid-mxcmgwj3]{width:100%;height:100%;border:2px dashed #34d399;padding:10px;background-color:#ffffffb3;border-radius:8px;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap}.flex-item[data-astro-cid-mxcmgwj3]{padding:15px;text-align:center;font-weight:700;border-radius:8px;margin:5px;min-width:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.flex-item[data-astro-cid-mxcmgwj3]:nth-child(1){background-color:#fecaca;color:#991b1b}.flex-item[data-astro-cid-mxcmgwj3]:nth-child(2){background-color:#fed7aa;color:#9a3412}.flex-item[data-astro-cid-mxcmgwj3]:nth-child(3){background-color:#fef08a;color:#854d0e}.flex-item[data-astro-cid-mxcmgwj3]:nth-child(4){background-color:#bbf7d0;color:#166534}.flex-item[data-astro-cid-mxcmgwj3]:nth-child(5){background-color:#bfdbfe;color:#1e40af}#targetLayout[data-astro-cid-mxcmgwj3]{position:absolute;top:10px;right:10px;width:100px;height:100px;background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:5px;box-shadow:0 2px 4px #0000001a;z-index:10;display:flex;align-items:center;justify-content:center;overflow:hidden}#targetLayout[data-astro-cid-mxcmgwj3] img[data-astro-cid-mxcmgwj3]{max-width:100%;max-height:100%;object-fit:contain}#message[data-astro-cid-mxcmgwj3]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;border-radius:30px;font-weight:700;box-shadow:0 4px 12px #00000026;z-index:100;opacity:0;transition:opacity .3s ease}.message-success[data-astro-cid-mxcmgwj3]{background-color:#dcfce7;color:#166534}.message-error[data-astro-cid-mxcmgwj3]{background-color:#fee2e2;color:#b91c1c}.message-visible[data-astro-cid-mxcmgwj3]{opacity:1!important}.hints-panel[data-astro-cid-mxcmgwj3]{background-color:#f8fafc;border-radius:8px;padding:1rem;margin-top:1rem}.hints-panel[data-astro-cid-mxcmgwj3] h3[data-astro-cid-mxcmgwj3]{color:#34d399;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.hints-panel[data-astro-cid-mxcmgwj3] h3[data-astro-cid-mxcmgwj3] svg[data-astro-cid-mxcmgwj3]{width:20px;height:20px}.hints-panel[data-astro-cid-mxcmgwj3] ul[data-astro-cid-mxcmgwj3]{list-style-type:none;padding-left:1.5rem}.hints-panel[data-astro-cid-mxcmgwj3] li[data-astro-cid-mxcmgwj3]{margin-bottom:.5rem;font-family:Courier New,monospace;color:#475569;font-size:.9rem}.hints-panel[data-astro-cid-mxcmgwj3] li[data-astro-cid-mxcmgwj3]:before{content:"→";margin-right:.5rem;color:#34d399}.confetti[data-astro-cid-mxcmgwj3]{position:absolute;width:10px;height:10px;opacity:1;animation:fall 3s ease-out forwards;z-index:20}@keyframes fall{0%{transform:translateY(-50px) rotate(0);opacity:1}to{transform:translateY(400px) rotate(360deg);opacity:0}}.progress-container[data-astro-cid-mxcmgwj3]{width:100%;height:8px;background-color:#e2e8f0;border-radius:4px;margin-top:1rem;overflow:hidden}.progress-bar[data-astro-cid-mxcmgwj3]{height:100%;background:linear-gradient(90deg,#34d399,#10b981);width:0%;transition:width .5s ease;border-radius:4px}