@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:400 800;src:url(../fonts/Nunito-Variable.woff2) format("woff2")}:root{--color-bg:#f5f0ff;--color-bg-alt:#ffe8f5;--color-bg-gradient:linear-gradient(135deg,#f5f0ff,#ffe8f5);--color-text:#2d1b4e;--color-text-muted:#6b5b8a;--color-text-light:#9785b5;--color-pink:#ff6b9d;--color-purple:#b388ff;--color-blue:#7dd3fc;--color-mint:#86efac;--color-yellow:#fde047;--color-orange:#fdba74;--color-wort:var(--color-pink);--color-logik:var(--color-purple);--color-visual:var(--color-blue);--color-mathe:var(--color-mint);--color-raum:var(--color-yellow);--color-correct:#22c55e;--color-present:#eab308;--color-absent:#94a3b8;--color-empty:#e2e8f0;--color-primary:#6366f1;--color-primary-light:rgba(99,102,241,.15);--color-primary-dark:#4f46e5;--color-primary-hover:#4f46e5;--color-primary-rgb:99,102,241;--color-primary-alpha:rgba(99,102,241,.3);--color-error:#ef4444;--color-error-light:rgba(239,68,68,.15);--color-error-alpha:rgba(239,68,68,.3);--color-success:#22c55e;--color-success-bg:#dcfce7;--color-warning:#f59e0b;--color-warning-light:rgba(245,158,11,.15);--color-info:#0ea5e9;--color-info-bg:#e0f2fe;--color-info-border:#7dd3fc;--color-border:#d4c8e8;--color-border-light:#e8dff5;--color-surface-alt:#ede6f7;--color-timer-normal:var(--color-mint);--color-timer-warning:var(--color-yellow);--color-timer-critical:var(--color-orange);--color-timer-panic:#ef4444;--font-primary:"Nunito",system-ui,-apple-system,sans-serif;--font-display:"Nunito",system-ui,-apple-system,sans-serif;--font-mono:"Nunito",ui-monospace,system-ui,sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-hero:clamp(2.5rem,6vw,4rem);--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-size-xs:var(--text-xs);--font-size-sm:var(--text-sm);--font-size-base:var(--text-base);--font-size-lg:var(--text-lg);--font-size-xl:var(--text-xl);--color-surface:var(--color-bg);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:12px;--radius-md:20px;--radius-lg:30px;--radius-xl:40px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--toast-top:80px;--header-height:60px;--bottom-nav-height:56px;--bottom-nav-height-safe: calc(56px + env(safe-area-inset-bottom, 0px)) ;--transition-slide:.3s cubic-bezier(.25,.46,.45,.94)}:root{--clay-shadow:8px 8px 16px rgba(166,141,204,.4),-4px -4px 12px hsla(0,0%,100%,.9),inset 2px 2px 4px hsla(0,0%,100%,.6),inset -1px -1px 3px rgba(166,141,204,.2);--clay-shadow-hover:12px 12px 24px rgba(166,141,204,.5),-6px -6px 16px #fff,inset 2px 2px 4px hsla(0,0%,100%,.7),inset -1px -1px 3px rgba(166,141,204,.3);--clay-shadow-pressed:4px 4px 8px rgba(166,141,204,.3),-2px -2px 6px hsla(0,0%,100%,.8),inset 4px 4px 8px rgba(166,141,204,.3),inset -2px -2px 4px hsla(0,0%,100%,.5);--clay-shadow-soft:4px 4px 8px rgba(166,141,204,.3),-2px -2px 6px hsla(0,0%,100%,.8),inset 1px 1px 2px hsla(0,0%,100%,.5),inset -1px -1px 2px rgba(166,141,204,.15)}.clay{background:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--clay-shadow);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.clay:hover{box-shadow:var(--clay-shadow-hover)}.clay.pressed,.clay:active{box-shadow:var(--clay-shadow-pressed);transform:translateY(2px)}.clay-card{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--clay-shadow);padding:var(--space-lg);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.clay-card:hover{box-shadow:var(--clay-shadow-hover)}.clay-button{align-items:center;background:var(--color-bg);border:none;border-radius:var(--radius-md);box-shadow:var(--clay-shadow);color:var(--color-text);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--space-sm);justify-content:center;min-height:48px;min-width:48px;padding:var(--space-sm) var(--space-lg);touch-action:manipulation;transition:box-shadow var(--transition-normal),transform var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.clay-button:hover{box-shadow:var(--clay-shadow-hover)}.clay-button:active{box-shadow:var(--clay-shadow-pressed);transform:scale(.95) translateY(2px)}.clay-button:disabled{cursor:not-allowed;opacity:.5}.clay-button--primary{background:var(--color-pink);color:#fff}.clay-button--secondary{background:var(--color-purple);color:#fff}.clay-input{background:var(--color-bg);border:none;border-radius:var(--radius-md);box-shadow:var(--clay-shadow-pressed);color:var(--color-text);font-family:var(--font-primary);font-size:var(--text-base);outline:none;padding:var(--space-md);transition:box-shadow var(--transition-normal)}.clay-input:focus{box-shadow:var(--clay-shadow-pressed),0 0 0 3px var(--color-purple)}.clay-cell{align-items:center;background:var(--color-bg);border-radius:var(--radius-sm);box-shadow:var(--clay-shadow-soft);color:var(--color-text);display:flex;font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--font-extrabold);height:56px;justify-content:center;text-transform:uppercase;transition:background-color var(--transition-slow),transform var(--transition-fast);width:56px}.clay-cell--correct{background:var(--color-correct);color:#fff}.clay-cell--present{background:var(--color-present);color:#fff}.clay-cell--absent{background:var(--color-absent);color:#fff}.clay-cell--empty{background:var(--color-empty)}.clay-cell--tbd{background:var(--color-bg);border:2px solid var(--color-text-light)}.clay-cell--active{transform:scale(1.05)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg-gradient);color:var(--color-text);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-bold);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-extrabold);line-height:1.2}h1{font-size:var(--text-hero)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}a{color:var(--color-purple);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-pink)}:focus-visible{outline:3px solid var(--color-purple);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-md);width:100%}@media(min-width:768px){.container{padding:0 var(--space-xl)}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.error-page[data-v-8f68fd0b]{align-items:center;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:var(--space-lg)}.error-card[data-v-8f68fd0b]{max-width:480px;padding:var(--space-xl);text-align:center;width:100%}.error-emoji[data-v-8f68fd0b]{font-size:4rem;margin-bottom:var(--space-md)}.error-code[data-v-8f68fd0b]{color:var(--color-text-light);font-size:var(--text-5xl,3rem);font-weight:var(--font-extrabold,800);line-height:1;margin-bottom:var(--space-sm)}.error-code[data-v-8f68fd0b],.error-title[data-v-8f68fd0b]{font-family:var(--font-display)}.error-title[data-v-8f68fd0b]{color:var(--color-text);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--space-sm)}.error-description[data-v-8f68fd0b]{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.5;margin:0 0 var(--space-lg)}