:root{--bg-text-area: #f9f9f9;--bg-menu-pane: #f9f9f9;--bg-main: #ffffff;--bg-modal: #ffffff;--bg-input: #f4f4f4;--bg-input-alt: #eeeeee;--bg-input-header: #f4f4f4;--bg-menu-item-active: #e3e3e3;--bg-menu-item-hover: #eeeeee;--bg-modal-menu-item-active: #ececec;--bg-modal-button-hover: #f4f4f4;--bg-toggle: #d4d4d4;--bg-toggle-active: #ccc;--bg-logo: #171717;--border-text-area: #d4d4d4;--border-button: #d9d9d9;--border-input: #e5e5e5;--border-modal: #e5e5e5;--border-modal-hr: #e5e5e5;--border-text-hr: #eeeeee;--divider-sidebar: #e5e5e5;--txt-heading: #0d0d0d;--txt-btn-pri: #ffffff;--txt-btn-sec: #0d0d0d;--txt-main: #0d0d0d;--txt-breadcrumbs: #5d5d5d;--txt-btn-tert: #5d5d5d;--txt-labels: #8f8f8f;--txt-btn-active: #ffffff;--txt-bright: #000000;--txt-logo: #fff;--bg-btn-pri: #000000;--bg-btn-sec: #ffffff;--bg-btn-pri-hover: #494949;--bg-btn-pri-disabled: #d7d7d7;--bg-blur: rgba(249,249,249,0.8);--bg-blur-gr: linear-gradient(45deg, rgba(0, 0, 0, 0.082) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.082) 50%, rgba(0, 0, 0, 0.082) 75%, transparent 75%, transparent);--bg-modal-alt: #f4f4f4;--bg-modal-alt-hover: #f9f9f9;--bg-modal-shadow: rgba(0,0,0,0.1);--bg-button-icon-hover: rgba(0,0,0,0.05);--sp-spin: #555;--sp-track: rgba(0,0,0,0.2);--pmt-btn-bg: #444;--pmt-btn-txt: #fff;--bg-pmt: #f6f6f6;--bg-pmt-plan: #fff}.darkmode{--bg-text-area: #0d0d0d;--bg-menu-pane: #171717;--bg-main: #212121;--bg-modal: #2f2f2f;--bg-input: #2f2f2f;--bg-input-alt: #363636;--bg-input-header: #2f2f2f;--bg-menu-item-active: #2f2f2f;--bg-menu-item-hover: #212121;--bg-modal-menu-item-active: #424242;--bg-modal-button-hover: #424242;--bg-toggle: #3f3f3f;--bg-toggle-active: #181617;--bg-logo: #eeeeee;--bg-blur: rgba(23,23,23,0.9);--bg-blur-gr: linear-gradient(45deg, rgba(23, 23, 23, 0.800) 25%, rgba(23,23,23,0.345) 25%, rgba(23,23,23,0.345) 50%, rgba(23,23,23, 0.800) 50%, rgba(23,23,23, 0.800) 75%, rgba(23,23,23,0.345) 75%, rgba(23,23,23,0.345));--border-text-area: #313131;--border-button: #424242;--border-input: #444444;--border-modal: #444444;--border-modal-hr: #444444;--border-text-hr: #595959;--divider-sidebar: #212121;--txt-heading: #ececec;--txt-btn-pri: #000000;--txt-btn-sec: #ececec;--txt-main: #e0e0e0;--txt-breadcrumbs: #b4b4b4;--txt-btn-tert: #b4b4b4;--txt-labels: #9b9b9b;--txt-btn-active: #000000;--txt-bright: #ffffff;--txt-logo: #0d0d0d;--bg-btn-pri: #ffffff;--bg-btn-sec: #2f2f2f;--bg-btn-pri-hover: #d7d7d7;--bg-btn-pri-disabled: #494949;--bg-modal-alt: #2f2f2f;--bg-modal-alt-hover: #363636;--bg-modal-shadow: rgba(0,0,0,0.2);--bg-button-icon-hover: rgba(255,255,255,0.05);--sp-spin: #ddd;--sp-track: rgba(255,255,255,0.2);--pmt-btn-bg: #fff;--pmt-btn-txt: #000;--bg-pmt: #212121;--bg-pmt-plan: transparent}html,body,aside,address,h1,h2,h3,h4,h5,h6,section,header,nav,article,footer,hgroup,form,select,optgroup,option,output,button,datalist,keygen,progress,menu,fieldset,meter,legend,label,input,textarea,div,pre,blockquote,dl,dt,dd,p,ol,ul,li,br,hr,figcaption,figure,span,a,rt,rp,dfn,abbr,q,cite,time,var,samp,ins,del,bdi,bdo,s,kbd,wbr,code,col,colgroup,caption,details,table,tr,td,th,tbody,thead,tfoot,img,area,map,embed,canvas,audio,video,iframe{background-color:rgba(0,0,0,0);border:0;box-sizing:border-box;color:var(--txt-main);font-family:Jost,sans-serif;margin:0;outline:0;padding:0;vertical-align:top}article,aside,details,figcaption,figure,label,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}html,body{background:var(--bg-main);font-family:Jost,sans-serif;margin:0;padding:0}html{position:fixed;top:0;left:0;right:0;bottom:0}body{min-height:100dvh;min-width:100dvw}button svg{width:1.6rem;height:1.6rem}.game-board{margin-bottom:15rem}.match-toolbar{display:flex;justify-content:flex-end;align-items:center;padding:.4rem .8rem;border-bottom:1px solid #3a3a3c;margin-bottom:.8rem}.match-toolbar .toolbar-link{color:#818384;font-size:.8rem;text-decoration:none;cursor:pointer}.match-toolbar .toolbar-link:hover{color:#b59f3b;text-decoration:underline}.match-meta{margin-bottom:1.4rem}.round-meta{display:flex;align-items:center;gap:.6rem}.round-meta span:first-child{font-weight:500}.round-meta span:nth-child(2){font-weight:400;color:#aaa;font-size:.8rem}.player-meta{display:flex;gap:1.4rem;align-items:center}.player-meta .we,.player-meta .they{display:flex;align-items:center}.player-meta .player-name{font-weight:400;margin-right:.4rem;font-size:.8rem}.player-meta .player-score{font-weight:500;font-size:.9rem;color:#aaa}table.letters-table{position:relative;width:100%}table.letters-table th{text-align:left}table.letters-table th,table.letters-table td{width:50%}table.letters-table th:first-child,table.letters-table td:first-child{padding-right:.5rem}table.letters-table th:last-child,table.letters-table td:last-child{padding-left:.5rem;text-align:right}table.letters-table th:last-child .letters,table.letters-table td:last-child .letters{justify-content:flex-end}table.guesses{margin-top:2rem}table.guesses tbody tr td{padding-top:.2rem}table.guesses tbody tr:first-child td{padding-top:1rem}th{font-size:.85rem;font-weight:500;letter-spacing:.025rem}.letters{display:flex;flex-wrap:nowrap;gap:.2rem}.letter-cell{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;border:2px solid #3a3a3c;width:3.2rem;height:3.2rem}.letter-cell.active,.letter-cell:focus{border-color:#6495ed}.letter-cell .letter{font-weight:600;font-size:1.5rem;text-transform:uppercase}.letter-cell.jots,.letter-cell.score{font-size:.75rem;font-weight:500;color:#999;background-color:#3a3a3c;position:relative}.letter-cell.jots .label,.letter-cell.score .label{position:absolute;top:-1.2rem;left:-2px;font-size:.75rem}.letter-cell.jots{color:#f0f0f0;font-size:.95rem}.letter-cell.jots .label{left:unset;right:-1px}.single-player th:first-child,.single-player td:first-child{opacity:.3}@media(max-width: 480px){.letter-cell{width:2.2rem;height:2.2rem}.letter-cell .letter{font-size:1.1rem}.letter-cell.jots,.letter-cell.score{font-size:.65rem}}.keyboard{position:fixed;bottom:0;background:rgba(18,18,19,.92);left:0;right:0;padding:1.6rem 0}.keyboard .row{display:flex;gap:.4rem;justify-content:center}.keyboard .row+.row{margin-top:.5rem}.keyboard .keyboard-key{width:2.8rem;height:4rem;font-weight:600;background:#818384;color:#f8f8f8;display:flex;justify-content:center;align-items:center;border-radius:4px;text-transform:uppercase;-webkit-tap-highlight-color:rgba(0,0,0,0)}.keyboard .keyboard-key.ctrl{width:4.4rem;font-size:.8rem}.keyboard .keyboard-key.present,.keyboard .keyboard-key.present:hover,.keyboard .keyboard-key.present:active,.keyboard .keyboard-key.present:focus,.keyboard .keyboard-key.present:focus-visible{background:#538d4e;color:#fff}.keyboard .keyboard-key.maybe,.keyboard .keyboard-key.maybe:hover,.keyboard .keyboard-key.maybe:active,.keyboard .keyboard-key.maybe:focus,.keyboard .keyboard-key.maybe:focus-visible{background:#b59f3b;color:#fff}.keyboard .keyboard-key.absent,.keyboard .keyboard-key.absent:hover,.keyboard .keyboard-key.absent:active,.keyboard .keyboard-key.absent:focus,.keyboard .keyboard-key.absent:focus-visible{background:#b04a4a;color:#fff}.keyboard .keyboard-key.present:hover,.keyboard .keyboard-key.maybe:hover,.keyboard .keyboard-key.absent:hover{filter:brightness(1.15)}.keyboard .keyboard-key:hover{cursor:pointer;background:#717171}.home-form{margin-top:2rem}.home-form label>span{display:block;font-size:.8rem;color:#bbb}.home-form .home-divider{margin:1rem 0}.home-form button{margin-top:.4rem}input{border:1px solid #555;border-radius:3px;height:2rem;line-height:2rem;padding-left:.4rem;margin-right:.4rem}button{border:1px solid #555;border-radius:3px;padding:0 1rem;height:2rem;line-height:2rem;color:#bbb;font-size:.8rem;letter-spacing:.03rem}button:hover{background-color:#333;cursor:pointer}main.secret h2{margin-top:2rem}main.secret form{margin-top:1rem}html,body{overscroll-behavior-y:contain;background:#121213}#content-border{position:fixed;top:0;bottom:0;left:0;right:0;padding:2rem;overflow-y:auto}main{width:100%;max-width:50rem;margin:0 auto}body,div,span,p,ul,ol,input,select,th,td,h1,h2,h3,button,input{font-family:Jost,sans-serif;list-style:none;color:#f8f8f8}ol,ul,li{margin:0;padding:0}.center{text-align:center}