@font-face{font-family:BlackChancery;src:url(/assets/BLKCHCRY-CqdkX8Ci.TTF)format("truetype");font-weight:400;font-style:normal}:root{--tile-gap:2%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}#app{justify-content:center;align-items:center;height:100vh;display:flex}.container{flex-direction:column;align-items:center;gap:1rem;height:100%;display:flex}.key-absent{opacity:.6;background-color:#555}.key-present{background-color:#c9b458}.key-correct{background-color:#6aaa64}.keyboard{flex-direction:column;flex-shrink:0;gap:8px;padding-bottom:10px;display:flex}.key_row{justify-content:center;gap:6px;display:flex}.key{color:#fff;cursor:pointer;background:linear-gradient(#4a4a4a,#2f2f2f);border:none;border-radius:6px;padding:10px 8px;font-weight:700;box-shadow:inset 0 1px 1px #ffffff1a,inset 0 -2px 3px #0006,0 2px 3px #0000004d}.key.wide{padding:10px 12px}.key:active{transform:translateY(2px);box-shadow:inset 0 2px 3px #000c,inset 0 -1px 1px #ffffff1a}.guess_box{aspect-ratio:560/650;background:linear-gradient(#1e1e1e,#1e1e1e) padding-box padding-box,linear-gradient(145deg,#5a2e00,#c97a1a,#fc6,#fff2b0,#fc6,#c97a1a,#5a2e00) border-box;border:3px solid #0000;border-radius:12px;flex:1;grid-template-rows:repeat(6,1fr);width:auto;min-height:0;max-height:100%;padding:6px;display:grid;position:relative;box-shadow:inset 0 2px 2px #ffffff40,inset 0 -3px 4px #0009,0 4px 10px #000c}.guess_box:before{content:"";pointer-events:none;opacity:.15;background:radial-gradient(circle at 0 0,#fc6 0%,#0000 40%),radial-gradient(circle at 100% 0,#fc6 0%,#0000 40%),radial-gradient(circle at 0 100%,#fc6 0%,#0000 40%),radial-gradient(circle at 100% 100%,#fc6 0%,#0000 40%);border-radius:12px;position:absolute;inset:0}.row{justify-content:center;align-items:center;gap:var(--tile-gap);flex:1;display:flex}.box{aspect-ratio:1;text-align:center;background:linear-gradient(#1a1a1a,#0d0d0d);border-radius:8px;justify-content:center;align-items:center;height:90%;font-size:clamp(1rem,4vh,2.5rem);font-weight:700;line-height:1;transition:transform .1s;display:flex;box-shadow:inset 0 1px 2px #ffffff40,inset 0 -2px 3px #000c}.box.tile-correct{color:#fff;background:linear-gradient(#6f9f58,#4a6f3a);box-shadow:inset 0 1px 1px #ffffff26,inset 0 -1px 2px #00000080}.box.tile-present{color:#fff;background:linear-gradient(#e0b94a,#9a741f);box-shadow:inset 0 1px 1px #fff3,inset 0 -1px 2px #00000080}.box.tile-absent{color:#fff}.box.filled{transform:scale(1.1)}.logo{will-change:filter;flex-shrink:1;width:min(20vw,450px);height:auto;margin-top:2vh;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}.modal{z-index:999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal.hidden{display:none}.modal-content{color:#fff;text-align:center;background:linear-gradient(#1e1e1e,#1e1e1e) padding-box padding-box,linear-gradient(145deg,#5a2e00,#c97a1a,#fc6,#fff2b0,#fc6,#c97a1a,#5a2e00) border-box;border:2px solid #0000;border-radius:12px;padding:20px}.modal-content button{cursor:pointer;margin-top:10px;padding:8px 16px}.loading-screen{z-index:2000;opacity:1;background:#121213;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center;flex-direction:column;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.loading-content p{color:#eee273;margin-top:-20px;font-family:BlackChancery,sans-serif;font-size:1.5rem}.loading-image{width:60vw;max-width:200px;height:auto;margin-bottom:12px;margin-left:-30px}.loader{--_g:no-repeat radial-gradient(circle, #eee273 70%, transparent 71%);background:var(--_g) 50% 0, var(--_g) 100% 0;background-size:12px 12px;width:50px;height:28px;animation:1.5s linear infinite l23-0;position:relative}.loader:before{content:"";aspect-ratio:1;background:#eee273;border-radius:50%;height:12px;animation:1.5s linear infinite l23-1,.5s cubic-bezier(0,200,.8,200) infinite l23-2;position:absolute;top:0;left:0}@keyframes l23-0{0%,31%{background-position:50% 0,100% 0}33%{background-position:50% 100%,100% 0}43%,64%{background-position:50% 0,100% 0}66%{background-position:50% 0,100% 100%}79%{background-position:50% 0,100% 0}to{transform:translate(-33.3333%)}}@keyframes l23-1{to{left:calc(100% + 7px)}}@keyframes l23-2{to{top:-.1px}}button{background:linear-gradient(#6f9f58,#4a6f3a);width:100%;box-shadow:inset 0 1px 1px #ffffff26,inset 0 -1px 2px #00000080}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (width<=600px){.row{gap:6px;width:100%;min-height:fit-content;display:flex}.box{aspect-ratio:1;width:100%;height:auto;font-size:clamp(1.4rem,3.5vw,1.4rem)}.container{width:100vw}.guess_box{flex-direction:column;flex:0;gap:6px;width:85vw;max-width:100%;min-height:fit-content;display:flex}.logo{width:min(60vw,450px);margin-top:7vh}}