:root{--paper: #EDE9E2;--ink: #211B22;--accent: #6b6b6b;--accent-contrast: #EDE9E2;--green: #4c9a5a;--yellow: #c9a227;--grey: #7a7570}*{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}.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}.tile{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid #c9c3b8;border-radius:6px;color:var(--ink)}.tile-empty{background:transparent}.tile-typed{background:transparent;border-color:var(--ink)}.tile-green{background:var(--green);border-color:var(--green);color:#fff}.tile-yellow{background:var(--yellow);border-color:var(--yellow);color:#fff}.tile-grey{background:var(--grey);border-color:var(--grey);color:#fff}.guess-row{display:flex;gap:6px}.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}.hint-banner{border-left:4px solid var(--accent);padding:8px 12px;display:flex;flex-direction:column;gap:4px}.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}.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}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}[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)}