.menu[open]{border:none;height:100%;margin-left:auto;max-height:none;max-width:max(394px,54.7222222222vh);overflow:visible;width:100%}.menu__content{background:var(--color-sky-blue);box-shadow:0 0 max(40px,5.5555555556vh) #0000004d;height:100%;padding:max(30px,4.1666666667vh)}.menu__hamburger{height:auto;width:max(40px,5.5555555556vh)}.menu__close{cursor:pointer;position:absolute;right:max(20px,2.7777777778vh);top:max(20px,2.7777777778vh)}.menu__close img{height:auto;width:max(40px,5.5555555556vh)}.menu__toggle{cursor:pointer;display:block}.menu__toggle img{display:block}.background--finished .menu__toggle,.background--player .menu__toggle{display:none}.menu__items{list-style:none}.menu__link{color:var(--color-white);cursor:pointer;font-size:max(24px,3.3333333333vh);font-weight:900;line-height:2;text-decoration:none}.menu__link:hover{text-decoration:underline}.header{background:var(--color-sky-blue);display:flex;height:max(80px,11.1111111111vh);justify-content:space-between;padding:max(20px,2.7777777778vh)}.background .header,.background--finished .header,.background--player .header{background:#0000}.header__logo{display:block;height:max(40px,5.5555555556vh);width:auto}.background--finished .header__logo{display:none}.header__menu-team-name{align-items:center;display:flex;gap:max(20px,2.7777777778vh)}.header__team-name{color:var(--color-white);font-size:max(20px,2.7777777778vh)}@keyframes center-transition{0%{opacity:0}to{opacity:1}}.loader{align-items:center;display:flex;flex-direction:column;justify-content:center;pointer-events:none}.loader.loader--center{animation:center-transition .15s ease-in-out forwards;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.loader.loader--center:before{content:"";height:100vh;position:fixed;width:100vw}.loader.loader--deep-blue{--color:var(--color-deep-blue)}.loader.loader--deep-blue:before{background:radial-gradient(var(--color-water-blue),var(--color-water-blue-80))}.loader.loader--white{--color:var(--color-white)}.loader.loader--white:before{background:radial-gradient(var(--color-deep-blue),var(--color-deep-blue-80))}.loader stop{stop-color:var(--color)}.loader circle{fill:var(--color)}.loader__spinner{position:relative}@keyframes text-animation{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.loader__text{animation:text-animation 1s linear infinite;color:var(--color);font-weight:900;margin:max(20px,2.7777777778vh) 0;position:relative}.toast{--toast-color:var(--color-deep-blue);align-items:start;border:max(1px,.1388888889vh) solid #0000;color:var(--toast-color);display:flex;font-size:max(18px,2.5vh);gap:max(10px,1.3888888889vh);line-height:1.4;padding:max(20px,2.7777777778vh)}.toast.toast--information{--toast-color:var(--color-black);background-color:var(--color-light-blue);border-color:var(--color-water-blue)}.toast.toast--warning{--toast-color:var(--color-black);background-color:#fff4cd;border-color:var(--color-yellow)}.toast.toast--error{--toast-color:var(--color-white);background-color:#c00}.toast path{stroke:var(--toast-color)}.toast button{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:1px solid var(--toast-color);border-radius:50%;display:flex;flex:none;height:32px;justify-content:center;padding:0;width:32px}.toast button svg{height:auto;width:80%}.toast button:focus-visible{box-shadow:0 0 0 2px #6a5acd,0 0 0 4px #fff;outline:none}.toast button:active{background:#fff3}.toast-region{bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;z-index:var(--z-index-toasts)}.app{height:100vh}@supports(height:100dvh){.app{height:100dvh}}.app__page{height:calc(100vh - max(80px, 11.1111111111vh));overflow-y:auto;padding:20px 20px 0;position:relative}@supports(height:100dvh){.app__page{height:calc(100dvh - max(80px, 11.1111111111vh))}}@media(min-width:768px){.app__page{padding:max(54px,7.5vh) max(54px,7.5vh) 0}}.background--finished .app__page,.background--player .app__page{padding:20px}@supports(height:100dvh){.background--finished .app__page,.background--player .app__page{height:calc(100dvh - max(80px, 11.1111111111vh))}}.app__page.app__page--white{background:#fff;color:var(--color-deep-blue)}*{box-sizing:border-box;margin:0;padding:0}button{appearance:none;background:none;border:none}button,input{font-family:inherit}::backdrop,:root{--color-deep-blue:#003c67;--color-deep-blue-80:#003c67cc;--color-deep-blue-60:#003c6799;--color-deep-blue-40:#003c6766;--color-deep-blue-20:#003c6733;--color-deep-blue-10:#003c671a;--color-sky-blue:#2c7399;--color-sky-blue-80:#2c7399cc;--color-sky-blue-60:#2c739999;--color-sky-blue-40:#2c739966;--color-sky-blue-20:#2c739933;--color-sky-blue-10:#2c73991a;--color-water-blue:#7cb6cd;--color-water-blue-80:#7cb6cdcc;--color-water-blue-60:#7cb6cd99;--color-water-blue-40:#7cb6cd66;--color-water-blue-20:#7cb6cd33;--color-water-blue-10:#7cb6cd1a;--color-light-blue:#b1ddf0;--color-light-blue-80:#b1ddf0cc;--color-light-blue-60:#b1ddf099;--color-light-blue-40:#b1ddf066;--color-light-blue-20:#b1ddf033;--color-light-blue-10:#b1ddf01a;--color-black:#000;--color-black-80:#000c;--color-black-60:#0009;--color-black-40:#0006;--color-black-20:#0003;--color-black-10:#0000001a;--color-cool-grey:#a4acb1;--color-cool-grey-80:#a4acb1cc;--color-cool-grey-60:#a4acb199;--color-cool-grey-40:#a4acb166;--color-cool-grey-20:#a4acb133;--color-cool-grey-10:#a4acb11a;--color-white:#fff;--color-white-80:#fffc;--color-white-60:#fff9;--color-white-40:#fff6;--color-white-20:#fff3;--color-white-10:#ffffff1a;--color-star-yellow:#fdcf2e;--color-star-yellow-80:#fdcf2ecc;--color-star-yellow-60:#fdcf2e99;--color-star-yellow-40:#fdcf2e66;--color-star-yellow-20:#fdcf2e33;--color-star-yellow-10:#fdcf2e1a;--color-yellow:#fdb72e;--color-yellow-80:#fdb72ecc;--color-yellow-60:#fdb72e99;--color-yellow-40:#fdb72e66;--color-yellow-20:#fdb72e33;--color-yellow-10:#fdb72e1a;--color-cloud-blue:#e0f1f9;--color-cloud-blue-80:#e0f1f9cc;--color-cloud-blue-60:#e0f1f999;--color-cloud-blue-40:#e0f1f966;--color-cloud-blue-20:#e0f1f933;--color-cloud-blue-10:#e0f1f91a;--z-index-student-chat:1;--z-index-wake-lock:1;--z-index-wake-lock-indicator:2;--z-index-tooltip:1000;--z-index-video-failed:9999;--z-index-video:10000;--z-index-alert:1000000;--z-index-toasts:1000001}body,html{background:var(--color-light-blue);color:var(--color-deep-blue);font-family:Lato,sans-serif;font-size:max(16px,2.2222222222vh)}body.background,html.background{background:#071e3e url(/heltsjef/dist/assets/40f8c6a8.jpg);background-position:50%;background-size:cover;color:var(--color-white)}body.background--finished,body.background--player,html.background--finished,html.background--player{background:#071e3e url(/heltsjef/dist/assets/89d97037.png);background-position:50%;background-size:100% 100%;color:var(--color-white)}html{height:100%}body{min-height:100%}.h1,h1{font-size:max(32px,4.4444444444vh);font-weight:700;line-height:1.4;margin:0 0 max(14px,1.9444444444vh);text-align:center}.h1.large,h1.large{font-size:max(48px,6.6666666667vh);line-height:1.25}.h1.hero,h1.hero{font-size:max(70px,9.7222222222vh);line-height:1.25}.h2,h2{font-size:max(20px,2.7777777778vh);font-weight:700;line-height:1.4}a{color:inherit}strong{font-weight:900}.editorial{font-size:1.25rem;line-height:1.4}.editorial ol,.editorial p,.editorial ul{margin:0 0 .5em}.editorial ul{list-style:disc}.editorial ol,.editorial ul{padding-left:40px}.sr-only,.sr-only-focusable:not(:focus):not(:focus-within),.sr-only-focusable:not(:focus):not([focus-within]){clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.no-wrap{white-space:nowrap}.button{align-items:center;border:none;border-radius:max(6px,.8333333333vh);cursor:pointer;display:flex;font-size:max(18px,2.5vh);font-weight:700;justify-content:center;line-height:1.4;margin:0 auto;max-width:max(350px,48.6111111111vh);min-height:max(60px,8.3333333333vh);padding:max(10px,1.3888888889vh);position:relative;text-decoration:none;width:100%}.button[disabled]{cursor:not-allowed}.button.button--primary{background:var(--color-sky-blue);color:var(--color-white)}.button.button--primary.button--hover,.button.button--primary:hover{background-color:var(--color-deep-blue)}.button.button--primary:active,.button.button--primary[aria-pressed=true]{background:var(--color-sky-blue);box-shadow:0 0 0 max(2px,.2777777778vh) var(--color-sky-blue-40)}.button.button--primary[disabled]{background-color:var(--color-cool-grey)}.button.button--secondary{background:var(--color-white);border:solid max(1px,.1388888889vh) var(--color-deep-blue);color:var(--color-deep-blue)}.button.button--secondary.button--hover,.button.button--secondary:hover{background-color:var(--color-cloud-blue)}.button.button--secondary:active,.button.button--secondary[aria-pressed=true]{background-color:var(--color-white);box-shadow:0 0 0 max(2px,.2777777778vh) var(--color-sky-blue-40)}.button.button--secondary[disabled]{background-color:var(--color-white);border-color:var(--color-cool-grey);color:var(--color-cool-grey)}.button.button--tertiary{background:var(--color-light-blue);color:var(--color-deep-blue)}.button.button--tertiary.button--hover,.button.button--tertiary:hover{background-color:var(--color-water-blue)}.button.button--tertiary:active,.button.button--tertiary[aria-pressed=true]{background:var(--color-light-blue);box-shadow:inset 0 0 0 max(2px,.2777777778vh) var(--color-white)}.button.button--tertiary[disabled]{background-color:var(--color-cool-grey);color:var(--color-white)}.button.button--theme{background:var(--color-white);color:var(--color-deep-blue);height:max(70px,9.7222222222vh);justify-content:space-between;max-width:max(600px,83.3333333333vh);padding:max(10px,1.3888888889vh) max(20px,2.7777777778vh)}.button.button--theme.button--hover,.button.button--theme:hover{background-color:var(--color-cloud-blue)}.button.button--theme:active,.button.button--theme[aria-pressed=true]{background-color:var(--color-white);box-shadow:0 0 0 max(2px,.2777777778vh) var(--color-sky-blue-40)}.button.button--theme[disabled]{background-color:var(--color-white);color:var(--color-cool-grey)}.button.button--theme span:first-child{font-size:max(24px,3.3333333333vh);font-weight:900}.button.button--text{display:inline-flex;min-height:0;padding:0;width:auto}.button.button--text.button--hover,.button.button--text:hover{text-decoration:underline}.button.button--loading{cursor:progress}.button__icon{margin-right:max(10px,1.3888888889vh)}