@import"https://use.typekit.net/sai4atz.css";html,body{cursor:url("data:image/svg+xml,%3csvg%20width='25'%20height='25'%20viewBox='0%200%2043%2043'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='10.75'%20y='21.5'%20width='15.2028'%20height='15.2028'%20transform='rotate(-45%2010.75%2021.5)'%20fill='%23FFFCF5'/%3e%3crect%20x='1.6125'%20y='21.5'%20width='28.1252'%20height='28.1252'%20transform='rotate(-45%201.6125%2021.5)'%20stroke='%23FFFCF5'%20stroke-width='2.28042'/%3e%3c/svg%3e") 16 16,auto!important}button,a,.btn-base,.start-button,.end-btn,.footer-btn-left,.footer-btn-right,.switch-container,.volume-slider,input[type=range],[role=button],.clickable{cursor:url("data:image/svg+xml,%3csvg%20width='43'%20height='43'%20viewBox='0%200%2043%2043'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='10.75'%20y='21.5'%20width='15.2028'%20height='15.2028'%20transform='rotate(-45%2010.75%2021.5)'%20fill='%23FFFCF5'/%3e%3crect%20x='1.6125'%20y='21.5'%20width='28.1252'%20height='28.1252'%20transform='rotate(-45%201.6125%2021.5)'%20stroke='%23FFFCF5'%20stroke-width='2.28042'/%3e%3c/svg%3e") 20 20,pointer!important}*{margin:0;padding:0}html,body{overflow:hidden;background-color:#000}.hidden{opacity:0!important;pointer-events:none!important}.webgl{position:fixed;top:0;right:0;bottom:0;left:0;outline:none;opacity:0;transition:opacity 1.5s ease}.loading-bar{position:fixed;top:0;width:0;height:5px;background-color:#fff;transition:width .1s ease,opacity 1s ease;pointer-events:none;z-index:1001}.start-overlay,.credits-overlay,.options-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;flex-direction:column;align-items:center;z-index:100;transition:opacity 1.5s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.start-overlay{background-color:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center}.credits-overlay,.options-overlay{z-index:200;justify-content:flex-start;padding:80px 20px 150px;box-sizing:border-box}.header-container{position:fixed;top:30%;width:100%;display:flex;flex-direction:column;align-items:center}.header-container p{font-family:montserrat,sans-serif;font-weight:medium;color:#fff;font-size:24px}.dysmeria-logo{width:580px;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.credits-header,.options-header{margin-bottom:50px;text-align:center}.credits-header h1,.options-header h1{font-family:rafaella,sans-serif;font-weight:400;color:#fff;font-size:60px;letter-spacing:4px;margin:0}#choices-container,#end-choices-container{position:fixed;width:100%;bottom:160px;left:0;display:flex;flex-direction:column;align-items:center;gap:32px}.show-tutorial{transition:all .3s ease-out;opacity:1!important;transform:translateY(20px)!important}.tutorial-container{position:fixed;width:100%;top:8%;left:0;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;transition:all .3s ease-out}#choices-buttons-container{display:flex;gap:42px}#choices-title{font-family:montserrat,sans-serif;font-weight:500;font-size:20px;color:#fff;text-align:center;background-color:#0000007f;padding:10px 20px}.choosed{transition:all .3s ease-out;background-color:#001544!important;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);animation:choosed .3s ease-in-out}@keyframes choosed{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.pressed{transition:all .3s ease-in-out;background-color:#39964bb3!important;color:#fff}.all-keys-pressed{background-color:#39964bb3!important;animation:all-keys-pressed .5s ease-in-out;animation-delay:.3s}@keyframes all-keys-pressed{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0;transform:translateY(-10px)}}.key-letter{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:2px solid #fff;background-color:#ffffff1a;font-family:montserrat,sans-serif;text-align:center;line-height:1;font-weight:500;font-size:20px}.btn-base{position:relative;color:#fff;font-family:montserrat,sans-serif;padding:15px 24px;font-weight:500;font-size:2em;border:.5px solid #fff;cursor:pointer;transition:all .3s ease-in-out;-webkit-user-select:none;user-select:none;text-align:center;outline:none;display:flex;gap:16px;align-items:center;justify-content:center;background-color:#00154480;min-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.disabled{opacity:.5;pointer-events:none}.start-button{font-size:24px;top:12%}#end-choices-container{top:80%}.panel-hint{position:fixed;left:calc(50% - 160px);top:55%;opacity:0;transform:translateY(20px);transition:all .3s ease-in-out;pointer-events:none}.panel-hint.visible{opacity:1;transform:translateY(0)}.panel-hint-content{display:flex;align-items:center;gap:12px}.panel-hint img{width:320px}.end-btn{position:relative;background-color:transparent;background-image:url("data:image/svg+xml,%3csvg%20width='511'%20height='88'%20viewBox='0%200%20511%2088'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='5.5'%20y='4.5'%20width='501'%20height='79'%20fill='black'%20fill-opacity='0.11'/%3e%3crect%20x='5.5'%20y='4.5'%20width='501'%20height='79'%20stroke='white'/%3e%3cline%20x1='510'%20y1='4.48214e-08'%20x2='510'%20y2='36'%20stroke='white'%20stroke-width='2'/%3e%3cline%20x1='475'%20y1='1'%20x2='511'%20y2='1'%20stroke='white'%20stroke-width='2'/%3e%3cline%20y1='-1'%20x2='36'%20y2='-1'%20transform='matrix(4.33692e-08%201%201%20-4.48214e-08%203.00195%200)'%20stroke='white'%20stroke-width='2'/%3e%3cline%20y1='-1'%20x2='36'%20y2='-1'%20transform='matrix(-1%200%200%201%2036.9121%202)'%20stroke='white'%20stroke-width='2'/%3e%3cline%20x1='511.002'%20y1='87'%20x2='475.002'%20y2='87'%20stroke='white'%20stroke-width='2'/%3e%3cline%20x1='510.002'%20y1='52'%20x2='510.002'%20y2='88'%20stroke='white'%20stroke-width='2'/%3e%3cline%20y1='-1'%20x2='36'%20y2='-1'%20transform='matrix(1%20-8.73351e-08%20-8.82797e-08%20-1%201%2086)'%20stroke='white'%20stroke-width='2'/%3e%3cline%20y1='-1'%20x2='36'%20y2='-1'%20transform='matrix(4.34583e-08%201%201%20-4.3966e-08%203%2052)'%20stroke='white'%20stroke-width='2'/%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:contain;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;min-width:400px;padding:32px;font-size:24px;transition:none}.end-btn:hover{background-image:url("data:image/svg+xml,%3csvg%20width='519'%20height='96'%20viewBox='0%200%20519%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='10.5'%20y='9.5'%20width='499'%20height='77'%20fill='black'%20fill-opacity='0.25'/%3e%3crect%20x='10.5'%20y='9.5'%20width='499'%20height='77'%20stroke='white'%20stroke-width='3'/%3e%3cline%20x1='518'%20y1='4.48214e-08'%20x2='518'%20y2='36'%20stroke='white'%20stroke-width='2'/%3e%3cline%20x1='483'%20y1='1'%20x2='519'%20y2='1'%20stroke='white'%20stroke-width='2'/%3e%3cline%20y1='-1'%20x2='36'%20y2='-1'%20transform='matrix(4.33692e-08%201%201%20-4.48214e-08%203.00195%200)'%20stroke='white'%20stroke-width='2'/%3e%3cline%20y1='-1'%20x2='36'%20y2='-1'%20transform='matrix(-1%200%200%201%2036.9121%202)'%20stroke='white'%20stroke-width='2'/%3e%3cline%20x1='519.002'%20y1='95'%20x2='483.002'%20y2='95'%20stroke='white'%20stroke-width='2'/%3e%3cline%20x1='518.002'%20y1='60'%20x2='518.002'%20y2='96'%20stroke='white'%20stroke-width='2'/%3e%3cline%20y1='-1'%20x2='36'%20y2='-1'%20transform='matrix(1%20-8.73351e-08%20-8.82797e-08%20-1%201%2094)'%20stroke='white'%20stroke-width='2'/%3e%3cline%20y1='-1'%20x2='36'%20y2='-1'%20transform='matrix(4.34583e-08%201%201%20-4.3966e-08%203%2060)'%20stroke='white'%20stroke-width='2'/%3e%3c/svg%3e");transition:none}.end-cursor{position:fixed;top:calc(50% - 12.5px);left:calc(50% - 12.5px);width:25px;height:25px;pointer-events:none}.footer-container{position:fixed;bottom:30px;left:0;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 40px;box-sizing:border-box}.footer-btn-left,.footer-btn-right{background:transparent;border:none;color:#fff;padding:12px 20px;font-family:montserrat,sans-serif;font-weight:500;font-size:16px;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.footer-btn-left:hover,.footer-btn-right:hover{opacity:.7}.footer-btn-left{justify-self:start}.footer-logo{justify-self:center;display:flex;justify-content:center}.center-logo{height:40px;width:auto}.footer-right-buttons{justify-self:end;display:flex;gap:15px}.credits-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:800px;width:100%}.credits-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;width:100%;max-width:600px}.credits-section{text-align:center;color:#fff;font-weight:600}.credits-section h3{font-family:montserrat,sans-serif;font-weight:500;font-size:16px;text-transform:uppercase;margin-bottom:15px;color:#fff9;text-decoration:underline}.credits-section p{font-family:montserrat,sans-serif;font-weight:500;font-size:20px;line-height:1.4;color:#fff;margin:0}.credits-section .parenthesis-text{font-family:montserrat,sans-serif;font-weight:500;font-size:16px;color:#fff9;margin-top:5px}.options-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:600px;width:100%}.options-content{display:flex;flex-direction:column;gap:30px;width:100%}.options-content h3{font-family:montserrat,sans-serif;font-weight:500;font-size:16px;text-transform:uppercase;margin-bottom:15px;color:#fff9;text-decoration:underline;text-align:center}.option-item{display:flex;align-items:center;justify-content:space-between;color:#fff;font-family:montserrat,sans-serif;padding:0}.option-item:nth-child(odd){margin-bottom:80px}.option-item label{color:#fff9;font-weight:500;font-size:16px;min-width:200px}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:200px;height:6px;background:#ffffff4d;outline:none;border-radius:3px;margin:0 15px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff;cursor:pointer;border-radius:50%;border:2px solid #333}.volume-slider::-moz-range-thumb{width:20px;height:20px;background:#fff;cursor:pointer;border-radius:50%;border:2px solid #333}.volume-value{font-family:montserrat,sans-serif;font-weight:500;font-size:20px;color:#fff;min-width:50px;text-align:right}.switch-container{position:relative;display:flex;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);padding:4px;overflow:hidden;width:60px;height:30px}.switch-option{position:relative;width:50%;cursor:pointer;transition:color .3s ease;z-index:2;font-size:0;color:transparent}.switch-indicator{position:absolute;top:4px;left:4px;height:calc(100% - 8px);width:calc(50% - 4px);background:#fff;border-radius:2px;transition:transform .3s ease;z-index:1}.switch-container[data-active=true] .switch-indicator{transform:translate(100%)}.end-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0000004d,#0000004d),url(/images/ocean-background.webp) no-repeat center center;background-size:cover;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:1000;opacity:0;transition:opacity 1.5s ease;padding:50px 20px;box-sizing:border-box;text-align:center;pointer-events:none}.end-overlay.visible{opacity:1;pointer-events:all}.logo-container{margin-top:30px}.sea-shepherd-logo{width:120px;height:auto;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}#dialog-container{pointer-events:none;-webkit-user-select:none;user-select:none}#dialog-container dialog{position:fixed;top:15%;left:calc(50% - 225px);width:450px;height:160px;background:transparent url(/images/popins/background.svg) no-repeat;background-size:cover;padding:20px;border:1px solid white;opacity:0;transform:scale(.95) translateY(30px);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none;font-family:pf-videotext,sans-serif;font-weight:400;-webkit-user-select:none;user-select:none;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}#dialog-container dialog:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/images/popins/background.svg) no-repeat center center;background-size:cover;z-index:-1}#dialog-container dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#dialog-container dialog.popin-visible{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}#dialog-container dialog .dialog-content-wrapper{width:100%;text-align:center;position:relative;z-index:2}#dialog-container dialog .dialog-title{font-size:12px;font-weight:600;color:#fff;margin-bottom:5px;text-transform:uppercase;position:relative;z-index:3}#dialog-container dialog .dialog-content{font-size:14px;text-align:center;color:#fff;text-transform:uppercase;line-height:1.3;position:relative;z-index:3}#dialog-container dialog .dialog-logo{width:60px;height:60px;object-fit:contain;margin-bottom:5px;position:relative;z-index:3}#info{color:#fff;font-family:monospace;line-height:24px;font-size:13px;position:absolute;top:0;width:100%;padding:10px;box-sizing:border-box;text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.room-title-container{position:fixed;width:80%;top:40%;left:50%;transform:translate(-50%,-50%);z-index:1000;opacity:0;filter:blur(5px);transition:opacity 1.43s cubic-bezier(.4,0,.2,1),filter 1.43s cubic-bezier(.4,0,.2,1),transform 1.43s cubic-bezier(.4,0,.2,1);pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;font-family:rafaella,sans-serif;font-weight:400;color:#fff;font-size:40px;letter-spacing:4px}#video-loading-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}#intro-video{width:100%;height:100%;object-fit:cover}#skip-video-btn{position:absolute;bottom:20px;right:20px;padding:10px 15px;background-color:#00000080;color:#fff;border:1px solid white;border-radius:4px;cursor:pointer;font-family:sans-serif;z-index:1001;opacity:0}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:shake .2s ease-in-out}.mobile-container{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f02481a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:hidden;z-index:50}.mobile-background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.mobile-content{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:40px 20px 120px;box-sizing:border-box;text-align:center;color:#fff;background:#0000004d}.mobile-header{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.mobile-logo{max-width:200px;height:auto}.mobile-message{display:flex;flex-direction:column;align-items:center;gap:30px;flex:1;justify-content:center}.mobile-message .dysmeria-logo{width:300px;height:auto}.mobile-message p{font-family:montserrat,sans-serif;font-weight:500;font-size:24px;color:#fff;margin:0;text-align:center}.mobile-icon{display:flex;justify-content:center;align-items:center}.mobile-icon-image{width:80px;height:auto}.mobile-cta{display:flex;justify-content:center;align-items:center}.mobile-btn{display:inline-block;padding:15px 30px;background-color:#001544cc;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.3);font-family:montserrat,sans-serif;font-weight:500;font-size:16px;text-transform:uppercase;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-btn:hover{background-color:#001544;border-color:#fffc}.mobile-btn.secondary{background-color:#ffffff1a;border-color:#ffffff80}.mobile-btn.secondary:hover{background-color:#fff3}@media (max-width: 1024px) and (min-width: 769px) and (pointer: coarse) and (hover: none){.header-container{top:25%}.dysmeria-logo{width:450px}.header-container p{font-size:20px}#choices-container,#end-choices-container{bottom:120px;gap:24px}.btn-base{min-width:300px;padding:12px 20px;font-size:1.6em}.start-button{font-size:20px}.mobile-container{display:block}.desktop-content{display:none!important}.mobile-icon{font-size:80px}.mobile-logo{max-width:400px}.mobile-message h2{font-size:32px}.mobile-message p{font-size:18px}.mobile-btn{max-width:350px;padding:18px 24px;font-size:18px}}@media (max-width: 768px) and (pointer: coarse){.mobile-container{display:block}.desktop-content{display:none!important}}@media (max-width: 480px) and (pointer: coarse){.mobile-container{display:block}.desktop-content{display:none!important}}@media (max-height: 600px) and (orientation: landscape) and (pointer: coarse) and (hover: none){.mobile-container{display:block}.desktop-content{display:none!important}}@media (pointer: coarse) and (hover: none) and (max-width: 1024px){.mobile-container{display:block}.desktop-content{display:none!important}}