:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color:#f36;--bg-color:#0d1117;--surface-color:#161b22;--text-primary:#fff;--text-secondary:#8b949e;--success-color:#238636;--error-color:#da3633;background-color:#0d1117;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background-color:var(--bg-color);min-width:320px;min-height:100vh;color:var(--text-primary);place-items:center;margin:0;display:flex}h1,h2,h3{letter-spacing:-.05em;margin-bottom:.5rem;font-weight:800}button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.8em 1.5em;font-family:inherit;font-size:1.1em;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #ff33664d}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f366}button:active{transform:translateY(0)}#root{text-align:center;flex-direction:column;justify-content:center;width:100%;max-width:1280px;height:100vh;margin:0 auto;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes progressShrink{0%{width:100%}to{width:0%}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-10px)}}.fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn}.shake{animation:.4s ease-in-out shake}.app-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.screen{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:600px;padding:20px;display:flex}.menu-screen .subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1.2rem}.instructions{background:var(--surface-color);text-align:left;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.instructions p{color:var(--text-primary);margin:.5rem 0}.game-screen{justify-content:flex-start;height:100%;max-height:800px;padding-top:5vh}.header{justify-content:space-between;width:100%;margin-bottom:1rem;font-size:1.2rem;font-weight:600;display:flex}.progress-bar-container{background-color:var(--surface-color);border-radius:3px;width:100%;height:6px;margin-bottom:1.5rem;overflow:hidden}.progress-bar{border-radius:3px;height:100%}.memorize-bar{background-color:#3b82f6}.guess-bar{background-color:var(--primary-color)}.image-container{aspect-ratio:1;background-color:#000;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.game-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.game-image.clickable{cursor:crosshair}.guess-overlay{pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:1px solid #fff3;border-radius:20px;padding:8px 16px;font-weight:700;position:absolute;top:20px;left:50%;transform:translate(-50%)}.result-screen{height:100vh}.text-success{color:var(--success-color);text-shadow:0 0 20px #23863666;font-size:2.5rem}.text-error{color:var(--error-color);text-shadow:0 0 20px #da363366;font-size:2.5rem}.win-screen h1{color:var(--success-color);margin-bottom:1rem}.win-screen p{color:var(--text-secondary);margin-bottom:2rem}.debug-target{pointer-events:none;z-index:10;box-sizing:border-box;background-color:#0f03;border:3px solid #0f0;position:absolute}.debug-click{pointer-events:none;z-index:11;background-color:red;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #00000080}.result-screen.debug-overlay{z-index:20;pointer-events:none;background:#000000d9;border-radius:12px;height:auto;padding:1rem 2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes blurOut{0%,50%{filter:blur();opacity:1}to{filter:blur(40px);opacity:0}}.blur-out{animation:10s ease-in forwards blurOut}.share-section{background-color:var(--surface-color);border:1px solid #ffffff1a;border-radius:12px;width:100%;max-width:400px;margin-bottom:2rem;padding:1.5rem}.share-section h3{color:var(--text-primary);margin-top:0;margin-bottom:1rem;font-size:1.1rem}.name-input{color:#fff;box-sizing:border-box;background-color:#0d1117;border:1px solid #fff3;border-radius:8px;width:100%;margin-bottom:1rem;padding:.8rem;font-size:1.1rem}.name-input:focus{border-color:var(--primary-color);outline:none}.share-preview{background-color:#0d1117;border:1px dashed #fff3;border-radius:8px;margin-bottom:1rem;padding:1rem}.share-text{color:var(--text-secondary);word-break:break-all;margin-bottom:1rem;font-size:.95rem;line-height:1.4}.share-link-preview{color:#3b82f6;font-size:.85rem}.copy-btn{background-color:#238636;width:100%}.play-again-btn{border:1px solid var(--text-secondary);color:var(--text-secondary);background-color:#0000}.play-again-btn:hover{color:#fff;border-color:#fff}.share-success-flag{color:#fff;z-index:999999;pointer-events:none;background:#198754;border-radius:999px;padding:12px 20px;font-size:.95rem;font-weight:700;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.jumpscare-flash{transform-origin:50%;animation:.15s ease-out .5s forwards jumpscareZoom,.1s .5s infinite jumpscareShake}@keyframes jumpscareZoom{0%{transform:scale(1)}to{transform:scale(1.25)}}@keyframes jumpscareShake{0%,to{transform:scale(1.25)translate(0)}25%{transform:scale(1.25)translate(-8px,4px)}50%{transform:scale(1.25)translate(8px,-4px)}75%{transform:scale(1.25)translate(-4px,-4px)}}