@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap";:root{font-family:Rubik,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:white;margin:0;text-align:center;touch-action:pan-x pan-y}h1{font-size:2.5rem;font-weight:500;margin:0;letter-spacing:-.01em}h2{margin:0 0 .5rem}a,a:visited{color:#007aff}p{margin:0 0 1rem}section{margin-bottom:2rem}select{border:1px solid #999;border-radius:.35rem;padding:.25rem;background:none;font-size:1rem;font-weight:700;font-family:Rubik}@media only screen and (max-width: 600px){body{overflow:hidden}select{border:none}}:root{--color-neutral: #e7ebef;--color-neutral-offset: #919598;--color-active: #a7ec9c;--color-correct: #a7ec9c;--color-wrong: #faadad}.app{-webkit-user-select:none;user-select:none}.banner{display:flex;justify-content:space-between;align-items:center;padding:.75rem}.board{display:grid;grid-template-columns:3fr 1fr;text-align:left;max-width:800px;gap:1rem;margin:0 auto;align-items:center;font-size:1.15rem}button{font-family:Rubik;font-weight:500;font-size:1rem;background-color:#fff;color:#000;border:1px solid #666;padding:.65rem .85rem;border-radius:2rem;margin:1rem .4rem;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}.dev{position:fixed;bottom:0;right:0;padding:1rem}.dev a{margin:.25rem}a{cursor:pointer}a:hover{text-decoration:underline}button:not([disabled]):active{scale:.95}hr{border:1px solid #ddd;margin:5rem auto;max-width:300px}#modal{position:fixed;top:0;left:0;width:100%;height:100%;background:white;overflow:scroll}.rules{padding:1rem 2rem;text-align:left;line-height:1.5rem}.close{text-align:right}.title{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;justify-content:center}.title p{margin:0}#debug{background:red;opacity:.8;position:fixed;bottom:0;pointer-events:none;padding:.5rem;color:#fff;font-size:.75rem}@media only screen and (max-width: 600px){.title h1{font-size:1.75rem}.title p{display:none}.board{margin:0 1.4rem;grid-template-columns:2fr 1fr;font-size:1rem}}.bag{display:grid;grid-template-columns:1fr 1fr 1fr;align-content:center;gap:.65rem;padding:1rem;border-radius:.5rem;border:1px solid #ccc;background-color:#fff}@media only screen and (max-width: 600px){.bag{grid-template-columns:1fr 1fr;padding:.5rem;gap:.25rem}}.card{padding:.75rem 0;background-color:var(--color-neutral);border-radius:.25rem;text-align:center;text-transform:uppercase;font-weight:500;display:flex;align-items:center;justify-content:center;line-height:1.5rem}.card[data-variation=overlay]{cursor:grabbing;rotate:-3deg;scale:1.05;background-color:var(--color-active);box-shadow:0 0 0 4px #000}.card[data-variation=correct]{background-color:var(--color-correct)!important}.card[data-variation=wrong]{background-color:var(--color-wrong)!important}.card[data-revealed=true]{color:#0000004d;background-image:url(/game/hint.svg);background-repeat:no-repeat;background-position:center;background-size:auto 65%}@media only screen and (min-width: 600px){.card:hover{background-color:var(--color-active);box-shadow:0 0 0 4px #000}}@media only screen and (max-width: 600px){.card{padding:.35rem 0}.card[data-length="8"],.card[data-length="9"]{font-size:.93rem}}.draggable{cursor:grab}.draggable[data-dragging=true]{opacity:.25}.droppable[data-over=true]>div{box-shadow:0 0 0 4px #000}.rack{text-align:center;padding:.5rem}.rack-keyword{font-weight:800;padding:.5rem 0}.rack-slots{display:grid;gap:.65rem;align-content:center}.rack-slot{background:var(--color-neutral);color:var(--color-neutral-offset);padding:.75rem 0;border-radius:.25rem;text-align:center;text-transform:uppercase;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1.5rem}.rack-hint{font-weight:700}.rack-hint[data-solved=true]{color:green}.rack-hint[data-solved=false]{color:red}@media only screen and (max-width: 600px){.rack-slots{gap:.25rem}.rack-slot{padding:.35rem 0}}