: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-xl) var(--space-md) var(--space-2xl);gap:var(--space-md);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.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:52px;font-weight:400;line-height:.95}.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}.loading-state{text-align:center;color:var(--color-ink);padding:var(--space-2xl) 0;font-size:16px}.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;box-shadow:0 2px #0000001f,inset 0 1px #ffffff1f}.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);box-shadow:0 1px #0000001a,inset 0 1px 2px #00000026}.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);border-radius:1px;height:100%;transition:width .2s ease-out}.score-count{letter-spacing:.02em;color:var(--color-ink);opacity:.85;font-size:13px;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}.word-display--placeholder{opacity:.35}.error-msg{color:var(--color-accent);margin-top:var(--space-xs);letter-spacing:.04em;min-height:1.5em;font-size:14px;font-weight:400}.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;display:flex}.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;border-radius:2px;justify-content:center;align-items:center;font-size:22px;font-weight:600;display:inline-flex;box-shadow:0 3px #00000052,0 4px #00000024,inset 0 1px #ffffff2e}.tile:hover{background:var(--color-hover);border-color:var(--color-accent);box-shadow:0 3px #00000052,0 4px #00000024,inset 0 1px #ffffff2e}.tile:active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);box-shadow:0 1px #00000038,inset 0 1px 3px #00000040}.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);border-radius:2px;box-shadow:inset 0 2px 6px #00000073,inset 0 1px 2px #00000047}.tile--center:hover{background:var(--color-accent);border-color:var(--color-accent);opacity:.9;box-shadow:inset 0 2px 6px #00000073,inset 0 1px 2px #00000047}.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;box-shadow:0 2px #00000029,inset 0 1px #ffffff1f}.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);box-shadow:0 1px #0000001a,inset 0 1px 2px #00000026}.action-btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.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;display:flex;position:fixed;inset: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);border-radius:2px;max-height:80dvh;position:relative;overflow-y:auto}.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{font-family:var(--font-serif);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;font-size:18px;font-weight:400;display:inline-flex;position:absolute}.modal-close:hover{background:var(--color-surface);opacity:1}.modal-close:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.found-words-list{padding:0;list-style:none}.found-word{color:var(--color-ink);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}.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}.game-over__score{letter-spacing:.06em;color:var(--color-ink);opacity:.8;font-size:17px;font-weight:400}@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:.35s ease-in-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:1;transform:translateY(0)scale(1)}40%{opacity:1;transform:translateY(-6px)scale(1.06)}to{opacity:0;transform:translateY(-16px)scale(1)}}@keyframes word-rise-pangram{0%{opacity:1;transform:translateY(0)scale(1)}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:.95s ease-out forwards word-rise}.word-display--pangram{color:var(--color-pangram,#b87a00);animation:.95s ease-out forwards word-rise-pangram}.found-label{color:var(--color-accent);min-height:1.5em;font-size:14px;font-weight:600;animation:.95s 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}}.score-bar__bottom{justify-content:space-between;align-items:center;display:flex}.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}.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}.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;box-shadow:0 2px #0000001f,inset 0 1px #ffffff1a}.share-btn:hover{background:var(--color-hover);border-color:var(--color-ink)}.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}