:root{--memo-bg-gradient-start: #e8f4fd;--memo-bg-gradient-end: #b8e0f7;--memo-color-coral: #ff6b6b;--memo-color-mint: #4ecdc4;--memo-color-sun: #ffe66d;--memo-color-text: #2d3748;--memo-color-text-light: #4a5568;--memo-color-white: #ffffff;--memo-color-polizei: #3b6fd4;--memo-color-tiere: #43b97f;--memo-color-weltraum: #6a5ae0;--memo-font-display: "Fredoka", "Nunito", system-ui, sans-serif;--memo-font-body: "Nunito", system-ui, sans-serif;--memo-text-xs: .75rem;--memo-text-sm: .875rem;--memo-text-base: 1rem;--memo-text-lg: 1.25rem;--memo-text-xl: 1.5rem;--memo-text-2xl: 2rem;--memo-text-3xl: 2.5rem;--memo-space-1: .25rem;--memo-space-2: .5rem;--memo-space-3: .75rem;--memo-space-4: 1rem;--memo-space-5: 1.25rem;--memo-space-6: 1.5rem;--memo-space-8: 2rem;--memo-space-10: 2.5rem;--memo-space-12: 3rem;--memo-radius-sm: 8px;--memo-radius-md: 12px;--memo-radius-lg: 16px;--memo-radius-xl: 24px;--memo-radius-full: 9999px;--memo-shadow-card: 0 4px 12px rgba(0, 0, 0, .1);--memo-shadow-card-hover: 0 6px 20px rgba(0, 0, 0, .15);--memo-shadow-button: 0 4px 8px rgba(0, 0, 0, .12);--memo-transition-fast: .15s ease;--memo-transition-base: .3s ease;--memo-transition-flip: .5s ease;--memo-touch-min: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%}ul,ol{list-style:none}img,svg{display:block;max-width:100%;height:auto}@font-face{font-family:Fredoka;src:url(/assets/Fredoka-SemiBold-LPmN9keK.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/Nunito-Regular-Dltxw5Sk.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/Nunito-Bold-BfuSb67Z.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}body{font-family:var(--memo-font-body);font-size:var(--memo-text-base);line-height:1.5;color:var(--memo-color-text);background:linear-gradient(180deg,var(--memo-bg-gradient-start),var(--memo-bg-gradient-end));min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3{font-family:var(--memo-font-display);font-weight:600;line-height:1.2;color:var(--memo-color-text)}.memo-app{max-width:900px;margin:0 auto;padding:var(--memo-space-4);min-height:100vh;display:flex;flex-direction:column;align-items:center}.screen{width:100%;display:flex;flex-direction:column;align-items:center;animation:fadeIn .3s ease}[hidden]{display:none!important}.start-screen{text-align:center;padding-top:var(--memo-space-8);gap:var(--memo-space-6)}.start-screen__title{font-size:var(--memo-text-3xl);color:var(--memo-color-coral);text-shadow:2px 2px 0 rgba(0,0,0,.05);margin-bottom:var(--memo-space-2)}.start-screen__subtitle{font-size:var(--memo-text-lg);color:var(--memo-color-text-light);margin-bottom:var(--memo-space-6)}.start-screen__mascot{display:flex;align-items:center;gap:var(--memo-space-3);margin:var(--memo-space-4) auto;justify-content:center}.start-screen__mascot img{width:80px;height:80px}.start-screen__mascot-speech{background:#fff;border:2px solid var(--memo-color-outline);border-radius:1rem;padding:var(--memo-space-2) var(--memo-space-4);font-size:var(--memo-text-base);color:var(--memo-color-text);position:relative;max-width:200px}.theme-selection{display:flex;gap:var(--memo-space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--memo-space-6)}.theme-selection__label{font-family:var(--memo-font-display);font-size:var(--memo-text-xl);margin-bottom:var(--memo-space-3);display:block;width:100%}.theme-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--memo-space-2);width:120px;height:120px;border:4px solid transparent;border-radius:var(--memo-radius-xl);background:var(--memo-color-white);box-shadow:var(--memo-shadow-card);cursor:pointer;font-family:var(--memo-font-display);font-size:var(--memo-text-sm);font-weight:600;color:var(--memo-color-text);transition:transform var(--memo-transition-fast),border-color var(--memo-transition-fast),box-shadow var(--memo-transition-fast);min-height:var(--memo-touch-min);min-width:var(--memo-touch-min)}.theme-btn:hover{transform:scale(1.05);box-shadow:var(--memo-shadow-card-hover)}.theme-btn--active{border-color:currentColor;transform:scale(1.05)}.theme-btn[data-theme=polizei]{color:var(--memo-color-polizei)}.theme-btn[data-theme=tiere]{color:var(--memo-color-tiere)}.theme-btn[data-theme=weltraum]{color:var(--memo-color-weltraum)}.theme-btn__icon{font-size:2.5rem}.difficulty-selection{display:flex;gap:var(--memo-space-3);justify-content:center;margin-bottom:var(--memo-space-8)}.difficulty-selection__label{font-family:var(--memo-font-display);font-size:var(--memo-text-xl);margin-bottom:var(--memo-space-3);display:block;width:100%}.difficulty-btn{display:flex;align-items:center;justify-content:center;gap:var(--memo-space-1);min-width:80px;min-height:var(--memo-touch-min);padding:var(--memo-space-3) var(--memo-space-4);border:3px solid #e2e8f0;border-radius:var(--memo-radius-full);background:var(--memo-color-white);cursor:pointer;font-family:var(--memo-font-body);font-size:var(--memo-text-base);font-weight:700;color:var(--memo-color-text);transition:transform var(--memo-transition-fast),border-color var(--memo-transition-fast),background-color var(--memo-transition-fast)}.difficulty-btn:hover{border-color:var(--memo-color-mint);transform:scale(1.05)}.difficulty-btn--active{background-color:var(--memo-color-mint);border-color:var(--memo-color-mint);color:var(--memo-color-white)}.difficulty-btn__dot{width:10px;height:10px;border-radius:50%;background:currentColor}.btn-start{font-family:var(--memo-font-display);font-size:var(--memo-text-xl);font-weight:600;min-height:56px;padding:var(--memo-space-4) var(--memo-space-10);border:none;border-radius:var(--memo-radius-full);background:var(--memo-color-coral);color:var(--memo-color-white);cursor:pointer;box-shadow:var(--memo-shadow-button);transition:transform var(--memo-transition-fast),box-shadow var(--memo-transition-fast)}.btn-start:hover{transform:scale(1.05);box-shadow:0 6px 16px #ff6b6b66}.btn-start:active{transform:scale(.97)}.play-screen{width:100%;gap:var(--memo-space-4)}.game-board{display:grid;grid-template-columns:repeat(var(--grid-columns, 4),1fr);gap:var(--memo-space-3);width:100%;max-width:700px;margin:0 auto;perspective:1000px}.memo-card{aspect-ratio:1;border:none;background:transparent;cursor:pointer;padding:0;position:relative;min-height:var(--memo-touch-min);min-width:var(--memo-touch-min);border-radius:var(--memo-radius-md);outline-offset:3px}.memo-card:disabled{cursor:default}.memo-card__inner{position:relative;width:100%;height:100%;transition:transform var(--memo-transition-flip);transform-style:preserve-3d;border-radius:var(--memo-radius-md)}.memo-card--flipped .memo-card__inner,.memo-card--matched .memo-card__inner{transform:rotateY(180deg)}.memo-card__front,.memo-card__back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--memo-radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--memo-shadow-card)}.memo-card__front{background:var(--memo-color-white);transform:rotateY(180deg);padding:var(--memo-space-2)}.memo-card__back{background:var(--memo-color-white)}.memo-card__back img{width:100%;height:100%;object-fit:cover;border-radius:var(--memo-radius-md)}.memo-card__motif{width:85%;height:85%;object-fit:contain}.memo-card--matched .memo-card__front{border:3px solid var(--memo-color-mint);box-shadow:0 0 12px #4ecdc466}.memo-card--matched .memo-card__inner{transform:rotateY(180deg) scale(1.03)}.memo-card:not(:disabled):not(.memo-card--flipped):not(.memo-card--matched):hover .memo-card__inner{transform:scale(1.05)}.memo-card:not(:disabled):not(.memo-card--flipped):not(.memo-card--matched):active .memo-card__inner{transform:scale(.95)}.mascot{display:flex;align-items:center;gap:var(--memo-space-4);margin-bottom:var(--memo-space-4);min-height:80px}.mascot__image{width:64px;height:64px;flex-shrink:0}.mascot__image--bounce{animation:mascot-bounce .5s ease}.mascot__bubble{background:var(--memo-color-white);border-radius:var(--memo-radius-lg);padding:var(--memo-space-3) var(--memo-space-5);font-family:var(--memo-font-display);font-size:var(--memo-text-lg);color:var(--memo-color-text);box-shadow:var(--memo-shadow-card);position:relative;max-width:300px}.mascot__bubble:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:12px solid var(--memo-color-white)}.mascot__bubble--praise{background:#fff3e0;border:2px solid var(--memo-color-sun)}.mascot__bubble--praise:before{border-right-color:#fff3e0}.mascot__bubble--encourage{background:#e8f5e9;border:2px solid var(--memo-color-mint)}.mascot__bubble--encourage:before{border-right-color:#e8f5e9}.win-screen{text-align:center;padding-top:var(--memo-space-12);gap:var(--memo-space-6);position:relative;overflow:hidden}.win-screen__title{font-size:var(--memo-text-3xl);color:var(--memo-color-coral);margin-bottom:var(--memo-space-2)}.win-screen__message{font-size:var(--memo-text-xl);color:var(--memo-color-text-light);margin-bottom:var(--memo-space-8)}.win-screen__mascot{width:100px;height:100px;margin:0 auto var(--memo-space-6);animation:mascot-bounce .6s ease infinite alternate}.win-screen__buttons{display:flex;gap:var(--memo-space-4);justify-content:center;flex-wrap:wrap}.btn-win{font-family:var(--memo-font-display);font-size:var(--memo-text-lg);font-weight:600;min-height:52px;padding:var(--memo-space-3) var(--memo-space-6);border:none;border-radius:var(--memo-radius-full);cursor:pointer;box-shadow:var(--memo-shadow-button);transition:transform var(--memo-transition-fast),box-shadow var(--memo-transition-fast);min-width:var(--memo-touch-min)}.btn-win:hover{transform:scale(1.05)}.btn-win:active{transform:scale(.97)}.btn-win--primary{background:var(--memo-color-coral);color:var(--memo-color-white)}.btn-win--secondary{background:var(--memo-color-white);color:var(--memo-color-text);border:2px solid #e2e8f0}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999}.confetti-container--fullscreen{position:absolute}@keyframes confetti-fall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--confetti-x, 50px),var(--confetti-y, 200px)) rotate(var(--confetti-rotate, 360deg));opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mascot-bounce{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}:focus-visible{outline:3px solid var(--memo-color-coral);outline-offset:3px;border-radius:var(--memo-radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.memo-card__inner{transition:none}.mascot__image--bounce,.win-screen__mascot{animation:none}}@media(max-width:599px){.memo-app{padding:var(--memo-space-2)}.start-screen__title{font-size:var(--memo-text-2xl)}.theme-btn{width:90px;height:90px;font-size:var(--memo-text-xs)}.theme-btn__icon{font-size:2rem}.game-board{gap:var(--memo-space-2)}.mascot{flex-direction:column;text-align:center}.mascot__image{width:48px;height:48px}.mascot__bubble{font-size:var(--memo-text-base);max-width:250px}.mascot__bubble:before{left:50%;top:-10px;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid var(--memo-color-white);border-top:none}.mascot__bubble--praise:before{border-bottom-color:#fff3e0;border-right-color:transparent}.mascot__bubble--encourage:before{border-bottom-color:#e8f5e9;border-right-color:transparent}.win-screen__title{font-size:var(--memo-text-2xl)}.win-screen__buttons{flex-direction:column;align-items:center}}@media(min-width:600px){.game-board{gap:var(--memo-space-4)}.mascot__image{width:80px;height:80px}}@media(min-width:900px){.start-screen__title{font-size:3rem}.theme-btn{width:140px;height:140px}}.btn-home{position:fixed;top:1rem;left:1rem;z-index:100;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:var(--memo-space-2);background-color:var(--memo-color-white);border:none;border-radius:var(--memo-radius-full);box-shadow:var(--memo-shadow-card);color:var(--memo-color-text);cursor:pointer;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}.btn-home:hover{box-shadow:var(--memo-shadow-card-hover);transform:scale(1.1)}.btn-home:focus-visible{outline:3px solid var(--memo-color-mint);outline-offset:3px}#dialog-quit{border:none;border-radius:var(--memo-radius-lg);padding:var(--memo-space-8);box-shadow:0 8px 32px #0003;text-align:center;max-width:280px;width:90%}#dialog-quit::backdrop{background-color:#00000080}#dialog-quit p{font-family:var(--memo-font-display);font-size:var(--memo-text-lg);color:var(--memo-color-text);margin-bottom:var(--memo-space-6)}.dialog-quit__buttons{display:flex;gap:var(--memo-space-4);justify-content:center}.btn-quit{min-width:80px;padding:var(--memo-space-3) var(--memo-space-6);border:none;border-radius:var(--memo-radius-full);font-family:var(--memo-font-display);font-size:var(--memo-text-base);font-weight:600;cursor:pointer;transition:transform .15s ease}.btn-quit:hover{transform:scale(1.05)}.btn-quit--confirm{background-color:var(--memo-color-coral);color:var(--memo-color-white)}.btn-quit--cancel{background-color:var(--memo-color-mint);color:var(--memo-color-white)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}