body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0;padding:0;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header-bar{width:100vw;margin:0;border-bottom:.5px solid #4645454f;background-color:#f5fb462c;z-index:1000;height:40px;display:flex;align-items:center}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:700px;margin:0 auto;padding:0 16px}.left-content{display:flex;align-items:center;gap:16px}.right-content{display:flex;align-items:center;position:relative}.logo-icon{width:100px;height:28px;object-fit:contain;border-radius:10px}.puzzle-number{color:#666;font-size:14px}.share-button{background-color:#d6d3a8;color:#333;border:none;border-radius:16px;padding:4px 12px;font-size:14px;font-weight:500;margin-right:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;height:28px}.share-button:hover{background-color:#c6c397}.share-button:active{transform:scale(.97)}.share-message{position:fixed;top:50px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;z-index:1100;animation:fadeInOut 7s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.puzzle-area{margin-top:50px;margin-bottom:40px;text-align:center;display:flex;flex-direction:column;align-items:center}.theme-banner{background-color:#eddfdc;padding:5px 30px;margin:0 auto 30px;display:block;width:fit-content;border-radius:8px}.theme-banner h2{font-size:1.5rem;font-weight:500;margin:0;color:#000;text-align:center;white-space:nowrap}.puzzle-wrapper{position:relative;display:inline-block;padding:0;margin:0;touch-action:none}.grid-container{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative;display:inline-block}.grid-row{display:flex;margin:0;padding:0}.grid-cell{width:30px;height:30px;margin:10px;text-transform:uppercase;font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:relative;z-index:1}.grid-cell .letter{position:relative;z-index:2;color:#000}.grid-container svg.overlay{position:absolute;top:0;left:0;width:100%;height:100%}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.progress-container{margin-top:20px;text-align:center;display:flex;justify-content:center;width:100%}.hints-progress-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:10px;max-width:400px;gap:10px}.hints-container{display:flex;gap:12px;align-items:center;justify-content:center;margin-bottom:15px}.hint-label{font-weight:500;font-size:16px;color:#333}.hint-tooltip-wrapper{position:relative;display:inline-block}.custom-tooltip{visibility:hidden;background-color:#000c;color:#fff;text-align:center;border-radius:4px;padding:4px 8px;position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.75rem;opacity:0;transition:opacity .2s;pointer-events:none}.hint-tooltip-wrapper:hover .custom-tooltip{visibility:visible;opacity:1}.hint-button{width:36px;height:36px;border-radius:50%;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center}.hint-button.enabled{background-color:#557153;color:#fff;border-color:#557153}.hint-button.enabled:hover{background-color:#446044;transform:translateY(-2px);box-shadow:0 4px 6px #00000026}.hint-button.enabled:active{transform:translateY(0);box-shadow:0 2px 3px #0000001a}.hint-button.used{background-color:#7d8f69;color:#e0e0e0;opacity:.8;cursor:not-allowed}.hint-button.disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed;opacity:.7}.progress-bar{width:100%;min-width:250px;max-width:600px;height:30px;background-color:#f0f0f0;border-radius:15px;position:relative;border:1px solid #ddd;overflow:hidden;display:flex;align-items:center;justify-content:center}.progress-fill{height:100%;background-color:#d6d3a8;transition:width .3s ease;position:absolute;left:0;top:0;z-index:0;border-radius:15px 0 0 15px}.progress-text{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1;font-size:14px;color:#666;pointer-events:none;background:transparent}.progress-text strong{transition:all .3s ease}.progress-bar.complete .progress-text strong{color:#000;font-size:16px;text-shadow:0 0 8px rgba(255,215,0,.5)}@keyframes victoryPulse{0%{box-shadow:0 0 5px #d6d3a8}50%{box-shadow:0 0 20px #d6d3a8}to{box-shadow:0 0 5px #d6d3a8}}@keyframes victoryBounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.progress-bar.complete{animation:victoryPulse 2s infinite}.theme-banner.complete{animation:victoryBounce 1s infinite;background-color:#d6d3a8}.game-description-wrapper{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;background-color:#c6c6b0;padding:20px 0}.game-description{max-width:800px;margin:0 auto;padding:0 20px;text-align:center}.game-description h2{font-size:24px;font-weight:600;margin-bottom:20px;color:#000}.game-description p{color:#666;line-height:1.6}.main-description{margin-bottom:20px}.sub-description{font-size:.95em}.instructions-section{max-width:800px;margin:60px auto;padding:0 20px;text-align:center}.instructions-section h2{font-size:24px;font-weight:600;margin-bottom:40px;color:#000}.instruction-steps{display:flex;flex-direction:column;gap:40px;max-width:800px;margin:0 auto}.step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.step-number{width:32px;height:32px;background-color:#f8f8f8;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#ffd233;font-weight:500}.step-content{max-width:700px;margin:0 auto}.step-content h3{font-size:18px;font-weight:600;margin:0 0 12px;color:#000}.step-content p{font-size:16px;line-height:1.5;margin:0;color:#666}.instruction-image-container{width:100%;margin:20px 0;display:flex;justify-content:center}.instruction-image{max-width:100%;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-height:250px;object-fit:contain}@media(max-width:600px){.instruction-image{max-height:180px}}.faq-wrapper{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;background-color:#eddfdc;padding:60px 0}.faq-section{max-width:800px;margin:0 auto;padding:0 20px}.faq-section h2{font-size:24px;font-weight:600;margin-bottom:40px;color:#000;text-align:center}.faq-item{background:#fff;border-radius:8px;padding:24px;margin-bottom:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.faq-content{max-width:800px;margin:0 auto;padding:0 20px}.faq-item h3{font-size:18px;font-weight:600;margin:0 0 16px;color:#000}.faq-item p{margin:0;color:#666;line-height:1.5;font-size:16px}.faq-list{display:flex;flex-direction:column;gap:12px}.list-item{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.5;color:#666}.number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#e9a2e9;border-radius:4px;color:#fff;font-size:14px;flex-shrink:0;margin-top:2px}@media(max-width:600px){.grid-cell{width:32px;height:32px;margin:8px;font-size:1rem}.overlay{transform:translate(0)}.progress-container{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:15px}.hints-progress-wrapper{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.hints-container{display:flex;justify-content:center!important;width:auto!important;max-width:none!important;margin:0 auto 10px!important;gap:10px!important}.hint-button{width:32px!important;height:32px!important;font-size:12px!important}.hint-label{font-size:14px!important}.progress-bar{width:250px!important;min-width:unset!important;max-width:280px!important;height:26px!important}.progress-text{font-size:12px!important}.share-button{font-size:12px;padding:4px 8px}.share-message{width:80%;text-align:center}}@media(max-width:600px){.progress-container{display:block!important;text-align:center!important;width:100%!important}.hints-progress-wrapper{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;margin-bottom:15px!important;align-items:center!important}.hints-container{display:flex!important;justify-content:center!important;margin:0 auto 15px!important;width:auto!important}.progress-bar{display:inline-block!important;width:250px!important;min-width:250px!important;max-width:250px!important;margin:0 auto!important}}