:root{--font-pixel:"Press Start 2P", monospace;--font-body:"VT323", monospace;--bg:#e9eef0;--bg-panel:#f6f7f4;--bg-elevated:#fff;--text:#1f2421;--text-dim:#5a625c;--border:#2b2f2c;--border-soft:#b7c0b6;--tile-empty:#f6f7f4;--tile-empty-border:#c3ccc1;--tile-filled-border:#6b736b;--correct:#57a64a;--correct-dark:#3e7a35;--present:#d9a334;--present-dark:#a87a1e;--absent:#7d827e;--absent-dark:#5a5e5b;--key-bg:#cdd3cc;--key-shadow:#9aa399;--key-text:#1f2421;--accent:#57a64a;--highlight:#ffffff8c;--shadow:#00000047}:root[data-theme=dark]{--bg:#11140f;--bg-panel:#1a1f17;--bg-elevated:#20261c;--text:#e7ece2;--text-dim:#9aa492;--border:#000;--border-soft:#2c3326;--tile-empty:#161a12;--tile-empty-border:#353d2d;--tile-filled-border:#5a6450;--correct:#4a8c3f;--correct-dark:#2f5e28;--present:#b78a2c;--present-dark:#7e5e1c;--absent:#3a3f36;--absent-dark:#23271f;--key-bg:#2d342a;--key-shadow:#161a13;--key-text:#e7ece2;--accent:#4a8c3f;--highlight:#ffffff1f;--shadow:#0000008c}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body,#root{min-height:100%}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);image-rendering:pixelated;-webkit-font-smoothing:none;background-image:linear-gradient(#0000000a 2px,#0000 2px),linear-gradient(90deg,#0000000a 2px,#0000 2px);background-size:24px 24px;font-size:20px}button{font-family:var(--font-pixel);cursor:pointer}.app{flex-direction:column;max-width:520px;min-height:100vh;margin:0 auto;padding:0 8px 12px;display:flex}.app-header{border-bottom:4px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding:14px 6px;display:flex}.app-title{font-family:var(--font-pixel);color:var(--accent);text-shadow:2px 2px 0 var(--shadow);text-align:center;flex:1;font-size:15px;line-height:1.4}.header-actions{gap:6px;display:flex}.icon-btn{font-family:var(--font-pixel);width:38px;height:38px;color:var(--key-text);background:var(--key-bg);box-shadow:inset 3px 3px 0 var(--highlight), inset -3px -3px 0 var(--key-shadow), 0 0 0 3px var(--border);border:none;font-size:12px}.icon-btn:active{box-shadow:inset -3px -3px 0 var(--highlight), inset 3px 3px 0 var(--key-shadow), 0 0 0 3px var(--border)}.app-main{flex:1;justify-content:center;align-items:center;padding:10px 0;display:flex}.board{grid-template-rows:repeat(6,1fr);gap:7px;display:grid}.row{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.row--shake{animation:.5s shake}.tile{width:62px;height:62px;font-family:var(--font-pixel);color:var(--text);background:var(--tile-empty);box-shadow:inset 0 0 0 3px var(--tile-empty-border);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:26px;display:flex}.tile[data-status=tbd]{box-shadow:inset 0 0 0 3px var(--tile-filled-border);animation:.1s ease-in-out pop}.tile--revealed{animation:.55s forwards flip}.tile[data-status=correct]{color:#fff;background:var(--correct);box-shadow:inset 4px 4px 0 var(--highlight), inset -4px -4px 0 var(--correct-dark)}.tile[data-status=present]{color:#fff;background:var(--present);box-shadow:inset 4px 4px 0 var(--highlight), inset -4px -4px 0 var(--present-dark)}.tile[data-status=absent]{color:#fff;background:var(--absent);box-shadow:inset 4px 4px 0 var(--highlight), inset -4px -4px 0 var(--absent-dark)}.keyboard{flex-direction:column;gap:6px;padding:8px 0 4px;display:flex}.keyboard__row{justify-content:center;gap:5px;display:flex}.key{font-family:var(--font-pixel);max-width:42px;height:52px;color:var(--key-text);background:var(--key-bg);box-shadow:inset 3px 3px 0 var(--highlight), inset -3px -3px 0 var(--key-shadow), 0 0 0 2px var(--border);border:none;flex:1;font-size:12px}.key--wide{max-width:64px;font-size:9px}.key--icon{color:var(--key-text);justify-content:center;align-items:center;display:flex}.key__svg{width:26px;height:19px;image-rendering:pixelated}.key:active{box-shadow:inset -3px -3px 0 var(--highlight), inset 3px 3px 0 var(--key-shadow), 0 0 0 2px var(--border)}.key[data-status=correct]{color:#fff;background:var(--correct);box-shadow:inset 3px 3px 0 var(--highlight), inset -3px -3px 0 var(--correct-dark), 0 0 0 2px var(--border)}.key[data-status=present]{color:#fff;background:var(--present);box-shadow:inset 3px 3px 0 var(--highlight), inset -3px -3px 0 var(--present-dark), 0 0 0 2px var(--border)}.key[data-status=absent]{color:#fff;background:var(--absent);box-shadow:inset 3px 3px 0 var(--highlight), inset -3px -3px 0 var(--absent-dark), 0 0 0 2px var(--border)}.toast-wrap{pointer-events:none;z-index:50;justify-content:center;display:flex;position:fixed;top:70px;left:0;right:0}.toast{font-family:var(--font-pixel);color:#fff;box-shadow:inset 2px 2px 0 #fff3, 0 0 0 3px var(--accent);background:#1f2421;padding:12px 16px;font-size:11px;animation:.15s pop}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg-panel);width:100%;max-width:440px;max-height:88vh;box-shadow:inset 4px 4px 0 var(--highlight), inset -4px -4px 0 var(--shadow), 0 0 0 4px var(--border);border:none;padding:18px;overflow-y:auto}.modal-header{border-bottom:3px solid var(--border-soft);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.modal-title{font-family:var(--font-pixel);color:var(--accent);font-size:14px}.modal-close{font-family:var(--font-pixel);color:var(--text);background:0 0;border:none;font-size:12px}.modal-body p{margin-bottom:12px;line-height:1.3}.hint{color:var(--text-dim)}.legend{flex-direction:column;gap:8px;margin:12px 0;display:flex}.legend__row{align-items:center;gap:10px;display:flex}.legend__example{gap:6px;margin-bottom:12px;display:flex}.mini-tile{width:34px;height:34px;font-family:var(--font-pixel);color:#fff;background:var(--absent);box-shadow:inset 3px 3px 0 var(--highlight), inset -3px -3px 0 var(--absent-dark);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.mini-tile[data-status=correct]{background:var(--correct);box-shadow:inset 3px 3px 0 var(--highlight), inset -3px -3px 0 var(--correct-dark)}.mini-tile[data-status=present]{background:var(--present);box-shadow:inset 3px 3px 0 var(--highlight), inset -3px -3px 0 var(--present-dark)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;display:grid}.stat{flex-direction:column;align-items:center;gap:6px;display:flex}.stat__value{font-family:var(--font-pixel);color:var(--accent);font-size:20px}.stat__label{color:var(--text-dim);text-align:center;font-size:16px}.dist-title,.facts-title{font-family:var(--font-pixel);margin-bottom:10px;font-size:11px}.dist{flex-direction:column;gap:5px;display:flex}.dist__row{align-items:center;gap:8px;display:flex}.dist__label{font-family:var(--font-pixel);width:16px;font-size:11px}.dist__bar{background:var(--accent);color:#fff;min-width:28px;font-family:var(--font-pixel);text-align:right;box-shadow:inset 2px 2px 0 var(--highlight), inset -2px -2px 0 var(--correct-dark);padding:5px 8px;font-size:10px}.result-line{font-family:var(--font-pixel);font-size:12px;line-height:1.6}.result-word{color:var(--accent);margin-left:8px}.streak-line{color:var(--text-dim)}.facts-about{line-height:1.35}.wiki-link{color:var(--accent);margin-bottom:16px;text-decoration:underline;display:inline-block}.share-bar{border-top:3px solid var(--border-soft);flex-direction:column;gap:10px;padding-top:14px;display:flex}.share-btn{font-family:var(--font-pixel);color:var(--key-text);background:var(--key-bg);box-shadow:inset 3px 3px 0 var(--highlight), inset -3px -3px 0 var(--key-shadow), 0 0 0 3px var(--border);border:none;padding:12px 10px;font-size:11px}.share-btn:active{box-shadow:inset -3px -3px 0 var(--highlight), inset 3px 3px 0 var(--key-shadow), 0 0 0 3px var(--border)}.share-btn--primary{color:#fff;background:var(--correct);box-shadow:inset 3px 3px 0 var(--highlight), inset -3px -3px 0 var(--correct-dark), 0 0 0 3px var(--border)}.share-icons{flex-wrap:wrap;gap:8px;display:flex}.share-icons .share-btn{flex:1;min-width:64px}.seo-content{border-top:4px solid var(--border);text-align:left;margin-top:18px;padding:22px 14px 8px}.seo-content article{margin-bottom:26px}.seo-content h2{font-family:var(--font-pixel);color:var(--accent);margin-bottom:12px;font-size:13px;line-height:1.5}.seo-content p,.seo-content li,.seo-content dd{color:var(--text-dim);font-size:19px;line-height:1.4}.seo-content strong{color:var(--text)}.seo-content ul{flex-direction:column;gap:12px;list-style:none;display:flex}.seo-content li{padding-left:22px;position:relative}.seo-content li:before{content:"";background:var(--correct);width:12px;height:12px;box-shadow:inset 2px 2px 0 var(--highlight), inset -2px -2px 0 var(--correct-dark);position:absolute;top:7px;left:0}.faq__item{margin-bottom:14px}.faq dt{font-family:var(--font-pixel);color:var(--text);margin-bottom:6px;font-size:11px;line-height:1.5}@keyframes pop{0%{transform:scale(.85)}to{transform:scale(1)}}@keyframes flip{0%{transform:scaleY(1)}45%{transform:scaleY(0)}55%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}@media (width<=420px){.tile{width:54px;height:54px;font-size:22px}.key{height:46px;font-size:11px}.app-title{font-size:12px}}@media (width<=360px){.tile{width:46px;height:46px;font-size:18px}}