html{scroll-behavior:smooth}#main-container{background:var(--default-bg-2)}.clash-of-dimensions-page-container{color:var(--clash-of-dimensions-color-1);flex:1;margin:0;overflow-x:hidden;width:100%}.clash-of-dimensions-page-container .all-themes-page-link{align-items:center;background-color:var(--clash-of-dimensions-color-2);display:flex;flex-flow:row nowrap;gap:20px;justify-content:center;padding:20px}@media screen and (min-width:600px){.clash-of-dimensions-page-container .all-themes-page-link{justify-content:flex-start}}.clash-of-dimensions-page-container section{align-items:center;display:flex;flex-flow:column wrap;justify-content:center;margin:-1px 0 0;padding:0 0 clamp(40px,8vw,80px);position:relative}.clash-of-dimensions-page-container section .section-inner{align-items:center;display:flex;flex-flow:column nowrap;justify-content:flex-start;margin:0 auto;max-width:1200px;padding:0 40px;position:relative;z-index:20}.clash-of-dimensions-page-container section .section-divider{bottom:0;left:50%;position:absolute;transform:translateX(-50%);width:100%;z-index:1}.clash-of-dimensions-page-container section .section-divider img{width:100%}.clash-of-dimensions-page-container section .section-divider.divider1 img{aspect-ratio:1922/395}.clash-of-dimensions-page-container section .section-divider.divider2 img{aspect-ratio:1922/183}.clash-of-dimensions-page-container section .section-divider.divider3 img{aspect-ratio:1922/299}.clash-of-dimensions-page-container section .section-divider.divider4 img{aspect-ratio:1922/276}.clash-of-dimensions-page-container section.header{background-color:var(--clash-of-dimensions-color-2);color:var(--default-color-2);image-rendering:pixelated;position:relative}@media screen and (min-width:600px){.clash-of-dimensions-page-container section.header{background-image:url(https://constellation-backend-images.s3.ca-central-1.amazonaws.com/production/interfaces/clash-of-dimensions-bg-left.png),url(https://constellation-backend-images.s3.ca-central-1.amazonaws.com/production/interfaces/clash-of-dimensions-bg-right.png);background-position:left 9% top 5%,right 10% top 5%;background-repeat:no-repeat;background-size:18%,17%}}@media screen and (min-width:2000px){.clash-of-dimensions-page-container section.header{background-position:left 14% top 5%,right 14% top 5%;background-size:15%,13%}}@media screen and (min-width:2400px){.clash-of-dimensions-page-container section.header{background-position:left 20% top 5%,right 20% top 5%;background-size:12%,10%}}@media screen and (min-width:2700px){.clash-of-dimensions-page-container section.header{background-position:left 25% top 5%,right 25% top 5%;background-size:10%,8%}}@media screen and (min-width:3000px){.clash-of-dimensions-page-container section.header{background-image:none}}.clash-of-dimensions-page-container section.header .section-inner{margin:0 auto;max-width:680px;min-width:260px;padding:0 0 5%;width:45%}.clash-of-dimensions-page-container section.header h1{margin:10% 0 0}.clash-of-dimensions-page-container section.header h1 span{display:block;position:absolute;text-indent:-99999px}.clash-of-dimensions-page-container section.header h1 .theme-title{display:block;margin-bottom:clamp(40px,6vw,80px);max-width:100%;width:100%}.clash-of-dimensions-page-container section.header h2{font-size:clamp(18px,3vw,40px);margin:0 0 40px}.clash-of-dimensions-page-container section.header h2,.clash-of-dimensions-page-container section.header h3{font-family:Sofia Pro;font-style:normal;font-weight:400;line-height:1.2em;text-align:center;text-transform:none}.clash-of-dimensions-page-container section.header h3{font-size:clamp(14px,2vw,23px);margin:0 0 clamp(30px,6vw,70px)}.clash-of-dimensions-page-container section.scene{background-color:var(--clash-of-dimensions-color-3)}.clash-of-dimensions-page-container section.scene .section-inner{margin-bottom:-3%;margin-top:-5%}.clash-of-dimensions-page-container section.scene .scene-visual{image-rendering:pixelated;width:100%}.clash-of-dimensions-page-container section.scene .caption{line-height:1.2em;margin:0;max-width:1200px}.clash-of-dimensions-page-container section.scene.scene-large .scene-visual{max-width:1200px;width:100%}.clash-of-dimensions-page-container section.scene.scene-large .caption{font-size:clamp(18px,4vw,40px);font-weight:400}.clash-of-dimensions-page-container section.scene.scene-small .scene-visual{max-width:800px;width:calc(100% - 40px)}.clash-of-dimensions-page-container section.scene.scene-small .caption{font-size:clamp(14px,4vw,30px);font-weight:700}.clash-of-dimensions-page-container section.characters{display:flex;flex-flow:column wrap;position:relative}.clash-of-dimensions-page-container section.characters .section-inner{padding-bottom:8%}.clash-of-dimensions-page-container section.characters .scene-large-caption{font-size:clamp(18px,4vw,40px);font-weight:400;line-height:1.2em;margin:2% 0 60px;max-width:1200px}.clash-of-dimensions-page-container section.characters.character1{background-color:var(--clash-of-dimensions-color-4)}.clash-of-dimensions-page-container section.characters.character2{padding:0}.clash-of-dimensions-page-container section.characters.character2,.clash-of-dimensions-page-container section.characters.character3{background-color:var(--clash-of-dimensions-color-5)}.clash-of-dimensions-page-container section.characters .character{align-items:center;display:flex;flex-flow:row nowrap;gap:20px 40px;justify-content:center;margin:0 auto;max-width:1200px;padding:0;position:relative;width:100%}.clash-of-dimensions-page-container section.characters .character .character-dialog{flex:3}.clash-of-dimensions-page-container section.characters .character .character-dialog h2{font-size:clamp(20px,3vw,40px);font-weight:800;line-height:1.2em;margin:0 0 20px;text-transform:none}.clash-of-dimensions-page-container section.characters .character .character-dialog p{font-size:clamp(16px,2vw,23px);font-style:normal;font-weight:400;line-height:1.4em;margin:0}.clash-of-dimensions-page-container section.characters .character .character-visual{flex:1;margin:0 auto;min-width:100px;position:relative;text-align:center;z-index:2}.clash-of-dimensions-page-container section.characters .character .character-visual img{image-rendering:pixelated;max-width:400px;min-width:200px;width:100%}@media screen and (max-width:799px){.clash-of-dimensions-page-container section.characters .character{flex-flow:column wrap}}@media screen and (min-width:800px){.clash-of-dimensions-page-container section.characters.character2 .character{flex-direction:row-reverse}}.clash-of-dimensions-page-container section.footer{background-color:var(--clash-of-dimensions-color-6);width:100%}.clash-of-dimensions-page-container section.footer h2{font-family:Sofia Pro;font-size:clamp(18px,3vw,40px);font-style:normal;font-weight:800;line-height:1.2em;margin-bottom:clamp(30px,6vw,70px);text-align:center;text-transform:none}