.canvas-container{width:100%;height:calc(100% - 110px);overflow:hidden;box-sizing:border-box}.alternate-content-container{display:flex;align-items:center;justify-content:center;width:100%;height:calc(100% - 110px);background:#0000004d;border-radius:1rem;border:1px solid rgba(255,255,255,.1)}.canvas-and-info-container{display:flex;flex-direction:row;width:100%;height:100%;position:relative}.canvas-and-scroll-container{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;position:relative}@media (min-width: 300px) and (max-width: 500px){.canvas-container{height:0;width:100%;padding-bottom:100%;position:relative;margin:0 auto}.canvas-container canvas,.canvas-container>div{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.button-container{margin-top:20px}}@media (max-width: 768px){.canvas-and-info-container{flex-direction:column;align-items:center;justify-content:center}}.button-container{margin-top:10px;display:flex;flex-wrap:wrap;gap:1rem;z-index:10;justify-content:center}.guess-button{color:#fff;font-size:1.125rem;font-weight:600;padding:1rem 2rem;border-radius:1rem;cursor:pointer;transition:background .2s,border .2s,opacity .2s,color .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#3f6d9f;border:1px solid rgb(63,109,159);opacity:.9}.guess-button:hover:not(:disabled){background-color:#3f6d9f;border-color:#345a85}.guess-button:active:not(:disabled){background-color:#3f6d9f;border:1.5px solid #345a85}.guess-button:disabled{background:#363636;border:1px solid #4a4a4a;cursor:not-allowed;opacity:.7;color:#aaa}.return-button{background:#363636;color:#fff;font-size:1.125rem;font-weight:600;padding:1rem 2rem;border:1px solid #808588;border-radius:1rem;cursor:pointer;transition:background .2s,border .2s;display:flex;align-items:center;gap:.5rem;opacity:.9}.return-button:not(:disabled){background-color:#3f6d9f;border:1.5px solid #345a85}.return-button:hover{background:#2a2a2a}.return-button:active{background:#2a2a2a;border:1.5px solid #e5e7eb}@media (max-width: 768px){.guess-button,.return-button{font-size:1rem;padding:.8rem 1.5rem}}@media (max-width: 480px){.guess-button,.return-button{font-size:.9rem;padding:.7rem 1.2rem}}.confirm-text{font-weight:700;font-style:italic;text-transform:uppercase}.space-text{font-size:.85em;color:silver;font-weight:400;font-style:normal;text-transform:lowercase}@media (max-width: 768px){.confirm-text{font-size:.9rem}.space-text{font-size:.8em}}@media (max-width: 480px){.confirm-text{font-size:.9rem}.space-text{font-size:.8em}}.streak-number{font-size:8em;font-weight:700;color:#eee;display:block;margin:10px 0}.streak-flame-icon{height:4em;vertical-align:middle;margin-right:.2em}@media (max-width: 600px){.streak-number{font-size:4em}}.streak-overlay,.time-attack-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;transition:opacity .3s ease-in-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.large-time-display{font-size:8rem;font-weight:700;color:#eee;display:block;margin:20px 0}.overlay-content{background:#363636f2;color:#fff;padding:20px;border-radius:8px;text-align:center;max-width:1000px;position:relative;width:70%;box-sizing:border-box}.overlay-content h2{margin-top:0;color:#d9dddc;text-align:center}.overlay-content p{margin:15px 0;text-align:center;font-size:1rem}@media (max-width: 600px){.overlay-content{padding:15px}.overlay-content h2{font-size:1.2em}.overlay-content p{font-size:.9em}}.overlay-buttons{display:flex;justify-content:center;gap:20px;margin-top:20px}.menu-button,.home-button,.eye-button,.restart-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1em;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}.menu-button:hover,.home-button:hover,.eye-button:hover,.restart-button:hover{background-color:#0056b3}@media (max-width: 600px){.menu-button,.home-button,.eye-button,.restart-button{padding:8px 15px;font-size:.9em}.home-button,.eye-button,.restart-button{width:40px;height:40px;font-size:1.2em}}.home-button{width:50px;height:50px;border-radius:50%;padding:0;font-size:1.5em;background-color:#3f6d9f}.home-button i{color:#fff}.restart-button{width:50px;height:50px;border-radius:50%;padding:0;font-size:1.5em;background-color:#ffc107;color:#333}.restart-button:hover{background-color:#e0a800}.restart-button i{color:#333}.eye-button{width:50px;height:50px;border-radius:50%;padding:0;font-size:1.5em;background-color:#10c299;color:#333}.eye-button:hover{background-color:#18bb0c}.eye-button i{color:#333}.score-progress-bar{width:90%;margin:15px auto;height:50px;background-color:#e0e0e0;border-radius:50px;overflow:hidden;position:relative}.score-progress-bar{width:90%;margin:50px auto;height:50px;background-color:#e0e0e0;border-radius:8px;overflow:visible;position:relative}.score-progress-bar .w3-container{height:100%;text-align:center;line-height:50px;color:#fff;background-color:#3f6d9f;border-radius:8px;transition:width 1s ease-out;position:absolute;top:0;left:0;width:0%;font-size:2em;font-weight:700;display:flex;align-items:center;justify-content:center}@media (max-width: 600px){.score-progress-bar{width:95%}.score-progress-bar .w3-container{line-height:20px}}.progress-label{position:absolute;top:-25px;color:#fff;font-size:.9em;font-weight:700;transform:translate(-50%);pointer-events:none;z-index:10000}.progress-label-inf{left:25%}.progress-label-med{left:50%}.progress-label-max{left:100%}.score-progress-bar:before,.score-progress-bar:after{content:"";position:absolute;top:0;height:100%;width:2px;background-color:#000000b3;z-index:1}.score-progress-bar:before{left:25%;transform:translate(-50%)}.score-progress-bar:before{left:50%;transform:translate(-50%)}.score-progress-bar:after{left:100%;transform:translate(-50%)}.region-tooltip{position:absolute;background:#2a2a2ae6;color:#d9dddc;font-size:.875rem;font-weight:500;padding:.5rem .75rem;border-radius:.5rem;border:1px solid #808588;box-shadow:0 .5rem 1rem #0003;z-index:2000;pointer-events:none;white-space:nowrap}.mobile-controls{position:relative;display:flex;flex-direction:column;right:0;top:0;z-index:2000;width:50px;height:80%}.orientation-buttons{display:flex;flex-direction:column;margin-bottom:10px}.orientation-button{padding:8px;margin:2px;background-color:#444;color:#fff;border:none;border-radius:4px;font-size:10px;cursor:pointer}.orientation-button.active{background-color:#0078d4}.mobile-scroll-bar{position:relative;width:30px;height:70%;background-color:#0003;border-radius:15px;margin-left:auto;margin-right:10px;touch-action:none}.mobile-scroll-thumb{position:absolute;width:30px;height:60px;background-color:#ffffffb3;border-radius:15px;top:0;left:0;cursor:pointer;transform:translateY(-50%);touch-action:none}