*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f0e8;--bg2:#ede8dd;--bg3:#e3ddd0;--border:#c8c0ae;--border2:#b0a898;--text:#1a1410;--muted:#6b6050;--hit:#2e7d32;--close:#e65100;--miss:#9e9e9e;--hit-bg:#c8e6c9;--close-bg:#ffe0b2;--key-bg:#d8d0c0;--key-text:#1a1410;--logo-color:#1a1410;--logo-accent:#2e7d32;--tile-font:"Courier Prime",monospace;--body-font:"Inter",sans-serif;--header-bg:#ede8dd;--header-border:#c8c0ae;--shadow:0 2px 8px rgba(0,0,0,0.12);--tile-border-width:2px;--tile-radius:4px;--tile-shadow:inset 0 -3px 0 rgba(0,0,0,0.15);--key-shadow:inset 0 -3px 0 rgba(0,0,0,0.2)}:root.dark{--bg:#08080f;--bg2:#0f0f1a;--bg3:#14141f;--border:#1e1e33;--border2:#2a2a45;--text:#e8e8ff;--muted:#6868a0;--hit:#00ff88;--close:#ff9500;--miss:#2a2a45;--hit-bg:#001a0f;--close-bg:#1a0a00;--key-bg:#12121e;--key-text:#c8c8f0;--logo-color:#e8e8ff;--logo-accent:#00ff88;--tile-font:"DM Mono",monospace;--body-font:"Inter",sans-serif;--header-bg:#0a0a14;--header-border:#1e1e33;--shadow:0 0 20px rgba(0,255,136,0.05),0 2px 8px rgba(0,0,0,0.5);--tile-border-width:1.5px;--tile-radius:6px;--tile-shadow:none;--key-shadow:none}body,html{height:100%;background:var(--bg);color:var(--text);font-family:var(--body-font);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .3s,color .3s}body{padding-top:32px}.dg-bar{position:fixed;top:0;left:0;right:0;z-index:9999;height:32px;background:rgba(8,8,18,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.07);font-family:Inter,sans-serif}.dg-bar,.dg-brand{display:flex;align-items:center}.dg-brand{gap:6px;text-decoration:none;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em}.dg-brand span{color:#00ff88}.dg-more{font-size:10px;color:rgba(255,255,255,.45);text-decoration:none;transition:color .15s;letter-spacing:.03em}.dg-more:hover{color:#00ff88}.dg-links{gap:12px}.dg-links,header{display:flex;align-items:center}header{justify-content:space-between;padding:0 16px;height:56px;background:var(--header-bg);border-bottom:1px solid var(--header-border)}.logo{line-height:1}.logo-name{font-family:var(--tile-font);font-size:22px;font-weight:700;letter-spacing:.06em;color:var(--logo-color)}:root.dark .logo-name{text-shadow:0 0 20px rgba(0,255,136,.6),0 0 40px rgba(0,255,136,.2)}.logo-dot{color:var(--logo-accent)}.logo-sub{font-size:9px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:1px}.header-right{display:flex;align-items:center;gap:8px}.theme-toggle{gap:6px;background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:3px 4px;transition:all .2s}.theme-toggle,.theme-toggle-pill{display:flex;align-items:center;cursor:pointer}.theme-toggle-pill{width:24px;height:24px;border-radius:50%;background:var(--bg2);border:1px solid var(--border2);justify-content:center;font-size:13px;transition:all .25s ease}.theme-label{font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.04em;padding:0 4px;font-family:var(--body-font)}:root.dark .theme-toggle{box-shadow:0 0 10px rgba(0,255,136,.1)}.icon-btn{width:34px;height:34px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);color:var(--text);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}#day-badge{font-size:10px;color:var(--muted);font-family:var(--tile-font)}#toasts{position:fixed;top:64px;left:50%;transform:translateX(-50%);z-index:200;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px}.toast{background:var(--text);color:var(--bg);padding:8px 18px;border-radius:100px;font-weight:600;font-size:13px;animation:tin .2s ease,tout .3s ease 1.7s forwards}:root.dark .toast{background:#00ff88;color:#08080f;box-shadow:0 0 20px rgba(0,255,136,.5)}@keyframes tin{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes tout{0%{opacity:1}to{opacity:0}}main{flex-direction:column;padding:16px 12px;gap:12px;max-height:calc(100vh - 56px);overflow-y:auto}.category-card,main{display:flex;align-items:center}.category-card{gap:10px;padding:10px 16px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;width:100%;max-width:340px}:root.dark .category-card{box-shadow:0 0 15px rgba(0,255,136,.05)}.cat-label{font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.cat-name{font-weight:700;font-size:15px;font-family:var(--tile-font)}:root.dark .cat-name{color:var(--logo-accent);text-shadow:0 0 10px rgba(0,255,136,.4)}.hint-btn{margin-left:auto;padding:6px 12px;border-radius:8px;background:var(--bg3);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;touch-action:manipulation;white-space:nowrap;transition:all .15s}.hint-btn:hover{background:var(--border);color:var(--text)}#board{grid-template-rows:repeat(6,1fr);grid-gap:5px;width:min(310px,90vw)}#board,.row{display:grid;gap:5px}.row{grid-template-columns:repeat(5,1fr);grid-gap:5px}.tile{aspect-ratio:1;border-radius:var(--tile-radius);border:var(--tile-border-width) solid var(--border2);background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:var(--tile-font);font-size:clamp(16px,5vw,22px);font-weight:700;color:var(--text);transition:transform .1s,box-shadow .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--tile-shadow)}:root.dark .tile{background:var(--bg3);border-color:var(--border2)}.tile.filled{border-color:var(--border2);transform:scale(1.02)}:root.dark .tile.filled{border-color:#4040a0;box-shadow:0 0 8px rgba(100,100,255,.2)}.tile.hit{border-color:var(--hit);background:var(--hit-bg);color:var(--hit);box-shadow:var(--tile-shadow)}:root.dark .tile.hit{box-shadow:0 0 12px rgba(0,255,136,.5),inset 0 0 8px rgba(0,255,136,.1)}.tile.close{border-color:var(--close);background:var(--close-bg);color:var(--close);box-shadow:var(--tile-shadow)}:root.dark .tile.close{box-shadow:0 0 12px rgba(255,149,0,.4),inset 0 0 8px rgba(255,149,0,.1)}.tile.miss{border-color:var(--miss);background:var(--bg3);color:var(--muted)}:root.dark .tile.miss{border-color:#1e1e33;background:#0d0d18;color:#3a3a60}.tile.pop{animation:pop .12s ease}@keyframes pop{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.row.shake{animation:shake .35s ease}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.tile.reveal{animation:reveal .4s ease forwards}@keyframes reveal{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.color-legend{gap:16px;font-size:11px;color:var(--muted)}.color-legend,.legend-item{display:flex;align-items:center}.legend-item{gap:5px}.legend-dot{width:10px;height:10px;border-radius:2px}#keyboard{display:flex;flex-direction:column;gap:5px;width:100%;max-width:480px}.kb-row{gap:4px}.kb-row,.key{display:flex;justify-content:center}.key{min-width:30px;height:46px;padding:0 4px;border-radius:6px;background:var(--key-bg);border:1px solid var(--border);color:var(--key-text);font-family:var(--tile-font);font-size:13px;font-weight:700;cursor:pointer;align-items:center;flex:1 1;max-width:40px;touch-action:manipulation;transition:all .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:var(--key-shadow)}.key.wide{max-width:58px;font-size:11px}:root.dark .key{border-color:#1e1e33;color:#a0a0d0}.key.hit{background:var(--hit-bg);border-color:var(--hit);color:var(--hit)}:root.dark .key.hit{box-shadow:0 0 8px rgba(0,255,136,.4)}.key.close{background:var(--close-bg);border-color:var(--close);color:var(--close)}:root.dark .key.close{box-shadow:0 0 8px rgba(255,149,0,.3)}.key.miss{background:var(--miss);color:white;border-color:var(--miss)}:root.dark .key.miss{background:#0d0d18;color:#2a2a45;border-color:#12121e}.key:active{transform:scale(.92)}#result{display:none;width:100%;max-width:340px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;animation:fadeUp .4s ease}#result.show{display:block}:root.dark #result{box-shadow:0 0 30px rgba(0,255,136,.08)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.res-word{font-family:var(--tile-font);font-size:26px;font-weight:700;margin-bottom:4px;letter-spacing:.08em}:root.dark .res-word{color:var(--logo-accent);text-shadow:0 0 15px rgba(0,255,136,.5)}.res-def{font-size:13px;color:var(--muted);margin-bottom:16px;line-height:1.5}.res-stats{display:flex;justify-content:center;gap:24px;margin-bottom:14px}.stat{display:flex;flex-direction:column;align-items:center}.stat-n{font-size:24px;font-weight:700;font-family:var(--tile-font)}.stat-l{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.stat-l,.timer{color:var(--muted)}.timer{font-size:12px;margin-bottom:12px}.timer span{font-weight:600;color:var(--text);font-family:var(--tile-font)}.share-btn{width:100%;height:44px;background:var(--text);border:none;border-radius:8px;color:var(--bg);font-family:var(--body-font);font-size:14px;font-weight:700;cursor:pointer;touch-action:manipulation;letter-spacing:.02em;transition:opacity .15s}:root.dark .share-btn{background:var(--logo-accent);color:#08080f;box-shadow:0 0 20px rgba(0,255,136,.4)}.share-btn:hover{opacity:.88}.share-btn-big{height:52px;font-size:16px;font-weight:900;animation:slideUp .3s ease}.share-btn-big:active{transform:scale(.95)}@keyframes slideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:40;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:root.dark .overlay{background:rgba(0,0,20,.75)}.overlay.open{display:flex}.modal{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:28px 24px;max-width:340px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.2);position:relative}:root.dark .modal{box-shadow:0 0 60px rgba(0,255,136,.12),0 20px 60px rgba(0,0,0,.6);border-color:#2a2a45}.modal h2{font-size:15px;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase;margin-bottom:16px;color:var(--text);font-family:var(--tile-font)}:root.dark .modal h2{color:var(--logo-accent);text-shadow:0 0 15px rgba(0,255,136,.4)}.modal-x{position:absolute;top:14px;right:14px;background:var(--bg3);border:1px solid var(--border);border-radius:50%;width:28px;height:28px;cursor:pointer;align-items:center;justify-content:center}.how,.modal-x{color:var(--muted);display:flex;font-size:13px}.how{gap:10px;align-items:flex-start;margin-bottom:10px;line-height:1.5}.how-n{width:20px;height:20px;border-radius:50%;background:var(--text);color:var(--bg);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}:root.dark .how-n{background:var(--logo-accent);color:#08080f}.example-row{display:flex;gap:4px;margin:10px 0}.ex-tile{width:34px;height:34px;border-radius:4px;border:2px solid;display:flex;align-items:center;justify-content:center;font-family:var(--tile-font);font-size:14px;font-weight:700}.ex-hit{border-color:var(--hit);background:var(--hit-bg);color:var(--hit)}:root.dark .ex-hit{box-shadow:0 0 8px rgba(0,255,136,.4)}.ex-close{border-color:var(--close);background:var(--close-bg);color:var(--close)}.ex-miss{border-color:var(--miss);background:var(--bg3);color:var(--muted)}.ex-plain{border-color:var(--border2);color:var(--text)}.modal-note{margin-top:12px;padding:10px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--muted);line-height:1.5}:root.dark .modal-note{border-color:#1e1e33}