@import"https://fonts.googleapis.com/css2?family=Audiowide&family=Fjalla+One&display=swap";html,body,#app{height:100%;width:100%;margin:0;font-family:Fjalla One,sans-serif;overscroll-behavior:none}html{background-color:#e9e6e1;background:radial-gradient(circle,transparent 20%,#e9e6e1 20%,#e9e6e1 80%,transparent 80%,transparent),radial-gradient(circle,transparent 20%,#e9e6e1 20%,#e9e6e1 80%,transparent 80%,transparent) 25px 25px,linear-gradient(#dad6cd 2px,transparent 2px) 0 -1px,linear-gradient(90deg,#dad6cd 2px,#e9e6e1 2px) -1px 0;background-size:50px 50px,50px 50px,25px 25px,25px 25px}.target-viewer[data-v-e3c5c451]{position:relative;display:flex;flex-direction:column;align-items:center;margin:0 auto;transition:background-color .5s ease}#target[data-v-e3c5c451]{transform-origin:center;transition:transform 1.5s ease}#target.draggable[data-v-e3c5c451]{cursor:grab}#target.draggable[data-v-e3c5c451]:active{cursor:grabbing}#cover[data-v-e3c5c451]{transform-origin:center;transform:rotate(180deg);transition:transform 2s ease}.closed #cover[data-v-e3c5c451]{transform:rotate(0)}.open #cover[data-v-e3c5c451]{transform:rotate(180deg)}#cover-handle[data-v-e3c5c451]{cursor:grab}#cover-handle[data-v-e3c5c451]:active{cursor:grabbing}.closed #cover-plate[data-v-e3c5c451]{cursor:crosshair}#selector[data-v-e3c5c451]{transform-origin:center;transition:transform .5s ease}#eye-on[data-v-e3c5c451],#eye-off[data-v-e3c5c451]{opacity:0;transition:opacity .5s ease}.closed #cover-handle:hover #eye-on[data-v-e3c5c451],.open #cover-handle:hover #eye-off[data-v-e3c5c451]{opacity:1}#shuffle[data-v-e3c5c451],.entrance-animation.open #shuffle[data-v-e3c5c451]{opacity:0;pointer-events:none;cursor:default;transition:opacity .5s ease;font-family:AudioWide,sans-serif}.open #shuffle[data-v-e3c5c451]{opacity:1;pointer-events:auto;cursor:pointer}#shuffle-background[data-v-e3c5c451]{transition:fill .3s ease}#shuffle:hover #shuffle-background[data-v-e3c5c451]{fill:#ffffff1a}#shuffle:active #shuffle-background[data-v-e3c5c451]{fill:#0000001a}#selector-needle[data-v-e3c5c451]{opacity:1;transition:opacity .5s ease}.open.new-game #selector-needle[data-v-e3c5c451]{opacity:0;pointer-events:none}#arrow-left[data-v-e3c5c451],#arrow-right[data-v-e3c5c451]{cursor:pointer}.open #arrow-left[data-v-e3c5c451],.open #arrow-right[data-v-e3c5c451]{pointer-events:none;cursor:default}#cover[data-v-e3c5c451],#frame[data-v-e3c5c451],#selector[data-v-e3c5c451]{filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.closed #selector-knob[data-v-e3c5c451],.closed #selector-needle[data-v-e3c5c451]{cursor:grab}.closed #selector-knob[data-v-e3c5c451]:active,.closed #selector-needle[data-v-e3c5c451]:active{cursor:grabbing}.open #selector-knob[data-v-e3c5c451],.open #selector-needle[data-v-e3c5c451]{cursor:default;pointer-events:none}#clue[data-v-e3c5c451]{width:100%;height:100%;box-sizing:border-box;border:none;border-radius:20px;outline:none;padding:5px;color:#333;font-size:60px;font-family:Fjalla One,sans-serif;text-align:center;text-overflow:ellipsis;overflow:hidden;line-height:100%;background:#ffffff80}#clue[data-v-e3c5c451]:focus,#clue[data-v-e3c5c451]:active,#clue[data-v-e3c5c451]:hover{outline:none;background-color:#fffc}#clue[data-v-e3c5c451]:read-only{pointer-events:none;-webkit-user-select:none;user-select:none;background:none}#clue[data-v-e3c5c451]:read-only::placeholder{opacity:0}.scale-input[data-v-e3c5c451]{width:100%;height:100%;border:none;border-radius:10px;outline:none;padding:5px;color:#e1e1ef;font-size:40px;font-family:Fjalla One,sans-serif;text-align:center;text-overflow:ellipsis;overflow:hidden;line-height:100%;transition:background-color .3s ease;box-sizing:border-box}#scale-left[data-v-e3c5c451]{text-align:left}#scale-right[data-v-e3c5c451]{text-align:right}.closed .scale-input[data-v-e3c5c451]{pointer-events:none;-webkit-user-select:none;user-select:none}.open.new-game .scale-input[data-v-e3c5c451]:hover{outline:none;background-color:#ffffff1a}.open.new-game .scale-input[data-v-e3c5c451]:active{outline:none;background-color:#fff3}.open.new-game .scale-input[data-v-e3c5c451]:focus{outline:none;background-color:#fff3}@media (pointer: coarse){#shuffle-text[data-v-e3c5c451]{font-size:32px}}.entrance-animation #cover[data-v-e3c5c451]{animation:cover-open-close-open-e3c5c451 3s ease}.entrance-animation #selector[data-v-e3c5c451]{animation:selector-move-e3c5c451 6s ease-in-out}.entrance-animation #target[data-v-e3c5c451]{animation:target-spin-e3c5c451 6s ease-out}@keyframes target-spin-e3c5c451{0%{transform:rotate(0)}to{transform:rotate(720deg)}}@keyframes cover-open-close-open-e3c5c451{0%,to{transform:rotate(180deg)}50%{transform:rotate(0)}}@keyframes selector-move-e3c5c451{0%{transform:rotate(0)}25%{transform:rotate(-90deg)}75%{transform:rotate(90deg)}to{transform:rotate(0)}}#target-secondary[data-v-e3c5c451]{display:none}.entrance-animation #target-secondary[data-v-e3c5c451]{display:block}.popin[data-v-b02e5608]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:100}.popin-content[data-v-b02e5608]{position:relative;background-color:#272738;border-radius:10px;padding:20px;min-width:200px;max-width:90%;max-height:90%;overflow-y:auto;color:#e1e1ef;box-shadow:0 0 20px #00000080}.close-button[data-v-b02e5608]{position:absolute;top:15px;right:15px;background:transparent;border:none;color:#e1e1ef;font-size:30px;cursor:pointer;width:35px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:50%;padding:0;transition:background-color .2s}.close-button[data-v-b02e5608]:hover{background-color:#e1e1ef33}.fade-enter-active[data-v-b02e5608],.fade-leave-active[data-v-b02e5608]{transition:opacity .3s}.fade-enter-from[data-v-b02e5608],.fade-leave-to[data-v-b02e5608]{opacity:0}h2[data-v-b02e5608]{margin-top:0;font-family:AudioWide,Fjalla One,sans-serif}@media (pointer: coarse){.popin-content[data-v-b02e5608]{padding:24px}.close-button[data-v-b02e5608]{width:40px;height:40px;font-size:28px}}.help-content[data-v-a2335954]{margin:20px 0;font-size:16px;line-height:1.6;max-width:600px}.help-content[data-v-a2335954] p,.help-content[data-v-a2335954] li{margin-bottom:10px}.help-content[data-v-a2335954] ol,.help-content[data-v-a2335954] ul{padding-left:20px;margin-bottom:20px}@media (pointer: coarse){.help-content[data-v-a2335954]{font-size:18px}}.settings-section[data-v-5750ebb2]{margin-bottom:20px}h3[data-v-5750ebb2]{margin-bottom:10px}.radio-group[data-v-5750ebb2],.checkbox-group[data-v-5750ebb2]{display:flex;flex-direction:column;gap:10px}.radio-group label[data-v-5750ebb2],.checkbox-group label[data-v-5750ebb2]{display:flex;align-items:center;cursor:pointer}.radio-group input[data-v-5750ebb2],.checkbox-group input[data-v-5750ebb2]{margin-right:10px}@media (pointer: coarse){.radio-group label[data-v-5750ebb2],.checkbox-group label[data-v-5750ebb2]{padding:10px 0;font-size:18px}}.points-display[data-v-b24b54bd]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:200;pointer-events:none}.points-text[data-v-b24b54bd]{font-size:8vw;font-weight:700;color:#fff;background-color:#000000b3;padding:20px 40px;border-radius:20px;opacity:0;animation:zoomInOut-b24b54bd 3s ease-in-out}@keyframes zoomInOut-b24b54bd{0%{transform:scale(.5);opacity:0}20%{transform:scale(1.2);opacity:1}30%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.fade-enter-active[data-v-b24b54bd],.fade-leave-active[data-v-b24b54bd]{transition:opacity .3s}.fade-enter-from[data-v-b24b54bd],.fade-leave-to[data-v-b24b54bd]{opacity:0}.target-viewer-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.target-viewer{width:100dvmin;height:100dvmin}@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 3/2){.target-viewer-container{align-items:flex-start}.target-viewer{width:100dvw;height:100dvw}}@media (min-aspect-ratio: 3/2){.target-viewer-container{align-items:flex-start}.target-viewer{width:150dvh;height:150dvh}}.app-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.header-icon{position:absolute;width:max(30px,7vmin);height:max(30px,7vmin);cursor:pointer;color:#333;transition:color .3s ease;top:3vmin}.header-icon:hover{color:#000}.help-icon{left:3vmin}.settings-icon{right:3vmin}@media (pointer: coarse){.header-icon{width:48px;height:48px;padding:4px}}