*{box-sizing:border-box;padding:0;margin:0}body{background-image:linear-gradient(to right,rgba(255,0,0,0),#347DDE,#347DDE,#347DDE,rgba(255,0,0,0))}h1{font-weight:700;color:#fff;text-align:center;font-size:24px}.container{display:grid;grid-template-areas:"head head head" ". Map ." "footer footer footer";grid-template-columns:1fr 90% 1fr;grid-template-rows:1fr 90% 3%;grid-gap:5px;width:100vw;height:95vh}.TextCenter{text-align:center}footer{grid-area:footer;background-image:linear-gradient(to right,rgba(255,0,0,0),#6B3FBD,#6B3FBD,#6B3FBD,rgba(255,0,0,0));display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px #6b3fbd80;padding:10px}header{grid-area:head;background-image:linear-gradient(to right,rgba(255,0,0,0),#6B3FBD,#6B3FBD,#6B3FBD,rgba(255,0,0,0));display:grid;grid-template-columns:1fr 90% 1fr;grid-template-rows:auto;grid-template-areas:". Headline TopMenu";box-shadow:0 0 10px #6b3fbd80;padding:10px}.Headline{grid-area:Headline;display:flex;justify-content:center;align-items:center}.TopMenu{display:flex;justify-content:center;align-items:center}.Map{grid-area:Map;padding:5px;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,auto);gap:5px;grid-template-areas:"x1y1 x2y1 x3y1 x4y1 x5y1 x6y1 x7y1" "x1y2 x2y2 x3y2 x4y2 x5y2 x6y2 x7y2" "x1y3 x2y3 x3y3 x4y3 x5y3 x6y3 x7y3" "x1y4 x2y4 x3y4 x4y4 x5y4 x6y4 x7y4" "x1y5 x2y5 x3y5 x4y5 x5y5 x6y5 x7y5" "x1y6 x2y6 x3y6 x4y6 x5y6 x6y6 x7y6" "x1y7 x2y7 x3y7 start x5y7 x6y7 x7y7"}.MapEntry{background-color:#e8e8e849;border-color:#d2d2d2;border-width:3px;border-radius:3%;box-shadow:5px 2px 5px 5px #3b3b3b33;border-style:ridge;display:flex;justify-content:center;align-items:center}.MapEntry.inactive{background-color:#60606049;border-color:#d2d2d264;box-shadow:5px 2px 5px 5px #3b3b3b1a}.MapEntry:hover{box-shadow:inset 0 0 100px 100px #ffffff4d;border-color:#d2d2d264}.episodeContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;padding:1rem;grid-area:Map}.episodeList{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;padding:1rem;width:50vw;height:100%}.episodeListItem{width:100%;padding:2rem;margin:5px;background-image:linear-gradient(to right,#110920,#160e24,#100c17,#100c17,#100c17,#100c17,#100c17,#100c17,rgba(255,0,0,0));display:grid;grid-template-columns:1fr 3fr;justify-items:stretch}.episodeListItem:hover{background-color:#696969}.episodeListItem.active{background-color:#d1e7dd;border-left:5px solid #0f5132;box-shadow:0 2px 5px #0003;transition:background-color .3s ease,border-left .3s ease;cursor:pointer;font-weight:700;text-decoration:none;text-transform:uppercase}.episodeListItem .episodeTitle{font-weight:700;color:#88d7ff;text-decoration:none;font-size:1.2rem;text-transform:uppercase;cursor:pointer;background-image:linear-gradient(to right,rgba(255,0,0,0),#6B3FBD,#6B3FBD,#6B3FBD,rgba(255,0,0,0))}.episodeDetails{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:.5rem}.episodeListItem .episodeDescription{color:#666}.menuButton{color:#fff}.room-img{width:90%;height:90%}.modal{background-color:#d3d3d3;color:#000;display:grid;grid-template-areas:"room-header room-header" "room-desc room-desc" "room-audio room-media" "room-audio room-cw";grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 5fr 5fr;width:50lvw;height:50hvw;margin:5% auto;padding:1%;grid-gap:10px}.MuiDialog-container h3{text-align:center;padding:1%}.room-header{grid-area:room-header;background-color:#31c69e;color:#fff;align-items:center;justify-content:center;gap:5%;padding:5px 10px;display:flex}.modal-close{margin-left:auto}.room-desc{grid-area:room-desc}.room-audio{grid-area:room-audio;padding:20px}.room-media{grid-area:room-media}.room-cw{grid-area:room-cw}*{box-sizing:border-box}#page-wrap{padding-bottom:10px;padding-top:10px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;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}}