@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--pixel-border: 4px;--main-bg: #212529;--container-bg: #2a2f35;--text-color: #ffffff;--primary-color: #92cc41;--primary-hover: #76c42b;--secondary-color: #f7d51d;--danger-color: #e76e55;--font-size-base: 12px;--spacing-base: .5rem}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}a{color:var(--primary-color);text-decoration:none}html{font-size:var(--font-size-base)}body{margin:0;min-height:-webkit-fill-available;background:var(--main-bg);font-family:"Press Start 2P",system-ui;line-height:1.5;color:var(--text-color);image-rendering:pixelated;overflow-x:hidden;position:fixed;width:100%;height:100%;touch-action:pan-x pan-y}#app{width:100%;height:100%}.container{overflow:auto;width:100%;height:100%}.pixel-box{background:var(--container-bg);border:var(--pixel-border) solid var(--text-color);padding:calc(var(--spacing-base) * 2);position:relative;margin:var(--spacing-base) 0;width:100%}.pixel-box:before{content:"";position:absolute;top:calc(-1 * var(--pixel-border));left:calc(-1 * var(--pixel-border));right:calc(-1 * var(--pixel-border));bottom:calc(-1 * var(--pixel-border));background:var(--container-bg);z-index:-1}.pixel-box.with-title{padding-top:calc(var(--spacing-base) * 4)}.pixel-box.with-title h2{position:absolute;top:calc(var(--spacing-base) * -2);left:var(--spacing-base);background:var(--main-bg);padding:var(--spacing-base) calc(var(--spacing-base) * 2);font-size:.75rem}.pixel-box.with-title a{font-size:.55rem}.pixel-button{font-family:"Press Start 2P",system-ui;padding:calc(var(--spacing-base) * 1.5) calc(var(--spacing-base) * 2);border:var(--pixel-border) solid var(--text-color);background:var(--container-bg);color:var(--text-color);cursor:pointer;transition:all .2s ease;font-size:.8rem;width:100%;max-width:300px;white-space:nowrap;touch-action:manipulation}.pixel-button:active{transform:translateY(2px)}.pixel-button:disabled{opacity:.5;cursor:not-allowed}.pixel-button.primary{background:var(--primary-color)}.pixel-button.primary:active{background:var(--primary-hover)}.pixel-button.success{background:var(--secondary-color)}.pixel-button.danger{background:var(--danger-color)}.pixel-input{font-family:"Press Start 2P",system-ui;width:100%;padding:calc(var(--spacing-base) * 2.5);background:var(--container-bg);border:var(--pixel-border) solid var(--text-color);color:var(--text-color);font-size:16px;outline:none;transition:all .2s ease;text-align:center;text-transform:uppercase}.pixel-input:focus{border-color:var(--primary-color)}.pixel-input::placeholder{color:#ffffff80}.pixel-input.error{border-color:var(--danger-color);animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.pixel-list{list-style:none;padding-left:calc(var(--spacing-base) * 3);font-size:.8rem}.pixel-list li{position:relative;margin-bottom:calc(var(--spacing-base) * 2)}.pixel-list li:before{content:"►";position:absolute;left:calc(var(--spacing-base) * -3);color:var(--primary-color)}.text-help{font-size:.8rem;color:var(--text-color);margin-top:var(--spacing-base);text-align:center}@media (min-width: 768px){:root{--font-size-base: 16px}#app{max-width:1280px;margin:0 auto;padding:calc(var(--spacing-base) * 4)}.pixel-button{width:auto}}@supports (padding: max(0px)){.game{padding-left:max(env(safe-area-inset-left),var(--spacing-base));padding-right:max(env(safe-area-inset-right),var(--spacing-base));padding-top:max(env(safe-area-inset-top),var(--spacing-base));padding-bottom:max(calc(env(safe-area-inset-bottom) + 260px),calc(var(--spacing-base) * 2))}}.login[data-v-4e10764b]{min-height:90vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-base)}.login section[data-v-4e10764b]{width:100%;max-width:600px}.login-form[data-v-4e10764b]{display:flex;flex-direction:column;gap:2rem;padding:1rem}.input-field[data-v-4e10764b]{margin-bottom:1rem}.button-container[data-v-4e10764b]{width:100%}.button-container .pixel-button[data-v-4e10764b]{width:100%;max-width:none}#game_key[data-v-4e10764b]{text-transform:unset}label[data-v-4e10764b]{display:block;margin-bottom:.5rem}.instructions[data-v-ad14749a]{min-height:90vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-base)}.instructions section[data-v-ad14749a]{width:100%;max-width:800px}.content[data-v-ad14749a]{display:flex;flex-direction:column;gap:2rem;padding:1rem}.lists[data-v-ad14749a]{margin:1rem 0}.sub-list[data-v-ad14749a]{margin-left:1.5rem;margin-top:1rem}.button-container[data-v-ad14749a]{width:100%}.button-container .pixel-button[data-v-ad14749a]{width:100%;max-width:none}.timer[data-v-278c559d]{color:#fff;font-size:1.2rem}.game[data-v-93bbbb6f]{min-height:90vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--main-bg)}.status-bar[data-v-93bbbb6f]{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;position:sticky;top:env(safe-area-inset-top);z-index:10;margin:0}.status-info[data-v-93bbbb6f]{display:flex;gap:calc(var(--spacing-base) * 2)}.status-item[data-v-93bbbb6f]{display:flex;align-items:center}.game-content[data-v-93bbbb6f]{display:flex;flex-direction:column;gap:var(--spacing-base);margin-top:calc(var(--spacing-base) * 2)}.navigation[data-v-93bbbb6f]{display:flex;justify-content:space-between;gap:var(--spacing-base);margin-bottom:var(--spacing-base)}.nav-left[data-v-93bbbb6f],.nav-right[data-v-93bbbb6f]{flex:1;display:flex}.nav-right[data-v-93bbbb6f]{justify-content:flex-end}.challenge[data-v-93bbbb6f]{text-align:center;margin:calc(var(--spacing-base) * 2) 0;font-size:.9rem}.resource[data-v-93bbbb6f]{margin:calc(var(--spacing-base) * 2) 0}.resource-description[data-v-93bbbb6f]{margin-top:calc(var(--spacing-base) * 2)}.resource-content[data-v-93bbbb6f]{max-width:100%;max-height:50vh;border-radius:8px;border:var(--pixel-border) solid var(--text-color)}.hints-list[data-v-93bbbb6f]{margin-top:calc(var(--spacing-base) * 2);text-align:left}.hints-list h3[data-v-93bbbb6f]{margin-bottom:var(--spacing-base);font-size:.8rem}.hint-image[data-v-93bbbb6f]{max-width:100%;max-height:50vh;border-radius:8px;border:var(--pixel-border) solid var(--text-color)}.answer-section[data-v-93bbbb6f]{display:flex;flex-direction:column;gap:var(--spacing-base);position:sticky;bottom:var(--spacing-base);background-color:var(--container-bg)}.button-group[data-v-93bbbb6f]{display:flex;gap:var(--spacing-base);justify-content:center;width:100%;margin-top:var(--spacing-base)}.button-group .pixel-button[data-v-93bbbb6f]{flex:1;max-width:none}.input-wrapper[data-v-93bbbb6f]{position:relative}.error-box[data-v-93bbbb6f]{background:var(--danger-color);color:var(--text-color);text-align:center;padding:calc(var(--spacing-base) * 1.5);font-size:.8rem;animation:fadeIn-93bbbb6f .3s ease-in-out}.success-box[data-v-93bbbb6f]{background:var(--primary-color);color:var(--text-color);text-align:center;padding:calc(var(--spacing-base) * 1.5);font-size:.8rem;animation:fadeIn-93bbbb6f .3s ease-in-out}@keyframes shake-93bbbb6f{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}@keyframes fadeIn-93bbbb6f{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes successPop-93bbbb6f{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes starBurst-93bbbb6f{0%{transform:scale(0) rotate(0);opacity:0}50%{opacity:1}to{transform:scale(1.5) rotate(360deg);opacity:0}}.game-finished[data-v-93bbbb6f]{text-align:center;margin-top:var(--spacing-base)}.stats[data-v-93bbbb6f]{display:flex;flex-direction:column;gap:calc(var(--spacing-base) * 2);font-size:.8rem;margin-bottom:var(--spacing-base)}@media (min-width: 768px){.game[data-v-93bbbb6f]{padding:var(--spacing-base)}.challenge[data-v-93bbbb6f],.stats[data-v-93bbbb6f]{font-size:1rem}}.completed-message[data-v-93bbbb6f]{text-align:center;padding:calc(var(--spacing-base) * 2)}.completed-message .success-box[data-v-93bbbb6f]{background:var(--secondary-color);color:var(--text-color);text-transform:uppercase;letter-spacing:1px;font-size:.9rem}
