*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;transition:background-color .2s ease}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--fg-primary);font-size:var(--fs-regular);user-select:none;-webkit-user-select:none;min-height:100dvh;--fs-tiny: 12px;--fs-small: 14px;--fs-regular: 16px;--fs-medium: 20px;--fs-large: 36px;--game-width: 500px;--fg-primary: #f1f5f9;--fg-secondary: #94a3b8;--icon-color: #64748b;--border-primary: #334155;--border-secondary: #1e293b;--bg-secondary: #0f172a;--mode-symbol-color: var(--bg-secondary);--bg-primary: #020617;--red: #ef4444;--color-present: #f59e0b;--color-correct: #059669;--color-absent: var(--border-primary);--evaluated-key-color: #ffffff;--key-bg: #1e293b}body{min-height:100dvh}.light{--fg-primary: #0f172a;--fg-secondary: #64748b;--icon-color: var(--fg-secondary);--border-primary: #cbd5e1;--border-secondary: var(--border-primary);--bg-secondary: #f1f5f9;--mode-symbol-color: #f1f1f1;--bg-primary: #f8fafc;--red: #dc2626;--color-present: #d97706;--color-correct: #059669;--color-absent: #94a3b8;--evaluated-key-color: #ffffff;--key-bg: #e2e8f0}.colorblind{--color-correct: #f5793a;--color-present: #85c0f9}h3{text-align:center;text-transform:uppercase;margin-bottom:10px}.⬛,.🟨,.🟩{color:var(--evaluated-key-color)}a:link,a:visited{color:inherit}.tutorial{--arrow-size: 10px;--padding: 10px;font-size:var(--fs-small);font-weight:700;text-transform:uppercase;letter-spacing:initial;position:absolute;top:calc(var(--arrow-size) + var(--height));left:50%;transform:translate(-50%);width:max-content;max-width:min(var(--game-width),95vw);display:flex;align-items:center;padding:var(--padding);border-radius:4px;color:var(--bg-primary);background:var(--fg-primary);z-index:1}.tutorial:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:calc(-2 * var(--arrow-size));border:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid var(--fg-primary)}.ok{padding:10px;margin-left:var(--padding);border-radius:4px;color:#fff;background:var(--color-correct);cursor:pointer}.button{margin-top:15px;text-transform:uppercase;color:#fff;cursor:pointer;font-size:var(--fs-medium);font-weight:700;padding:15px;border-radius:4px;text-align:center}.button:hover{opacity:.9}select{border:solid 1px var(--border-secondary);padding:8px;min-width:85px;border-radius:4px;cursor:pointer;background:var(--bg-secondary);color:var(--fg-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}