@import "https://fonts.googleapis.com/css2?family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Press+Start+2P&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}*{box-sizing:border-box;margin:0;padding:0}.container{flex-direction:column;justify-content:center;align-items:center;margin:20px;display:flex}.header-container{justify-content:space-between;align-items:center;width:55%;margin-bottom:25px;padding:10px 20px;display:flex}.image{cursor:crosshair;max-width:90vw;position:relative}.header-1{color:#373636;gap:7px;font-weight:600;display:flex}.player-name{color:#333638;border-radius:50%;align-items:center;gap:10px;padding:8px 15px;font-family:"Press Start 2P",monospace;font-size:.8rem;display:flex}.play-name-container-inner{background-color:#e3eff9;border-radius:50%}.timer{color:#373636;border-radius:8%;justify-content:center;align-items:center;gap:10px;padding:4px 8px;font-family:Roboto,monospace;font-size:1rem;font-weight:800;display:flex}.timer-icon{border-radius:50%;display:flex}.header-2{align-items:center;gap:10px;display:flex}.characters-container{gap:12px;display:flex}.character{background-color:#f0f3f5;border:1px solid #000;border-radius:50%}.dropdown select{appearance:none;color:#1a1a1a;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23555' stroke-width='2' fill='none' stroke-linecap='round'/></svg>");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #ccc;border-radius:8px;padding:8px 40px 8px 12px;font-family:Roboto;font-size:.9rem}.dropdown select:hover{border-color:#888}.char-on-img-container{cursor:pointer;background-color:#f3f1f1;border-radius:10px;flex-direction:column;gap:10px;padding:10px;display:flex;position:absolute}.char-on-img{align-items:center;gap:8px;display:flex}.char-on-img:hover{background-color:#e4e2e2}.character-wrapper{position:relative}.found{opacity:.5;border-color:green}.found:after{content:"✓";color:#f3f1f1;background-color:green;border-radius:30%;font-weight:700;position:absolute;top:10px;right:20px}.user-form-container{background:rgba(0, 0,0,0, .6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.user-form{color:#fff;background-color:#00000080;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;padding:50px 90px;display:flex}.user-form input::placeholder{color:#7c7979}.user-form input{color:#373636;background-color:#fff;border:1px solid #ccc;border-radius:10px;outline:none;width:240px;margin-bottom:8px;padding:10px 14px;font-family:Poppins,sans-serif}.user-form input:focus{border-color:#0d4d92;box-shadow:0 0 0 3px #4a90d940}.user-form button{cursor:pointer;background-color:#4a90d9;border:none;border-radius:8px;padding:10px 18px;font-size:1rem}.winning-msg{flex-direction:column;align-items:center;gap:8px;font-family:Roboto;display:flex}.winning-icons{gap:16px;display:flex}.winning-title{text-align:center;font-size:1.5rem;font-weight:600}.winning-modal-container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;font-family:Poppins;font-size:1rem;display:flex;position:fixed;inset:0}.winning-modal{text-align:center;color:#091b2eea;background-color:#ffffff26;border:1px solid #505050;border-radius:12px;flex-direction:column;gap:15px;width:40%;padding:2.5rem;display:flex}.winning-data{justify-content:space-around;display:flex}.total-time,.wrong-clicks,.accuracy{background-color:#fdfdfd;border:.5px solid #7f8388;border-radius:20px;padding:20px 14px}.data{font-size:1.3rem;font-weight:600}.trophy-icon,.party-popper-icon{color:#c3b714;fill:#e8e84b}.submit-btn{cursor:pointer;background-color:green;border:none;border-radius:5px;padding:10px;font-family:Roboto;font-size:1rem;font-weight:600}@media (width<=768px){.header-container{flex-wrap:wrap;justify-content:center;gap:12px;width:90%}.winning-modal{width:85%}}@media (width<=480px){.header-container{width:95%}.characters-container{gap:8px}.character{width:40px}.winning-modal{width:90%;padding:1.5rem}.winning-msg{font-size:1.2rem}.winning-data{flex-direction:column;gap:10px}.user-form{padding:30px 24px}.user-form input{width:100%}}