.movie-poster-container{position:relative;width:100%;border-radius:16px;display:flex;align-items:center;justify-content:center}img{-webkit-user-drag:none}.movie-poster{width:100%;object-fit:cover;display:block;transition:filter .3s ease}.poster-placeholder{width:100%;height:100%;background:#e5e7eb;display:flex;align-items:center;justify-content:center}.poster-error{color:#b91c1c;font-weight:600;font-size:.9rem;text-align:center;padding:1rem}.spinner{border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;width:36px;height:36px;animation:spin .8s linear infinite}.jumble-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;-webkit-user-select:none;user-select:none;touch-action:manipulation}.jumble-tile{width:2.25em;height:2.25em;display:flex;align-items:center;justify-content:center;font-size:1em;font-weight:900;color:#222;background:#fff;border-radius:5px;border:2px solid #e5e7eb;box-shadow:.25em .25em .25em #000c;cursor:grab}.jumble-tile:hover{box-shadow:0 5px 12px #00000026;border-color:#3b82f6}.jumble-tile.completed{background:#3b82f6;border-color:#3b82f6;color:#fff;cursor:default}.jumble-tile.disabled{cursor:default}.jumble-tile.spacer{visibility:hidden;width:1rem;transition:width .3s ease}.jumble-tile.spacer-full{visibility:hidden;width:100%;height:0}.jumble-tile:active{cursor:grabbing;background:#3b82f6;border-color:#e5e512;box-shadow:0 2px 8px #0003}.jumble-tile.dragging{background:#3b82f6;border-color:#e5e512;color:#e5e512;transform:scale(1.25)}.jumble-tile.drop-target{background:#3b82f6;border-color:#e5e512;color:#e5e512;box-shadow:0 0 0 3px #60a5fa66}.jumble-tile.hovered{background:#f9fafb;border-color:#cbd5e1}.jumble-tile.selected{background:#3b82f6;border-color:#e5e512;color:#e5e512;box-shadow:0 0 0 3px #3b82f64d;transform:scale(1.25)}.jumble-tile.solved-tile{background:#ecfccb;border-color:#65a30d;color:#365314;box-shadow:0 0 0 3px #84cc164d}.shuffle-tile{background:#000;border-radius:30px;color:#fff;cursor:pointer;font-weight:900}.shuffle-tile:hover{transform:scale(1.05);box-shadow:0 5px 12px #ffffff40}.shuffle-tile:active{transform:scale(.95)}.solved-answer-container{background:#0000;position:relative;display:flex;justify-content:center;align-items:center;min-height:64px}.solved-answer{font-family:Bebas Neue,Impact,Machine Bold,"sans-serif";font-size:2.5rem;color:#1e293b;text-shadow:0 3px 6px rgba(0,0,0,.15);letter-spacing:2px;background:linear-gradient(to bottom,#e4e4e2,#a5a5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.game-viewport{position:relative;display:flex;flex-direction:column;align-items:center;color:#fff;overflow:hidden;width:100%;height:100%;padding:.75rem;gap:.5rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.game-middle{position:relative;border:.5rem solid #e5e512;background:#fff;flex:1;overflow:hidden}.game-blocker{display:flex;align-items:center;justify-content:center;background:#343434;position:absolute;height:100%;width:100%;top:0}.game-info{gap:1rem;font-size:1.25em;height:2.5rem;display:flex;align-items:center}.game-footer{display:flex;justify-content:center;align-items:center;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.jumble-container-wrapper{transition:opacity .35s ease,transform .35s ease;padding-bottom:1rem}.poster-expanded .poster-container img{transform:scale(1.35)}.poster-expanded .jumble-container-wrapper{opacity:0;pointer-events:none;transform:translateY(1rem)}.help-icon{height:3rem;width:3rem;align-content:center;position:absolute;right:1em;top:1em;font-weight:800;background:#11111191;border-radius:10px;cursor:pointer}.puzzle-title{font-weight:600;font-size:1.5em}.hint-btn{font-size:1.5rem;padding:2px 15px;cursor:pointer;color:#facc15;animation:shake 10s ease infinite;transform-origin:50% 50%}.hint-label{padding:.2rem}@keyframes shake{0%{transform:translate(0)}51.8%{transform:translate(5px)}53.6%{transform:translate(-5px)}55.4%{transform:translate(5px)}57.1%{transform:translate(-5px)}58.9%{transform:translate(5px)}60.7%{transform:translate(0)}to{transform:translate(0)}}.share-button{display:flex;justify-self:center;gap:8px;padding:.6rem 1.2rem;border:none;border-radius:10px;background:#facc15;color:#222;font-weight:700;font-size:1rem;cursor:pointer;transition:scale .2s ease,transform .15s ease,box-shadow .15s ease,filter .15s ease}.share-button:hover{filter:brightness(1.05)}.share-button:active{transform:translateY(2px);box-shadow:0 1px 2px #00000040,inset 0 0 3px #0006}.share-button .share-icon{width:20px;height:20px;stroke:#222;stroke-width:2;fill:none}.hint-stars{display:flex;gap:4px;font-size:1.4rem;justify-content:center;margin-top:.25rem}.hint-star{transition:transform .15s ease}.hint-star.shatter{position:relative;animation:starPop .5s ease-out forwards}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.hint-star.shatter:before,.hint-star.shatter:after{content:"✦";position:absolute;top:50%;left:50%;font-size:.65rem;color:#facc15;opacity:0;pointer-events:none}.hint-star.shatter:before{animation:sparkleLeft .45s ease-out forwards}.hint-star.shatter:after{animation:sparkleRight .45s ease-out forwards}@keyframes sparkleLeft{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}30%{opacity:1;transform:translate(-65%,-90%) scale(1)}to{opacity:0;transform:translate(-90%,-120%) scale(.6)}}@keyframes sparkleRight{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}30%{opacity:1;transform:translate(15%,-90%) scale(1)}to{opacity:0;transform:translate(35%,-130%) scale(.6)}}.modal-content.menu-modal{padding:1.5rem;width:85%;max-width:360px}@keyframes menuPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.menu-header{display:flex;flex-direction:column;align-items:center}.menu-logo{width:85px;height:85px}.menu-actions button{display:block;width:100%;padding:.9rem;margin-top:.5rem;background:#222;border-radius:8px;border:none;font-size:1rem;color:#fff;cursor:pointer;transition:background .15s}.line{width:75%;height:.1rem;margin:1rem;background-color:#727272}.disclaimer{color:#a7a7a7;font-size:.5rem;margin-top:1.5rem}.menu-actions{justify-items:center}.menu-actions button.coffee-btn{background:#452a00;color:#d2b487}.menu-actions button:hover{background:#333}.menu-stats{margin-bottom:2rem;opacity:.9;font-size:.95rem}.menu-stats div+div{margin-top:.4rem}.menu-footer{margin-top:2rem;opacity:.6;font-size:.75rem;display:flex;flex-direction:column;align-items:center}.company-logo{width:50px}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px}.cal-weekday{text-align:center;font-size:.8rem;color:#9ca3af}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:30px 0;gap:6px}.cal-cell{position:relative;width:0;aspect-ratio:1 / 1;border:0;border-radius:10px;background:#23272f;color:#e5e7eb;font-weight:700;cursor:pointer;transition:transform .12s ease,background .12s ease,color .12s ease;display:flex;justify-content:center}.cal-cell:hover:not(:disabled){transform:scale(1.06)}.cal-cell.selected{outline:2px solid #ffffff}.cal-cell.today{background:#3b82f6;color:#2f3440}.cal-cell.solved{background:#16a34a;color:#fff}.cal-cell.unsolved{background:#2f3440;color:#cbd5e1}.cal-cell.hinted{background:#e5e512;color:#2f3440}.cal-cell.future,.cal-cell.disabled,.cal-cell.blank{background:#14161b;color:#515766;cursor:not-allowed}.tick{position:absolute;right:.2em;bottom:.15em;font-size:.75rem}.modal-content.help-modal{background:#111;max-width:420px}.help-title{font-size:1.4rem;margin-bottom:.75rem;font-weight:600}.help-body{line-height:1.45;opacity:.85;margin-bottom:1.5rem}.help-logo{margin:-1em;width:150px;height:150px}.help-navigation{display:flex;justify-content:center;gap:1rem}.help-nav-btn{padding:.6rem 1rem;border-radius:8px;background:#333;border:none;color:#fff;cursor:pointer}.help-nav-btn.primary{background:#facc15;color:#111;font-weight:600}.help-poster{border:.25rem solid #e5e512;background:#fff;height:10rem;aspect-ratio:.667;flex:1;overflow:hidden;margin:auto auto 2rem}.help-tiles-demo{display:flex;justify-content:center;gap:6px;margin-bottom:2rem}.help-demo-tile{background:#222;border:1px solid #444;padding:.7rem;border-radius:6px;font-size:1rem}.hint-example{position:relative;font-size:1.5rem;padding:2px 15px;color:#facc15;background:#222;border-radius:10px;display:flex;justify-content:center;margin:0 4em}.help-pointer{position:absolute;width:3rem;height:3rem;top:1rem;right:1rem;animation:bounce 7s ease infinite}@keyframes bounce{0%{transform:scale(1)}98%{transform:scale(1)}99%{transform:scale(.85)}to{transform:scale(1)}}.help-hint-dots{display:flex;justify-content:center;gap:6px;margin-bottom:2rem}.help-hint-dots .dot{width:10px;height:10px;border-radius:50%;background:#444}.help-hint-dots .dot.used{background:#facc15}.app-container{height:100%;display:flex;flex-direction:column}.view-manager{display:contents}.app-nav-btn{border:0;color:#fff;font-weight:500;background-color:#fff0;font-size:1em}.app-logo{width:200px;height:200px}.app-title{font-family:Machine Bold;flex:auto}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;color:#fff;font-size:1.25rem}.app-nav{display:flex;width:100%;height:3em;background:#3b82f6;color:#e5e512;justify-content:center;align-items:center;box-shadow:0 5px 5px #0000007f}.app-footer{display:flex;justify-content:center;align-items:center;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.no-animations{animation:none;transition:none}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeInFromNone .25s ease-out}.modal-content{position:relative;background:#111;color:#fff;border-radius:14px;padding:16px;box-shadow:5px 5px 20px 5px #00000086;max-width:80%;animation:menuPop .25s ease-out}.modal-btn{display:block;margin:12px auto 0;background:#3b3b3b;color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer}.modal-btn:disabled{opacity:.35;cursor:not-allowed}.modal-btn:hover{background:#282828}.modal-btn:active{transform:scale(.95)}.modal-x{height:2rem;width:2rem;justify-content:center;align-content:center;position:absolute;right:0;border-radius:80px;top:-3rem;font-weight:800;background:#111;cursor:pointer;box-shadow:5px 5px 20px 5px #00000086}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.modal-title{font-weight:700;font-size:1.5em}.modal-body{margin:2em;max-width:30vh;font-weight:400}@font-face{font-family:Machine Bold;src:url(/fonts/ITC%20Machine%20Std%20Bold.otf)}#root{width:100%;height:100%!important;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-align:center;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#view-manager{width:100%;height:100%;display:contents}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{overflow-y:hidden;display:inline-block;margin:0;color-scheme:light dark;color:#ffffffde;background-color:#131d32;height:100%;width:100%}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.ad-slot{width:100%;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ad-slot .adsbygoogle,.ad-slot ins,.ad-slot iframe{display:block!important;width:100%!important;height:60px!important;max-height:60px!important;min-height:60px!important;overflow:hidden!important}iframe[id^=google_ads_iframe],iframe[id^=aswift_]{height:60px!important;max-height:60px!important;min-height:60px!important}