@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(180deg);background-color:#b0c4de}100%{transform:rotateX(360deg);background-color:#f5f5f5}}body{font-family:Tahoma,Geneva,Verdana,sans-serif;font-size:16px;text-align:center;background:#fff;color:#000;margin:.5em}body a{color:#000}body.light{background:#fff;color:#000}body.light a{color:#000}body.dark{background:#222;color:#708090}body.dark a{color:#708090}body.spring{background:#feffde;color:#52734d}body.spring a{color:#52734d}body.summer{background:#ffffec;color:#597e52}body.summer a{color:#597e52}body.fall{background:#f5e8c7;color:#6f4c5b}body.fall a{color:#6f4c5b}body.winter{background:#dcf2f1;color:#365486}body.winter a{color:#365486}button{background-color:#040;color:#f5f5f5;font-size:.9em;padding:.5em 1.25em;border-radius:1em;border:1px solid gray;cursor:pointer}button.quit{background-color:#d3d3d3;color:#000}button.quit.confirm{background-color:red}#app{display:inline-block;padding:1em}#app.hidden{display:none}h1{font-size:1.5em;display:flex;justify-content:center}h1 span{display:inline-block;width:1.25em;height:1.25em;margin:.1rem;border:1px solid #2f4f4f;color:#4682b4;background-color:#f5f5f5}h1 span:nth-child(odd){margin-top:-0.05em}.view{animation:fadeIn .3s linear;max-width:25em}.header{font-weight:bold}#error{color:red}#intro .description{font-size:1.3em;margin:0 auto}#intro .links{font-size:.85em}#intro #streak{font-style:italic;font-weight:bold}#intro .random{margin-top:1.5em}#intro #today button{font-size:1.1em}#intro #today.completed button{font-size:1em;background-color:#708090}#matrix{display:grid;grid-template-columns:repeat(5, auto);margin:0 auto;width:fit-content;text-align:center;grid-gap:.25em}#matrix .cell{display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;color:#000;border:1px solid gray;width:2em;height:2em;font-size:1.5em;cursor:default;transition:all .75s}#matrix .cell.letter{animation:fadeIn .5s ease-in}#matrix .cell.letter.complete{animation:flip .5s linear}#matrix .cell.letter.hint{background-color:pink}#matrix .cell.arrow{background-color:#98fb98;color:#000;cursor:pointer;font-weight:900}#matrix .cell.arrow.down svg{transform:rotate(180deg)}#matrix .cell.arrow svg{display:block;fill:#000;width:1em;height:1em}#matrix.completed{opacity:.8}#matrix.completed .letter.cell{cursor:pointer}#matrix.completed .arrow.cell{height:0;border:none}#matrix.completed .arrow.cell svg{display:none}#game .share{font-size:.8em}#status{margin-top:1em;text-align:center}#status.completed{font-size:1.1em}#status.completed .min-moves{font-size:.75em;font-style:italic}#status.completed .score{font-weight:bold;font-size:1.1em}#stats .table{display:grid;grid-template-columns:repeat(2, auto);column-gap:.5em}#stats .table div{text-align:right}#stats .table span{text-align:left}#settings select{font-size:1em}#help{text-align:center}#help .text{text-align:left}#help .example{display:flex;flex-direction:row;justify-content:center;align-items:center}#help .example code{text-align:center;display:inline-block;background-color:#f5f5f5;color:#000;padding:.25em;margin:.15em;box-shadow:0px 0px 2px silver}#help .example code span{display:block}#help ul{padding:1em;margin:0;text-align:left}