html,body{height:100%}body{font-family:Mountains of Christmas,Arial,sans-serif;font-size:18px;line-height:1.2;margin:0;background-color:#1e1f22;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.015) 5px,rgba(0,0,0,.015) 6px),repeating-linear-gradient(90deg,transparent,transparent 5px,rgba(0,0,0,.02) 5px,rgba(0,0,0,.02) 6px)}.app-header{background:#1a1a1a;color:#fff;text-align:center;font-family:Mountains of Christmas,Arial,sans-serif;padding:20px;overflow-x:hidden}a{color:#fff}.snowflake{position:fixed;top:-10px;font-size:10px;opacity:.7;animation:fall linear infinite;pointer-events:none}@keyframes fall{to{transform:translateY(80px)}}.container-fixed{padding-left:32px;padding-right:32px;margin-left:auto;margin-right:auto;color:#f5f5f5}.site-content{display:flex;flex-direction:column;align-content:center;flex:1 0 auto;width:100%}@media screen and (min-width: 1500px){.container-fixed{width:80vw}}.app{text-align:left}.parchment-surface{background-color:#fff7e6!important;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,69,19,.03) 2px,rgba(139,69,19,.03) 3px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(139,69,19,.02) 2px,rgba(139,69,19,.02) 3px)!important;border:1px solid rgba(139,69,19,.25)!important;box-shadow:inset 0 0 25px #8b451314!important;color:#3d2817!important}.crossword-row-container{margin:16px 0;perspective:1000px;min-height:280px;transform-style:preserve-3d}.crossword-card{position:relative;width:100%;height:280px;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 20px #00000026;border-radius:12px}.crossword-card.flipped{transform:rotateY(180deg)}.crossword-card.shake{animation:shake 1s ease-in-out}@keyframes shake{0%,to{transform:translate(0) rotateY(0)}10%,30%,50%,70%,90%{transform:translate(-10px) rotateY(0)}20%,40%,60%,80%{transform:translate(10px) rotateY(0)}}.crossword-card.flipped.shake{animation:shake-flipped .5s ease-in-out}@keyframes shake-flipped{0%,to{transform:translate(0) rotateY(180deg)}10%,30%,50%,70%,90%{transform:translate(-10px) rotateY(180deg)}20%,40%,60%,80%{transform:translate(10px) rotateY(180deg)}}.correct-overlay{animation:correctFadeIn .5s ease}@keyframes correctFadeIn{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.lock-icon-falling{animation:fallAndFadeOut .8s ease-in forwards}@keyframes fallAndFadeOut{0%{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(150px) rotate(180deg);opacity:.7}to{transform:translateY(300px) rotate(360deg);opacity:0}}.crossword-card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:filter .3s ease}.crossword-card-face.blurred{filter:blur(8px)}.crossword-card-front{transform:rotateY(0);z-index:2}.crossword-card-back{transform:rotateY(180deg)}@media (max-width: 600px){.crossword-row-container{min-height:250px}.crossword-card{height:250px}}.parchment-surface-correct{background-color:#145c43!important;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(34,70,46,.18) 2px,rgba(34,70,46,.18) 3px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(34,70,46,.14) 2px,rgba(34,70,46,.14) 3px)!important;border:1px solid rgba(34,70,46,.35)!important;box-shadow:inset 0 0 25px #22462e2e!important;color:#eafbe6!important}.parchment-surface-locked{background-color:#23272a!important;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(60,60,60,.18) 2px,rgba(60,60,60,.18) 3px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(80,80,80,.14) 2px,rgba(80,80,80,.14) 3px)!important;border:1px solid rgba(80,80,80,.35)!important;box-shadow:inset 0 0 25px #3c3c3c2e!important;color:#e0e0e0!important}.solution-letter{animation:fadeIn .5s ease}.solution-letter.revealed{animation:revealLetter .8s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes revealLetter{0%{transform:scale(.5) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(360deg);opacity:1}}.solution-letter-final{animation:solutionLetterFinal .8s ease backwards}@keyframes solutionLetterFinal{0%{opacity:0;transform:translateY(-100px) rotate(-180deg) scale(0)}60%{opacity:1;transform:translateY(10px) rotate(10deg) scale(1.1)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}.MuiDialog-paper.tutorial-letter-paper{box-shadow:none!important;background:#fdfbf7!important;border-radius:16px!important;overflow:hidden!important;padding:0!important;position:relative;width:100%;max-width:700px;animation:letter-open .6s ease-out forwards;transform-origin:top center}@keyframes letter-open{0%{transform:scaleY(.1);opacity:0}60%{transform:scaleY(1.04);opacity:1}to{transform:scaleY(1)}}.tutorial-letter-paper{position:relative;overflow:visible;margin:40px auto;border-radius:16px}.tutorial-letter-container{padding:60px 50px 50px;position:relative;z-index:10;max-height:calc(100vh - 180px);overflow-y:auto;overflow-x:hidden;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,69,19,.03) 2px,rgba(139,69,19,.03) 3px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(139,69,19,.02) 2px,rgba(139,69,19,.02) 3px)}.tutorial-letter-container:before{content:"";position:absolute;top:-12px;left:4%;right:4%;height:5px;background:linear-gradient(90deg,#5c3317,#6f4423,#5c3317);border-radius:3px;box-shadow:0 2px 4px #00000059;z-index:15}.tutorial-letter-header:after{content:"🎄";position:absolute;bottom:-22px;left:50%;transform:translate(-50%);width:44px;height:44px;background:radial-gradient(circle,#8b1a2e,#6d1423);border-radius:50%;border:3px solid #5c1019;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #00000059,inset 0 2px 4px #ffffff40,inset 0 -2px 4px #00000059;z-index:20}.tutorial-letter-close{position:absolute!important;top:10px;right:10px;background:#fff5e1f2!important;border:2px solid rgba(139,69,19,.3)!important;border-radius:50%!important;width:38px;height:38px;color:#5c3317!important;z-index:30;transition:.3s}.tutorial-letter-close:hover{background:#8b1a2e!important;color:#fff!important;border-color:#8b1a2e!important;transform:rotate(90deg)}.tutorial-letter-header{display:flex;align-items:center;justify-content:center;padding-bottom:40px;margin-bottom:40px;border-bottom:2px solid rgba(139,69,19,.25);position:relative}.tutorial-letter-title{font-family:Brush Script MT,sans-serif;font-size:2.2rem;color:#5c3317;letter-spacing:.06em}.tutorial-letter-ornament{font-size:1.7rem;color:#8b4513;opacity:.65;margin:0 15px}.tutorial-letter-text{font-family:Georgia,serif;font-size:1.05rem;line-height:1.75;color:#3d2817}.tutorial-letter-greeting{font-style:italic;margin-bottom:20px}.tutorial-letter-section-title{margin-top:28px;font-weight:600;color:#5c3317}.tutorial-letter-list{list-style:none;padding-left:0;margin:25px 0}.tutorial-letter-list li{padding-left:30px;margin-bottom:14px;position:relative}.tutorial-letter-list li:before{content:"❋";position:absolute;left:0;color:#8b1a2e}.tutorial-letter-footer-text{text-align:center;font-style:italic;margin-top:30px}.tutorial-letter-signature{text-align:right;margin-top:35px}.tutorial-letter-signature em{font-family:Brush Script MT,Lucida Handwriting,sans-serif;font-size:1.4rem;color:#5c3317}.tutorial-letter-ps{margin-top:30px;padding-top:20px;border-top:1px solid rgba(139,69,19,.25)}.tutorial-letter-ps small{color:#5c3317;font-style:italic}@media (max-width: 900px){.tutorial-letter-container{padding:50px 35px 40px;max-height:calc(100vh - 140px)}}@media (max-width: 600px){.tutorial-letter-title{font-size:1.8rem}}