@keyframes cursor-blink{0%{opacity:0}}@keyframes message-good{0%{opacity:0;top:10px}20%{opacity:1;top:0px}60%{opacity:1}100%{opacity:0;top:-20px}}@keyframes message-bad{0%{opacity:0;top:-10px}20%{opacity:1;top:0px}60%{opacity:1}100%{opacity:0;top:10px}}#message{opacity:0}#message.good{animation-name:message-good}#message.bad{animation-name:message-bad}#message.animating{animation-duration:3s;animation-timing-function:linear;animation-iteration-count:1;animation-play-state:running}@media screen and not (prefers-reduced-motion){#guess h1::after{animation:cursor-blink 1.25s steps(2) infinite}#message{position:relative}}:root{--lgt-0: .9;--lgt-1: .75;--lgt-2: .6;--lgt-3: .45;--chr-0: .11;--chr-1: .13;--chr-2: .13;--chr-3: .12;--chr-grey-scale: .045;--chr-gold-scale: 1.4;--hue-blue: 190;--hue-green: 138;--hue-gold: 85;--hue-red: 1;--hue-lightgrey: 97;--hue-darkgrey: 277;--red-0: oklch(var(--lgt-0) var(--chr-0) var(--hue-red));--gold-0: oklch(var(--lgt-0) calc(var(--chr-0)*var(--chr-gold-scale)) var(--hue-gold));--green-0: oklch(var(--lgt-0) var(--chr-0) var(--hue-green));--blue-0: oklch(var(--lgt-0) var(--chr-0) var(--hue-blue));--red-1: oklch(var(--lgt-1) var(--chr-1) var(--hue-red));--gold-1: oklch(var(--lgt-1) calc(var(--chr-1)*var(--chr-gold-scale)) var(--hue-gold));--green-1: oklch(var(--lgt-1) var(--chr-1) var(--hue-green));--blue-1: oklch(var(--lgt-1) var(--chr-1) var(--hue-blue));--red-2: oklch(var(--lgt-2) var(--chr-2) var(--hue-red));--gold-2: oklch(var(--lgt-2) calc(var(--chr-2)*var(--chr-gold-scale)) var(--hue-gold));--green-2: oklch(var(--lgt-2) var(--chr-2) var(--hue-green));--blue-2: oklch(var(--lgt-2) var(--chr-2) var(--hue-blue));--red-3: oklch(var(--lgt-3) var(--chr-3) var(--hue-red));--gold-3: oklch(var(--lgt-3) calc(var(--chr-3)*var(--chr-gold-scale)) var(--hue-gold));--green-3: oklch(var(--lgt-3) var(--chr-3) var(--hue-green));--blue-3: oklch(var(--lgt-3) var(--chr-3) var(--hue-blue));--grey-0: oklch(0.94 calc(var(--chr-0)*var(--chr-grey-scale)) var(--hue-lightgrey));--grey-1: oklch(0.66 calc(var(--chr-1)*var(--chr-grey-scale)) var(--hue-lightgrey));--grey-2: oklch(0.41 calc(var(--chr-2)*var(--chr-grey-scale)) var(--hue-darkgrey));--grey-3: oklch(0.22 calc(var(--chr-3)*var(--chr-grey-scale)) var(--hue-darkgrey))}body.theme-auto{background-color:#fff;color:var(--grey-3)}body.theme-auto a[href]{color:var(--gold-3)}body.theme-auto a[href]:visited{color:var(--gold-2)}body.theme-auto .good{background-color:var(--green-0)}body.theme-auto .bad{background-color:var(--red-0)}body.theme-auto #board path{fill:var(--grey-0)}body.theme-auto #board text{color:#000}body.theme-auto #b0 path{fill:var(--gold-0)}body.theme-auto .btn{color:#000;background-color:var(--gold-0)}body.theme-auto .btn:active{background-color:var(--gold-1)}body.theme-auto .btn#delete{background-color:var(--red-0)}body.theme-auto .btn#delete:active{background-color:var(--red-1)}body.theme-auto .btn#shuffle{background-color:var(--blue-0)}body.theme-auto .btn#shuffle:active{background-color:var(--blue-1)}body.theme-auto .btn#enter{background-color:var(--green-0)}body.theme-auto .btn#enter:active{background-color:var(--green-1)}body.theme-auto .radiogroup,body.theme-auto .radiogroup label{border-color:var(--grey-1);outline-color:var(--grey-1);background-color:#fff;color:#000}body.theme-auto .radiogroup:active,body.theme-auto .radiogroup label:active{background-color:var(--gold-1)}body.theme-auto .radiogroup label:has(:checked){background-color:var(--gold-0) !important}body.theme-auto input[type=checkbox]{background-color:#fff;outline-color:var(--grey-1)}body.theme-auto input[type=checkbox]:checked{background-color:var(--gold-1) !important;color:#000 !important}body.theme-auto input[type=checkbox]::after{background-color:#000}body.theme-auto #found,body.theme-auto #settings{background-color:var(--grey-0)}body.theme-auto #popup-body{background-color:#fff;border-color:var(--gold-1)}@media(prefers-color-scheme: dark){body.theme-auto{background-color:#000;color:var(--grey-0)}body.theme-auto a[href]{color:var(--gold-0)}body.theme-auto a[href]:visited{color:var(--gold-1)}body.theme-auto .good{background-color:var(--green-3)}body.theme-auto .bad{background-color:var(--red-3)}body.theme-auto #board path{fill:var(--grey-3)}body.theme-auto #board text{fill:#fff}body.theme-auto #b0 path{fill:var(--gold-3)}body.theme-auto .btn{color:#fff;background-color:var(--gold-3)}body.theme-auto .btn:active{background-color:var(--gold-2)}body.theme-auto .btn#delete{background-color:var(--red-3)}body.theme-auto .btn#delete:active{background-color:var(--red-2)}body.theme-auto .btn#shuffle{background-color:var(--blue-3)}body.theme-auto .btn#shuffle:active{background-color:var(--blue-2)}body.theme-auto .btn#enter{background-color:var(--green-3)}body.theme-auto .btn#enter:active{background-color:var(--green-2)}body.theme-auto .radiogroup,body.theme-auto .radiogroup label{border-color:var(--grey-2);outline-color:var(--grey-2);background-color:#000;color:#fff}body.theme-auto .radiogroup:active,body.theme-auto .radiogroup label:active{background-color:var(--gold-2)}body.theme-auto .radiogroup label:has(:checked){background-color:var(--gold-3) !important}body.theme-auto input[type=checkbox]{background-color:#000;outline-color:var(--grey-2)}body.theme-auto input[type=checkbox]:checked{background-color:var(--gold-2) !important;color:#fff !important}body.theme-auto input[type=checkbox]::after{background-color:#fff}body.theme-auto #found,body.theme-auto #settings{background-color:var(--grey-3)}body.theme-auto #popup-body{background-color:#000;border-color:var(--gold-2)}}body.theme-light{background-color:#fff;color:var(--grey-3)}body.theme-light a[href]{color:var(--gold-3)}body.theme-light a[href]:visited{color:var(--gold-2)}body.theme-light .good{background-color:var(--green-0)}body.theme-light .bad{background-color:var(--red-0)}body.theme-light #board path{fill:var(--grey-0)}body.theme-light #board text{color:#000}body.theme-light #b0 path{fill:var(--gold-0)}body.theme-light .btn{color:#000;background-color:var(--gold-0)}body.theme-light .btn:active{background-color:var(--gold-1)}body.theme-light .btn#delete{background-color:var(--red-0)}body.theme-light .btn#delete:active{background-color:var(--red-1)}body.theme-light .btn#shuffle{background-color:var(--blue-0)}body.theme-light .btn#shuffle:active{background-color:var(--blue-1)}body.theme-light .btn#enter{background-color:var(--green-0)}body.theme-light .btn#enter:active{background-color:var(--green-1)}body.theme-light .radiogroup,body.theme-light .radiogroup label{border-color:var(--grey-1);outline-color:var(--grey-1);background-color:#fff;color:#000}body.theme-light .radiogroup:active,body.theme-light .radiogroup label:active{background-color:var(--gold-1)}body.theme-light .radiogroup label:has(:checked){background-color:var(--gold-0) !important}body.theme-light input[type=checkbox]{background-color:#fff;outline-color:var(--grey-1)}body.theme-light input[type=checkbox]:checked{background-color:var(--gold-1) !important;color:#000 !important}body.theme-light input[type=checkbox]::after{background-color:#000}body.theme-light #found,body.theme-light #settings{background-color:var(--grey-0)}body.theme-light #popup-body{background-color:#fff;border-color:var(--gold-1)}body.theme-dark{background-color:#000;color:var(--grey-0)}body.theme-dark a[href]{color:var(--gold-0)}body.theme-dark a[href]:visited{color:var(--gold-1)}body.theme-dark .good{background-color:var(--green-3)}body.theme-dark .bad{background-color:var(--red-3)}body.theme-dark #board path{fill:var(--grey-3)}body.theme-dark #board text{fill:#fff}body.theme-dark #b0 path{fill:var(--gold-3)}body.theme-dark .btn{color:#fff;background-color:var(--gold-3)}body.theme-dark .btn:active{background-color:var(--gold-2)}body.theme-dark .btn#delete{background-color:var(--red-3)}body.theme-dark .btn#delete:active{background-color:var(--red-2)}body.theme-dark .btn#shuffle{background-color:var(--blue-3)}body.theme-dark .btn#shuffle:active{background-color:var(--blue-2)}body.theme-dark .btn#enter{background-color:var(--green-3)}body.theme-dark .btn#enter:active{background-color:var(--green-2)}body.theme-dark .radiogroup,body.theme-dark .radiogroup label{border-color:var(--grey-2);outline-color:var(--grey-2);background-color:#000;color:#fff}body.theme-dark .radiogroup:active,body.theme-dark .radiogroup label:active{background-color:var(--gold-2)}body.theme-dark .radiogroup label:has(:checked){background-color:var(--gold-3) !important}body.theme-dark input[type=checkbox]{background-color:#000;outline-color:var(--grey-2)}body.theme-dark input[type=checkbox]:checked{background-color:var(--gold-2) !important;color:#fff !important}body.theme-dark input[type=checkbox]::after{background-color:#fff}body.theme-dark #found,body.theme-dark #settings{background-color:var(--grey-3)}body.theme-dark #popup-body{background-color:#000;border-color:var(--gold-2)}body.high-contrast.theme-auto *{font-weight:bold}body.high-contrast.theme-auto #board path{fill:rgba(0,0,0,0);stroke:var(--black);stroke-width:1px}body.high-contrast.theme-auto #b0 path{fill:var(--daisy)}body.high-contrast.theme-auto .btn,body.high-contrast.theme-auto .radiogroup,body.high-contrast.theme-auto .radiogroup label{border-color:var(--black) !important;outline-color:var(--black) !important}body.high-contrast.theme-auto #guess h1::after{background-color:var(--darkgrey)}body.high-contrast.theme-auto #found,body.high-contrast.theme-auto #settings{background-color:rgba(0,0,0,0);border:2px solid var(--black)}body.high-contrast.theme-auto input[type=checkbox],body.high-contrast.theme-auto input[type=checkbox]::after{outline:1px solid var(--black)}@media(prefers-color-scheme: dark){body.high-contrast.theme-auto *{font-weight:bold}body.high-contrast.theme-auto .hex.center .hexLink{background-color:var(--marigold)}body.high-contrast.theme-auto #board path{fill:rgba(0,0,0,0);stroke:var(--white);stroke-width:1px}body.high-contrast.theme-auto #b0 path{fill:var(--honey)}body.high-contrast.theme-auto .btn,body.high-contrast.theme-auto .radiogroup,body.high-contrast.theme-auto .radiogroup label{border-color:var(--white) !important;outline-color:var(--white) !important}body.high-contrast.theme-auto #guess h1::after{background-color:var(--lightgrey)}body.high-contrast.theme-auto #found,body.high-contrast.theme-auto #settings{background-color:rgba(0,0,0,0);border:2px solid var(--white)}body.high-contrast.theme-auto input[type=checkbox],body.high-contrast.theme-auto input[type=checkbox]::after{outline:1px solid var(--white)}}body.high-contrast.theme-light *{font-weight:bold}body.high-contrast.theme-light #board path{fill:rgba(0,0,0,0);stroke:var(--black);stroke-width:1px}body.high-contrast.theme-light #b0 path{fill:var(--daisy)}body.high-contrast.theme-light .btn,body.high-contrast.theme-light .radiogroup,body.high-contrast.theme-light .radiogroup label{border-color:var(--black) !important;outline-color:var(--black) !important}body.high-contrast.theme-light #guess h1::after{background-color:var(--darkgrey)}body.high-contrast.theme-light #found,body.high-contrast.theme-light #settings{background-color:rgba(0,0,0,0);border:2px solid var(--black)}body.high-contrast.theme-light input[type=checkbox],body.high-contrast.theme-light input[type=checkbox]::after{outline:1px solid var(--black)}body.high-contrast.theme-dark *{font-weight:bold}body.high-contrast.theme-dark .hex.center .hexLink{background-color:var(--marigold)}body.high-contrast.theme-dark #board path{fill:rgba(0,0,0,0);stroke:var(--white);stroke-width:1px}body.high-contrast.theme-dark #b0 path{fill:var(--honey)}body.high-contrast.theme-dark .btn,body.high-contrast.theme-dark .radiogroup,body.high-contrast.theme-dark .radiogroup label{border-color:var(--white) !important;outline-color:var(--white) !important}body.high-contrast.theme-dark #guess h1::after{background-color:var(--lightgrey)}body.high-contrast.theme-dark #found,body.high-contrast.theme-dark #settings{background-color:rgba(0,0,0,0);border:2px solid var(--white)}body.high-contrast.theme-dark input[type=checkbox],body.high-contrast.theme-dark input[type=checkbox]::after{outline:1px solid var(--white)}@font-face{font-family:"Arial Rounded Bold";src:url("ARLRDBD.ttf")}:root{--body: Arial, Helvetica, sans-serif;--display: "Arial Rounded Bold", sans-serif}#noJS{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;padding:5%;text-align:center;font-size:2rem;background-color:var(--black);color:var(--daisy)}html,body{width:100%;height:100%;margin:0;padding:0;text-align:center;user-select:none}body{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:8vh 0}body.flex-reverse{flex-direction:row-reverse}.column{margin:0;padding:0 2vw;text-align:center;max-width:400px;width:100%}.column>*{margin-bottom:1rem}#message{width:fit-content;margin:1rem auto;padding:6px;border-radius:6px}#guess{height:48px;line-height:48px}#guess h1{display:inline;position:relative}#guess h1::after{display:block;content:" ";width:3px;height:100%;position:absolute;top:0;right:-1.5px;background-color:var(--grey)}#board{width:90%;max-width:100%;max-height:60vh}#board,#controls{margin-block-end:0}.buttons{display:flex;justify-content:space-evenly;flex-wrap:wrap}#found{padding:8px 16px;max-width:400px;text-align:initial}#found ul{margin:0;padding:0;display:grid;grid-template-columns:repeat(4, 1fr)}@media(max-width: 400px){#found ul{grid-template-columns:repeat(3, 1fr) !important}}#found ul li{list-style:none;margin:.3em 0;padding:0;cursor:pointer;text-decoration:dotted underline}#settings{max-width:400px;padding:1rem;text-align:initial}#settings h1,#settings h2,#settings h3,#settings h4,#settings h5,#settings h6{grid-column-end:span 2}#found,#settings{border-radius:12px}#found h1,#found h2,#found h3,#found h4,#found h5,#found h6,#settings h1,#settings h2,#settings h3,#settings h4,#settings h5,#settings h6{margin:0 0 .5em;text-align:center}:root{font-family:var(--body);font-size:16px}h1,h2,h3,h4,h5,h6,.btn{font-family:var(--display);font-weight:normal}h1{font-size:2.5rem}h2{font-size:1.33rem}.small{font-size:.95rem}.center{text-align:center}.flex-title{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.flex-title h1,.flex-title h2,.flex-title h3,.flex-title h4,.flex-title h5,.flex-title h6{flex-grow:100}.capitals #guess,.capitals #board,.capitals #found ul{text-transform:uppercase}.center{margin-left:auto;margin-right:auto}.hidden{display:none !important}.btn{width:fit-content;padding:1rem;font-size:1.5rem;border-radius:999px;cursor:pointer;transition:background-color .5s}.btn:active{transition:background-color .1s}.btn svg{width:2.5rem;height:2.5rem}.btn svg path{fill:currentColor}.setting{display:flex;gap:6px;align-items:center;line-height:1.75rem}.setting:not(:last-child){margin-bottom:6px}.setting :first-child{flex-grow:1}.radiogroup{width:fit-content;overflow:hidden;border-radius:6px;border-width:1px;border-style:solid;cursor:pointer;display:flex;flex-direction:row}.radiogroup label{padding:0 .5rem;outline-width:1px;outline-style:solid;transition:background-color .25s}.radiogroup input{display:none}input[type=checkbox]{appearance:none;border-radius:999px;height:24px;width:40px;margin:0;position:relative;transition:background-color .25s}input[type=checkbox]::before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}input[type=checkbox]::after{border-radius:50%;height:18px;width:18px;content:"";position:absolute;left:3px;top:3px;transition:left .25s}input[type=checkbox]:checked::after{left:19px}#board{overflow:visible}#board g{overflow:hidden;transform-origin:center;transition:transform .5s}#board g:active{transition:transform .1s;transform:scale(0.92)}#board g path{fill-opacity:1;stroke:none}#board g text{text-align:center;text-anchor:middle;font-family:var(--display);font-size:.8rem;text-decoration:none}#popup-container{transition:opacity 1s ease-in-out;position:fixed;top:0;right:0;bottom:0;left:0;max-height:100%;overflow:auto;text-align:center}#popup-bg{z-index:1;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)}#popup-body{z-index:2;position:relative;border-radius:12px;border-width:2px;border-style:solid;margin:1rem;padding:16px;max-width:400px;text-align:initial}#popup-body .flex-title{padding-bottom:1rem}#popup-body .flex-title>*{margin:0}#popup-body .content{margin:0}#popup-body h1,#popup-body h2,#popup-body h3,#popup-body h4,#popup-body h5,#popup-body h6,#popup-body li{margin:.5em 0}#popup-close{width:30px;height:30px;flex-basis:30px;cursor:pointer}#popup-close path{fill:currentColor}