@import"https://fonts.googleapis.com/css2?family=Righteous&display=swap";.game-nav{position:sticky;top:0;z-index:1000;height:48px;border-bottom:1px solid;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media (max-width: 639px){.game-nav{order:-10}}@media (min-width: 640px){.game-nav{height:52px}}.game-nav--light{background:#ffffffd9;border-color:#0000001a}.game-nav--light .game-nav__toggle,.game-nav--light .game-nav__current-name{color:#1f2937}.game-nav--light .game-nav__current-icon{color:#6b7280}.game-nav--light .game-nav__menu{background:#fffffff2;border-color:#0000001a}.game-nav--light .game-nav__item{color:#374151}.game-nav--light .game-nav__item:hover:not(.game-nav__item--current){background:#0000000d}.game-nav--light .game-nav__item--current{background:#6366f11a;color:#4f46e5}.game-nav--light .game-nav__hamburger span{background:#1f2937}.game-nav--cream{background:#f9f6f0e6;border-color:#1c19171a}.game-nav--cream .game-nav__toggle,.game-nav--cream .game-nav__current-name{color:#1c1917}.game-nav--cream .game-nav__current-icon{color:#78716c}.game-nav--cream .game-nav__menu{background:#f9f6f0fa;border-color:#1c19171a}.game-nav--cream .game-nav__item{color:#44403c}.game-nav--cream .game-nav__item:hover:not(.game-nav__item--current){background:#1c19170d}.game-nav--cream .game-nav__item--current{background:#b91c1c1a;color:#b91c1c}.game-nav--cream .game-nav__hamburger span{background:#1c1917}.game-nav--dark{background:#0c0c0ee6;border-color:#ffffff1a}.game-nav--dark .game-nav__toggle,.game-nav--dark .game-nav__current-name{color:#f5f5f4}.game-nav--dark .game-nav__current-icon{color:#a8a8a8}.game-nav--dark .game-nav__menu{background:#141417fa;border-color:#ffffff1a}.game-nav--dark .game-nav__item{color:#e5e5e5}.game-nav--dark .game-nav__item:hover:not(.game-nav__item--current){background:#ffffff14}.game-nav--dark .game-nav__item--current{background:#e8b86d26;color:#e8b86d}.game-nav--dark .game-nav__hamburger span{background:#f5f5f4}.game-nav__header{display:flex;align-items:center;height:100%;padding:0 12px;gap:12px}@media (min-width: 640px){.game-nav__header{padding:0 16px;gap:14px}}.game-nav__toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s ease}.game-nav__toggle:hover{background:#8080801a}.game-nav__hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:20px;height:20px;position:relative}.game-nav__hamburger span{display:block;width:18px;height:2px;border-radius:1px;transition:transform .2s ease,opacity .2s ease;position:absolute}.game-nav__hamburger span:nth-child(1){transform:translateY(-6px)}.game-nav__hamburger span:nth-child(3){transform:translateY(6px)}.game-nav__hamburger--open span:nth-child(1){transform:rotate(45deg)}.game-nav__hamburger--open span:nth-child(2){opacity:0}.game-nav__hamburger--open span:nth-child(3){transform:rotate(-45deg)}.game-nav__current{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;color:inherit}.game-nav__current:hover{opacity:.8}.game-nav__current-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}@media (min-width: 640px){.game-nav__current{font-size:16px}.game-nav__current-icon{width:20px;height:20px}}.game-nav__puzzle-number{font-size:12px;font-weight:400;opacity:.6;margin-left:4px}@media (min-width: 640px){.game-nav__puzzle-number{font-size:13px}}.game-nav__menu{position:absolute;top:100%;left:0;right:0;border-bottom:1px solid;max-height:0;overflow:hidden;opacity:0;transform:translateY(-8px);transition:max-height .25s cubic-bezier(.16,1,.3,1),opacity .2s ease,transform .2s ease}.game-nav__menu--open{max-height:80vh;overflow-y:auto;opacity:1;transform:translateY(0)}.game-nav__section{padding:8px 0}.game-nav__section:not(:last-child){border-bottom:1px solid rgba(128,128,128,.15)}.game-nav__section-label{padding:8px 16px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.5}@media (min-width: 640px){.game-nav__section-label{padding:8px 20px 4px;font-size:12px}}.game-nav--light .game-nav__section-label{color:#6b7280}.game-nav--cream .game-nav__section-label{color:#78716c}.game-nav--dark .game-nav__section-label{color:#a8a8a8}.game-nav__item{display:flex;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;font-size:15px;font-weight:500;transition:background .15s ease}@media (min-width: 640px){.game-nav__item{padding:16px 20px;font-size:16px}}.game-nav__item-icon{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.game-nav__icon-svg{width:100%;height:100%}.game-nav__item-name{flex:1}.game-nav__item-arrow{opacity:.5;flex-shrink:0;transition:transform .15s ease,opacity .15s ease}.game-nav__item:hover:not(.game-nav__item--current) .game-nav__item-arrow{transform:translate(3px);opacity:.8}.game-nav__item--current{font-weight:600;cursor:default}.game-nav__right{margin-left:auto;display:flex;align-items:center;gap:12px}.game-nav__right>div{margin-left:0!important}.game-nav__streak{display:flex;align-items:center;gap:2px;font-size:15px;font-weight:600;opacity:.5;transition:opacity .3s ease}.game-nav__streak-icon{filter:grayscale(1);opacity:.5;transition:filter .3s ease,opacity .3s ease}.game-nav__streak--active{color:#f97316;opacity:1}.game-nav__streak--active .game-nav__streak-icon{filter:grayscale(0);opacity:1}@media (min-width: 640px){.game-nav__streak{font-size:16px}}.universal-footer{background-color:#1e1915;color:#f5f0e6;padding:2.5rem 1.5rem;margin-top:2rem}.universal-footer-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.universal-footer-inner{grid-template-columns:1.2fr 1fr 1fr;gap:3rem}}.footer-column{min-width:0}.footer-heading{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#f5f0e699;margin:0 0 1rem}.footer-heading-resources{margin-top:1.5rem}.footer-brand{font-family:Righteous,cursive;font-size:1.75rem;font-weight:400;color:#d4af37;margin:0 0 1rem;letter-spacing:.03em;text-decoration:none;display:block;transition:opacity .15s ease}.footer-brand:hover{opacity:.8}.footer-about-text{font-size:.875rem;line-height:1.6;color:#f5f0e6cc;margin:0 0 1rem}.footer-about-link{font-size:.875rem;color:#f5f0e6;text-decoration:underline;text-underline-offset:2px}.footer-about-link:hover{color:#d4af37}.footer-copyright{font-size:.75rem;color:#f5f0e680;margin:1.5rem 0 0}.footer-games-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.footer-game-link{display:flex;align-items:center;gap:.625rem;color:#f5f0e6;text-decoration:none;font-size:.875rem;transition:color .15s ease}.footer-game-link:hover,.footer-game-current{color:#d4af37}.footer-game-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.footer-game-icon svg{width:100%;height:100%}.footer-game-name{white-space:nowrap}.footer-links-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.footer-link{color:#f5f0e6cc;text-decoration:none;font-size:.875rem;transition:color .15s ease}.footer-link:hover{color:#d4af37}@media (max-width: 767px){.universal-footer{padding:2rem 1rem}.footer-heading-resources{margin-top:1rem}.footer-games-list{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}}:root{--paper-50: #FDFCFA;--paper-100: #F9F6F0;--paper-200: #F3EDE3;--paper-300: #E8E0D0;--ink: #1C1917;--ink-light: #44403C;--ink-muted: #78716C;--accent-red: #B91C1C;--accent-blue: #1E40AF;--dial-size: min(72vw, 300px, calc(100dvh - 220px) )}.game-shell{background-color:var(--paper-100);overflow-x:hidden}.game-viewport{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.score-strip{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--paper-50);border-bottom:1px solid rgba(28,25,23,.1);flex-shrink:0}.score-strip-center{display:flex;align-items:center;justify-content:center;gap:24px}.score-strip-btn{width:36px;height:36px;border-radius:50%;font-size:15px;font-weight:600;background:transparent;border:1.5px solid var(--ink);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.score-strip-btn:hover:not(:disabled){background:var(--ink);color:var(--paper-50)}.score-strip-btn:disabled{opacity:.4;cursor:not-allowed}.score-strip-btn-submit{width:auto;border-radius:6px;padding:0 14px;font-size:13px;background:var(--ink);color:var(--paper-50);border-color:var(--ink);white-space:nowrap}.score-strip-btn-submit:hover:not(:disabled){background:var(--paper-50);color:var(--ink)}.score-strip-spacer{width:120px}.score-strip-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.mobile-actions{display:none}@media (max-width: 639px){.score-strip-actions,.score-strip-spacer{display:none}.score-strip{justify-content:center}.mobile-actions{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:var(--paper-50);border-bottom:1px solid rgba(28,25,23,.1);flex-shrink:0;order:-1}.mobile-actions .score-strip-btn{width:40px;height:40px;font-size:16px}.mobile-actions .score-strip-btn-submit{flex:1;max-width:200px;height:40px;font-size:14px}}.score-item{display:flex;align-items:center;gap:8px}.score-item-btn{background:none;border:none;cursor:pointer;padding:4px 8px;margin:-4px -8px;border-radius:6px;transition:background .15s ease}.score-item-btn:hover{background:#1c19170d}.score-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted)}.score-value{font-size:24px;font-weight:600;line-height:1}.score-divider{width:1px;height:24px;background:#1c191726}.play-area{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;min-height:0;touch-action:none;-webkit-user-select:none;user-select:none}.loading-state{text-align:center;padding:32px;background:var(--paper-50);border:1px solid var(--ink);border-radius:8px}.rotary-dial{position:relative;width:var(--dial-size);height:var(--dial-size);border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--paper-50) 0%,var(--paper-100) 60%,var(--paper-200) 100%);border:3px solid var(--ink);box-shadow:inset 0 2px 8px #fffc,inset 0 -2px 6px #0000000d,0 1px 0 var(--paper-300),0 6px 20px #0000001f}.rotary-dial:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:83.75%;height:83.75%;border-radius:50%;background:transparent;border:calc(var(--dial-size) * .1625) solid rgba(28,25,23,.03);box-shadow:inset 0 1px 3px #0000000a,inset 0 -1px 2px #ffffff80;pointer-events:none}.rotary-dial:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40.625%;height:40.625%;border-radius:50%;background:linear-gradient(145deg,var(--paper-200) 0%,var(--paper-100) 50%,var(--paper-50) 100%);border:1px solid rgba(28,25,23,.12);box-shadow:inset 0 2px 4px #0000000f,0 1px 2px #fffc;pointer-events:none}.dial-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34.375%;height:34.375%;border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--paper-50) 0%,var(--paper-100) 70%);border:2px solid var(--ink);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 2px 6px #ffffffe6,inset 0 -1px 3px #0000000d,0 3px 0 var(--ink),0 4px 8px #0000001a;z-index:2}.dial-center:hover:not(:disabled){background:radial-gradient(circle at 40% 35%,var(--paper-100) 0%,var(--paper-200) 70%);transform:translate(-50%,-50%) translateY(-1px);box-shadow:inset 0 2px 6px #ffffffe6,inset 0 -1px 3px #0000000d,0 4px 0 var(--ink),0 6px 12px #0000001f}.dial-center:active:not(:disabled){transform:translate(-50%,-50%) translateY(2px);box-shadow:inset 0 2px 6px #ffffffe6,inset 0 -1px 3px #0000000d,0 1px 0 var(--ink),0 2px 4px #00000014}.dial-center.can-submit{background:radial-gradient(circle at 40% 35%,var(--ink-light) 0%,var(--ink) 70%);color:var(--paper-50);border-color:var(--ink);box-shadow:inset 0 2px 8px #ffffff26,inset 0 -2px 4px #0003,0 3px #0c0a09,0 4px 8px #00000026}.dial-center.can-submit:hover:not(:disabled){background:radial-gradient(circle at 40% 35%,#57534e 0%,var(--ink-light) 70%);transform:translate(-50%,-50%) translateY(-1px)}.dial-hole{position:absolute;width:16.25%;height:16.25%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff 0%,var(--paper-50) 50%,var(--paper-100) 100%);border:1.5px solid var(--ink);cursor:pointer;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;box-shadow:inset 0 2px 4px #ffffffe6,inset 0 -1px 2px #0000000a,0 2px #1c1917cc,0 3px 6px #00000014}.dial-letter{font-size:clamp(16px,5vw,22px);font-weight:600;line-height:1}.dial-pts{font-size:clamp(8px,2vw,10px);font-weight:400;color:var(--ink-muted);opacity:.6;line-height:1;margin-top:1px}.dial-hole:hover{background:radial-gradient(circle at 40% 35%,var(--ink-light) 0%,var(--ink) 70%);color:var(--paper-50);transform:scale(1.1) translateY(-2px);box-shadow:inset 0 2px 6px #ffffff26,inset 0 -1px 3px #0003,0 4px #1c1917e6,0 6px 12px #00000026}.dial-hole:hover .dial-letter{color:var(--paper-50)}.dial-hole:hover .dial-pts{color:var(--paper-50);opacity:.5}.dial-hole:active{transform:scale(.96) translateY(1px)}.dial-hole.vowel{border-color:var(--accent-red);box-shadow:inset 0 2px 4px #ffffffe6,inset 0 -1px 2px #0000000a,0 2px 0 var(--accent-red),0 3px 6px #b91c1c26}.dial-hole.vowel:hover{background:radial-gradient(circle at 40% 35%,#dc2626 0%,var(--accent-red) 70%);border-color:var(--accent-red)}.dial-hole.vowel:hover .dial-letter,.dial-hole.vowel:hover .dial-pts{color:var(--paper-50)}.finger-stop{position:absolute;right:1.875%;top:50%;transform:translateY(-50%);width:3.125%;height:13.75%;background:linear-gradient(90deg,var(--ink-light) 0%,var(--ink) 40%,var(--ink-light) 60%,var(--ink) 100%);border-radius:2px;box-shadow:inset 1px 0 2px #ffffff1a,-1px 0 2px #0003,0 2px 4px #00000026}.action-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--paper-50);border-top:1px solid rgba(28,25,23,.1);flex-shrink:0}@media (max-width: 639px){.action-bar{order:5;border-top:1px solid rgba(28,25,23,.1);border-bottom:none}.score-strip{order:10;border-top:1px solid rgba(28,25,23,.1);border-bottom:none}.play-area{order:0}.game-footer-minimal{order:11}}.word-display{flex:1;min-width:0;min-height:52px;display:flex;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.word-display::-webkit-scrollbar{display:none}.word-placeholder{color:var(--ink-muted);font-style:italic;font-size:14px}.word-tiles{display:flex;gap:4px}.mini-tile{flex-shrink:0;width:36px;height:44px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paper-100);border:1.5px solid var(--ink);box-shadow:0 2px 0 var(--ink);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600}.mini-tile.vowel{border-color:var(--accent-red);box-shadow:0 2px 0 var(--accent-red)}.tile-pts{font-size:9px;color:var(--ink-muted);font-weight:400}.action-buttons{display:flex;gap:8px;flex-shrink:0}.action-btn{width:44px;height:44px;border-radius:8px;font-size:18px;background:transparent;border:1.5px solid var(--ink);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:var(--ink);color:var(--paper-50)}.action-btn:active{transform:scale(.95)}.modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c191759;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1100}.modal-content{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:92vw;max-width:400px;max-height:85dvh;overflow-y:auto;background:var(--paper-50);border:2px solid var(--ink);border-radius:12px;box-shadow:0 8px 30px #00000026,0 0 0 1px #1c19170d;padding:20px;z-index:1101}.modal-content h2,.modal-content h3{color:var(--ink)}.modal-content p{color:var(--ink-light)}.tier-meter{flex-shrink:0;padding:6px 20px 8px;background:var(--paper-50);border-bottom:1px solid rgba(28,25,23,.06)}.tier-meter-inner{display:flex;align-items:center;gap:10px}.tier-meter-badge{line-height:0;flex-shrink:0;color:var(--ink);animation:badge-settle .5s cubic-bezier(.34,1.56,.64,1)}@keyframes badge-settle{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.tier-meter-track{flex:1;position:relative;height:6px;background:var(--paper-300);border-radius:3px;box-shadow:inset 0 1px 2px #1c19170f;overflow:visible}.tier-meter-fill{position:absolute;top:0;left:0;height:100%;background:var(--ink);border-radius:3px;transition:width .6s cubic-bezier(.34,1.56,.64,1);min-width:4px}.tier-meter-fill:after{content:"";position:absolute;right:-4px;top:50%;width:10px;height:10px;border-radius:50%;background:var(--ink);transform:translateY(-50%);box-shadow:0 0 0 2px var(--paper-50),0 0 8px #1c191726;animation:meter-pulse 2s ease-in-out infinite}.tier-meter-fill.maxed:after{animation:none;background:var(--ink);box-shadow:0 0 0 2px var(--paper-50),0 0 12px #1c191733}@keyframes meter-pulse{0%,to{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(.65);opacity:.4}}.tier-meter-target{font-size:16px;line-height:1;flex-shrink:0;filter:grayscale(.7);opacity:.35;transition:filter .5s ease,opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.tier-meter-target-close{filter:grayscale(.2);opacity:.7;transform:scale(1.1)}.tier-meter-info{flex-shrink:0;display:flex;align-items:baseline;gap:8px;font-size:11px;font-family:DM Sans,sans-serif;color:var(--ink-muted);white-space:nowrap;letter-spacing:.01em}.tier-meter-info strong{font-weight:700;color:var(--ink-light);font-family:Playfair Display,serif;font-size:14px}.tier-close{color:var(--ink-light)}.tier-close strong{color:var(--ink)}.tier-maxed{font-weight:600;color:var(--ink);letter-spacing:.02em}.tier-meter-rank{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;color:var(--ink-light);background:var(--paper-200);padding:2px 6px;border-radius:4px;letter-spacing:.03em}.tier-meter-climb{font-weight:500;color:var(--ink-muted);font-family:DM Sans,sans-serif;letter-spacing:0}@media (max-width: 639px){.tier-meter{padding:4px 16px 6px}.tier-meter-badge{font-size:18px}.tier-meter-track{height:5px}.tier-meter-fill:after{width:8px;height:8px;right:-3px}.tier-meter-next{font-size:12px}.tier-meter-info{font-size:10px;gap:6px}.tier-meter-info strong{font-size:12px}}@media (max-height: 600px) and (orientation: landscape){.tier-meter{padding:2px 16px 4px}.tier-meter-badge{font-size:14px}.tier-meter-track{height:4px}.tier-meter-info{font-size:9px}.tier-meter-info strong{font-size:11px}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c191759;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1200;display:flex;align-items:center;justify-content:center}.confirm-dialog{background:var(--paper-50);border:2px solid var(--ink);border-radius:12px;box-shadow:0 8px 30px #00000026;padding:24px;width:92vw;max-width:320px;text-align:center}.confirm-dialog h3{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--ink)}.confirm-fine-print{font-size:13px;color:var(--ink-muted, #a8a29e);margin:0 0 18px;line-height:1.4}.confirm-buttons{display:flex;gap:10px}.confirm-btn{flex:1;padding:10px 0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:2px solid var(--ink);transition:background .15s,color .15s}.confirm-btn-cancel{background:var(--paper-50);color:var(--ink)}.confirm-btn-cancel:hover{background:var(--paper-100, #f5f5f4)}.confirm-btn-submit{background:var(--ink);color:var(--paper-50)}.confirm-btn-submit:hover{opacity:.9}.leaderboard-list{display:flex;flex-direction:column;gap:6px}.leaderboard-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#1c191708;border-radius:8px;font-size:14px;transition:background .15s ease}.leaderboard-row-me{background:#b91c1c14;border:1px solid rgba(185,28,28,.2)}.leaderboard-rank{width:28px;text-align:center;font-weight:600;flex-shrink:0}.leaderboard-name{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row-me .leaderboard-name{color:var(--accent-red);font-weight:600}.leaderboard-score{font-family:var(--font-display);font-weight:600;color:var(--ink-light);flex-shrink:0}.leaderboard-row-me .leaderboard-score{color:var(--accent-red)}.cross-promo-cta{margin-top:16px;padding-top:16px;border-top:1px dashed rgba(28,25,23,.15);text-align:center}.cross-promo-cta a:hover{color:var(--accent-red)}@keyframes dial-success{0%{transform:rotate(0)}30%{transform:rotate(-12deg)}to{transform:rotate(0)}}@keyframes dial-error{0%{transform:rotate(0)}15%{transform:rotate(-6deg)}30%{transform:rotate(4deg)}50%{transform:rotate(-3deg)}70%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes tile-pop{0%{transform:scale(.8) translateY(4px);opacity:0}60%{transform:scale(1.05) translateY(-1px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes score-bump{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes toast-slide{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.dial-success{animation:dial-success .5s cubic-bezier(.25,.46,.45,.94)}.dial-error{animation:dial-error .45s cubic-bezier(.25,.46,.45,.94)}.animate-tile-pop{animation:tile-pop .2s ease-out}.animate-score-bump{animation:score-bump .25s ease-out}.animate-toast{animation:toast-slide .2s ease-out}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:8px;font-family:DM Sans,sans-serif;font-weight:600;font-size:14px;z-index:100;border:1.5px solid;white-space:nowrap}.toast-success{background:#ecfdf5;border-color:#059669;color:#047857}.toast-error{background:#fef2f2;border-color:#dc2626;color:#b91c1c}.toast-bonus{background:#fef3c7;border-color:#d97706;color:#b45309}.font-display{font-family:Playfair Display,serif}.font-sans{font-family:DM Sans,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.text-ink{color:var(--ink)}.text-ink-muted{color:var(--ink-muted)}.text-ink-light{color:var(--ink-light)}.text-accent-red{color:var(--accent-red)}.btn-secondary{background:transparent;color:var(--ink);border:1.5px solid var(--ink);border-radius:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:var(--ink);color:var(--paper-50)}.dialing-word{display:flex;justify-content:center;gap:6px;margin-bottom:8px}.dialing-letter{width:38px;height:46px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paper-200);border:2px solid var(--ink);font-family:JetBrains Mono,monospace;font-size:18px;font-weight:600;opacity:.4;transform:scale(.9);transition:all .3s ease}.dialing-letter.vowel{border-color:var(--accent-red)}.dialing-letter.dialed{opacity:1;transform:scale(1);background:var(--paper-50);box-shadow:0 2px 0 var(--ink)}.dialing-letter.vowel.dialed{box-shadow:0 2px 0 var(--accent-red)}.dialing-letter.dialing{opacity:1;animation:dial-letter .4s cubic-bezier(.25,.46,.45,.94);background:var(--ink);color:var(--paper-50);transform:scale(1.15);box-shadow:0 3px #1c1917cc,0 6px 16px #0003}.dialing-letter.vowel.dialing{background:var(--accent-red);box-shadow:0 3px #7f1d1d,0 6px 16px #b91c1c4d}.dialing-letter.dialing span{color:var(--paper-50)!important}.dialing-letter.complete{opacity:1;transform:scale(1);background:var(--paper-50);box-shadow:0 2px 0 var(--ink)}.dialing-letter.vowel.complete{box-shadow:0 2px 0 var(--accent-red)}@keyframes dial-letter{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.15) rotate(-15deg)}50%{transform:scale(1.2) rotate(0)}75%{transform:scale(1.15) rotate(10deg)}to{transform:scale(1.15) rotate(0)}}.dialing-pts{font-size:9px;color:var(--ink-muted);font-weight:400}.dialing-letter.dialing .dialing-pts{color:#fdfcfab3}.dialing-score{font-size:20px;font-weight:600;color:var(--ink);opacity:0;transform:translateY(-8px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.dialing-score.show{opacity:1;transform:translateY(0) scale(1)}@media (min-width: 640px){:root{--dial-size: min(320px, calc(100dvh - 240px) )}.score-strip{padding:12px 24px}.score-strip-center{gap:32px}.score-value{font-size:28px}.action-bar{padding:16px 24px;justify-content:center;gap:16px}.word-display{flex:none;max-width:400px}.mini-tile{width:40px;height:48px;font-size:18px}.toast{bottom:100px;font-size:15px}}@media (max-height: 600px) and (orientation: landscape){:root{--dial-size: min(45vh, 240px)}.score-strip{padding:6px 16px}.score-strip-btn{width:32px;height:32px;font-size:13px}.score-strip-btn-submit{padding:0 10px;font-size:12px}.score-value{font-size:20px}.play-area{padding:8px}.action-bar{padding:8px 16px}.mini-tile{width:32px;height:38px;font-size:14px}.toast{bottom:60px}}.tutorial-modal{max-width:420px}.tutorial-section{display:flex;gap:14px;align-items:flex-start}.tutorial-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:var(--paper-100);border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center;color:var(--ink);box-shadow:0 2px 0 var(--ink)}.tutorial-icon-bonus{background:var(--ink);color:var(--paper-50);font-size:14px}.tutorial-icon-vowel{border-color:var(--accent-red);box-shadow:0 2px 0 var(--accent-red)}.tutorial-start-btn{display:block;width:100%;margin-top:24px;padding:14px 24px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;background:var(--ink);color:var(--paper-50);border:2px solid var(--ink);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 3px #0c0a09,0 4px 8px #00000026}.tutorial-start-btn:hover{transform:translateY(-2px);box-shadow:0 5px #0c0a09,0 8px 16px #0000002e}.tutorial-start-btn:active{transform:translateY(1px);box-shadow:0 1px #0c0a09,0 2px 4px #0000001f}@keyframes tutorial-fade-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.tutorial-modal{animation:tutorial-fade-in .3s ease-out}.found-words-ticker{flex-shrink:0;background:linear-gradient(180deg,#fdfcfaf2,#f9f6f0fa);border-bottom:1px solid rgba(28,25,23,.08);padding:8px 0;position:relative;overflow:hidden}.found-words-ticker:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 4px,rgba(28,25,23,.06) 4px,rgba(28,25,23,.06) 6px)}.ticker-track{display:flex;gap:6px;padding:0 12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.ticker-track::-webkit-scrollbar{display:none}.ticker-word{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-light);background:var(--paper-100);border:1px solid rgba(28,25,23,.12);border-radius:3px;box-shadow:0 1px #1c19170d,inset 0 1px #ffffff80;transition:all .2s ease}.ticker-word:hover{background:var(--paper-50);border-color:#1c191733;color:var(--ink)}.ticker-pts{font-size:10px;font-weight:600;color:var(--ink-muted);opacity:.7}.ticker-empty{font-family:DM Sans,sans-serif;font-size:12px;font-style:italic;color:var(--ink-muted);opacity:.6;padding:4px 0}@keyframes ticker-slide-in{0%{opacity:0;transform:translate(-8px) scale(.95)}60%{transform:translate(2px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}.ticker-word-new{animation:ticker-slide-in .35s cubic-bezier(.34,1.56,.64,1);background:var(--paper-50);border-color:var(--ink);color:var(--ink);box-shadow:0 1px 0 var(--ink),inset 0 1px #ffffff80}.ticker-word-new .ticker-pts{color:var(--ink-light);opacity:1}.found-words-ticker:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(90deg,transparent 0%,rgba(249,246,240,.9) 70%,rgba(249,246,240,1) 100%);pointer-events:none}@media (max-width: 639px){.found-words-ticker{order:-1}}@media (max-height: 600px) and (orientation: landscape){.found-words-ticker{padding:5px 0}.ticker-word{padding:3px 8px;font-size:11px}}.game-footer-minimal{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--ink);font-size:11px}.game-footer-minimal .footer-copyright{color:var(--paper-200);opacity:.5}.game-footer-minimal .footer-sep{color:var(--paper-200);opacity:.3}.game-footer-minimal .footer-link-minimal{color:var(--paper-200);text-decoration:none;opacity:.5;transition:opacity .15s ease}.game-footer-minimal .footer-link-minimal:hover{opacity:1}.below-fold{background:var(--paper-100);padding:48px 20px;border-top:1px dashed rgba(28,25,23,.2)}.below-fold-inner{max-width:600px;margin:0 auto}.below-fold h2{font-family:Playfair Display,serif;font-size:24px;font-weight:600;color:var(--ink);margin-bottom:16px}.below-fold-section{margin-bottom:40px}.below-fold-card{background:var(--paper-50);border:1px solid rgba(28,25,23,.15);border-radius:6px;padding:16px;margin-bottom:12px;box-shadow:0 1px #1c19170d}.below-fold-steps{list-style:none;padding:0;margin:0 0 16px}.below-fold-step{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.below-fold-step-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--accent-red);color:var(--paper-50);font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 1px #7f1d1d}.below-fold-step-text{font-size:14px;color:var(--ink-light);line-height:1.5}.below-fold-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--accent-red);text-decoration:none;transition:opacity .15s ease}.below-fold-link:hover{opacity:.8}.below-fold-link svg{width:14px;height:14px}.faq-item{background:var(--paper-50);border:1px solid rgba(28,25,23,.15);border-radius:6px;margin-bottom:8px;overflow:hidden}.faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary svg{width:18px;height:18px;color:var(--ink-muted);transition:transform .2s ease;flex-shrink:0}.faq-item[open] summary svg{transform:rotate(180deg)}.faq-item p{padding:0 16px 14px;font-size:13px;color:var(--ink-light);line-height:1.6;margin:0}.below-fold-text{font-size:14px;color:var(--ink-light);line-height:1.6;margin-bottom:12px}@media (min-width: 640px){.below-fold{padding:64px 24px}.below-fold h2{font-size:28px}.below-fold-step-text,.below-fold-text{font-size:15px}.faq-item summary{font-size:15px}.faq-item p{font-size:14px}}@keyframes streak-bump{0%{transform:scale(1)}40%{transform:scale(1.5)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes streak-plus-float{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-12px) scale(1.1)}to{opacity:0;transform:translateY(-24px) scale(.9)}}@keyframes fire-pulse{0%{transform:scale(1)}25%{transform:scale(1.4)}50%{transform:scale(1.1)}75%{transform:scale(1.3)}to{transform:scale(1)}}.streak-display{position:relative;display:inline-flex;align-items:center;gap:4px}.streak-number{display:inline-block}.streak-number.animate{animation:streak-bump .7s cubic-bezier(.34,1.56,.64,1);animation-delay:.3s}.streak-fire{display:inline-block}.streak-fire.animate{animation:fire-pulse .9s ease-in-out;animation-delay:.3s}.streak-plus{position:absolute;top:-4px;right:-20px;font-size:16px;font-weight:700;color:#f97316;opacity:0;animation:streak-plus-float 1s ease-out forwards;animation-delay:.3s;animation-fill-mode:backwards}
