:root{--text:#222;--background:#FFE;--selected:#EE7;--unselected:#AAA;--border:#666;--error:#933;--warn:#D84315;--ok:#393;--translucent-hide-color:#333D}*{box-sizing:border-box}body,html{padding:0;margin:0}html{background-color:#dfdfa7;height:100%}body{color:var(--text);display:flex;justify-content:flex-start;align-items:center;height:100vh;width:100vw}h1{text-align:center}canvas{display:block}.text-height:empty::after{content:"​"}#guess{font:700 min(9vmin,3em) monospace;text-align:center;line-height:1.1}#guess,#status{padding:.1em 0;flex:0 0 auto;margin:0}#status.not-found{color:var(--error)}#status.not-yet-found{color:var(--unselected)}#status.already-found{color:var(--ok)}#status.new-word{color:var(--ok);font-weight:700}#status,#summary{font-size:min(4vmin,1.5em);text-align:center}#found{column-width:9em;column-gap:1em;margin:0}#found ul{margin:0;padding:0;list-style-type:none}#found .new-word,.challenge-theme strong{font-weight:700}#found .hint,#found .not-found{color:var(--warn)}#found .bonus{color:var(--ok)}#found .score{font-size:90%;vertical-align:super}#found li{cursor:pointer}fieldset{margin:.3em}#challenge-created-url{width:100%}#challenge-created-copied{opacity:0;transition:opacity .5s ease-in}#challenge-created-copied.shown{opacity:1}#lightBoxBg{z-index:9997;width:100vw;height:100vh;position:fixed;background-color:var(--translucent-hide-color);left:0;top:0;display:none}#lightBoxBg::before{content:"ⓧ";color:#c90;position:fixed;z-index:9999;top:.1em;left:.3em;font-size:150%}.lightBoxCenterContent{z-index:9998;position:fixed;background-color:var(--background);top:50%;left:50%;transform:translate(-50%,-50%);padding:1em;display:none;text-align:left;box-shadow:0 0 50px 10px rgba(0,0,0,.3)}#config{width:98vw;max-width:40em;margin:0 auto;height:98vh;max-height:60em;overflow-y:auto}#hamburger{position:absolute;top:.3em;right:.3em;height:min(7vmin,2em);aspect-ratio:1;background:radial-gradient(closest-side at 12.5% 25%,var(--text) 97%,#0000 101%)0 0/80% 40%,linear-gradient(var(--text) 50%,#0000 0) top/80% 40%repeat-y}.init-hide{display:none}button,input[type=number],input[type=text]{color:var(--text);border:1px solid var(--border);font-size:100%}button{display:inline-block;background:#eed;border-radius:.5em;padding:.3em .8em;font-weight:700;cursor:pointer;transition:background-color .2s ease}.tab:hover,button:hover{background:var(--selected)}input[type=number],input[type=text]{background:#fff;border-radius:.3em;padding:.3em .5em;font-family:inherit}input[type=number]:focus,input[type=text]:focus{outline:0;border-color:var(--selected);box-shadow:0 0 0 2px var(--selected)33}input[type=checkbox],input[type=radio]{accent-color:var(--selected);cursor:pointer;width:1em;height:1em}#end-game-buttons,#word-info h2{text-align:center}#end-game-buttons button{margin:.4em}#buttons,#score,#timer{position:absolute;margin:0;padding:0}#buttons{bottom:.1em;right:.1em;text-align:right}#buttons button{margin:.4em 0;min-width:3.5em;display:none}#score,#timer{left:.1em;text-align:left;font-size:min(7vmin,2.5em);font-weight:700}#score{bottom:-.2em}#timer{top:-.2em}#word-info h2{text-transform:capitalize;text-decoration:underline}.not-in-word-list{text-decoration:line-through}.unmet{color:var(--warn)}.tab{background:var(--unselected);cursor:pointer;display:inline-block;border:1px solid var(--border);border-bottom:0;border-radius:.5em .5em 0 0;width:fit-content;padding:.2em .5em;font-size:130%;font-weight:700;transition:background-color .2s ease}.tab.selected{background:var(--background)}#board-config input[type=radio],.tab-content{display:none}#board-config img{width:15em;border-radius:1em;padding:1.5em}#board-config input[type=radio]:checked~*{background-color:var(--selected)}table{border-collapse:collapse;margin:1em auto}tbody>tr>td,tbody>tr>th{border:1px solid var(--border);padding:.3em}#scoreboard table,#word-info table{width:100%;margin:0;padding:0;border-spacing:.1em}#game-area canvas,#scoreboard table td{margin:0;padding:0}#scoreboard .score{font-weight:700;font-size:180%;text-align:center}td.num{text-align:right}#content{padding:2vmin;background-color:var(--background);box-shadow:0 0 100px 30px rgba(0,0,0,.2);display:flex;margin:auto}#game-area{position:relative;margin:0;display:flex;flex-shrink:0}#game-area canvas{display:block;width:100%;aspect-ratio:1}@media (orientation:landscape){html{overflow:hidden}#content,body{flex-direction:row;align-items:center}body{overflow-x:auto;overflow-y:hidden}#content{height:100vh;max-height:800px;width:fit-content;max-width:none;column-gap:1em;row-gap:0;flex-shrink:0;margin:0 auto}#summary-and-buttons{display:flex;flex-direction:column;gap:1em;max-width:15em;flex-shrink:0}#found{margin:0;align-self:stretch;flex-shrink:0;column-fill:auto;max-height:calc(100vh - 4vmin)}#found ul{height:100%;box-sizing:border-box}#game-area{height:100%;flex-direction:column;aspect-ratio:.8}}@media (orientation:portrait){body{flex-direction:column;overflow-y:auto;overflow-x:hidden}#content,#game-area{max-width:800px;flex-direction:column}#content{margin:auto;width:100vw;height:fit-content;max-height:none;row-gap:2em;column-gap:0}#game-area{width:100%;height:auto;min-width:300px}}#mode-select{display:flex;flex-direction:column;gap:2em;align-items:center;justify-content:center;flex:1;padding:2em}#mode-select h2,#mode-select h3{margin:0 0 1.5em;font-size:2em;color:var(--text)}#mode-select h3{margin:0 0 1em;font-size:1.3em;text-align:center}#challenges-list,#mode-select>div{width:100%;max-width:25em}#challenges-list{display:flex;flex-direction:column;gap:1em}#practice-button,.challenge-link{border-radius:.8em;text-decoration:none;transition:all .2s ease;cursor:pointer}.challenge-link{display:block;padding:1em;background:linear-gradient(135deg,var(--selected) 0%,#ffd 100%);border:2px solid var(--border);color:var(--text)}#practice-button:hover,.challenge-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.challenge-link:hover{background:var(--selected)}.challenge-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5em;gap:1em}.challenge-title{font-size:1.1em;font-weight:700;flex:1}.challenge-date{font-size:.8em;color:#888;flex-shrink:0}.challenge-theme{font-size:.95em;margin-bottom:.5em}.challenge-completed{font-size:.85em;color:var(--ok);font-weight:700;margin-top:.5em}.next-reset-info{text-align:center;margin-top:1.5em;padding:1em;background:rgba(0,0,0,.05);border-radius:.5em;font-size:.9em;color:#666}#practice-button{display:inline-block;padding:1em 2em;background:linear-gradient(135deg,#393 0,#5b5 100%);color:#fff;border:0;font-size:1.2em;font-weight:700}#practice-button:hover{background:linear-gradient(135deg,#4b4 0,#6c6 100%)}@media (max-width:650px){#board-config img{width:40vw}#mode-select{padding:1em;gap:1.5em}#challenges-list{max-width:100%}.challenge-link{padding:.8em}#practice-button{padding:.8em 1.5em;font-size:1em}}