:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.enter-form{color:#fff;cursor:pointer;background-color:#445a68;border:none;border-radius:0;align-self:flex-end;width:230px;height:70px;margin-bottom:10px;font-family:Jacques Francois,serif;font-size:24px}.menu-screen{z-index:2000;background-image:url(/images/back3.png);background-repeat:no-repeat;background-size:100% 100%;flex-direction:row;justify-content:space-between;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.menu-screen .menu{background-color:#494e56;border-radius:35px;justify-content:center;width:450px;height:550px;margin-top:150px;margin-left:100px;display:flex}.menu-screen .menu-background{background-color:#53575f;border-radius:35px;flex-direction:column;align-items:center;width:80%;height:80%;margin-top:30px;padding-top:20px;display:flex}.menu-screen button{color:#fff;cursor:pointer;background-color:#445a68;border:none;border-radius:25px;width:270px;height:70px;margin-bottom:20px;font-family:Jacques Francois,serif;font-size:36px}.menu-screen .menu-frame-container{justify-content:center;align-items:center;width:965px;max-width:60vw;height:auto;margin-top:-80px;margin-right:80px;display:flex}.menu-frame-overlay{z-index:2;pointer-events:none;background-image:url(/assets/ramka_obrez-CIEWHgVj.webp);background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;position:absolute;top:5%;left:0}@media (max-width:1024px){.menu-screen{flex-direction:column;justify-content:flex-start;align-items:center;height:auto;min-height:100vh;padding:20px 0;overflow-y:auto}.menu-screen .menu-frame-container{order:1;width:90%;max-width:90%;margin:20px auto 0}.menu-screen .menu{border-radius:20px;order:2;width:90%;height:auto;margin:20px 0;padding-bottom:20px}.menu-screen .menu-background{width:90%;margin-top:15px}.menu-screen button{width:100%;height:60px;font-size:24px}}.registration-screen.main{z-index:2000;flex-direction:row;width:100vw;height:100vh;margin:0;display:flex;position:fixed;top:0;left:0}.registration-screen .registration{background-image:url(/images/left_back.jpg);background-repeat:no-repeat;background-size:100% 100%;width:38%;height:100%}.registration-screen .registration-form{box-sizing:border-box;flex-direction:column;height:100%;margin-top:30px;margin-left:60px;margin-right:20px;padding-bottom:40px;padding-right:10px;font-size:24px;display:flex;overflow-y:auto}.registration-screen .registration-form h1{align-self:center;font-size:36px;font-weight:400}.registration-screen .registration-inputs input{color:#fff;box-sizing:border-box;background-color:#445a685e;border:none;width:100%;max-width:600px;height:50px;padding:10px;font-size:24px}.registration-screen .terms-text{background-color:#445a685e;margin-bottom:30px;padding:20px}.registration-screen .registration-form-checkboxes div{align-items:center;margin-bottom:5px;display:flex}.registration-screen .registration-form-checkboxes p{background-color:#445a68;flex-grow:1;align-items:center;height:50px;margin-left:10px;padding-left:10px;display:flex}.registration-screen .navigation{background-image:url(/images/right_back.png);background-repeat:no-repeat;background-size:100% 100%;width:62%;height:100%}.registration-screen .navigation div{justify-content:space-around;align-items:flex-end;height:100%;padding-bottom:40px;display:flex}.registration-form-checkboxes{flex-direction:column;display:flex}.enter-form-team{color:#fff;cursor:pointer;background-color:#445a68;border:none;border-radius:0;align-self:flex-end;width:230px;height:70px;margin-bottom:10px;font-family:Jacques Francois,serif;font-size:24px}@media (max-width:1024px){.registration-screen.main{flex-direction:column;height:auto;min-height:100vh;position:relative;overflow-y:auto}.registration-screen .registration{width:100%;height:auto;min-height:100vh;padding-bottom:50px}.registration-screen .registration-form{margin:20px;padding:0}.registration-screen .registration-form h1{text-align:center;font-size:28px}.registration-screen .registration-inputs input{height:45px;font-size:18px}.registration-screen .terms-text{padding:10px;font-size:14px}.registration-screen .navigation{display:none}}.mirror-container{width:200px;height:300px;margin:0 auto;position:relative}.mask-layer{object-fit:contain;opacity:0;will-change:opacity;width:100%;height:100%;transition:opacity .6s ease-in-out;position:absolute;top:0;left:0}.mask-layer.visible{opacity:1}.game-over-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.5s ease-out fadeInOverlay;display:flex;position:fixed;top:0;left:0}.game-over-modal{text-align:center;background:#1e1e1ee6;border:2px solid #ffffff1a;border-radius:30px;flex-direction:column;align-items:center;width:90%;max-width:500px;padding:40px 60px;animation:.4s cubic-bezier(.175,.885,.32,1.275) scaleIn;display:flex;box-shadow:0 20px 50px #00000080}.game-over-modal.won{border-color:#4caf50;box-shadow:0 0 30px #4caf504d}.game-over-modal.won h2{color:#4caf50;text-shadow:0 0 10px #4caf5080}.game-over-modal.lost{border-color:#ff4d4d;box-shadow:0 0 30px #ff4d4d4d}.game-over-modal.lost h2{color:#ff4d4d;text-shadow:0 0 10px #ff4d4d80}.modal-icon{margin-bottom:20px;font-size:5rem}.game-over-modal h2{letter-spacing:2px;margin:0;font-family:Jacques Francois,serif;font-size:3rem}.game-over-modal p{color:#ccc;margin:20px 0 40px;font-size:1.2rem}.modal-button{color:#fff;cursor:pointer;background:#445a68;border:none;border-radius:50px;padding:15px 50px;font-family:Jacques Francois,serif;font-size:1.5rem;transition:all .2s}.modal-button:hover{background:#5a7585;transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.game-over-modal{width:85%;padding:20px}.game-over-modal h2{font-size:2rem}.modal-icon{font-size:3rem}.modal-button{padding:10px 30px;font-size:1.2rem}}*{box-sizing:border-box}html,body,#root{color:#fff;background-color:#1a1a1a;width:100%;height:100%;margin:0;padding:0;font-family:Jacques Francois,serif;overflow:hidden}.app-root{background-color:#1a1a1a;background-image:url(/images/back3.png);background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100vh;position:relative}.persistent-layer{box-sizing:border-box;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.video-only-layer{z-index:1}.ui-layer{z-index:2;pointer-events:none}.ui-layer .sidebar,.ui-layer .start-button,.ui-layer .dialogue-section,.ui-layer .next-level-btn,.ui-layer input{pointer-events:auto}.level-container{gap:30px;width:100%;height:100%;padding:20px 0;animation:.5s ease-out fadeIn;display:flex}.sidebar-placeholder{flex-shrink:0;width:350px}.sidebar{background:#252525;border-radius:20px;flex-direction:column;flex-shrink:0;justify-content:center;width:350px;padding:30px;display:flex;box-shadow:5px 0 20px #0000004d}.sidebar h2{color:#fff;margin-top:0;font-size:2rem}.main-content{flex-direction:column;flex-grow:1;height:100%;display:flex;position:relative}.video-wrapper{aspect-ratio:476/353;width:100%;max-width:965px;margin:0 auto;display:flex;position:relative}.ui-layer .video-wrapper{z-index:5;background-image:url(/assets/ramka_obrez-CIEWHgVj.webp);background-repeat:no-repeat;background-size:100% 100%}.video-only-layer .video-wrapper{background:0 0!important}.camera-video{object-fit:cover;z-index:1;background:#000;border-radius:10px;width:83%;height:78%;position:absolute;top:17%;left:8.5%}.intro-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:4;background:#000000d9;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:83%;height:78%;display:flex;position:absolute;top:11%;left:8.5%}.intro-content{text-align:center;color:#fff;max-width:500px}.intro-mask-wrapper{width:180px;height:240px;margin:0 auto 30px;animation:3s ease-in-out infinite floatMask;position:relative}.start-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#646cff 0%,#4a54ff 100%);border:none;border-radius:50px;padding:15px 40px;font-size:1.2rem;font-weight:700;transition:transform .2s;box-shadow:0 10px 20px #646cff66}.start-button:hover{transform:translateY(-2px)}.dialogue-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#141414d9;border:1px solid #ffffff1a;border-radius:60px;align-items:center;gap:20px;width:85%;max-width:700px;padding:15px 25px;display:flex;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.mini-mask-wrapper{flex-shrink:0;width:100px;height:100px;position:relative}.chat-bubble h3{margin:0;font-size:1.2rem}.ui-layer .level-container{padding-top:60px;background:0 0!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatMask{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.big-emoji{text-align:center;margin-bottom:20px;font-size:8rem}.health-bar-container{z-index:1000;pointer-events:auto;flex-direction:column;gap:5px;width:350px;display:flex;position:absolute;top:15px;left:20px}.health-label{letter-spacing:2px;color:#ff4d4d;margin-left:2px;font-size:.8rem;font-weight:700}.health-track{background:#000000b3;border:2px solid #444;border-radius:5px;width:100%;height:20px;overflow:hidden}.health-fill{background:linear-gradient(90deg,#ff4d4d,#646cff);height:100%;transition:width .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 10px #646cff80}.health-grid{width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.grid-segment{border-right:1px solid #0000004d;flex:1}.health-value{color:#fff;text-align:right;text-shadow:1px 1px 2px #000;font-family:Courier New,Courier,monospace;font-size:1rem}@media (max-width:1024px){.app-root{height:100%;overflow:hidden auto}.level-container{flex-direction:column;align-items:center;gap:10px;padding-top:60px}.sidebar,.sidebar-placeholder{order:2;width:95%;margin-bottom:20px}.video-wrapper{order:1;width:95%;max-width:100%}.dialogue-section{flex-direction:row;width:95%;padding:10px;bottom:20px}.chat-bubble h3{font-size:.9rem}.health-bar-container{width:90%;top:10px;left:5%}.intro-mask-wrapper{width:120px;height:160px}.big-emoji{font-size:5rem}}