body,html{font-family:Inter,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0}*{-webkit-user-select:none;user-select:none}button,input,textarea{outline:none;-webkit-user-select:text;user-select:text}.app{padding-top:70px}button{caret-color:#0000;outline:none}.app{align-items:center;background:#fff;box-sizing:border-box;color:#044251;display:flex;flex-direction:column;font-family:sans-serif;gap:2rem;justify-content:flex-start;min-height:100vh;padding-top:60px;padding-inline:1rem}@media (max-height:500px){.app{justify-content:flex-start}}.app-header{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 70px);padding:2rem 1rem 1rem;text-align:center}.logo{margin-bottom:1rem;width:100px}.start-button{animation:pulse 1.6s infinite;background:#4caf50;border:none;border-radius:30px;box-shadow:0 4px 12px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:2rem;padding:.8rem 2rem;transition:transform .2s ease,background .2s ease}.start-button:hover{background:#3e9440;transform:scale(1.05)}button:focus{outline:none}.rules-container{height:calc(100vh - 70px);margin-inline:auto;max-width:900px;overflow-y:auto;padding:1rem 1rem 6rem;position:relative}.rules-container img{border-radius:10px;display:block;height:auto;margin:2rem auto;max-width:800px;width:100%}.rules-container .start-button{bottom:1rem;left:50%;position:fixed;transform:translateX(-50%);z-index:20}.rule-tip{align-items:center;background:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#044251;display:flex;font-size:1.1rem;font-weight:500;gap:1rem;max-width:90%;padding:1rem 1.5rem}.tip-icon{font-size:2rem}.tip-text{line-height:1.4}.fade-in{animation:fadeInSlow 2.5s ease-in-out forwards}@keyframes fadeInSlow{0%{opacity:0}to{opacity:1}}.username-form{align-items:center;animation:fadeIn 1s ease;display:flex;flex-direction:column;height:80vh;justify-content:center;text-align:center}.username-form h2{color:#00363a;font-size:1.8rem;margin-bottom:20px}.username-form form{align-items:center;display:flex;flex-direction:column;gap:15px}.username-form input{border:1px solid #ccc;border-radius:10px;box-shadow:0 0 5px #0000001a;font-size:1rem;min-width:250px;padding:10px 15px}.username-form input:focus{border-color:#3aa547;outline:none}.username-form button{background:#3aa547;border:none;border-radius:25px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:1rem;padding:12px 30px;transition:transform .2s ease,box-shadow .2s ease}.username-form button:hover{box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}.footer-logos{align-items:center;display:flex;gap:2rem;justify-content:center;margin-top:2rem;padding-bottom:2rem}.footer-logos img{height:60px;max-width:150px;object-fit:contain}.footer-logos .logo-bdx{height:150px;max-width:160px}.countdown-screen{align-items:center;animation:fadeInZoom .4s ease-in-out;color:#01494f;display:flex;font-size:5rem;font-weight:700;height:100vh;justify-content:center}@keyframes fadeInZoom{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.countdown-text{animation:zoomPulse .8s ease-in-out}@keyframes zoomPulse{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}.logos-username{margin-top:2rem}.navbar{background:linear-gradient(90deg,#f0f0f0,#086d84);box-shadow:0 2px 8px #0000001a;box-shadow:0 4px 8px #0000004d;box-sizing:border-box;color:#000;height:70px;position:fixed;top:0;inset-inline:0;justify-content:space-between;padding-inline:1.5rem;z-index:999}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:.5rem}.navbar-logo{height:35px}.navbar-title{font-size:1.1rem;font-weight:700;letter-spacing:1px}.navbar-links{align-items:center;display:flex;gap:1rem}.navbar-links a{color:#fff;font-size:1rem;text-decoration:none}.navbar-links a:hover{text-decoration:underline}.burger{cursor:pointer;display:none;flex-direction:column;height:22px;justify-content:space-between;width:28px}.burger span{background:#fff;border-radius:2px;display:block;height:4px}@media (max-width:768px){.navbar-links{display:none}.burger{display:flex}}.mobile-menu{background:#044251;box-shadow:-2px 0 8px #00000026;display:none;flex-direction:column;gap:1rem;max-width:260px;padding:1rem 1.5rem;position:fixed;right:0;top:70px;width:70%}.mobile-menu a{color:#fff;text-decoration:none}.mobile-menu a:hover{text-decoration:underline}.mobile-menu.open{display:flex}.lang-toggle,.lang-toggle-mobile{background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:.9rem;margin-left:1rem;padding:.3rem .6rem}.lang-toggle-mobile:hover,.lang-toggle:hover{background-color:#f0f0f0}.game-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding-top:50px}.canvas-wrapper{height:min(480px,90vw);margin-top:.5rem;position:relative;width:min(480px,90vw)}.image-to-trace{display:block;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%}.color-selector button,.controls button{align-items:center;background-color:#e0e0e0;border:none;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;font-weight:600;gap:.4rem;justify-content:center;text-align:center;transition:all .2s ease}.side-left button{border-radius:10px;flex:0 0 120px;font-size:.85rem;min-height:42px;padding:.4rem .8rem;width:120px}.side-right button{border-radius:8px;font-size:.75rem;min-height:36px;padding:.3rem .6rem;width:110px}.color-selector button.active{background:#f20587;color:#fff}.controls button:first-child{background:#792e7e;color:#fff}.controls button:nth-child(2){background:#e4032e;color:#fff}.controls button:nth-child(3){background:#75b94e;color:#fff}.controls button:nth-child(4){background:#ccc;color:#444}.controls button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}@media (max-width:768px){h2{font-size:1.3rem}}@media (max-width:480px){.color-selector button,.controls button{flex:1 1 100%}}@media (max-height:650px),(max-width:480px){.controls{background:#ffffffe6;border-radius:12px;bottom:.5rem;box-shadow:0 4px 12px #0000001a;padding-block:.8rem;position:-webkit-sticky;position:sticky;z-index:5}}.finish-screen,.side-left,.side-right{align-items:center;display:flex;flex-direction:column;gap:1rem}.finish-screen{justify-content:center;min-height:60vh;padding:2rem;text-align:center}.results-table{margin:1rem auto;width:80%}.results-table td,.results-table th{border:1px solid #ccc;padding:.75rem}.results-buttons button{margin:0 1rem;padding:.5rem 1.5rem}.results-table{background:#f0f0f0;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 6px #00000014;font-family:Segoe UI,sans-serif;margin:1.5rem auto;max-width:600px;overflow:hidden;width:100%}.results-table thead{background-color:#086d84;color:#fff}.results-table td,.results-table th{border-bottom:1px solid #ddd;padding:.8rem 1rem;text-align:center}.results-table tbody tr:hover{background-color:#f3f3f3}.results-table td:first-child,.results-table th:first-child{text-align:left}.results-screen{align-items:center;background-color:#fff;display:flex;flex-direction:column;max-width:100%;min-height:100vh;padding:2rem;text-align:center;width:100vw}.results-screen h2{color:#044251;font-size:1.8rem;margin-bottom:1.5rem}.results-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.results-buttons button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;padding:.7rem 1.2rem;transition:background .2s ease}.results-buttons button:first-child{background-color:#44b453;color:#fff}.results-buttons button:first-child:hover{background-color:#369d43}.results-buttons button:last-child{background-color:#d9534f;color:#fff}.results-buttons button:last-child:hover{background-color:#c9302c}.results-buttons button:nth-child(2){background-color:#3498db;color:#fff}.results-buttons button:nth-child(2):hover{background-color:#2c80b4}.ecg-container{align-items:center;display:flex;height:400px;justify-content:center}.ecg-line{height:100px;overflow:visible;width:100%}.ecg-path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 5s linear infinite}@keyframes draw{to{stroke-dashoffset:0}}.ranking-screen{align-items:center;display:flex;flex-direction:column;max-width:100%;padding:2rem 1rem;text-align:center;width:100vw}.ranking-screen h2{color:#0c4a63;margin-bottom:1.5rem}.image-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f5fafa;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%23044251%27 height=%2720%27 viewBox=%270 0 24 24%27 width=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right .8rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid #044251;border-radius:10px;box-shadow:0 2px 6px #0442511a;color:#044251;cursor:pointer;font-size:1rem;font-weight:600;padding:.6rem 2.5rem .6rem 1.2rem;transition:border-color .3s ease,box-shadow .3s ease}.ranking-tables{display:flex;flex-direction:column;gap:2rem}.ranking-table{background:#fff;border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.ranking-table th{background:#086d84;color:#fff;font-weight:600;padding:.75rem}.ranking-table td{border-top:1px solid #eee;padding:.6rem;text-align:center}.highlight{background-color:#e0ffe0;font-weight:700}.back-button{animation:pulse 1.6s infinite;background:#4caf50;border:none;border-radius:8px;box-shadow:0 4px 8px #04425133;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;margin-bottom:1rem;margin-top:1rem;padding:.6rem 1.4rem;transition:background .3s ease}.back-button:hover{background:#3e9440;transform:scale(1.05)}@keyframes pulse{0%{box-shadow:0 0 0 0 #4caf50b3}70%{box-shadow:0 0 0 12px #4caf5000}to{box-shadow:0 0 0 0 #4caf5000}}.ranking-tables-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:2rem auto;max-width:1200px;width:100%}.ranking-table{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;flex:1 1 300px;max-width:300px;padding:12px;text-align:center}.ranking-table h3{font-size:16px;margin-bottom:10px}.ranking-table table{border-collapse:collapse;width:100%}.ranking-table td,.ranking-table th{border-bottom:1px solid #ddd;font-size:14px;padding:8px}.ranking-table .highlight{background-color:#d8fdd8;font-weight:700}@media (max-width:950px){.ranking-tables-container{align-items:center;flex-direction:column}.ranking-table{max-width:500px;width:90%}}.expert-view{background:#f9f9f9;border:1px solid #ddd;border-radius:12px;box-shadow:0 0 6px #0000001a;margin-top:2rem;padding:1rem}.expert-masks{display:flex;flex-wrap:nowrap;gap:2rem;justify-content:center;margin-top:2rem}.expert-column{align-items:center;display:flex;flex-direction:column;text-align:center}.mask-preview{border-radius:10px;box-shadow:0 4px 12px #0000001a;margin-top:.5rem;max-width:350px}.expert-button{background:#086d84;border:none;border-radius:8px;box-shadow:0 4px 8px #04425133;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;margin-bottom:1rem;margin-top:1rem;padding:.6rem 1.4rem;touch-action:manipulation;transition:background .3s ease}canvas{border-radius:10px;margin-top:1rem;max-width:480px;width:100%}.username{border-radius:4px;font-weight:500;padding:2px 8px}.username.clickable{color:#07c;cursor:pointer;text-decoration:underline}.username.clickable:hover{background-color:#eef6ff}.username.disabled{color:gray;cursor:not-allowed;opacity:.6}
/*# sourceMappingURL=main.78ab5b14.css.map*/