@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5;margin:0}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}.visuallyHidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.welcomePage{z-index:20;background-color:#0000004d;background-blend-mode:multiply;position:relative;overflow:hidden}.welcomePage .welcomeParticles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.welcomePage .welcomeParticles .welcomeParticle{position:absolute;border-radius:999px;background:#6efff0e6;box-shadow:0 0 10px #6efff08c,0 0 18px #00c8ff47;opacity:.7;animation-name:welcomeFloatUp,welcomeFlicker;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite}.welcomePage .welcomeHeader,.welcomePage .mainMenu{position:relative;z-index:2}.welcomePage .mainMenu{top:70%;gap:25px;margin:0 auto;display:flex;justify-content:center;align-items:center}.welcomePage .mainMenu button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;text-transform:uppercase;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;line-height:1.2;font-family:Asimovian,Arial,sans-serif;color:#ecf5f1;background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:30px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.welcomePage .mainMenu button{background:#ecf5f159}}.welcomePage .mainMenu button:disabled{opacity:.75;cursor:not-allowed}.welcomePage .welcomeHeader{display:flex;justify-content:end;align-items:center;padding:1.5rem 3rem}.welcomePage .welcomeHeader .welcomeCta{display:flex;justify-content:center;align-items:center;gap:2rem}.welcomePage .welcomeHeader .welcomeCta p{color:#ecf5f1;font-size:2rem;margin:0;line-height:1;text-transform:uppercase}.welcomePage .welcomeHeader .welcomeCta button{background-color:transparent;border:none;padding:1rem}@keyframes welcomeFloatUp{0%{transform:translateY(20px)}to{transform:translateY(-100vh)}}.room1Wood{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;color:#ecf5f1;background-color:#00000073;background-blend-mode:multiply}.room1Wood .woodParticles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.room1Wood .woodParticles .woodParticle{position:absolute;border-radius:999px;background:#ffdc78e6;box-shadow:0 0 10px #ffdc7899;opacity:.8;animation-name:floatUp,flicker;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite}@keyframes floatUp{0%{transform:translateY(20px)}to{transform:translateY(-110vh)}}@keyframes flicker{0%,to{opacity:.15}50%{opacity:.9}}.room1Wood .keypad{display:flex;gap:1rem}.room1Wood .keypad .key{color:#ecf5f1;padding:.5rem;font-size:2.5rem;width:3rem;background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.room1Wood .keypad .key{background:#ecf5f159}}.room1Wood .keypad .key{box-shadow:2px 5px #00000073}.room1Wood .slots{margin-block:5rem;display:flex;gap:3rem;justify-content:center;margin-top:3rem}.room1Wood .slots .slot{display:flex;justify-content:center;align-items:center;padding:.5rem;font-size:2rem;width:3rem;height:4rem;background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.room1Wood .slots .slot{background:#ecf5f159}}.room1Wood .slots .slot{box-shadow:2px 5px #00000073}.room1Wood .slots .slot[data-digits="2"]{width:3.8rem}.room1Wood .slots .slot[data-digits="3"]{width:4.5rem}.room1Wood .slots .slot[data-digits="4"]{width:5.5rem}.room1Wood .slots .slot.is-active{outline:2px solid #ff9f1c;animation:slot-breathe 2s ease-in-out infinite}@keyframes slot-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.room1Wood .slots .slot.is-active{animation:none}}.room2Fire{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;color:#ecf5f1;background-color:#0000004d;background-blend-mode:multiply}.room2Fire .room2FireUi{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px;width:min(980px,94vw)}.room2Fire .fireParticles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.room2Fire .fireParticle{position:absolute;border-radius:999px;background:radial-gradient(circle,#ffb36b,#ff7a2c 70%);box-shadow:0 0 10px #ffa03c99;opacity:.8;animation-name:emberRise,emberFlicker;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite}@keyframes emberRise{0%{transform:translateY(20px) translate(0)}25%{transform:translateY(-25vh) translate(-8px)}50%{transform:translateY(-50vh) translate(6px)}75%{transform:translateY(-80vh) translate(-4px)}to{transform:translateY(-110vh) translate(3px)}}@keyframes emberFlicker{0%,to{opacity:.15}50%{opacity:.9}}.room2Fire .roomDesc.intro-focus .descText{animation:descFocusText 2.2s ease-in-out infinite;text-shadow:0 0 10px rgba(255,160,80,.45),0 0 22px rgba(255,120,40,.35),0 0 38px rgba(255,100,30,.2);display:inline-block;transform-origin:center}@keyframes descFocusText{0%{opacity:.78;transform:scale(.995)}50%{opacity:1;transform:scale(1.015)}to{opacity:.78;transform:scale(.995)}}.room2Fire .keypad{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.room2Fire .fireKey{background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.room2Fire .fireKey{background:#ecf5f159}}.room2Fire .fireKey{color:#ecf5f1;width:92px;height:92px;padding:10px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.18);cursor:pointer}.room2Fire .fireKey:focus-visible{outline:2px solid rgba(255,220,160,.55);outline-offset:3px}@media(hover:hover){.room2Fire .fireKey:hover{transform:translateY(-1px)}}.room2Fire .fireKey:active{transform:translateY(0)}.room2Fire .fireKey__icon{width:44px;height:44px;display:block}.room2Fire .fireKey__text{font-size:12px;line-height:1.1;opacity:.9;white-space:nowrap}.room2Fire .fireKey[aria-selected=true]{outline:2px solid rgba(255,179,71,.85);outline-offset:3px}.room2Fire .fireSlots{margin-block:3rem;display:flex;justify-content:center;gap:3rem;width:100%}.room2Fire .fireSlots .slot{background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.room2Fire .fireSlots .slot{background:#ecf5f159}}.room2Fire .fireSlots .slot{width:84px;height:112px;padding:12px;display:flex;justify-content:center;align-items:center;border-radius:12px;transition:transform .14s ease,box-shadow .18s ease,opacity .18s ease;will-change:transform;border:1px solid rgba(255,255,255,.16)}@keyframes slotPulse{0%{transform:scale(1);box-shadow:0 0 #ffa05000}50%{transform:scale(1.03);box-shadow:0 0 18px #ffa05038}to{transform:scale(1);box-shadow:0 0 #ffa05000}}@keyframes slotPop{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes rowShake{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(0)}}@keyframes rowGlow{0%{filter:drop-shadow(0 0 0 rgba(255,200,120,0))}45%{filter:drop-shadow(0 0 18px rgba(255,200,120,.55))}to{filter:drop-shadow(0 0 0 rgba(255,200,120,0))}}.room2Fire .fireSlots .slot.is-active{animation:slotPulse 1.6s ease-in-out infinite;outline:2px solid rgba(255,179,71,.75);outline-offset:3px;transform:scale(1.03)}.room2Fire .fireSlots .slot.just-filled{animation:slotPop .46s ease-out}.room2Fire .fireSlots .slot.is-locked{opacity:.55;filter:saturate(.85) brightness(.95);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 0 2px #ffc8781a}.room2Fire .fireSlots.is-wrong{animation:rowShake .32s ease-in-out}.room2Fire .fireSlots.is-success{animation:rowGlow .8s ease-out}.room2Fire .room2FireUi.puzzle-focus{border-radius:16px;animation:focusHalo 1.2s ease-in-out infinite}.room2Fire.room-complete .room2FireUi.puzzle-focus{animation:none;box-shadow:0 0 0 3px #ffd28c24}.room2Fire.room-complete .fireSlots .slot.is-active{animation:none}.room2Fire .room2FireUi{position:relative}@media(prefers-reduced-motion:reduce){.room2Fire .fireSlots .slot.is-active,.room2Fire .fireSlots .slot.just-filled,.room2Fire .fireSlots .slot.is-wrong,.room2Fire .fireSlots .slot.is-success,.room2Fire .room2FireUi.is-focus{animation:none!important;transition:none!important}.room2Fire:before,.room2Fire:after{animation:none!important}}.room3Earth{display:flex;flex-direction:column;justify-content:center;background-color:#0000004d;background-blend-mode:multiply}.room3Earth .gameBoard{margin:0 auto;background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/tilesBackground.png);width:674px;height:674px;position:relative;bottom:36px;border:1px solid #ecf5f1;border-radius:10px}.room3Earth .gameDiv{margin:0 auto;width:auto;top:33px;left:30px;gap:14px;position:relative;display:grid;grid-template-columns:repeat(4,142px);grid-template-rows:repeat(4,142px);transition:.3s;grid-template-areas:"c00 c01 c02 c03" "c10 c11 c12 c13" "c20 c21 c22 c23" "c30 c31 c32 c33"}.room3Earth .gameDiv .slate{color:#fff;font-size:2rem;font-family:Asimovian,Arial,sans-serif;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.room3Earth .gameDiv .slate1{background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/Slate1.jpg)}.room3Earth .gameDiv .slate2{background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/Slate2.jpg)}.room3Earth .gameDiv .slate3{background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/Slate3.jpg)}.room3Earth .gameDiv .slate4{background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/Slate4.jpg)}.room3Earth .gameDiv .slate5{background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/Slate5.jpg)}.room3Earth .gameDiv .slate6{background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/Slate6.jpg)}.room3Earth .gameDiv .slate7{background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/Slate7.jpg)}.room3Earth .gameDiv .slate8{background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/Slate8.jpg)}.room3Earth .gameDiv .slate9{background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/Slate9.jpg)}.room3Earth .gameDiv .slate10{background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/Slate10.jpg)}.room3Earth .gameDiv .slate11{background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/Slate11.jpg)}.room3Earth .gameDiv .slate12{background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/Slate12.jpg)}.room3Earth .gameDiv .slate13{background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/Slate13.jpg)}.room3Earth .gameDiv .slate14{background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/Slate14.jpg)}.room3Earth .gameDiv .slate15{background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/Slate15.jpg)}.room3Earth .gameDiv .slate16{background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/emptySlate.jpg)}.room3Earth .gameDiv .slate16.end{background-image:url(/Gruppuppgift-TheTempleOfFive/images/earthRoom/lavaSlate.jpg);opacity:0;filter:grayscale(0%);-webkit-filter:grayscale(0%);transition:all 4s;-webkit-transition:all 4s}.room3Earth .gameDiv .slate16.end img{width:100px;height:100px;opacity:0;transition:all 3s;-webkit-transition:all 3s}.room3Earth .gameDiv .c00{grid-area:c00}.room3Earth .gameDiv .c01{grid-area:c01}.room3Earth .gameDiv .c02{grid-area:c02}.room3Earth .gameDiv .c03{grid-area:c03}.room3Earth .gameDiv .c10{grid-area:c10}.room3Earth .gameDiv .c11{grid-area:c11}.room3Earth .gameDiv .c12{grid-area:c12}.room3Earth .gameDiv .c13{grid-area:c13}.room3Earth .gameDiv .c20{grid-area:c20}.room3Earth .gameDiv .c21{grid-area:c21}.room3Earth .gameDiv .c22{grid-area:c22}.room3Earth .gameDiv .c23{grid-area:c23}.room3Earth .gameDiv .c30{grid-area:c30}.room3Earth .gameDiv .c31{grid-area:c31}.room3Earth .gameDiv .c32{grid-area:c32}.room3Earth .gameDiv .c33{grid-area:c33}.room3Earth .roomDesc{display:flex;align-items:center;justify-content:center;gap:1.5rem;color:#ecf5f1;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:1200px;font-size:1.4rem;text-align:left}@media only screen and (max-height:950px){.room3Earth .gameBoard{background-size:100%;width:505.5px;height:505.5px}.room3Earth .gameDiv{top:24px;left:22px;gap:10px;grid-template-columns:repeat(4,106.5px);grid-template-rows:repeat(4,106.5px)}}@media only screen and (max-height:775px){.room3Earth .gameBoard{background-size:100%;width:379.125px;height:379.125px}.room3Earth .gameDiv{top:14px;left:13px;gap:9px;grid-template-columns:repeat(4,79.875px);grid-template-rows:repeat(4,79.875px)}}@media only screen and (max-width:1300px){#roomDesc{font-size:1.2rem;width:1165px}#roomDesc img{width:95.2px;height:93.5px}#gameHeader.gameHeader{font-size:1.2rem}}@media only screen and (max-width:1200px){#roomDesc{font-size:1.05rem;width:1050px}#roomDesc img{width:84px;height:82.5px}#gameHeader.gameHeader{font-size:1.2rem}}@media only screen and (max-width:1100px){#roomDesc{font-size:1rem;width:950px}#roomDesc img{width:84px;height:82.5px}#gameHeader.gameHeader{font-size:1.2rem}}@media only screen and (max-width:950px){#roomDesc{font-size:1rem;width:850px}#roomDesc img{width:84px;height:82.5px}#gameHeader.gameHeader{font-size:1rem}}@media only screen and (max-width:855px){#roomDesc{font-size:1rem;width:750px}#roomDesc img{width:84px;height:82.5px}#gameHeader.gameHeader{font-size:.8rem}}@media only screen and (max-width:755px){#roomDesc{font-size:.85rem;width:650px}#roomDesc img{width:84px;height:82.5px}#gameHeader.gameHeader{font-size:.65rem}}.room4Metal{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;color:#ecf5f1;background-color:#0000004d;background-blend-mode:multiply}.room4Metal .metalContainer{display:flex;flex-direction:column;align-items:center;gap:3rem}.room4Metal .metalContainer .colorSignal{background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.room4Metal .metalContainer .colorSignal{background:#ecf5f159}}.room4Metal .metalContainer .colorSignal{width:70px;height:70px;transform:rotate(45deg);border:1px solid #ecf5f1;border-radius:10px}.room4Metal .metalContainer .iron{background:#535252;box-shadow:0 0 10px #2f2f2f}.room4Metal .metalContainer .copper{background:#c37a35;box-shadow:0 0 10px #2f2f2f}.room4Metal .metalContainer .gold{background:#d4af37;box-shadow:0 0 10px #2f2f2f}.room4Metal .metalContainer .emerald{background:#679c4a;box-shadow:0 0 10px #2f2f2f}.room4Metal .metalContainer .steel{background:#355d85;box-shadow:0 0 10px #2f2f2f}.room4Metal .feedback{height:1.8rem;font-size:1.2rem}.room4Metal .colorSlots{background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.room4Metal .colorSlots{background:#ecf5f159}}.room4Metal .colorSlots{border:2px solid #ecf5f1;border-radius:10px;padding:1.5rem 2rem;display:flex;gap:3rem}.room4Metal .colorSlot1,.room4Metal .colorSlot2,.room4Metal .colorSlot3,.room4Metal .colorSlot4,.room4Metal .colorSlot5,.room4Metal .colorSlot6{background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.room4Metal .colorSlot1,.room4Metal .colorSlot2,.room4Metal .colorSlot3,.room4Metal .colorSlot4,.room4Metal .colorSlot5,.room4Metal .colorSlot6{background:#ecf5f159}}.room4Metal .colorSlot1,.room4Metal .colorSlot2,.room4Metal .colorSlot3,.room4Metal .colorSlot4,.room4Metal .colorSlot5,.room4Metal .colorSlot6{border:1px solid #ecf5f1;border-radius:10px;width:60px;height:60px;cursor:pointer;transition:box-shadow .3s,background .3s,transform .1s;transform:rotate(45deg)}.room4Metal .colorSlot1.is-active,.room4Metal .colorSlot2.is-active,.room4Metal .colorSlot3.is-active,.room4Metal .colorSlot4.is-active,.room4Metal .colorSlot5.is-active,.room4Metal .colorSlot6.is-active{outline:4px solid #ffffff;outline-offset:4px;transform:scale(1.1);box-shadow:0 0 20px #fffc}@media(max-width:1280px){.room5Water{justify-content:flex-start;padding-top:1.2rem;min-height:0}}@media(max-width:1024px){.room5Water{justify-content:flex-start;padding-top:.5rem;min-height:0}}.room5Water{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem;color:#ecf5f1;font-family:Asimovian,Arial,sans-serif;background-color:#0006;background-blend-mode:multiply;position:relative;overflow:hidden}@media(max-width:1280px){.room5Water .w-puzzle{max-width:320px;padding-top:.5rem}}@media(max-width:1024px){.room5Water .w-puzzle{max-width:300px;padding-top:.2rem}}.room5Water .w-puzzle{display:flex;flex-direction:column;align-items:center;width:100%;max-width:380px;gap:.5rem;z-index:1;padding-top:2rem}@media(min-width:768px){.room5Water .w-puzzle{max-width:600px}}.room5Water .w-panel{background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.room5Water .w-panel{background:#ecf5f159}}.room5Water .w-panel{width:100%;padding:.8rem 1.2rem;color:#ecf5f1}.room5Water .w-panel p{font-size:1rem;line-height:1.5;margin-bottom:.4rem}.room5Water .w-lore{border-left:3px solid #86a2b4;padding-left:1.1rem;margin:1rem 0;font-style:italic;color:#ecf5f1cc;line-height:1.8}.room5Water .w-puzzle{display:flex;flex-direction:column;align-items:center;row-gap:1.2rem;width:100%;max-width:400px;padding-top:clamp(60px,8vh,100px)}.room5Water .w-instruction{font-style:italic;color:#ecf5f1bf;text-align:center;margin-bottom:.5rem;font-size:1rem;line-height:1.7}@media(max-width:1280px){.room5Water .w-pipe-grid{max-width:320px;grid-template-columns:repeat(5,48px);grid-template-rows:repeat(5,48px);gap:3px;padding:6px}}@media(max-width:1024px){.room5Water .w-pipe-grid{max-width:300px;grid-template-columns:repeat(5,40px);grid-template-rows:repeat(5,40px);gap:2px;padding:4px}}@media(max-width:600px){.room5Water .w-pipe-grid{max-width:220px;grid-template-columns:repeat(5,28px);grid-template-rows:repeat(5,28px);gap:1px;padding:2px}}.room5Water .w-pipe-grid{display:grid;grid-template-columns:repeat(5,60px);grid-template-rows:repeat(5,60px);gap:4px;padding:10px;background:#09313499;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}.room5Water .w-pipe-grid{position:relative;margin-bottom:.5rem}.room5Water .w-pipe-grid:before{content:"SOURCE";position:absolute;top:-1.4rem;left:12px;font-size:.65rem;letter-spacing:.14em;color:#5dade2}.room5Water .w-pipe-grid:after{content:"VESSEL";position:absolute;bottom:-1.4rem;right:12px;font-size:.65rem;letter-spacing:.14em;color:#c9a84c}@media(min-width:1024px){.room5Water .w-pipe-grid{grid-template-columns:repeat(5,75px);grid-template-rows:repeat(5,75px);gap:8px}}.room5Water .pipe-cell{width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#09313466;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.room5Water .pipe-cell{background:#ecf5f159}}.room5Water .pipe-cell{cursor:pointer;font-size:1rem;outline:none}.room5Water .pipe-cell:focus-visible{outline:2px solid #5dade2;outline-offset:2px;z-index:2}.room5Water .pipe-cell.active-flow{background:#2980b9a6;box-shadow:0 0 10px #5dade28c}.room5Water .pipe-cell.active-flow .pipe-svg path,.room5Water .pipe-cell.active-flow .pipe-svg line{stroke:#85c1e9}.room5Water .pipe-cell.source{background:#2980b9cc;box-shadow:0 0 14px #5dade2}.room5Water .pipe-cell.sink{background:#c9a84c40;border-color:#c9a84c}.room5Water .pipe-cell.sink.filled{background:#c9a84c99;box-shadow:0 0 14px #c9a84c}.room5Water .pipe-svg{width:44px;height:44px;stroke:#ecf5f173;fill:none;stroke-width:4;stroke-linecap:round;transition:stroke .2s}.room5Water .w-controls{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:clamp(.5rem,1vh,1rem)}.room5Water .w-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;text-transform:uppercase;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;line-height:1.2;font-family:Asimovian,Arial,sans-serif;color:#ecf5f1;background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:30px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.room5Water .w-btn{background:#ecf5f159}}.room5Water .w-btn{font-size:1rem}.room5Water .w-btn--primary{border-color:#5dade2}.room5Water .w-btn--gold{border-color:#c9a84c;color:#021216;background:#c9a84cbf}.room5Water .w-btn--ghost{background:transparent;border:1px solid rgba(236,245,241,.3);box-shadow:none}.room5Water .w-status{text-align:center;min-height:1.5rem;font-style:italic;color:#ecf5f1cc;font-size:1rem;margin:0}.room5Water .w-status.success-msg{color:#e8d07a}.room5Water .w-status.error-msg{color:#9d0508}.room5Water .w-time-warning{display:none;margin-top:.5rem;padding:.75rem 1.25rem;background:#9d050826;border:1px solid rgba(157,5,8,.4);border-radius:10px;color:#9d0508;font-style:italic;font-size:.9rem;max-width:400px;text-align:center;animation:w-pulseWarning 2s ease infinite}.room5Water .w-time-warning.visible{display:block}@keyframes w-pulseWarning{0%,to{opacity:1}50%{opacity:.55}}.room5Water .w-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:480px;padding:2.5rem;box-sizing:border-box;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0000005e}.room5Water #w-status{margin-top:1.5rem;margin-bottom:1rem}.room5Water .w-btns-warning{width:100%;display:flex;flex-direction:column;align-items:center;gap:.7rem;margin-top:.5rem}.room5Water .w-artifact{display:none;width:100%;text-align:center;padding:clamp(.6rem,.9vh,.9rem) 1rem;background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.room5Water .w-artifact{background:#ecf5f159}}.room5Water .w-artifact{border:2px solid #c9a84c;animation:w-artifactReveal .5s ease-out}.room5Water .w-artifact.visible{display:block}.room5Water .w-artifact.wrong{border-color:#ecf5f14d}.room5Water .w-artifact.wrong .w-artifact-glyph{filter:drop-shadow(0 0 10px rgba(236,245,241,.3)) grayscale(.6)}.room5Water .w-artifact.wrong .w-artifact-name{color:#ecf5f180}@keyframes w-artifactReveal{0%{opacity:0;transform:scale(.9) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}.room5Water .w-artifact-glyph{font-size:2.2rem;display:block;animation:w-artifactFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 12px #c9a84c);margin-bottom:.2rem}@keyframes w-artifactFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.room5Water .w-artifact-name{font-size:1.1rem;color:#ecf5f1;text-transform:uppercase;letter-spacing:.14em;margin:.2rem 0 .15rem}.room5Water .w-artifact-desc{font-style:italic;color:#ecf5f1cc;font-size:.95rem;line-height:1.4;margin-bottom:.2rem}.room5Water .w-artifact-hint{margin-top:.85rem;padding:.65rem;background:#9d05081a;border:1px solid rgba(157,5,8,.3);border-radius:10px;font-size:1rem;color:#ecf5f1bf;font-style:italic}.room5Water .w-artifact-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:clamp(.6rem,1.1vh,1.1rem)}.room5Water .bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffffff4d,#2980b91a);border:1px solid rgba(255,255,255,.1);animation:w-bubbleRise linear infinite;pointer-events:none}@keyframes w-bubbleRise{0%{transform:translateY(110vh) scale(.8);opacity:0}20%{opacity:.4}to{transform:translateY(-10vh) scale(1.2);opacity:0}}.room5Water .w-lore-bar{display:flex;align-items:center;justify-content:center;background:none;border:none;margin:0;padding:0;width:100%;gap:1.25rem}.room5Water .w-lore-symbol{font-size:2.8rem;line-height:1;flex-shrink:0;color:#ecf5f18c;filter:drop-shadow(0 0 8px rgba(93,173,226,.45));font-family:serif}.room5Water .w-lore-text{flex:1;text-align:center;font-size:1rem;font-style:italic;color:#ecf5f1bf;line-height:1.65;margin:0}.room5Water .w-pipe-grid{display:grid;grid-template-columns:repeat(5,60px);grid-template-rows:repeat(5,60px);gap:4px;padding:12px;background:#09313499;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.room5Water .w-pipe-grid{background:#ecf5f159}}.room5Water .w-pipe-grid{position:relative}.room5Water .w-pipe-grid:before{content:"SOURCE";position:absolute;top:-1.4rem;left:12px;font-size:.62rem;letter-spacing:.14em;color:#5dade2;font-family:Asimovian,Arial,sans-serif}.room5Water .w-pipe-grid:after{content:"VESSEL";position:absolute;bottom:-1.4rem;right:12px;font-size:.62rem;letter-spacing:.14em;color:#c9a84c;font-family:Asimovian,Arial,sans-serif}.room5Water .w-btns{display:flex;gap:.75rem;justify-content:center;width:100%;margin-top:.2rem}.room5Water .w-check-btn,.room5Water .w-reset-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;text-transform:uppercase;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;line-height:1.2;font-family:Asimovian,Arial,sans-serif;color:#ecf5f1;background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:30px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.room5Water .w-check-btn,.room5Water .w-reset-btn{background:#ecf5f159}}.room5Water .w-check-btn,.room5Water .w-reset-btn{font-size:.9rem;min-width:200px;padding:.5rem 1rem}.room5Water .w-check-btn{border-color:#5dade2}.room5Water .w-check-btn:hover{background:#5dade233}.room5Water .w-reset-btn{background:transparent;border:1px solid rgba(236,245,241,.3);box-shadow:none}.room5Water .w-reset-btn:hover{background:#ffffff1a}.finalRoom{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#ecf5f1;background-color:#0000004d;background-blend-mode:multiply;gap:2rem}.finalRoom .finalContainer{display:flex;flex-direction:column;align-items:center;gap:3rem;margin-top:8rem}.finalRoom .finalSlots{border:2px solid #ecf5f1;border-radius:2rem;padding:1.5rem 2rem;display:flex;gap:3rem}.finalRoom .slot{background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.finalRoom .slot{background:#ecf5f159}}.finalRoom .slot{border:1px solid #ecf5f1;border-radius:50%;width:75px;height:75px;transition:box-shadow .3s,background .3s,transform .1s;display:flex;justify-content:center;align-items:center}.finalRoom .slot img{width:60%;height:60%;object-fit:contain;pointer-events:none}.finalRoom .slot.is-active{outline:4px solid #ffffff;outline-offset:4px;transform:scale(1.1);box-shadow:0 0 20px #fffc}.finalRoom .validateBtn{background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.finalRoom .validateBtn{background:#ecf5f159}}.finalRoom .validateBtn{padding:1rem 2rem;border:1px solid #ecf5f1;border-radius:2rem;color:#ecf5f1;cursor:pointer;transition:opacity .3s}.finalRoom .validateBtn:disabled{opacity:.4;cursor:not-allowed}.finalRoom .finalFeedback{height:1.8rem;font-size:1.2rem;margin-top:1rem}.conclusionHeading{margin-top:3rem;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;margin-inline:2rem;z-index:5}.conclusionHeading h2{text-align:center;font-size:6rem;text-transform:uppercase;margin:0;color:#ecf5f1}.conclusionHeading p{font-size:2rem;max-width:1000px;text-align:center;margin:0;color:#ecf5f1}.gameOverRoom,.gameWinRoom{display:flex;flex-direction:column;min-height:100vh}.gameOverRoom .ctaBtnsConc,.gameWinRoom .ctaBtnsConc{margin-block:auto 4rem;display:flex;justify-content:center;align-items:center;gap:2.5rem}.gameOverRoom .ctaBtnsConc button,.gameWinRoom .ctaBtnsConc button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;text-transform:uppercase;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;line-height:1.2;font-family:Asimovian,Arial,sans-serif;color:#ecf5f1;background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:30px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.gameOverRoom .ctaBtnsConc button,.gameWinRoom .ctaBtnsConc button{background:#ecf5f159}}.gameOverRoom .overFx{position:absolute;inset:0;z-index:1;pointer-events:none;contain:paint}.gameOverRoom .gameOverActions{display:flex;justify-content:center;align-items:flex-end;gap:1.5rem;margin-top:1.5rem}.gameOverRoom .gameOverActions .replayChamberBtn{display:flex;justify-content:center;align-items:center;height:clamp(14rem,30vw,22rem);width:clamp(3.5rem,6vw,5rem);padding:1rem;border:none;border-radius:10px;cursor:pointer;background-color:#ecf5f1;color:#ecf5f1}.gameOverRoom .gameOverActions .replayChamberBtn .buttonLabel{display:block;color:inherit;font-size:clamp(1.2rem,1.7vw,1.6rem);line-height:1;text-transform:uppercase;white-space:nowrap;transform:rotate(-90deg)}.gameOverRoom .gameOverActions .replayChamberBtn.isFailed{background-color:#9d0508;color:#ecf5f1;cursor:pointer}.gameOverRoom .gameOverActions .replayChamberBtn.isFixed{background-color:#ecf5f1;color:#ecf5f1;cursor:default}.gameOverRoom .gameOverActions .validationReplayBtn{display:flex;justify-content:center;align-items:center;height:clamp(14rem,30vw,22rem);width:clamp(3.5rem,6vw,5rem);padding:1rem;background:transparent;border:2px solid #ecf5f1;border-radius:10px;cursor:default}.gameOverRoom .gameOverActions .validationReplayBtn .buttonLabel{opacity:0;visibility:hidden;font-size:clamp(1.2rem,1.7vw,1.6rem);line-height:1;text-transform:uppercase;transition:opacity .25s ease;white-space:nowrap;transform:rotate(-90deg);color:#ecf5f1}.gameOverRoom .gameOverActions .validationReplayBtn.isUnlocked{cursor:pointer}.gameOverRoom .gameOverActions .validationReplayBtn.isUnlocked .buttonLabel{opacity:1;visibility:visible}.gameOverRoom .overFx__embers{position:absolute;inset:-30%;opacity:0;background-image:radial-gradient(circle,rgba(255,170,60,.9) 0 1px,transparent 2px),radial-gradient(circle,rgba(255,120,40,.75) 0 1px,transparent 2px),radial-gradient(circle,rgba(255,220,170,.65) 0 1px,transparent 2px);background-size:180px 180px,260px 260px,320px 320px;background-position:0 0,40px 80px,120px 30px;filter:blur(.1px);transform-origin:50% 30%;will-change:transform,opacity,background-position}.gameOverRoom .overFx__glow{position:absolute;inset:-10%;opacity:0;background:radial-gradient(circle at 50% 35%,rgba(255,140,60,.18),transparent 55%),radial-gradient(circle at 52% 40%,rgba(255,255,255,.05),transparent 60%);transform-origin:50% 35%;will-change:transform,opacity}.gameOverRoom.is-animating .overFx__embers{animation:embersIn .7s ease forwards,embersFall 5.5s linear infinite,embersSwirl 7.5s ease-in-out infinite}.gameOverRoom.is-animating .overFx__glow{animation:glowIn .9s ease forwards,glowPulse 3.2s ease-in-out infinite}@keyframes embersIn{to{opacity:.55}}@keyframes embersFall{0%{background-position:0 0,40px 80px,120px 30px}to{background-position:0 520px,40px 720px,120px 860px}}@keyframes embersSwirl{0%{transform:translateZ(0) rotate(0) scale(1)}50%{transform:translate3d(1.5%,1%,0) rotate(9deg) scale(1.01)}to{transform:translate3d(-1.5%,2%,0) rotate(-9deg) scale(1.02)}}@keyframes glowIn{to{opacity:.8}}@keyframes glowPulse{0%,to{transform:rotate(0) scale(1);opacity:.45}50%{transform:rotate(4deg) scale(1.02);opacity:.7}}.gameWinRoom .winFx{position:absolute;inset:0;z-index:1;pointer-events:none;contain:paint}.gameWinRoom .winFx__stars,.gameWinRoom .winFx__sparkles{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.gameWinRoom .winFx__stars{position:absolute;inset:-20%;opacity:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.9) 0 1px,transparent 2px),radial-gradient(circle at 70% 40%,rgba(255,255,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.8) 0 1px,transparent 2px),radial-gradient(circle at 85% 75%,rgba(255,255,255,.6) 0 1px,transparent 2px),radial-gradient(circle at 10% 75%,rgba(255,255,255,.7) 0 1px,transparent 2px);background-size:280px 280px;transform:translateZ(0)}.gameWinRoom .winFx__sparkles{position:absolute;inset:0;opacity:0;background-image:radial-gradient(circle at 30% 55%,rgba(255,255,255,.9) 0 2px,transparent 6px),radial-gradient(circle at 60% 50%,rgba(255,255,255,.8) 0 1px,transparent 5px),radial-gradient(circle at 72% 62%,rgba(255,255,255,.85) 0 2px,transparent 7px),radial-gradient(circle at 44% 70%,rgba(255,255,255,.8) 0 1px,transparent 6px);filter:none}.gameWinRoom.is-animating .winFx__stars{animation:winStarsIn .9s ease forwards,winStarsDrift 12s linear infinite}.gameWinRoom.is-animating .winFx__sparkles{animation:winSparkles 1.6s ease forwards}@keyframes winStarsIn{to{opacity:.75}}@keyframes winStarsDrift{0%{transform:translateZ(0)}to{transform:translate3d(-6%,4%,0)}}@keyframes winSparkles{0%{opacity:0;transform:scale(.98)}45%{opacity:.9;transform:scale(1)}to{opacity:.25;transform:scale(1.02)}}.highscoreRoom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem;text-align:center;color:#ecf5f1}.highscoreRoom .highscoreTitle{margin:0;font-size:4rem;letter-spacing:2px}.highscoreRoom .highscorePlate{background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.highscoreRoom .highscorePlate{background:#ecf5f159}}.highscoreRoom .highscorePlate{width:min(640px,100%);padding:2rem 3rem;display:flex;flex-direction:column;gap:1.25rem}.highscoreRoom .highscoreHeading{margin:0;font-size:2.5rem}.highscoreRoom .highscoreList{margin:0;padding-left:2rem;text-align:left;display:flex;flex-direction:column;gap:.6rem}.highscoreRoom .highscoreList li{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:1rem}.highscoreRoom .highscoreActions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.highscoreRoom .shareBtn,.highscoreRoom .backBtn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;text-transform:uppercase;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;line-height:1.2;font-family:Asimovian,Arial,sans-serif;color:#ecf5f1;background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:30px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.highscoreRoom .shareBtn,.highscoreRoom .backBtn{background:#ecf5f159}}.highscoreRoom .shareBtn,.highscoreRoom .backBtn{min-width:220px}.highscoreRoom .resetHighscoreBtn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;text-transform:uppercase;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;line-height:1.2;font-family:Asimovian,Arial,sans-serif;color:#ecf5f1;background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:30px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.highscoreRoom .resetHighscoreBtn{background:#ecf5f159}}.highscoreRoom .resetHighscoreBtn{min-width:220px}.highscoreRoom .resetHighscoreBtn[hidden]{display:none!important}.shareModal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#00000073}.shareModal.hidden{display:none}.shareModal .sharePlate{background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.shareModal .sharePlate{background:#ecf5f159}}.shareModal .sharePlate{width:min(520px,92vw);padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1rem;color:#ecf5f1}.shareModal .shareHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem}.shareModal .shareHeader h3{margin:0;font-size:2rem}.shareModal .modalClose{background:transparent;border:0;padding:.25rem;cursor:pointer;display:grid;place-items:center;opacity:.9;transition:opacity .16s ease}.shareModal .modalClose:hover{opacity:1}.shareModal .modalClose:focus-visible{outline:2px solid rgba(236,245,241,.7);outline-offset:4px;border-radius:10px}.shareModal .sharePreview{margin:0;line-height:1.4;padding:.75rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#0000001f}.shareModal .shareActions{display:flex;flex-wrap:wrap;gap:.75rem}.shareModal .shareBtn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;text-transform:uppercase;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;line-height:1.2;font-family:Asimovian,Arial,sans-serif;color:#ecf5f1;background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:30px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.shareModal .shareBtn{background:#ecf5f159}}.shareModal .shareBtn{flex:1 1 170px}.shareModal .shareStatus{margin:0;min-height:1.2em;opacity:.9}main{position:relative;height:100vh;overflow:hidden}.hidden{display:none!important}body{font-family:Asimovian,Arial,sans-serif;background:linear-gradient(180deg,#6a746e,#2a2f2c 55%,#002311)}.page{opacity:0;transition:opacity 1.2s ease;pointer-events:none}.page.isVisible{opacity:1;pointer-events:auto}.splashPage,.loginPage,.welcomePage,.room1Wood,.room2Fire,.room3Earth,.room4Metal,.room5Water,.finalRoom,.gameOverRoom,.gameWinRoom,.highscoreRoom{position:absolute;inset:0;height:100vh;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden}.splashPage{z-index:30}.splashPage .splashHeading{color:#ecf5f1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:stretch;gap:1rem;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.55),0 0 30px rgba(0,180,255,.25);opacity:0;transition:none}.splashPage .splashHeading.isVisible{opacity:1;transition:opacity 3s ease}.splashPage .splashHeading h1{white-space:nowrap;line-height:1;margin:0;font-size:6rem;text-align:center}.splashPage .splashHeading .symbols{display:flex;justify-content:center;gap:6rem}.splashPage .splashHeading .symbols span{line-height:1;font-size:4rem}.loginPage{z-index:10;display:grid;place-items:center;background-color:#0003;background-blend-mode:multiply}.loginPage .loginPlate{padding:2rem 3rem;display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;color:#ecf5f1;background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.loginPage .loginPlate{background:#ecf5f159}}.loginPage .loginPlate .loginCta{display:flex;align-items:center;justify-content:space-between;gap:3rem;max-width:450px}.loginPage .loginPlate .loginCta h2{margin:0;display:inline-block}.loginPage .loginPlate .loginCta figure{margin:0}.loginPage .loginPlate form{display:flex;align-items:center;flex-wrap:wrap;gap:2rem 1rem;max-width:450px}.loginPage .loginPlate form label{font-size:1.4rem;text-transform:uppercase;flex:0 0 auto}.loginPage .loginPlate form input{flex:1 1 240px;border-radius:10px;padding:.7rem;background:transparent;border:2px solid #ecf5f1;color:#ecf5f1}.loginPage .loginPlate form input::placeholder{color:#ecf5f1;opacity:.7}.loginPage .loginPlate form button{flex:0 0 100%;display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;text-transform:uppercase;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;line-height:1.2;font-family:Asimovian,Arial,sans-serif;color:#ecf5f1;background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:30px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.loginPage .loginPlate form button{background:#ecf5f159}}.loginPage .loginPlate form button{border:2px solid #ecf5f1}.gameHeader{background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.gameHeader{background:#ecf5f159}}.gameHeader{border:2px solid #ecf5f1;border-radius:10px;left:50%;transform:translate(-50%);top:25px;width:90vw;min-height:60px;height:auto;position:absolute;z-index:100;font-size:1.5rem;color:#ecf5f1;text-transform:uppercase}.gameHeader .gameHeaderNav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 2rem}.gameHeader .roomTimer span,.gameHeader .totalTimer span{display:inline-block;width:2ch;text-align:right}.gameHeader .progress .progressTrack{display:flex;gap:.5rem}.gameHeader .progress .roomProgress{width:12px;height:50px;border:2px solid #ecf5f1;border-radius:10px}.gameHeader .progress .is-completed{background-color:#ecf5f1}.gameHeader .progress .roomFailed{background-color:#9d0508;border:2px solid #9d0508}.gameHeader .headerBtns{display:flex;gap:2.5rem;position:relative}.gameHeader .headerBtns button{background:transparent;border:none;padding:0}.gameHeader .headerBtns svg{padding:0}.gameHeader .headerBtns .badge{position:absolute;display:none;align-items:center;justify-content:center;font-size:.7rem;color:#ecf5f1}.gameHeader .headerBtns .badge.is-visible{display:inline-flex;transform:scale(1)}.item-dropdown{background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.item-dropdown{background:#ecf5f159}}.item-dropdown{position:fixed;top:105px;right:5vw;display:flex;flex-direction:row;gap:.5rem;padding:.5rem;z-index:10;opacity:0;transform:translateY(-5px);transition:opacity .25s ease,transform .25s ease;pointer-events:none;border:2px solid #ecf5f1}.item-dropdown .artifact-slot{width:40px;height:40px}.item-dropdown.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.inRoombar{display:flex;justify-content:space-between;gap:6rem;padding:.5rem 2rem;font-size:1.4rem;background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.inRoombar{background:#ecf5f159}}.inRoombar{border:1px solid #ecf5f1}.inRoombar .balance{display:flex;align-items:center;gap:.5rem}.inRoombar .balanceBar{width:180px;height:15px;border-radius:999px;border:2px solid #ecf5f1;overflow:hidden}.inRoombar .balanceFill{height:100%;width:0%;background:#ff9f1c;border-radius:999px;transition:width .2s ease}.gameMsg{position:fixed;inset:0;display:grid;place-items:center;z-index:9999;font-size:2.5rem;text-transform:uppercase;font-weight:700;padding:1.5rem;background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.gameMsg{background:#ecf5f159}}.gameMsg{color:#ecf5f1;text-align:center;opacity:0;transition:opacity 2.4s ease-in-out}.gameMsg.hidden{display:none}.gameMsg.isVisible{opacity:1}.roomDesc{display:flex;align-items:center;justify-content:center;gap:1.5rem;color:#ecf5f1;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:1200px;font-size:1.4rem;text-align:left}.roomDesc img{width:112px;height:auto}.aboutDialog{margin:0;padding:0;border:none;height:100%;width:100%;max-width:none;max-height:none;background-image:url(/Gruppuppgift-TheTempleOfFive/images/about-image.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#ecf5f1}.aboutDialog button{background:transparent;border:none;color:#ecf5f1;padding:1.5rem 1.5rem .5rem 2rem}.aboutDialog .dialogInner{margin:.5rem 2rem;padding:1.5rem 3rem 4rem;background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.aboutDialog .dialogInner{background:#ecf5f159}}.aboutDialog .tabs .tabsTab{font-size:1.4rem;padding:0 3rem 0 0;border-radius:10px;opacity:.4}.aboutDialog .tabs .tabsTab:focus{outline:none;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.aboutDialog .tabs .tabsTab.currentTab,.aboutDialog .tabs .tabsTab[aria-selected=true]{color:#ecf5f1;opacity:1}.aboutDialog .tabsPanel{margin-top:2rem}.aboutDialog .tabsPanel h3{margin:1rem 0 1.5rem;font-size:2.5rem}.aboutDialog .tabsPanel h4{margin:1rem 0 .2rem;font-size:2rem}.aboutDialog .tabsPanel p{margin:0 0 .2rem;font-size:1rem;line-height:1.7}.aboutDialog .tabsPanel.panelControls .controlsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.aboutDialog .tabsPanel.panelControls .controlItem{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.aboutDialog .tabsPanel.panelFeatures .featuresGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.aboutDialog .tabsPanel .controlsCard,.aboutDialog .tabsPanel .featureCard{display:flex;flex-direction:column;gap:.5rem;min-height:100%}.aboutDialog .panelDev .devGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.aboutDialog .panelDev .devCardTeam{grid-column:1/-1}.aboutDialog .panelDev .devCard{display:flex;flex-direction:column;gap:1rem}.aboutDialog .panelDev .devTeamList{list-style:none;padding:0;margin:.5rem 0 0;display:flex}.aboutDialog .panelDev .devTeamList li{display:flex;align-items:center;gap:.5rem;padding:0 1.5rem 0 0}.aboutDialog .panelDev .devTeamList a{display:inline-flex;align-items:center;width:fit-content;text-decoration:none;font-size:1.4rem}.aboutDialog .panelDev .devTeamList a:hover,.aboutDialog .panelDev .devTeamList a:focus-visible{text-decoration:underline;text-underline-offset:4px}.aboutDialog .panelDev .devTeamList img{display:block;width:30px;height:30px;object-fit:contain;flex-shrink:0}.exitDialog{color:#ecf5f1;background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.exitDialog{background:#ecf5f159}}.exitDialog .exitDialogInner{display:flex;flex-direction:column;gap:2rem;padding:1rem}.exitDialog .exitDialogInner .exitDialogText{font-size:1.4rem;text-align:center}.exitDialog .exitDialogInner .exitDialogBtns{display:flex;justify-content:space-between;gap:1rem}.exitDialog .exitDialogInner .exitDialogBtns .btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;text-transform:uppercase;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;line-height:1.2;font-family:Asimovian,Arial,sans-serif;color:#ecf5f1;background:#09313433;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:30px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.exitDialog .exitDialogInner .exitDialogBtns .btn{background:#ecf5f159}}kbd{display:inline-block;background:#09313480;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px #00000040;border:1px solid rgba(255,255,255,.18);border-radius:4px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){kbd{background:#ecf5f159}}kbd{padding:2px 8px;font-family:monospace;font-size:.85em;color:#ecf5f1;letter-spacing:.03em;font-weight:500;line-height:1.6}@media only screen and (max-width:1300px){.roomDesc{font-size:1.2rem;width:1165px}}@media only screen and (max-width:1200px){.roomDesc{font-size:1.05rem;width:1050px}.roomDesc img{width:84px;height:auto}}@media only screen and (max-width:1100px){.roomDesc{font-size:1rem;width:950px}}@media only screen and (max-width:950px){.roomDesc{font-size:1rem;width:850px}.gameHeader{font-size:1rem}}.screenBlock{display:none}@media only screen and (max-width:900px){.screenBlock{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;background:#ecf5f1;color:#9d0508}.screenBlock p{max-width:28rem;margin:0;font-size:2rem;line-height:1.5;text-transform:uppercase}main,.gameHeader,.welcomeHeader,.item-dropdown,.aboutDialog,.exitDialog{display:none!important}}