:root{--bg-color: #F8FAFC;--surface-color: #FFFFFF;--text-color: #1E293B;--primary-color: #6366F1;--primary-hover: #4F46E5;--secondary-color: #94A3B8;--accent-color: #F1F5F9;--border-color: #E2E8F0;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tower-node-bg: #FFFFFF;--tower-op-bg: #F1F5F9;--transition: all .3s ease}[data-theme=dark]{--bg-color: #0F172A;--surface-color: #1E293B;--text-color: #F8FAFC;--primary-color: #818CF8;--primary-hover: #6366F1;--secondary-color: #64748B;--accent-color: #334155;--border-color: #334155;--tower-node-bg: #1E293B;--tower-op-bg: #334155}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:var(--transition);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:2rem}.logo{font-size:1.5rem;font-weight:800;color:var(--primary-color);text-decoration:none}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{text-decoration:none;color:var(--secondary-color);font-weight:500;transition:var(--transition)}.nav-links a:hover{color:var(--primary-color)}.btn{padding:.5rem 1.25rem;border-radius:9999px;font-weight:600;cursor:pointer;transition:var(--transition);border:1px solid transparent;display:inline-flex;align-items:center;gap:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5);pointer-events:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-outline{background-color:transparent;border-color:var(--border-color);color:var(--text-color)}.btn-outline:hover{background-color:var(--accent-color)}.game-area{display:grid;grid-template-columns:repeat(3,auto);gap:1.5rem;justify-content:center;align-items:stretch;margin-top:2rem;width:100%}.tower-section{display:flex;flex-direction:column;gap:1.5rem;background:var(--surface-color);padding:1.5rem;border-radius:2rem;box-shadow:var(--shadow);border:1px solid var(--border-color);height:100%;min-width:180px}.tower{display:flex;flex-direction:column-reverse;align-items:center;gap:0;position:relative;flex-grow:1;justify-content:center}.tower-layer{display:flex;align-items:center;gap:1.5rem;height:4.5rem;position:relative}.tower-slot{width:4rem;height:4rem;border-radius:100%;background:var(--tower-node-bg);border:2px dashed var(--border-color);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;transition:var(--transition);color:var(--primary-color);z-index:2;cursor:pointer}.tower-slot:hover{border-color:var(--primary-color);background:var(--accent-color)}.tower-slot.filled{border-style:solid;border-color:var(--primary-color);background:var(--accent-color)}.tower-op{width:3rem;height:3rem;background:var(--tower-op-bg);border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:var(--secondary-color);position:absolute;left:5.5rem;top:-1.5rem;z-index:1}.connector{position:absolute;width:2px;height:100%;background:var(--border-color);left:2rem;top:-100%;z-index:0}.number-bank-section{display:flex;flex-direction:column;gap:1rem;background:var(--surface-color);padding:1.5rem;border-radius:2rem;box-shadow:var(--shadow);border:1px solid var(--border-color);height:100%;min-width:160px}.tower-slot.next-available{border-color:var(--primary-color);border-style:solid;box-shadow:0 0 0 4px var(--accent-color)}.tower-slot.hint-correct{background:#10b981!important;border-color:#059669!important;color:#fff!important;box-shadow:0 0 15px #10b98166}.tower-slot.hint-incorrect{background:#ef4444!important;border-color:#dc2626!important;color:#fff!important;box-shadow:0 0 15px #ef444466}.calculation-section{display:flex;flex-direction:column;gap:1rem;background:var(--surface-color);padding:1.5rem;border-radius:2rem;box-shadow:var(--shadow);border:1px solid var(--border-color);height:100%;min-width:240px}.calculation-card{background:var(--surface-color);padding:1.5rem;border-radius:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border-color)}.number-bank{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.number-chip{width:3.5rem;height:3.5rem;border-radius:100%;background:var(--bg-color);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;cursor:grab;transition:var(--transition);user-select:none}.number-chip:not(.used){cursor:pointer}.number-chip:not(.used):hover{transform:translateY(-2px);border-color:var(--primary-color);background:var(--accent-color);box-shadow:var(--shadow)}.number-chip.used{opacity:.2;cursor:default;pointer-events:none}@keyframes solved-pulse{0%{transform:scale(1)}50%{transform:scale(1.05);border-color:#10b981}to{transform:scale(1);border-color:#10b981}}.solved .tower-slot{animation:solved-pulse 1s infinite;border-color:#10b981}.theme-toggle,.lang-toggle{background:var(--accent-color);border:none;padding:.5rem;border-radius:.75rem;cursor:pointer;color:var(--text-color);display:flex;align-items:center;justify-content:center}.theme-toggle svg{display:none}[data-theme=light] .theme-toggle .dark-icon,[data-theme=dark] .theme-toggle .light-icon{display:block}.cookie-banner[data-astro-cid-fzbxxtek]{position:fixed;bottom:0;left:0;right:0;background:var(--surface-color);border-top:1px solid var(--border-color);padding:1.5rem;box-shadow:0 -10px 25px -5px #0000001a;z-index:1000;transition:transform .5s cubic-bezier(.4,0,.2,1)}.cookie-banner[data-astro-cid-fzbxxtek].hidden{display:none}.translate-y-full[data-astro-cid-fzbxxtek]{transform:translateY(100%)}.cookie-banner-content[data-astro-cid-fzbxxtek]{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media(min-width:640px){.cookie-banner-content[data-astro-cid-fzbxxtek]{flex-direction:row;justify-content:space-between}}.cookie-banner-text[data-astro-cid-fzbxxtek]{font-size:.875rem;color:var(--secondary-color);line-height:1.5;flex:1}.cookie-banner-link[data-astro-cid-fzbxxtek]{color:var(--primary-color);text-decoration:underline;font-weight:500}.cookie-banner-actions[data-astro-cid-fzbxxtek]{display:flex;gap:.75rem;flex-shrink:0}[data-theme=dark] .cookie-banner[data-astro-cid-fzbxxtek]{background:#1e293b;box-shadow:0 -10px 25px -5px #0000004d}