@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Baloo+2:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";.header{text-align:center;padding:28px 16px 4px}.header__title{font-family:var(--font-display);font-size:2.8rem;letter-spacing:1px;margin-bottom:2px;cursor:default;line-height:1.1}.header__crazy{color:var(--color-primary)}.header__crossword{color:var(--color-text)}.header__tagline{font-family:var(--font-body);font-size:1rem;color:#555;font-weight:600;margin-top:2px}@media(max-width:600px){.header__title{font-size:2rem}.header{padding:16px 12px 4px}}.topic-input{max-width:650px;margin:16px auto;padding:0 16px;position:relative}.topic-input__wrapper{display:flex;align-items:center;background:var(--color-surface);border:3px solid var(--color-primary);border-radius:24px;padding:4px 6px 4px 16px;box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal),border-color var(--transition-normal);flex-wrap:nowrap;gap:4px}.topic-input__wrapper:focus-within{box-shadow:var(--shadow-glow);animation:rainbowBorder 3s linear infinite}.topic-input__icon{font-size:1.2rem;margin-right:4px;flex-shrink:0}.topic-input__tags-area{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex:1;min-width:0;padding:4px 0}.topic-input__tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px 4px 6px;border-radius:50px;background:var(--color-primary);color:#fff;font-family:var(--font-body);font-size:.8rem;font-weight:600;white-space:nowrap;animation:popIn .25s ease}.topic-input__tag-icon{font-size:.9rem}.topic-input__tag-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#ffffff4d;color:#fff;font-size:.85rem;line-height:1;cursor:pointer;border:none;padding:0;margin-left:2px;transition:background var(--transition-fast)}.topic-input__tag-remove:hover{background:#ffffff80}.topic-input__field{flex:1;border:none;font-size:1rem;font-family:var(--font-body);background:transparent;color:var(--color-text);min-width:120px;padding:8px 0}.topic-input__field::placeholder{color:#aaa}.topic-input__btn{background:var(--color-primary);color:#fff;font-family:var(--font-display);font-size:.95rem;padding:10px 24px;border-radius:50px;border:none;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);white-space:nowrap;flex-shrink:0}.topic-input__btn:hover:not(:disabled){background:var(--color-primary-dark);transform:scale(1.05)}.topic-input__btn:active:not(:disabled){transform:scale(.97)}.topic-input__btn:disabled{opacity:.5;cursor:not-allowed}.topic-input__mix-label{text-align:center;font-family:var(--font-body);font-size:.85rem;color:var(--color-primary);font-weight:600;margin-top:6px;animation:fadeIn .3s ease}.topic-input__dropdown{position:absolute;top:calc(100% + 4px);left:16px;right:16px;background:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-hover);overflow:hidden;z-index:100;animation:scaleUp .2s ease;max-height:280px;overflow-y:auto}.topic-input__suggestion{display:flex;align-items:center;width:100%;padding:12px 16px;border:none;background:transparent;cursor:pointer;font-size:1rem;font-family:var(--font-body);color:var(--color-text);transition:background var(--transition-fast);text-align:left}.topic-input__suggestion:hover,.topic-input__suggestion--active{background:var(--color-cell-highlighted)}.topic-input__suggestion-icon{font-size:1.3rem;margin-right:12px;width:28px;text-align:center}.topic-input__suggestion-name{font-weight:600}@media(max-width:600px){.topic-input__field{font-size:.9rem;min-width:80px}.topic-input__btn{padding:8px 16px;font-size:.85rem}.topic-input__tag{font-size:.75rem;padding:3px 6px 3px 5px}}.topic-chips{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:720px;margin:12px auto 16px;padding:0 16px}.topic-chips__actions{display:flex;gap:10px;justify-content:center}.topic-chips__action-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:12px;font-family:var(--font-body);font-weight:700;font-size:.95rem;cursor:pointer;transition:transform var(--transition-bounce),box-shadow var(--transition-fast);border:none}.topic-chips__action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.topic-chips__action-btn:active{transform:scale(.96)}.topic-chips__action-btn--random{background:linear-gradient(135deg,#6c63ff,#ff6584);color:#fff}.topic-chips__action-btn--browse{background:#fff;color:var(--color-text);border:2px solid #ddd}.topic-chips__action-btn--browse:hover{border-color:var(--color-primary);color:var(--color-primary)}.topic-chips__action-icon{font-size:1.1rem}.topic-chips__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.topic-chips__label{font-family:var(--font-body);font-weight:600;color:#444;font-size:.9rem;background:#ffffffd9;padding:2px 10px;border-radius:50px}.topic-chips__chip{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:50px;border:2px solid var(--chip-color);background:#fff;color:var(--chip-color);font-family:var(--font-body);font-weight:700;font-size:.84rem;cursor:pointer;transition:transform var(--transition-bounce),box-shadow var(--transition-fast),background var(--transition-fast);white-space:nowrap;box-shadow:0 2px 6px #00000014}.topic-chips__chip:hover{transform:scale(1.06) translateY(-1px);box-shadow:0 4px 12px #0000001f;background:var(--chip-bg)}.topic-chips__chip:active{transform:scale(.95)}.topic-chips__icon{font-size:.9rem}@media(max-width:600px){.topic-chips__action-btn{padding:8px 16px;font-size:.85rem}.topic-chips__chip{padding:4px 10px;font-size:.78rem}}.crossword-grid-container{display:flex;justify-content:center;padding:12px;overflow-x:auto}.crossword-grid__hidden-input{position:absolute;opacity:0;border:none;padding:0;margin:0;outline:none;caret-color:transparent;z-index:3}.crossword-grid{display:grid;gap:var(--grid-gap);background:#999;border:2px solid #999;border-radius:4px;box-shadow:0 2px 16px #0000001a;width:fit-content}.grid-cell{width:var(--dynamic-cell, var(--cell-size));height:var(--dynamic-cell, var(--cell-size));background:var(--color-cell-bg);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:background .12s ease;animation:popIn .3s ease both;-webkit-user-select:none;user-select:none}.grid-cell--black{background:#1a1a2e;cursor:default;animation:none}.grid-cell--selected{background:#c7c2ff;box-shadow:inset 0 0 0 2.5px var(--color-primary);z-index:2}.grid-cell--highlighted{background:#e8e5ff}.grid-cell--correct .grid-cell__letter{color:#1a8a3f}.grid-cell--correct{background:#d4f5dd;animation:correctBounce .4s ease}.grid-cell--incorrect .grid-cell__letter{color:#c0392b}.grid-cell--incorrect{background:#fde2e2;animation:incorrectShake .4s ease}.grid-cell--revealed{background:#e0f0ff}.grid-cell--revealed .grid-cell__letter{color:#2980b9}.grid-cell__number{position:absolute;top:1px;left:2px;font-size:var(--dynamic-num-font, .58rem);font-family:var(--font-grid);font-weight:700;color:#888;line-height:1}.grid-cell__letter{font-family:var(--font-grid);font-size:var(--dynamic-font, 1.1rem);font-weight:700;color:var(--color-text);text-transform:uppercase;transition:color .15s ease,transform .15s ease}.grid-cell__letter:not(:empty){animation:letterPop .15s ease}@keyframes letterPop{0%{transform:scale(.5);opacity:.3}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes correctBounce{0%{transform:scale(1);background:var(--color-cell-bg)}40%{transform:scale(1.08);background:#a8f0b8}to{transform:scale(1);background:#d4f5dd}}@media(max-width:768px){.crossword-grid-container{padding:8px 4px;width:100%}}.clue-panel{background:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-card);padding:16px;max-height:500px;overflow-y:auto;min-width:280px;max-width:360px;animation:slideUp .4s ease}.clue-section{margin-bottom:16px}.clue-section:last-child{margin-bottom:0}.clue-section__title{font-family:var(--font-display);font-size:1.1rem;margin-bottom:8px;padding-bottom:4px;border-bottom:3px solid}.clue-section__title--across{color:var(--color-primary);border-color:var(--color-primary)}.clue-section__title--down{color:var(--color-secondary);border-color:var(--color-secondary)}.clue-section__list{display:flex;flex-direction:column;gap:2px}.clue-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border:none;background:transparent;border-radius:var(--border-radius-sm);cursor:pointer;text-align:left;font-family:var(--font-body);font-size:.9rem;color:var(--color-text);transition:background var(--transition-fast);width:100%;line-height:1.4}.clue-item:hover{background:var(--color-cell-highlighted)}.clue-item--active{background:var(--color-cell-highlighted);border-left:3px solid var(--color-primary);font-weight:600}.clue-item__number{font-weight:700;color:var(--color-primary);min-width:24px;flex-shrink:0}.clue-item__text{flex:1}@media(max-width:768px){.clue-panel{max-width:100%;max-height:300px;min-width:unset}}.toolbar{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:4px 16px;animation:slideUp .3s ease}.toolbar__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:50px;font-family:var(--font-body);font-weight:600;font-size:.9rem;cursor:pointer;transition:transform var(--transition-bounce),box-shadow var(--transition-fast),background var(--transition-fast);border:2px solid transparent}.toolbar__btn:hover{transform:scale(1.05) translateY(-1px);box-shadow:0 4px 12px #0000001f}.toolbar__btn:active{transform:scale(.96)}.toolbar__btn--check{background:var(--color-accent-1);color:#1a5c2d;border-color:#35c968}.toolbar__btn--reveal{background:var(--color-accent-2);color:#7a6500;border-color:#ecc200}.toolbar__btn--reset{background:#f0f0f0;color:#555;border-color:#ddd}.toolbar__btn--home{background:#fff;color:#555;border-color:#ccc}.toolbar__btn--new{background:var(--color-primary);color:#fff;border-color:var(--color-primary-dark)}.toolbar__btn--random{background:var(--color-accent-4);color:#fff;border-color:#e07040}.toolbar__btn-icon{font-size:1rem}@media(max-width:768px){.toolbar{gap:6px;padding:4px 8px}.toolbar__btn{padding:6px 12px;font-size:.78rem;gap:4px}.toolbar__btn-icon{font-size:.85rem}}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080;animation:fadeIn .3s ease;cursor:pointer}.celebration__confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.celebration__piece{position:absolute;top:-20px;border-radius:2px;animation:confettiFall linear forwards;opacity:.9}.celebration__content{background:var(--color-surface);border-radius:var(--border-radius);padding:40px 60px;text-align:center;box-shadow:0 20px 60px #0000004d;animation:popIn .5s cubic-bezier(.68,-.55,.265,1.55);z-index:1}.celebration__title{font-family:var(--font-display);font-size:2.5rem;background:linear-gradient(135deg,#6c63ff,#ff6584,#43e97b,#ffd93d);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbowBorder 3s linear infinite;margin-bottom:8px}.celebration__subtitle{font-family:var(--font-body);font-size:1.2rem;color:var(--color-text-light);margin-bottom:24px}.celebration__btn{background:var(--color-primary);color:#fff;font-family:var(--font-display);font-size:1.1rem;padding:12px 32px;border-radius:50px;border:none;cursor:pointer;transition:transform var(--transition-bounce),background var(--transition-fast)}.celebration__btn:hover{background:var(--color-primary-dark);transform:scale(1.05)}@media(max-width:600px){.celebration__content{padding:32px 28px;margin:0 20px}.celebration__title{font-size:1.8rem}}.topic-browser__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0006;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;padding:20px}.topic-browser{background:#fff;border-radius:var(--border-radius);box-shadow:0 20px 60px #00000040;width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;animation:scaleUp .25s ease;overflow:hidden}.topic-browser__header{display:flex;align-items:center;gap:12px;padding:20px 24px 12px;border-bottom:1px solid #eee}.topic-browser__title{font-family:var(--font-display);font-size:1.4rem;color:var(--color-text);flex:1}.topic-browser__count{font-family:var(--font-body);font-size:.85rem;color:var(--color-text-light);background:#f0f0f0;padding:4px 10px;border-radius:50px}.topic-browser__close{width:32px;height:32px;border-radius:50%;background:#f0f0f0;border:none;font-size:1.1rem;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.topic-browser__close:hover{background:#e0e0e0}.topic-browser__search{margin:12px 24px 0;padding:10px 16px;border:2px solid #e0e0e0;border-radius:10px;font-family:var(--font-body);font-size:.95rem;transition:border-color var(--transition-fast)}.topic-browser__search:focus{border-color:var(--color-primary)}.topic-browser__categories{display:flex;flex-wrap:wrap;gap:6px;padding:12px 24px;border-bottom:1px solid #eee}.topic-browser__cat{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:50px;border:1.5px solid #ddd;background:#fff;font-family:var(--font-body);font-size:.78rem;font-weight:600;color:#555;cursor:pointer;transition:all var(--transition-fast)}.topic-browser__cat:hover{border-color:var(--color-primary);color:var(--color-primary)}.topic-browser__cat--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.topic-browser__cat-count{font-size:.7rem;opacity:.7}.topic-browser__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:16px 24px 24px;overflow-y:auto;flex:1}.topic-browser__item{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1.5px solid #eee;background:#fff;cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-body)}.topic-browser__item:hover{border-color:var(--color-primary);background:#f8f7ff;transform:translateY(-1px);box-shadow:0 3px 8px #6c63ff1a}.topic-browser__item-icon{font-size:1.2rem;flex-shrink:0}.topic-browser__item-name{font-size:.85rem;font-weight:600;color:var(--color-text);flex:1;line-height:1.2}.topic-browser__item-words{font-size:.7rem;color:var(--color-text-light);white-space:nowrap}.topic-browser__empty{grid-column:1 / -1;text-align:center;padding:32px;color:var(--color-text-light);font-size:.95rem}@media(max-width:600px){.topic-browser__overlay{padding:10px}.topic-browser__grid{grid-template-columns:1fr}.topic-browser__header{padding:16px 16px 10px}.topic-browser__search{margin:10px 16px 0}.topic-browser__categories{padding:10px 16px}.topic-browser__grid{padding:12px 16px 20px}}.city-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.city-bg__sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#87ceeb,#e0f0ff 40%,#fff8f0,#fafaff);animation:skyShift 120s ease-in-out infinite alternate}@keyframes skyShift{0%{background:linear-gradient(180deg,#87ceeb,#b8deff 40%,#fff8f0,#fafaff)}30%{background:linear-gradient(180deg,#6bb8e8,#a5d4f7 40%,#ffe8d0,#fff5ee)}60%{background:linear-gradient(180deg,#f4a460,#ffb87a,#ffd4a8 60%,#fff0e0)}80%{background:linear-gradient(180deg,#7b68ae,#c49bcc,#e8c4d0 60%,#f5eef5)}to{background:linear-gradient(180deg,#87ceeb,#b8deff 40%,#fff8f0,#fafaff)}}.city-bg__sun{position:absolute;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#FFE066 30%,#FFB94770 60%,transparent 70%);box-shadow:0 0 40px 10px #ffc83233;animation:sunMove 120s ease-in-out infinite alternate;top:30px}@keyframes sunMove{0%{left:10%;top:60px;opacity:.9}30%{left:35%;top:25px;opacity:1}60%{left:65%;top:30px;opacity:.95}80%{left:82%;top:55px;opacity:.7;background:radial-gradient(circle,#FF8C42 30%,#FF6B3570 60%,transparent 70%)}to{left:10%;top:60px;opacity:.9}}.city-bg__cloud{position:absolute;background:#ffffffb3;border-radius:50px;filter:blur(1px)}.city-bg__cloud:before,.city-bg__cloud:after{content:"";position:absolute;background:#ffffffb3;border-radius:50%}.city-bg__cloud--1{width:100px;height:30px;top:50px;animation:cloudDrift 80s linear infinite}.city-bg__cloud--1:before{width:50px;height:40px;top:-15px;left:15px}.city-bg__cloud--1:after{width:35px;height:30px;top:-10px;left:50px}.city-bg__cloud--2{width:120px;height:28px;top:80px;animation:cloudDrift 100s linear infinite;animation-delay:-30s}.city-bg__cloud--2:before{width:55px;height:38px;top:-14px;left:20px}.city-bg__cloud--2:after{width:40px;height:28px;top:-8px;left:60px}.city-bg__cloud--3{width:80px;height:22px;top:35px;animation:cloudDrift 90s linear infinite;animation-delay:-55s;opacity:.5}.city-bg__cloud--3:before{width:40px;height:30px;top:-12px;left:12px}.city-bg__cloud--3:after{width:30px;height:22px;top:-8px;left:38px}@keyframes cloudDrift{0%{transform:translate(-150px)}to{transform:translate(calc(100vw + 150px))}}.city-bg__skyline{position:absolute;bottom:40px;left:0;right:0;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:0 5%}.city-bg__building{background:#c8c4d8;border-radius:3px 3px 0 0;position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;padding:6px 4px 0;gap:3px;justify-content:center;opacity:.4}.city-bg__building--1{width:50px;height:90px}.city-bg__building--2{width:65px;height:130px}.city-bg__building--3{width:40px;height:160px}.city-bg__building--4{width:70px;height:105px}.city-bg__building--5{width:55px;height:145px}.city-bg__building--6{width:60px;height:85px}.city-bg__building--7{width:45px;height:110px}.city-bg__antenna{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:2px;height:20px;background:#b0aabf}.city-bg__antenna:after{content:"";position:absolute;top:0;left:-3px;width:8px;height:3px;background:#f44;border-radius:50%;animation:blink 2s ease infinite}@keyframes blink{0%,45%,55%,to{opacity:1}50%{opacity:.2}}.city-bg__window{width:8px;height:8px;background:#ffffff80;border-radius:1px;animation:windowFlicker 10s ease infinite;animation-delay:calc(var(--i, 0) * 2s)}.city-bg__window:nth-child(odd){--i: 1}.city-bg__window:nth-child(3n){--i: 3;animation-duration:14s}.city-bg__window:nth-child(5n){--i: 5;animation-duration:8s}@keyframes windowFlicker{0%,85%,to{background:#ffffff80}90%{background:#ffe682b3}}.city-bg__road{position:absolute;bottom:0;left:0;right:0;height:40px;background:#d0cde0;overflow:hidden}.city-bg__road-line{position:absolute;top:50%;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,#B8B4C8 0px,#B8B4C8 20px,transparent 20px,transparent 35px)}.city-bg__car{position:absolute;width:30px;height:12px;border-radius:4px 4px 2px 2px;top:50%}.city-bg__car--1{background:#6c63ff59;transform:translateY(-100%);animation:carDrive 15s linear infinite}.city-bg__car--2{background:#ff658459;transform:translateY(30%);animation:carDriveReverse 20s linear infinite;animation-delay:-6s;width:35px}.city-bg__car--3{background:#43e97b4d;transform:translateY(-100%);animation:carDrive 18s linear infinite;animation-delay:-10s;width:25px}@keyframes carDrive{0%{left:-40px}to{left:calc(100% + 40px)}}@keyframes carDriveReverse{0%{right:-40px;left:auto}to{right:calc(100% + 40px);left:auto}}@media(max-width:768px){.city-bg__skyline{gap:2px}.city-bg__building{opacity:.25}.city-bg__sun{width:35px;height:35px}}.active-clue{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--color-primary);border-radius:12px;padding:10px 16px;max-width:600px;width:100%;margin:0 auto 4px;animation:fadeIn .2s ease;box-shadow:0 2px 8px #6c63ff1f}.active-clue__badge{flex-shrink:0;background:var(--color-primary);color:#fff;font-family:var(--font-display);font-size:.8rem;padding:3px 10px;border-radius:50px;font-weight:700;white-space:nowrap}.active-clue__text{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--color-text);line-height:1.3}@media(max-width:600px){.active-clue{padding:8px 12px;gap:8px;margin:0 10px 4px}.active-clue__text{font-size:.85rem}}.progress-bar{display:flex;align-items:center;gap:10px;max-width:600px;width:100%;margin:0 auto;padding:0 16px}.progress-bar__track{flex:1;height:8px;background:#6c63ff1f;border-radius:50px;overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#43E97B);border-radius:50px;transition:width .3s ease}.progress-bar__label{font-family:var(--font-body);font-size:.8rem;font-weight:700;color:var(--color-primary);min-width:36px;text-align:right}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-bottom:32px;position:relative;z-index:1}.app__topic-label{font-family:var(--font-body);font-size:.95rem;color:var(--color-text-light);text-align:center;padding:4px 16px 2px;animation:fadeIn .3s ease}.app__topic-label strong{color:var(--color-primary);font-weight:700}.app__word-count{margin-left:4px;font-size:.8rem;opacity:.6}.app__game-area{display:flex;gap:16px;padding:4px 20px;max-width:1050px;width:100%;align-items:flex-start;justify-content:center;animation:fadeIn .4s ease}.app__empty{text-align:center;padding:48px 20px;font-family:var(--font-body);font-size:1.05rem;color:var(--color-text-light)}@media(max-width:768px){.app{padding-bottom:16px}.app__game-area{flex-direction:column;align-items:center;gap:8px;padding:4px 8px}.app__topic-label{font-size:.85rem;padding:2px 12px 0}}:root{--color-primary: #6C63FF;--color-primary-light: #8B83FF;--color-primary-dark: #5A52E0;--color-secondary: #FF6584;--color-accent-1: #43E97B;--color-accent-2: #FFD93D;--color-accent-3: #6EC6FF;--color-accent-4: #FF8A5C;--color-cell-bg: #FFFFFF;--color-cell-selected: #D6D1FF;--color-cell-highlighted: #ECEAFF;--color-cell-correct: #D4EDDA;--color-cell-incorrect: #F8D7DA;--color-cell-black: #2D2D2D;--color-cell-border: #D0D0D0;--color-cell-number: #777777;--color-bg: #F5F3FF;--color-bg-gradient: linear-gradient(135deg, #F5F3FF 0%, #FFF5F5 50%, #F0FAFF 100%);--color-surface: #FFFFFF;--color-text: #2D2D2D;--color-text-light: #666666;--font-display: "Fredoka One", cursive;--font-body: "Baloo 2", cursive;--font-grid: "Inter", sans-serif;--cell-size: 42px;--cell-size-mobile: 34px;--grid-gap: 1px;--border-radius: 16px;--border-radius-sm: 8px;--shadow-card: 0 4px 24px rgba(108, 99, 255, .12);--shadow-hover: 0 8px 32px rgba(108, 99, 255, .2);--shadow-glow: 0 0 20px rgba(108, 99, 255, .3);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55)}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes correctPulse{0%{background-color:var(--color-cell-bg)}50%{background-color:#a8f0b8}to{background-color:var(--color-cell-correct)}}@keyframes incorrectShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}@keyframes confettiFall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@keyframes rainbowBorder{0%{border-color:#6c63ff}20%{border-color:#ff6584}40%{border-color:#43e97b}60%{border-color:#ffd93d}80%{border-color:#6ec6ff}to{border-color:#6c63ff}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:#fafaff;color:var(--color-text);min-height:100vh;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input{font-family:var(--font-body);outline:none}::selection{background:var(--color-primary-light);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:4px}