:root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--color-bg:#f5f0e8;--color-surface:#eae4d6;--color-hover:#d9d1c0;--color-ink:#1a1610;--color-accent:#8b2500;--color-border:#c4baa8;--color-tile-border:#9e9282;--color-rule:#1a16102e;--font-serif:"Crimson Pro", Georgia, "Times New Roman", serif;--font-fraktur:"UnifrakturMaguntia", "Times New Roman", serif;--font-tile:"IM Fell English", Georgia, serif;--font-body:"Crimson Pro", Georgia, "Times New Roman", serif;--color-pangram:#c49a0a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-serif);color:var(--color-ink);background-color:var(--color-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75 0.55' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;font-size:16px;line-height:1.5}.app{max-width:480px;padding:var(--space-sm) var(--space-md) var(--space-2xl);gap:var(--space-md);-webkit-user-select:none;user-select:none;flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.modal-card{-webkit-user-select:text;user-select:text}.app-footer{padding-top:var(--space-xl);text-align:center;opacity:.4;margin-top:auto;font-size:12px}.app-footer a{color:var(--color-ink);letter-spacing:.06em;text-decoration:none}.app-footer a:hover{opacity:.8;text-decoration:underline}.masthead{text-align:center;border-top:3px solid var(--color-ink);border-bottom:1px solid var(--color-ink);padding:var(--space-sm) 0}.app-title{font-family:var(--font-fraktur);color:var(--color-ink);letter-spacing:.03em;font-size:clamp(38px,10.5vw,52px);font-weight:400;line-height:.95}.app-title__link{color:inherit;text-decoration:none}.app-subtitle{font-family:var(--font-serif);letter-spacing:.22em;text-transform:uppercase;color:var(--color-ink);opacity:.6;margin-top:var(--space-xs);font-size:11px;font-weight:400}.masthead-block{flex-direction:column;display:flex}.masthead-dateline{font-family:var(--font-serif);letter-spacing:.14em;color:var(--color-ink);opacity:.45;justify-content:space-between;font-size:11px;font-weight:400;display:flex}@keyframes press-loading{0%,to{opacity:1}50%{opacity:.6}}.loading-state{text-align:center;font-family:var(--font-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink);padding:var(--space-2xl) 0;font-size:16px;animation:1.6s ease-in-out infinite press-loading}.error-state{text-align:center;padding:var(--space-2xl) 0;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.retry-btn{font-family:var(--font-serif);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;color:var(--color-ink);border-radius:2px;font-size:14px;font-weight:600;transition:transform .1s ease-out;box-shadow:0 2px #00000014,inset 0 1px #ffffff1a}@media (hover:hover) and (pointer:fine){.retry-btn:hover{background:var(--color-hover);border-color:var(--color-ink)}}.retry-btn:active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);transform:scale(.97);box-shadow:0 1px #0000001a,inset 0 1px 2px #00000026}.share-btn{font-family:var(--font-serif);letter-spacing:.06em;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;color:var(--color-ink);width:100%;min-height:44px;margin-top:var(--space-sm);border-radius:2px;font-size:14px;font-weight:600;transition:transform .1s ease-out;animation:.35s cubic-bezier(.16,1,.3,1) .2s both game-over-item-enter;box-shadow:0 2px #00000014,inset 0 1px #ffffff14}@media (hover:hover) and (pointer:fine){.share-btn:hover{background:var(--color-hover);border-color:var(--color-ink)}}.share-btn:active{transform:scale(.98)}.share-btn--copied,.share-btn--copied:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);box-shadow:0 1px #0000001a}.share-btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.share-fallback{font-family:var(--font-serif);width:100%;padding:var(--space-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);resize:none;margin-top:var(--space-sm);border-radius:2px;font-size:14px}.new-day-banner{background:var(--color-accent);width:100%;color:var(--color-bg);text-align:center;padding:var(--space-sm) var(--space-md);font-family:var(--font-serif);letter-spacing:.04em;cursor:pointer;border:none;border-radius:2px;font-size:14px;font-weight:600;transition:transform .1s ease-out;display:block}@media (hover:hover) and (pointer:fine){.new-day-banner:hover{opacity:.9}}.new-day-banner:active{transform:scale(.98)}.new-day-banner:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.score-bar{background:var(--color-surface);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px}.rank-name{font-family:var(--font-fraktur);color:var(--color-ink);font-size:22px;font-weight:400;line-height:1.2}.rank-progress{background:var(--color-border);height:6px;margin:var(--space-xs) 0;border-radius:1px;overflow:hidden}.rank-progress__fill{background:var(--color-accent);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--fill-pct,0));will-change:transform;transition:transform .5s cubic-bezier(.16,1,.3,1)}.score-count{letter-spacing:.02em;color:var(--color-ink);opacity:.85;cursor:pointer;background:0 0;border:none;align-items:center;min-height:44px;padding:0;font-family:inherit;font-size:13px;font-weight:400;display:inline-flex}.score-count:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:1px}.score-bar__bottom{justify-content:space-between;align-items:center;display:flex}.score-bar__right{align-items:center;gap:var(--space-xs);display:flex}.share-inline{cursor:pointer;color:var(--color-ink);opacity:.45;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;transition:opacity .1s ease-out;display:flex}@media (hover:hover) and (pointer:fine){.share-inline:hover{opacity:.9}}.share-inline--copied{opacity:1;color:var(--color-accent)}.share-inline:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:2px}.streak-counter{font-family:var(--font-serif);letter-spacing:.04em;cursor:pointer;color:var(--color-accent);background:0 0;border:none;align-items:center;min-width:44px;min-height:44px;padding:0;font-size:13px;font-weight:400;display:flex}.streak-counter:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.rank-name-row{position:relative}.rank-name--btn{font-family:var(--font-fraktur);color:var(--color-ink);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;min-height:44px;padding:0;font-size:22px;font-weight:400;line-height:1.2;display:inline-flex}.rank-name--btn:disabled{cursor:default}@media (hover:hover) and (pointer:fine){.rank-name--btn:not(:disabled):hover{opacity:.75}}.rank-name--btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:1px}.rank-name__caret{font-family:var(--font-serif);opacity:.5;font-size:11px}.rank-popover{z-index:50;background:var(--color-bg);border:1px solid var(--color-ink);padding:var(--space-sm) var(--space-md);transform-origin:0 0;border-radius:2px;min-width:200px;transition:opacity .15s ease-out,transform .15s ease-out;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #1a16102e}@starting-style{.rank-popover{opacity:0;transform:scale(.95)}}.rank-popover__list{list-style:none}.rank-popover__item{justify-content:space-between;align-items:baseline;gap:var(--space-lg);color:var(--color-ink);opacity:.4;padding:2px 0;font-size:13px;display:flex}.rank-popover__item--current{opacity:1;color:var(--color-accent);font-weight:600}.rank-popover__item--current .rank-popover__name:before{content:"▸ "}.rank-popover__item--colophon{border-top:1px solid var(--color-border);opacity:.35;margin-top:4px;padding-top:4px}.rank-popover__item--colophon.rank-popover__item--current{opacity:1}.rank-popover__pts{white-space:nowrap;font-size:12px}.rank-next-hint{letter-spacing:.04em;color:var(--color-ink);opacity:.45;margin-top:2px;font-size:11px;font-weight:400}.word-display-area{text-align:center;min-height:64px;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.word-display{font-family:var(--font-tile);letter-spacing:.12em;color:var(--color-ink);min-height:1.1em;font-size:32px;font-weight:400;line-height:1.1}@keyframes composing-idle{0%,to{opacity:.7}50%{opacity:.08}}.word-display--placeholder{animation:2.6s ease-in-out infinite composing-idle}.error-msg{color:var(--color-accent);margin-top:var(--space-xs);letter-spacing:.04em;min-height:1.5em;font-size:14px;font-weight:400}@keyframes tile-shuffle{0%{transform:scale(1)rotate(0)}30%{transform:scale(.82)rotate(-5deg)}60%{transform:scale(.82)rotate(5deg)}to{transform:scale(1)rotate(0)}}.tile--shuffling{animation:.35s ease-in-out tile-shuffle}@media (prefers-reduced-motion:reduce){.tile--shuffling{animation:none}}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.word-display.shake{animation:.3s ease-out shake}@media (prefers-reduced-motion:reduce){.word-display.shake{animation:none}.word-display--flash{transition:none}}.word-display--flash{color:var(--color-accent);transition:color .15s ease-out}@keyframes word-rise{0%{opacity:.8;transform:translateY(2px)scale(.93)}35%{opacity:1;transform:translateY(-6px)scale(1.06)}to{opacity:0;transform:translateY(-16px)scale(1)}}@keyframes word-rise-pangram{0%{opacity:.8;transform:translateY(2px)scale(.93)}30%{opacity:1;transform:translateY(-4px)scale(1.12)}to{opacity:0;transform:translateY(-20px)scale(1)}}@keyframes label-fade{0%{opacity:0;transform:translateY(4px)}20%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.word-display--found{color:var(--color-accent);animation:.6s ease-out forwards word-rise}.word-display--pangram{color:var(--color-pangram,#b87a00);animation:.6s ease-out forwards word-rise-pangram}.found-label{color:var(--color-accent);margin-top:var(--space-xs);min-height:1.5em;font-size:14px;font-weight:600;animation:.6s ease-out forwards label-fade}.found-label--pangram{color:var(--color-pangram,#b87a00);font-size:16px}@media (prefers-reduced-motion:reduce){.word-display--found,.word-display--pangram,.found-label{opacity:1;animation:none}.found-word,.loading-state{animation:none}.word-display--placeholder{opacity:.5;animation:none}.rank-progress__fill{transition:none}.game-over__rank,.game-over__score,.game-over__missed,.share-btn,.play-today-btn{animation:none;translate:0}.letter-grid,.modal-overlay{opacity:1;transition:none}}.letter-grid{padding:var(--space-md) var(--space-lg);align-items:center;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;flex-direction:column;transition:opacity .4s cubic-bezier(.16,1,.3,1);display:flex}@starting-style{.letter-grid{opacity:0}}.grid-row{gap:var(--space-xs);justify-content:center;align-items:center;display:flex}.tile{font-family:var(--font-tile);min-width:52px;min-height:52px;padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-tile-border);cursor:pointer;color:var(--color-ink);text-transform:uppercase;text-shadow:1px 1px #9e928259,2px 2px #9e92821f;border-radius:2px;justify-content:center;align-items:center;font-size:22px;font-weight:600;transition:transform .1s ease-out;display:inline-flex;box-shadow:0 2px #00000024,2px 0 #00000014,2px 2px #0000000d,inset 0 1px #fff3,inset 1px 0 #ffffff1a}@media (hover:hover) and (pointer:fine){.tile:hover{background:var(--color-hover);border-color:var(--color-accent);box-shadow:0 2px #00000024,2px 0 #00000014,2px 2px #0000000d,inset 0 1px #fff3,inset 1px 0 #ffffff1a}}.tile:active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);text-shadow:1px 1px #00000029;transform:scale(.97);box-shadow:0 1px #0000001f,1px 0 #00000012,inset 0 1px 3px #00000029}.tile:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.tile--center{background:var(--color-accent);border:1px solid var(--color-accent);min-width:60px;min-height:60px;color:var(--color-bg);text-shadow:1px 1px #00000042,2px 2px #0000001a;border-radius:2px;box-shadow:inset 2px 2px 4px #00000038,inset 1px 1px 2px #0000001f}@media (hover:hover) and (pointer:fine){.tile--center:hover{background:var(--color-accent);border-color:var(--color-accent);opacity:.9;box-shadow:inset 2px 2px 4px #00000038,inset 1px 1px 2px #0000001f}}.action-row{gap:var(--space-sm);justify-content:center;display:flex}.action-btn{font-family:var(--font-serif);letter-spacing:.04em;min-width:80px;min-height:48px;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;color:var(--color-ink);border-radius:2px;flex:1;font-size:14px;font-weight:600;transition:transform .1s ease-out;box-shadow:0 2px #00000017,inset 0 1px #ffffff1a}@media (hover:hover) and (pointer:fine){.action-btn:hover{background:var(--color-hover);border-color:var(--color-ink)}}.action-btn:active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);transform:scale(.97);box-shadow:0 1px #00000014,inset 0 1px 2px #0000001a}.action-btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}@media (width<=380px){.action-btn{padding:var(--space-xs) 6px;letter-spacing:0;min-width:0;font-size:12px}}.action-btn:disabled{background:var(--color-surface);border-color:var(--color-border);color:var(--color-border);cursor:not-allowed;box-shadow:none}.modal-overlay{z-index:100;background:#1a16108c;justify-content:center;align-items:center;transition:opacity .2s ease-out;display:flex;position:fixed;inset:0}@starting-style{.modal-overlay{opacity:0}}.modal-card{background:var(--color-bg);border:1px solid var(--color-ink);box-shadow:0 0 0 3px var(--color-bg), 0 0 0 4px var(--color-border);width:90%;max-width:360px;padding:var(--space-lg);transform-origin:50%;border-radius:2px;max-height:80dvh;transition:opacity .2s ease-out,transform .2s ease-out;position:relative;overflow-y:auto}@starting-style{.modal-card{opacity:0;transform:scale(.95)}}.modal-title{font-family:var(--font-body);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);font-size:20px;font-weight:600}.modal-close{top:var(--space-sm);right:var(--space-sm);cursor:pointer;min-width:44px;min-height:44px;color:var(--color-ink);opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;transition:transform .1s ease-out;display:inline-flex;position:absolute}@media (hover:hover) and (pointer:fine){.modal-close:hover{background:var(--color-surface);opacity:1}}.modal-close:active{transform:scale(.9)}.modal-close:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.found-words-list{columns:2;column-gap:var(--space-lg);padding:0;list-style:none}@keyframes word-stagger-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.found-word{color:var(--color-ink);animation:.22s ease-out both word-stagger-in;animation-delay:calc(min(var(--i,0), 20) * 35ms);font-size:16px;font-weight:400;line-height:1.6}.found-word.pangram-word{color:var(--color-pangram);font-style:italic}.found-word.pangram-word:before{content:"✦ ";color:var(--color-pangram);font-style:normal}@keyframes game-over-item-enter{0%{translate:0 8px}to{translate:0}}.game-over{text-align:center;padding:var(--space-xl) 0;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.game-over__rank{font-family:var(--font-fraktur);color:var(--color-accent);padding:var(--space-sm) var(--space-xl);border-top:1px solid var(--color-accent);border-bottom:1px solid var(--color-accent);width:100%;font-size:44px;font-weight:400;line-height:1;animation:.35s cubic-bezier(.16,1,.3,1) both game-over-item-enter}.game-over__score{letter-spacing:.06em;color:var(--color-ink);opacity:.8;font-size:17px;font-weight:400;animation:.35s cubic-bezier(.16,1,.3,1) 70ms both game-over-item-enter}.reveal-btn{margin:var(--space-sm) auto 0;font-family:var(--font-serif);color:var(--color-ink);opacity:.5;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;min-height:44px;padding:12px 0;font-size:13px;text-decoration:underline;display:block}@media (hover:hover) and (pointer:fine){.reveal-btn:hover{opacity:.9}}.reveal-btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;opacity:1;border-radius:1px}.play-today-btn{font-family:var(--font-serif);padding:var(--space-sm) var(--space-xl);background:var(--color-accent);color:var(--color-bg);cursor:pointer;margin-top:var(--space-sm);border:none;border-radius:3px;font-size:16px;font-weight:600;transition:transform .1s ease-out;animation:.35s cubic-bezier(.16,1,.3,1) .2s both game-over-item-enter}@media (hover:hover) and (pointer:fine){.play-today-btn:hover{opacity:.9}}.play-today-btn:active{transform:scale(.97)}.play-today-btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.game-over__rank--colophon{color:var(--color-pangram);border-color:var(--color-pangram)}.game-over__colophon-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--color-pangram);opacity:.85;font-size:13px;animation:.35s cubic-bezier(.16,1,.3,1) 50ms both game-over-item-enter}.game-over__missed{text-align:left;border-top:1px solid var(--color-border);width:100%;padding-top:var(--space-md);margin-top:var(--space-sm);animation:.35s cubic-bezier(.16,1,.3,1) .14s both game-over-item-enter}.game-over__missed-label{letter-spacing:.2em;text-transform:uppercase;color:var(--color-ink);opacity:.45;margin-bottom:var(--space-xs);font-size:11px}.game-over__missed-list{gap:var(--space-xs) var(--space-md);flex-wrap:wrap;list-style:none;display:flex}.game-over__missed-word{color:var(--color-ink);opacity:.35;font-size:15px}.game-over__missed-word--found{opacity:1;color:var(--color-accent);font-weight:600}.game-over__missed-word--pangram{opacity:.5;color:var(--color-pangram,#b87a00);font-weight:600}.game-over__missed-word--found.game-over__missed-word--pangram{opacity:1;color:var(--color-pangram,#b87a00)}.win-modal{text-align:center}.win-modal__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink);opacity:.5;margin-bottom:2px;font-size:12px}.win-modal__headline{font-family:var(--font-fraktur);color:var(--color-accent);margin-bottom:var(--space-xs);font-size:40px;font-weight:400;line-height:1.1}.win-modal__rule{background:var(--color-accent);width:100%;height:1px;margin:var(--space-sm) 0;opacity:.35}.win-modal__score{justify-content:center;align-items:baseline;gap:var(--space-sm);margin-top:var(--space-xs);font-size:18px;display:flex}.win-modal__bar{letter-spacing:.04em;color:var(--color-accent);font-size:15px}.win-modal__pts{font-weight:600}.win-modal__words{color:var(--color-ink);opacity:.7;margin-top:2px;font-size:14px}.win-modal__pangrams{color:var(--color-pangram)}.win-modal__keep-hint{color:var(--color-ink);opacity:.5;margin-top:var(--space-xs);font-size:13px;font-style:italic}.win-modal__actions{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;width:100%;display:flex}.win-modal__share{margin-top:0!important;animation:none!important}.keep-playing-btn{font-family:var(--font-serif);letter-spacing:.06em;color:var(--color-ink);opacity:.65;border:1px solid var(--color-border);padding:10px var(--space-lg);cursor:pointer;background:0 0;border-radius:2px;width:100%;min-height:44px;font-size:14px;font-weight:400;transition:opacity .1s ease-out,background .1s ease-out}@media (hover:hover) and (pointer:fine){.keep-playing-btn:hover{opacity:1;background:var(--color-surface)}}.keep-playing-btn:active{transform:scale(.98)}.keep-playing-btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.stats-list{gap:var(--space-md);margin-top:var(--space-sm);flex-direction:column;display:flex}.stats-item{gap:var(--space-xs);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-rule);flex-direction:column;display:flex}.stats-item:last-child{border-bottom:none;padding-bottom:0}.stat-label{letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink);opacity:.6;font-size:11px;font-weight:400}.stat-value{font-family:var(--font-fraktur);color:var(--color-ink);font-size:36px;font-weight:400;line-height:1}