@charset "UTF-8";:root{--max-width:1400px;--tile-font-size:2.5rem;--color-periwinkle:#c6d8ff;--color-ruddy-blue:#71a9f7;--color-ultra-violet:#6b5ca5;--color-byzantium:#6f2d69;--color-tyrian-purple:#4c1036;--color-green:#6ce01f;--main-background-color:var(--color-byzantium);--main-font-color:#dcdcdc;--main-font-color-hover:#bababa;--main-tile-background-color:#dcdcdc;--main-tile-font-color:#000;--canvas-background-color:var(--color-tyrian-purple);--tile-background-color:var(--color-ultra-violet)}html{height:100%;scroll-behavior:smooth;scrollbar-width:none}@media (max-width:1400px){html{--max-width:100%}}@media (orientation:portrait){html{font-size:12px}}body{background-color:var(--main-background-color);color:var(--main-font-color);font-family:Noto Sans,sans-serif;font-variation-settings:"wdth" 100;margin:0}body header{width:100%}body header>.wrapper{margin:0 auto;max-width:var(--max-width);padding:.5rem}body header nav{padding:.5rem}body header nav menu{margin:0;padding:0}body header nav menu>li{display:inline-block}body header nav menu>li:not(:first-child){margin-left:.5rem}body header nav menu>li a{display:block}body main{width:100%}body main>.wrapper{margin:0 auto;max-width:var(--max-width)}body main section.title{padding:2rem;position:relative}body main section.title h1{font-size:2.5rem;text-transform:uppercase}body main section.title h1>span{line-height:1.5}body main section.title p{font-size:1.2rem;line-height:1.5}body main section.title .example-tile{background-color:var(--tile-background-color);border:1px solid #000;border-radius:1rem;font-size:3rem;padding:.2rem .5rem;position:absolute}body main section.title .example-img{position:absolute;width:3rem}body main section.options{background-color:var(--main-tile-background-color);border-radius:1rem;color:var(--main-tile-font-color);padding:1rem;text-align:center}body main section.options form[name=main_input]>section{display:inline-block}body main section.options form[name=main_input]>hr{margin:1rem 0}body main section.options form[name=main_input] .main_input_form-options>:not(:first-child){margin-top:.5rem}body #canvas{background-color:var(--canvas-background-color);border-radius:1rem;height:100vh;position:relative;width:100vw}body #canvas .tile{background-color:var(--tile-background-color);border:1px solid #000;border-radius:1rem;font-size:var(--tile-font-size);padding:.2rem .5rem;position:absolute}body #canvas .tile.draggable{cursor:pointer}body #canvas .tile.found{background-color:var(--color-green)}body footer{background-color:#1e1e1e;color:var(--main-font-color);font-family:Segoe UI,Verdana,sans-serif;letter-spacing:.04em}body footer>.wrapper{padding:1rem 3rem}body footer>.wrapper>.sections>section{display:inline-block;padding:1rem 0}body footer>.wrapper>.sections>section:not(:first-child){margin-left:2rem}body footer>.wrapper>.sections>section h3{font-weight:400;margin:0}body footer>.wrapper>.sections>section hr{margin-left:0;width:5rem}body footer>.wrapper>.sections>section .contributor{margin-top:.25rem}body footer a:hover{color:var(--main-font-color-hover)}*{box-sizing:border-box}a{text-decoration:none}a,a:visited{color:inherit}a[target=_blank]:after{content:"↗";padding-left:.2em}button,input[type=button],input[type=number],input[type=submit],input[type=text],select{color:inherit;font:inherit}button button:not(:disabled),button[type=button]:not(:disabled),button[type=submit]:not(:disabled),input[type=button] button:not(:disabled),input[type=button][type=button]:not(:disabled),input[type=button][type=submit]:not(:disabled),input[type=number] button:not(:disabled),input[type=number][type=button]:not(:disabled),input[type=number][type=submit]:not(:disabled),input[type=submit] button:not(:disabled),input[type=submit][type=button]:not(:disabled),input[type=submit][type=submit]:not(:disabled),input[type=text] button:not(:disabled),input[type=text][type=button]:not(:disabled),input[type=text][type=submit]:not(:disabled),select button:not(:disabled),select[type=button]:not(:disabled),select[type=submit]:not(:disabled){cursor:pointer}button::-moz-placeholder,input[type=button]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=submit]::-moz-placeholder,input[type=text]::-moz-placeholder,select::-moz-placeholder{color:#636363}button::placeholder,input[type=button]::placeholder,input[type=number]::placeholder,input[type=submit]::placeholder,input[type=text]::placeholder,select::placeholder{color:#636363}input[type=checkbox]{vertical-align:middle}.button-preset{border:1px solid #000;border-radius:1rem;padding:.5rem 1rem}.button-preset.round-except-top-left{border-top-left-radius:0}.button-preset.round-except-top-right{border-top-right-radius:0}.button-preset.round-except-bottom-left{border-bottom-left-radius:0}.button-preset.round-except-bottom-right{border-bottom-right-radius:0}.button-preset.blue{background-color:var(--color-ruddy-blue)}.button-preset.violet{background-color:var(--color-ultra-violet)}.input-inline{border:1px solid #000;border-radius:.1rem}.input-inline.blue{background-color:var(--color-ruddy-blue)}.input-inline.violet{background-color:var(--color-ultra-violet)}