:root{--paper: #EDE9E2;--ink: #211B22;--accent: #6b6b6b;--accent-contrast: #EDE9E2;--green: #4c9a5a;--green-letter: #fff;--yellow: #d98f2b;--yellow-letter: var(--ink);--grey: #DAD2C5;--grey-letter: #655E52;--grey-line: #C4BBAA;--tile-line: #c9c3b8}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}button{font:inherit;cursor:pointer}.app-shell{max-width:480px;margin:0 auto;min-height:100%;padding:24px 16px 48px;display:flex;flex-direction:column;gap:20px}h1+h2,h1+p{margin-top:0}.button-primary{background:var(--accent);color:var(--accent-contrast);border:none;border-radius:10px;padding:12px 20px;font-weight:600}.button-secondary{background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:10px;padding:12px 20px}.button-primary:disabled,.button-secondary:disabled{opacity:.6;cursor:default}.tile{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid var(--tile-line);border-radius:6px;color:var(--ink);--fb-line: var(--fb)}.tile__letter{position:relative}.tile-empty{background:transparent}.tile-typed{background:transparent;border-color:var(--ink)}.tile-green{--fb: var(--green);--fb-letter: var(--green-letter)}.tile-yellow{--fb: var(--yellow);--fb-letter: var(--yellow-letter)}.tile-grey{--fb: var(--grey);--fb-letter: var(--grey-letter);--fb-line: var(--grey-line)}.tile-green,.tile-yellow,.tile-grey{background:var(--fb);border-color:var(--fb-line);color:var(--fb-letter)}.guess-row{display:flex;gap:6px}.guess-row--typed .tile-typed{animation:tile-pop .13s ease-out}@keyframes tile-pop{0%{transform:scale(.82)}60%{transform:scale(1.06)}to{transform:scale(1)}}.guess-row--reveal .tile-green,.guess-row--reveal .tile-yellow,.guess-row--reveal .tile-grey{background:transparent;animation:tile-ink var(--rev-ms) ease-out both;animation-delay:calc(var(--i) * var(--rev-step))}.guess-row--reveal .tile-green:before,.guess-row--reveal .tile-yellow:before,.guess-row--reveal .tile-grey:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:6px;background:var(--fb);animation:ink-bleed var(--rev-ms) ease-out both;animation-delay:calc(var(--i) * var(--rev-step))}@keyframes ink-bleed{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes tile-ink{0%{border-color:var(--tile-line);color:var(--ink)}33%{border-color:var(--tile-line);color:var(--ink)}34%{border-color:var(--tile-line);color:var(--fb-letter)}99%{border-color:var(--tile-line);color:var(--fb-letter)}to{border-color:var(--fb-line);color:var(--fb-letter)}}.guess-row--win .tile-green{animation:tile-ink var(--rev-ms) ease-out both,tile-bounce var(--bounce-ms) ease-in-out both;animation-delay:calc(var(--i) * var(--rev-step)),calc(var(--bounce-start) + var(--i) * var(--bounce-step))}@keyframes tile-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-9px)}70%{transform:translateY(2px)}}.guess-grid{display:flex;flex-direction:column;gap:6px}.era-picker{display:flex;flex-direction:column;gap:8px}.era-picker__option{display:flex;justify-content:space-between;align-items:center;background:transparent;border:2px solid #c9c3b8;border-radius:10px;padding:12px 16px;text-align:left;color:var(--ink)}.era-picker__option--selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.era-picker__option-label{display:flex;align-items:center;gap:10px}.era-picker__swatch{width:14px;height:14px;border-radius:50%;background:var(--accent);flex-shrink:0}.era-banner{display:block;width:100%;height:auto;border-radius:10px}.hint-banner{position:relative;padding:8px 12px 8px 16px;display:flex;flex-direction:column;gap:4px}.hint-banner:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}.hint-banner__era{font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.04em}.hint-banner__era-range{font-weight:400;text-transform:none;letter-spacing:normal}.hint-banner__hint{font-style:italic}.word-reveal{display:flex;flex-direction:column;gap:6px}.result-stamp{animation:stamp-in .3s cubic-bezier(.2,1.4,.4,1) both;transform-origin:20% 50%}@keyframes stamp-in{0%{opacity:0;transform:scale(1.18) rotate(-2.5deg)}60%{opacity:1;transform:scale(.985) rotate(.4deg)}to{opacity:1;transform:scale(1) rotate(0)}}.word-reveal p{margin:0}.word-meaning{display:flex;flex-direction:column;gap:2px}.word-meaning__origin{font-size:13px;color:#55504a}.share-card{display:flex;flex-direction:column;gap:10px}.share-card__url{background:#fff;border:1px solid #c9c3b8;border-radius:8px;padding:10px 12px;word-break:break-all;font-family:monospace}.share-result{display:flex;flex-direction:column;gap:10px}.share-result__preview{margin:0;background:#fff;border:1px solid #c9c3b8;border-radius:8px;padding:10px 12px;font:inherit;font-size:14px;line-height:1.5;white-space:pre-wrap}.share-result__actions{display:flex;gap:10px}.share-result__actions .button-secondary{flex:1}form{display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:4px;font-size:14px}label input[type=text],label input:not([type]),input[type=text]{border:1px solid #c9c3b8;border-radius:8px;padding:8px 10px;font:inherit}.checkbox-row{flex-direction:row;align-items:center;gap:8px}.word-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.word-list__option{position:relative;display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #c9c3b8;border-radius:8px;padding:10px 14px 10px 20px;text-align:left;gap:12px}.word-list__option:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:8px 0 0 8px;background:var(--accent)}.word-list__option span{font-size:12px;color:#55504a;text-align:right}.error-text{color:#a02020}.help-button{position:fixed;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font-weight:700;display:flex;align-items:center;justify-content:center;z-index:10}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#211b2280;display:flex;align-items:center;justify-content:center;padding:24px;z-index:20}.modal-card{position:relative;background:var(--paper);border-radius:14px;padding:24px;max-width:420px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.modal-card__close{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:20px;line-height:1;color:var(--ink);padding:4px}.modal-card ol{padding-left:20px;display:flex;flex-direction:column;gap:8px}.h2h{display:flex;flex-direction:column;gap:12px;--h2h-line: #c9c3b8;--h2h-muted: #55504a}.h2h h2{margin:0}.h2h__players{margin:0;font-size:13px;color:var(--h2h-muted)}.h2h__score-line{margin:0}.h2h__score-note{margin:0;font-size:13px;color:var(--h2h-muted)}.h2h__more{align-self:flex-start;background:transparent;border:none;padding:0;font-size:13px;color:var(--h2h-muted);text-decoration:underline}.h2h__rounds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}.h2h__round{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--h2h-line);border-radius:8px;padding:10px 14px 12px 20px}.h2h__round:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:8px 0 0 8px;background:var(--accent)}.h2h__round--lost:before{background:color-mix(in srgb,var(--ink) 30%,transparent)}.h2h__round--draw:before{bottom:50%;border-radius:8px 0 0}.h2h__round--draw:after{content:"";position:absolute;left:0;top:50%;bottom:0;width:5px;border-radius:0 0 0 8px;background:color-mix(in srgb,var(--ink) 30%,transparent)}.h2h__round--void:before,.h2h__round--pending:before{width:0;background:none;border-left:5px dashed var(--h2h-line);border-radius:0}.h2h__round--pending{opacity:.7}.h2h__round-title{font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.04em;color:var(--h2h-muted)}.h2h__duel{display:flex;flex-direction:column;gap:3px}.h2h__duel-label{font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.04em}.h2h__duel-text{font-size:13px;color:var(--h2h-muted)}.h2h__duel-text strong{color:var(--ink)}.h2h__duel--current .h2h__duel-text{font-weight:600;color:var(--ink)}.h2h__duel--expired,.h2h__round--void .h2h__duel{opacity:.55}.h2h__pips{display:flex;gap:4px;padding:2px 0}.h2h__pip{position:relative;width:8px;height:8px;border-radius:50%;border:1px solid var(--ink);opacity:.25}.h2h__pip--filled{border:none;background:var(--ink);opacity:.85}.h2h__pip--lost{opacity:.85}.h2h__pip--lost:before,.h2h__pip--lost:after{content:"";position:absolute;top:50%;left:15%;right:15%;height:1px;background:var(--ink);transform:rotate(45deg)}.h2h__pip--lost:after{transform:rotate(-45deg)}.h2h--enter .h2h__round{animation:h2h-rise .32s ease-out both;animation-delay:min(calc(var(--i) * 60ms),.3s)}@keyframes h2h-rise{0%{opacity:0;transform:translateY(-6px)}}.h2h--enter .h2h__pip--filled,.h2h--enter .h2h__pip--lost{animation:h2h-pip .16s ease-out both;animation-delay:calc(min(calc(var(--i) * 60ms),.3s) + .2s + var(--p) * 30ms)}@keyframes h2h-pip{0%{opacity:0;transform:scale(.4)}}.solo-stats,.solo-streak{margin:0;font-size:14px;color:#55504a}.solo-stats strong,.solo-streak strong{color:var(--ink)}.solo-streak--milestone{font-size:16px;font-weight:700;color:var(--ink)}.solo-history{display:flex;flex-direction:column;gap:16px;--solo-muted: #55504a;--solo-line: #c9c3b8}.solo-history h2{margin:0}.solo-history__filters{display:flex;flex-wrap:wrap;gap:6px}.solo-history__chip{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--solo-line);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--ink)}.solo-history__chip--on{border-color:var(--ink);font-weight:600}.solo-history__swatch{width:10px;height:10px;border-radius:50%;background:var(--accent);flex-shrink:0}.solo-history__stats{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0}.solo-history__stats dt{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--solo-muted)}.solo-history__stats dd{margin:2px 0 0;font-size:20px;font-weight:700}.solo-history__pb-word{font-size:13px;font-weight:400;color:var(--solo-muted)}.solo-history__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.solo-history__row{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:2px 12px;background:#fff;border:1px solid var(--solo-line);border-radius:8px;padding:8px 12px 8px 16px}.solo-history__row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}.solo-history__row--lost,.solo-history__row--gave_up{color:var(--solo-muted)}.solo-history__word{font-weight:600}.solo-history__outcome{font-size:13px;text-align:right}.solo-history__meta{grid-column:1 / -1;font-size:12px;color:var(--solo-muted)}.help-button--locked{border-style:dashed;border-color:#c9c3b8;color:#55504a}.solo-rating__score{margin:0;font-size:52px;font-weight:700;line-height:1;letter-spacing:-.02em}.solo-rating__verdict{margin:0;font-size:18px}.solo-rating__term{font-weight:700}.solo-rating__gloss{margin:0;font-size:14px;color:#55504a}@media (prefers-reduced-motion: reduce){.h2h--enter .h2h__round,.h2h--enter .h2h__pip--filled,.h2h--enter .h2h__pip--lost{animation:none}}.keyboard{display:flex;flex-direction:column;gap:6px}.keyboard__row{display:flex;gap:4px}.key{flex:1 1 0;min-width:0;height:48px;padding:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #c9c3b8;border-radius:6px;color:var(--ink);font-weight:700;font-size:15px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.key--wide{flex:1.6 1 0;font-size:12px}.key--green{background:var(--green);border-color:var(--green);color:var(--green-letter)}.key--yellow{background:var(--yellow);border-color:var(--yellow);color:var(--yellow-letter)}.key--grey{background:var(--grey);border-color:var(--grey-line);color:var(--grey-letter)}.keyboard[data-disabled=true] .key{opacity:.5}.key--dead{opacity:.8}.key--rejected{animation:key-shake .3s ease-in-out}@keyframes key-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.key:active{transform:scale(.94)}.key--pressed{animation:key-press .14s ease-out}@keyframes key-press{0%{transform:scale(.94)}60%{transform:scale(1.05)}to{transform:scale(1)}}.key-rejected-note{margin:0;font-size:13px;line-height:1.3;min-height:1.3em;color:#55504a}@media (prefers-reduced-motion: reduce){.key--rejected,.key--pressed,.guess-row--typed .tile-typed,.guess-row--win .tile-green,.result-stamp{animation:none}.key:active{transform:none}.guess-row--reveal .tile-green,.guess-row--reveal .tile-yellow,.guess-row--reveal .tile-grey{background:var(--fb);border-color:var(--fb-line);color:var(--fb-letter);animation:none}.guess-row--reveal .tile-green:before,.guess-row--reveal .tile-yellow:before,.guess-row--reveal .tile-grey:before{animation:none;clip-path:inset(0)}}[data-era=dial-up-days]{--accent: #3f6f70;--accent-contrast: #EDE9E2}[data-era=myspace-sprawl]{--accent: #ff2d95;--accent-contrast: #0a0a0a}[data-era=tumblr-dreams]{--accent: #9b8ec4;--accent-contrast: #211B22}[data-era=flex-lockdown]{--accent: #b6ff3c;--accent-contrast: #211B22}[data-era=brainrot-beyond]{--accent: linear-gradient(135deg, #ff5f6d, #ffc371, #47cf73, #3f8cff, #b04cff);--accent-contrast: #ffffff}[data-era=brainrot-beyond] .button-primary{background:var(--accent)}