.pending{height:30px;height:100px;margin:100px auto;position:relative;width:30px}.pending span{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:lazy;animation-name:lazy;border-radius:50%;display:inline-block;height:8px;left:15px;position:absolute;top:16px;-webkit-transform:translateY(5px);transform:translateY(5px);width:8px}.pending span:first-child{-webkit-animation-delay:.1s;animation-delay:.1s;left:2px}.pending span:last-child{-webkit-animation-delay:.3s;animation-delay:.3s;left:28px}.lazy-error{height:100px;margin:100px auto;max-width:480px;padding:0 16px;text-align:center}@media(min-width:480px){.lazy-error{padding:0 25px}}@-webkit-keyframes lazy{0%{background-color:#d1f2eb;opacity:1;-webkit-transform:translateY(26px);transform:translateY(26px)}to{background-color:#aed6f1;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes lazy{0%{background-color:#d1f2eb;opacity:1;-webkit-transform:translateY(26px);transform:translateY(26px)}to{background-color:#aed6f1;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.image{background-color:var(--pale-blue);position:relative}.image>img{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .6s ease;width:100%}.image.loaded>img{opacity:1}.app .home h2{font-size:2.2rem;margin:0 0 14px}@media(min-width:768px){.app .home h2{font-size:2.8rem}}.home article{margin:0 auto 100px;max-width:420px;position:relative}@media(min-width:480px){.home article{margin:0 auto 110px}}@media(min-width:1024px){.home article{max-width:1000px;width:100%}}.home article:first-child{margin:0 auto 50px}@media(min-width:480px){.home article:first-child{margin:0 auto 80px}}.home{padding:70px 0 50px}@media(min-width:1024px){.home .home-grid{grid-column-gap:200px;-webkit-column-gap:200px;column-gap:200px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;justify-items:stretch;margin:0 auto;max-width:1024px}.home .headers-wrapper{grid-column:1/3;grid-row:1/2}.home .maps-wrapper{grid-column:1/2;grid-row:2/5}.home .quiz-wrapper{grid-column:2/3;grid-row:2/3}.home .support-wrapper{grid-column:2/3;grid-row:3/4}.home .queue-wrapper{grid-column:2/3;grid-row:4/5}}@media(min-width:1440px){.home{padding:100px 0}}.home .logo{display:none;position:relative}@media(min-width:480px){.home .logo{display:block;margin:0 10px 0 0;top:3px;width:40px}}.home h1{align-items:center;display:flex;white-space:nowrap}.home .support-wrapper>h2>span{font-size:1.4rem;margin:0 0 0 3px}@media(min-width:768px){.home .support-wrapper>h2>span{font-size:1.8rem;margin:0 0 0 6px}}.home .quiz-wrapper{line-height:1.5}.home .quiz-wrapper .quiz-wrapper-top{align-items:baseline;display:flex;justify-content:space-between}.home .quiz-wrapper .as-button{margin:14px 0 0}.home .quiz-wrapper .tag-new{background-color:var(--color-error);border-radius:4px;box-shadow:0 4px 16px -7px #711414;color:var(--color-white);font-weight:600;line-height:1;padding:3px 6px}.home .banner{border-radius:5px;overflow:hidden}.home .banner-hundred-years-war,.home .banner-punic-wars,.home .banner-supernova-in-the-east{box-shadow:0 3px 15px -5px #000;height:0;padding:0 0 40%;position:relative}.home .banner-hundred-years-war a,.home .banner-hundred-years-war a:active,.home .banner-hundred-years-war a:focus,.home .banner-hundred-years-war a:hover,.home .banner-punic-wars a,.home .banner-punic-wars a:active,.home .banner-punic-wars a:focus,.home .banner-punic-wars a:hover,.home .banner-supernova-in-the-east a,.home .banner-supernova-in-the-east a:active,.home .banner-supernova-in-the-east a:focus,.home .banner-supernova-in-the-east a:hover{color:var(--color-white)}.home .banner{margin:0 0 20px}@media(min-width:768px){.home .banner{margin:0 0 30px}}@media(min-width:1440px){.home .banner{margin:0 0 40px}}.home .banner:last-child{margin:0 0 10px}.home .banner-supernova-in-the-east .banner-overlay{background:radial-gradient(rgba(0,0,0,.3) 50%,rgba(0,0,0,.6) 90%)}.home .banner-overlay{background:radial-gradient(transparent 50%,rgba(0,0,0,.8) 90%);display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;padding:10px;position:absolute;top:0;width:100%;z-index:2}@media(min-width:768px){.home .banner-overlay{padding:16px}}.home .banner-overlay h3{font-size:2rem;font-weight:500;letter-spacing:.01em;text-shadow:var(--color-black) 1px 0 10px}@media(min-width:768px){.home .banner-overlay h3{font-size:2.8rem}}.home .banner-overlay>div{text-align:right}.home .fake-ghost-button{background-color:rgba(0,0,0,.3);border:2px solid var(--color-white);border-radius:5px;display:inline-block;height:30px;line-height:26px;padding:0 16px}@media(min-width:768px){.home .fake-ghost-button{height:42px;line-height:38px}}.home .progress-top{align-items:baseline;display:flex;justify-content:space-between}.home .progress-top>h2{flex:1 0 auto}.home .progress-top>span{flex:0 0 auto}.home .queue-wrapper{position:relative}.home .queue-wrapper p{font-size:1.6rem;line-height:1.5}.home .queue-wrapper .updated{color:var(--color-sub-text);font-size:12px;font-style:italic}@media(min-width:480px){.home .queue-wrapper .updated{font-size:14px}}.home .queue-wrapper ul{border-radius:5px}.home .queue-wrapper .queue-header{align-content:center;color:var(--color-sub-text);display:flex;font-size:12px;justify-content:space-between;margin:30px 0 0}@media(min-width:768px){.home .queue-wrapper .queue-header{font-size:14px}}.home .queue-wrapper .queue-header-name{flex:1 0 auto}.home .queue-wrapper .queue-header-chance{flex:0 1 60%;padding:0 0 0 40px}.home .queue-wrapper li{display:flex;justify-content:space-between;padding:4px 0}.home .queue-wrapper .relative{margin:4px 0 0}.home .queue-item-bg{background-color:var(--color-grey-background);border-radius:2px;height:4px;overflow:hidden;position:relative}.home .queue-item-fg{background-color:var(--color-sub-text);height:4px;left:0;position:absolute;top:0}.home .queue-item-bg{background:linear-gradient(90deg,#ee6432 10%,#47c247 85%)}.home .queue-item-fg{background-color:var(--color-grey-background)}.home .queue-item-chance{align-items:center;display:flex;flex:0 1 50%;font-size:1.2rem;line-height:1;padding:0 0 0 30px;position:relative;text-align:right}@media(min-width:480px){.home .queue-item-chance{flex:0 1 60%;font-size:1.4rem;padding:0 0 0 40px}}.home .queue-item-percentage{flex:0 0 35px;font-weight:600}@media(min-width:480px){.home .queue-item-percentage{flex:0 0 45px}}.home .queue-item-progress{flex:1 0 auto;position:relative}.home .faq{display:none}.home .faq li{line-height:1.5;margin:0 0 50px}.home .faq b{font-weight:600}.home .faq a{font-weight:500}.home .faq p{border-top:1px solid var(--color-text-dark);margin:3px 0 0;padding:8px 0 0}.home .disclaimer,.home .faq p{color:var(--color-footer-sub-text)}.home .disclaimer{font-size:1.3rem;line-height:1.5;margin:10px auto 0;padding:0 10px}@media(min-width:768px){.home .disclaimer{font-size:1.4rem;padding:0 16px}}@media(min-width:1440px){.home .disclaimer{font-size:1.5rem;margin:30px auto 0}}.home .screen-mode-info{display:none}@media(min-width:768px){.home .screen-mode-info{display:block;line-height:1.5;padding:60px 0 0}}@media(min-width:768px)and (orientation:landscape){.home .screen-mode-info{display:none}}.home .screen-mode-info .screen-mode-icon{-webkit-animation:rotate 2s infinite;animation:rotate 2s infinite;animation-direction:reverse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:var(--color-grey-background);border-radius:18px;display:inline-block;height:36px;margin:0 0 0 8px;padding:7px;vertical-align:middle;width:36px}.home .share-icons{margin:10px 0 0}.home .share-icons svg{fill:var(--color-text);transition:fill .3s ease}.home .share-icon-facebook,.home .share-icon-twitter{background-color:var(--color-grey-background);border:1px solid var(--color-grey-background-border);border-radius:19px;display:inline-block;height:38px;margin:0 10px 0 0;padding:7px;vertical-align:top;width:38px}.home .share-icon-twitter:active svg,.home .share-icon-twitter:focus svg,.home .share-icon-twitter:hover svg{fill:#1da1f2}.home .share-icon-facebook{padding:8px}.home .share-icon-facebook:active svg,.home .share-icon-facebook:focus svg,.home .share-icon-facebook:hover svg{fill:#4267b2}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}.map-desktop-hint{display:none}@media(pointer:fine){.map-desktop-hint{display:flex;height:100vh;justify-content:center;left:0;opacity:1;padding:20% 0 0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:65}.map-desktop-hint>div{-webkit-animation:hint 2s infinite;animation:hint 2s infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:hsla(0,0%,100%,.8);border-radius:35px;height:70px;padding:10px 5px 10px 15px;width:70px}.map-desktop-hint svg{fill:var(--color-link);stroke:none;height:50px;width:50px}}.map-desktop-hint.has-acknowledged{opacity:0;pointer-events:none}@-webkit-keyframes hint{0%{-webkit-transform:translate3d(24px,0,0) rotate(20deg);transform:translate3d(24px,0,0) rotate(20deg)}to{-webkit-transform:translate3d(-24px,0,0) rotate(-20deg);transform:translate3d(-24px,0,0) rotate(-20deg)}}@keyframes hint{0%{-webkit-transform:translate3d(24px,0,0) rotate(20deg);transform:translate3d(24px,0,0) rotate(20deg)}to{-webkit-transform:translate3d(-24px,0,0) rotate(-20deg);transform:translate3d(-24px,0,0) rotate(-20deg)}}.mobile-header{background-color:var(--color-black);color:var(--color-header-dark);display:flex;justify-content:space-between;padding:4px 16px}@media(min-width:480px){.mobile-header{padding:4px 25px}}@media(min-width:768px){.mobile-header{padding:8px 25px}}@media(min-width:768px)and (orientation:landscape){.mobile-header{display:none}}.mobile-header .map-name{font-weight:900}.mobile-header span{color:var(--color-text-dark);font-size:1.2rem;margin:0 2px 0 0}@media(min-width:768px)and (pointer:fine){.supernova-in-the-east .map-desktop-hint{width:40%}}@media(min-width:768px){.supernova-in-the-east .mobile-header{display:none}}.supernova-in-the-east-map{overflow:hidden;position:relative}@media(min-width:768px){.supernova-in-the-east-map{border-bottom:none;height:58.8826366559vw;left:0;max-height:200vh;position:fixed;top:0;width:50vw}}@media(min-width:768px)and (orientation:landscape){.supernova-in-the-east-map{height:100vh;overflow:visible;width:84.9146757679vh}}.supernova-in-the-east-map>.map{background-color:var(--color-white);height:0;padding:0 0 117.7652733119%;position:relative;width:100%}.supernova-in-the-east-map>.map>.map-highlights,.supernova-in-the-east-map>.map>img,.supernova-in-the-east-map>.map>svg{-webkit-transform-origin:top left;transform-origin:top left}.supernova-in-the-east-map>.map>.map-highlights{transition:-webkit-transform 1ms ease .4s;transition:transform 1ms ease .4s;transition:transform 1ms ease .4s,-webkit-transform 1ms ease .4s}.supernova-in-the-east-map>.map>img{opacity:.2;pointer-events:none;position:relative;z-index:45}.supernova-in-the-east-map>.map>img,.supernova-in-the-east-map>.map>svg{transition:-webkit-transform .8s ease;transition:transform .8s ease;transition:transform .8s ease,-webkit-transform .8s ease}.supernova-in-the-east-map>.map>svg{stroke-width:.2;display:block;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:5}@media(min-width:480px){.supernova-in-the-east-map>.map>svg{stroke-width:.4}}@media(min-width:1024px){.supernova-in-the-east-map>.map>svg{stroke-width:.5}}.supernova-in-the-east-map .year-1870>.map-highlights{-webkit-transform:translate(-120%,-30%);transform:translate(-120%,-30%)}@media(min-width:768px)and (orientation:landscape){.supernova-in-the-east-map .year-1870>.map-highlights{-webkit-transform:translate(-75vh,-24vh);transform:translate(-75vh,-24vh)}}.supernova-in-the-east-map .year-1870>img,.supernova-in-the-east-map .year-1870>svg{-webkit-transform:translate(-120%,-30%) scale(2.7);transform:translate(-120%,-30%) scale(2.7)}@media(min-width:768px)and (orientation:landscape){.supernova-in-the-east-map .year-1870>img,.supernova-in-the-east-map .year-1870>svg{-webkit-transform:translate(-75vh,-24vh) scale(2);transform:translate(-75vh,-24vh) scale(2)}}.supernova-in-the-east-map .year-1905>.map-highlights{-webkit-transform:translate(-70%,-18%);transform:translate(-70%,-18%)}@media(min-width:768px)and (orientation:landscape){.supernova-in-the-east-map .year-1905>.map-highlights{-webkit-transform:translate(-52vh,-15vh);transform:translate(-52vh,-15vh)}}.supernova-in-the-east-map .year-1905>img,.supernova-in-the-east-map .year-1905>svg{-webkit-transform:translate(-70%,-18%) scale(2.1);transform:translate(-70%,-18%) scale(2.1)}@media(min-width:768px)and (orientation:landscape){.supernova-in-the-east-map .year-1905>img,.supernova-in-the-east-map .year-1905>svg{-webkit-transform:translate(-52vh,-15vh) scale(1.8);transform:translate(-52vh,-15vh) scale(1.8)}}.supernova-in-the-east-map .year-1933>.map-highlights{-webkit-transform:translate(-40%,-10%);transform:translate(-40%,-10%)}@media(min-width:768px)and (orientation:landscape){.supernova-in-the-east-map .year-1933>.map-highlights{-webkit-transform:translate(-30vh,-5vh);transform:translate(-30vh,-5vh)}}.supernova-in-the-east-map .year-1933>img,.supernova-in-the-east-map .year-1933>svg{-webkit-transform:translate(-40%,-10%) scale(1.3);transform:translate(-40%,-10%) scale(1.3)}@media(min-width:768px)and (orientation:landscape){.supernova-in-the-east-map .year-1933>img,.supernova-in-the-east-map .year-1933>svg{-webkit-transform:translate(-30vh,-5vh) scale(1.1);transform:translate(-30vh,-5vh) scale(1.1)}}.supernova-in-the-east-map .year-1941>.map-highlights{-webkit-transform:translate(-15%,-15%);transform:translate(-15%,-15%)}@media(min-width:768px)and (orientation:landscape){.supernova-in-the-east-map .year-1941>.map-highlights{-webkit-transform:translate(-13vh,-12vh);transform:translate(-13vh,-12vh)}}.supernova-in-the-east-map .year-1941>img,.supernova-in-the-east-map .year-1941>svg{-webkit-transform:translate(-15%,-15%) scale(1.3);transform:translate(-15%,-15%) scale(1.3)}@media(min-width:768px)and (orientation:landscape){.supernova-in-the-east-map .year-1941>img,.supernova-in-the-east-map .year-1941>svg{-webkit-transform:translate(-13vh,-12vh) scale(1.2);transform:translate(-13vh,-12vh) scale(1.2)}}.supernova-in-the-east-map .year-1942>.map-highlights{-webkit-transform:translate(-15%,-15%);transform:translate(-15%,-15%);-webkit-transform:translate(-1%,-5%);transform:translate(-1%,-5%)}@media(min-width:768px)and (orientation:landscape){.supernova-in-the-east-map .year-1942>.map-highlights{-webkit-transform:translate(-1vh,-8vh);transform:translate(-1vh,-8vh);-webkit-transform:translate(0);transform:translate(0)}.supernova-in-the-east-map .year-1942>img,.supernova-in-the-east-map .year-1942>svg{-webkit-transform:translate(-1vh,-8vh) scale(1.1);transform:translate(-1vh,-8vh) scale(1.1);-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}.supernova-in-the-east-map .year-1942>.map-highlights{-webkit-transform:translate(0);transform:translate(0)}@media(min-width:768px)and (orientation:landscape){.supernova-in-the-east-map .year-1942>.map-highlights{-webkit-transform:translate(-4%,-6%);transform:translate(-4%,-6%)}}.supernova-in-the-east-map .year-1942>img,.supernova-in-the-east-map .year-1942>svg{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}@media(min-width:768px)and (orientation:landscape){.supernova-in-the-east-map .year-1942>img,.supernova-in-the-east-map .year-1942>svg{-webkit-transform:translate(-4%,-6%) scale(1.1);transform:translate(-4%,-6%) scale(1.1)}}.supernova-in-the-east-map .territory{fill:none;opacity:1;transition:opacity .6s ease}.supernova-in-the-east-map .territory.is-entering,.supernova-in-the-east-map .territory.is-leaving{opacity:0}.supernova-in-the-east-map .timor{fill:#fffc99}.supernova-in-the-east-map .philippines,.supernova-in-the-east-map .us_guinea,.supernova-in-the-east-map .us_philippines,.supernova-in-the-east-map .us_salamons{fill:#a6ccf5}.supernova-in-the-east-map .korea{fill:#f3e3f3;stroke:#dfb1df}.supernova-in-the-east-map .aus_borneo_east,.supernova-in-the-east-map .aus_borneo_west,.supernova-in-the-east-map .guinea{fill:#f3e8fa}.supernova-in-the-east-map .burma,.supernova-in-the-east-map .malaya{fill:#d5facc;stroke:#51a04d}.supernova-in-the-east-map .manchuria{fill:#ddf4d7;stroke:#51a04d;stroke-dasharray:1 2}.supernova-in-the-east-map .dutch{fill:#ffe5ce;stroke:#b3631d;stroke-dasharray:1 2}.supernova-in-the-east-map>.has-item-hovered .territory,.supernova-in-the-east-map>.is-active .territory{opacity:.3}.supernova-in-the-east-map>.has-item-hovered .territory.is-active,.supernova-in-the-east-map>.is-active .territory.is-active{opacity:1}.supernova-in-the-east-map .border{fill:var(--color-white);stroke:var(--color-white);stroke-width:2px}.supernova-in-the-east-map .sea{fill:#fff;stroke:#999;fill:url(#sea-bg)}.supernova-in-the-east-map #pattern_japan rect{fill:#fff}.supernova-in-the-east-map #pattern_japan circle,.supernova-in-the-east-map #pattern_japan path{fill:#bd0028}.supernova-in-the-east-map .japan{fill:url(#pattern_japan)}.supernova-in-the-east-map #pattern_japanese_expansion rect{fill:#fff}.supernova-in-the-east-map #pattern_japanese_expansion line{stroke:#ca2325;stroke-width:2px}.supernova-in-the-east-map .beihai,.supernova-in-the-east-map .beijing,.supernova-in-the-east-map .borneo,.supernova-in-the-east-map .borneo_jpn,.supernova-in-the-east-map .burma_jpn,.supernova-in-the-east-map .fuzhou,.supernova-in-the-east-map .guinea_jpn,.supernova-in-the-east-map .indochina,.supernova-in-the-east-map .korea_exp,.supernova-in-the-east-map .liaodong,.supernova-in-the-east-map .macao,.supernova-in-the-east-map .manchukuo,.supernova-in-the-east-map .mariana_jpn,.supernova-in-the-east-map .philippines_jpn,.supernova-in-the-east-map .sakhalin,.supernova-in-the-east-map .shanghai,.supernova-in-the-east-map .shantou,.supernova-in-the-east-map .solomon_jpn,.supernova-in-the-east-map .taiwan{fill:url(#pattern_japanese_expansion);stroke:none;fill-opacity:.8}.supernova-in-the-east-map .thailand{fill:url(#pattern_japanese_ally);stroke:none;fill-opacity:.8}.supernova-in-the-east-map .sea-border{fill:none;stroke-dasharray:3 2;stroke:#5487b1;transition:opacity .3s ease}.supernova-in-the-east .is-active .sea-border,.supernova-in-the-east.is-loading .sea-border{opacity:0}.icon{fill:var(--color-text);stroke:none;display:block}.button .icon,a .icon,button .icon{fill:var(--color-white)}.button .close,.button .icon.external-link,a .close,a .icon.external-link,button .close,button .icon.external-link{fill:none;stroke:var(--color-white);stroke-width:2px}.button .crown,a .crown,button .crown{fill:none}.button .crown line,a .crown line,button .crown line{stroke:var(--color-white);stroke-width:4px}.button .crown path,a .crown path,button .crown path{stroke:none;fill:var(--color-white)}.map-point{border-radius:50%;display:none;height:8px;position:absolute;width:8px}@media(min-width:768px){.map-point{height:10px;width:10px}}.map-point .map-point-outer{fill:var(--color-white);stroke:var(--color-black)}.map-point .map-point-inner{fill:var(--color-black);stroke:none}.point.with-link .map-point-outer{stroke:var(--color-info-button)}.point.with-link .map-point-inner{fill:var(--color-info-button)}.point .map-point{display:block}.point.on-left .map-point,.point.on-right .map-point{top:7px}@media(min-width:768px){.point.on-left .map-point,.point.on-right .map-point{top:9px}}.point.on-left .map-point{right:-14px}@media(min-width:768px){.point.on-left .map-point{right:-18px}}.point.on-right .map-point{left:-14px}@media(min-width:768px){.point.on-right .map-point{left:-18px}}.point.on-bottom .map-point,.point.on-top .map-point{left:50%;margin:0 0 0 -4px}@media(min-width:768px){.point.on-bottom .map-point,.point.on-top .map-point{margin:0 0 0 -5px}}.point.on-top .map-point{bottom:-13px}@media(min-width:768px){.point.on-top .map-point{bottom:-17px}}.point.on-bottom .map-point{top:-13px}@media(min-width:768px){.point.on-bottom .map-point{top:-17px}}a.map-tooltip.with-link:active,a.map-tooltip.with-link:focus,a.map-tooltip.with-link:hover{background-color:var(--color-info-button);color:var(--color-white)}a.map-tooltip.with-link:active .map-tooltip-arrow,a.map-tooltip.with-link:focus .map-tooltip-arrow,a.map-tooltip.with-link:hover .map-tooltip-arrow{background-color:var(--color-info-button)}.hundred-years-war-map.is-active .map-tooltip,.supernova-in-the-east-map>.is-active .map-tooltip{opacity:1;pointer-events:all}.supernova-in-the-east-map>.is-animating .map-tooltip{opacity:0}.map-tooltip{background-color:var(--color-black);border-radius:2px;box-shadow:0 2px 6px 1px rgba(0,0,0,.3);color:var(--color-white);display:flex;font-size:1.4rem;font-weight:700;height:22px;line-height:22px;opacity:0;padding:0 6px;pointer-events:none;position:absolute;transition:opacity .3s ease;white-space:nowrap;z-index:50}.map-tooltip.is-active{opacity:1;pointer-events:all}@media(min-width:768px){.map-tooltip{border-radius:4px;font-size:1.8rem;height:28px;line-height:28px;padding:0 8px}}.map-tooltip .map-tooltip-arrow{background-color:var(--color-black);display:block;height:6px;position:absolute;-webkit-transform:translateX(-3px) rotate(45deg);transform:translateX(-3px) rotate(45deg);width:6px;z-index:1}@media(min-width:768px){.map-tooltip .map-tooltip-arrow{height:8px;-webkit-transform:translateX(-4px) rotate(45deg);transform:translateX(-4px) rotate(45deg);width:8px}}.map-tooltip .map-tooltip-info{position:relative;z-index:2}.map-tooltip .map-tooltip-info-icon{background-color:var(--color-info-button);border-bottom-right-radius:2px;border-top-right-radius:2px;font-weight:400;height:22px;line-height:22px;margin:0 0 0 5px;padding:5px 3px 0 4px}.map-tooltip .map-tooltip-info-icon>svg{height:12px;width:12px}@media(min-width:768px){.map-tooltip .map-tooltip-info-icon{border-bottom-right-radius:4px;border-top-right-radius:4px;height:28px;line-height:28px;margin:0 0 0 8px;padding:5px 4px 0 6px}.map-tooltip .map-tooltip-info-icon>svg{height:18px;width:18px}}.map-tooltip.with-link{background-color:var(--color-link);color:var(--color-white);padding:0 0 0 6px;text-decoration:none;transition:background-color .3s ease,opacity .3s ease}@media(min-width:768px){.map-tooltip.with-link{padding:0 0 0 8px}}.map-tooltip.with-link .map-tooltip-arrow{background-color:var(--color-link);transition:background-color .2s ease}.map-tooltip.with-link.on-left .map-tooltip-arrow{background-color:var(--color-info-button)}.map-tooltip.on-bottom{-webkit-transform:translate3d(-50%,3px,0);transform:translate3d(-50%,3px,0)}@media(min-width:768px){.map-tooltip.on-bottom{-webkit-transform:translate3d(-50%,4px,0);transform:translate3d(-50%,4px,0)}}.map-tooltip.on-bottom.point{-webkit-transform:translate3d(-50%,9px,0);transform:translate3d(-50%,9px,0)}@media(min-width:768px){.map-tooltip.on-bottom.point{-webkit-transform:translate3d(-50%,12px,0);transform:translate3d(-50%,12px,0)}}.map-tooltip.on-bottom .map-tooltip-arrow{left:50%;top:-3px}@media(min-width:768px){.map-tooltip.on-bottom .map-tooltip-arrow{top:-4px}}.map-tooltip.on-right{-webkit-transform:translate3d(3px,-11px,0);transform:translate3d(3px,-11px,0)}@media(min-width:768px){.map-tooltip.on-right{-webkit-transform:translate3d(4px,-14px,0);transform:translate3d(4px,-14px,0)}}.map-tooltip.on-right.point{-webkit-transform:translate3d(11px,-11px,0);transform:translate3d(11px,-11px,0)}@media(min-width:768px){.map-tooltip.on-right.point{-webkit-transform:translate3d(13px,-14px,0);transform:translate3d(13px,-14px,0)}}.map-tooltip.on-right .map-tooltip-arrow{left:0;top:8px}@media(min-width:768px){.map-tooltip.on-right .map-tooltip-arrow{top:10px}}.map-tooltip.on-top{-webkit-transform:translate3d(-50%,-23px,0);transform:translate3d(-50%,-23px,0)}@media(min-width:768px){.map-tooltip.on-top{-webkit-transform:translate3d(-50%,-32px,0);transform:translate3d(-50%,-32px,0)}}.map-tooltip.on-top.point{-webkit-transform:translate3d(-50%,-29px,0);transform:translate3d(-50%,-29px,0)}@media(min-width:768px){.map-tooltip.on-top.point{-webkit-transform:translate3d(-50%,-39px,0);transform:translate3d(-50%,-39px,0)}}.map-tooltip.on-top .map-tooltip-arrow{left:50%;top:19px}@media(min-width:768px){.map-tooltip.on-top .map-tooltip-arrow{top:24px}}.map-tooltip.on-left{-webkit-transform:translate3d(calc(-100% - 3px),-11px,0);transform:translate3d(calc(-100% - 3px),-11px,0)}@media(min-width:768px){.map-tooltip.on-left{-webkit-transform:translate3d(calc(-100% - 4px),-14px,0);transform:translate3d(calc(-100% - 4px),-14px,0)}}.map-tooltip.on-left.point{-webkit-transform:translate3d(calc(-100% - 11px),-11px,0);transform:translate3d(calc(-100% - 11px),-11px,0)}@media(min-width:768px){.map-tooltip.on-left.point{-webkit-transform:translate3d(calc(-100% - 13px),-14px,0);transform:translate3d(calc(-100% - 13px),-14px,0)}}.map-tooltip.on-left .map-tooltip-arrow{left:100%;top:8px}@media(min-width:768px){.map-tooltip.on-left .map-tooltip-arrow{top:10px}}button{background-color:initial;border:0;color:var(--color-text);font-family:Zilla Slab,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.6rem;outline:none;padding:0}@media(min-width:768px){button{font-size:1.8rem}}.button{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:medium;-webkit-perspective-origin:1000px;perspective-origin:1000px;position:relative;-webkit-transform-origin:center;transform-origin:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.button.block{width:100%}.button.action{height:38px;width:38px}@media(min-width:768px){.button.action{height:42px;width:42px}}.button.action .button-surface{align-items:center;border-radius:50%;display:flex;height:inherit;justify-content:center;padding:10px;width:inherit}.button.action svg{height:100%;width:100%}.button.empty{pointer-events:none}.button.empty .button-surface{visibility:hidden}.button.disabled{pointer-events:none}.button.disabled .button-surface,.button.disabled:active .button-surface,.button.disabled:focus .button-surface,.button.disabled:hover .button-surface{background-color:var(--color-disabled);box-shadow:none;color:var(--color-footer-sub-text)}.button:active .button-surface,.button:focus .button-surface,.button:hover .button-surface{background-color:var(--color-link-hovered);box-shadow:0 4px 16px -7px transparent}.button.ghost .button-surface{background-color:var(--color-white);border:2px solid var(--color-link);color:var(--color-link);line-height:36px}@media(min-width:768px){.button.ghost .button-surface{line-height:40px}}.button.ghost:active .button-surface,.button.ghost:focus .button-surface,.button.ghost:hover .button-surface{background-color:var(--color-white);color:var(--color-link)}.app .as-button{color:var(--color-white);display:inline-block;transition:background-color .2s ease,box-shadow .2s ease}.app .as-button:active,.app .as-button:focus,.app .as-button:hover{background-color:var(--color-link-hovered);box-shadow:0 4px 16px -7px transparent;color:var(--color-white)}.app .as-button.block{display:block;width:100%}.as-button,.button-surface{background-color:var(--color-link);border:0;border-radius:5px;box-shadow:0 4px 16px -7px var(--color-link-shadow);color:var(--color-white);cursor:pointer;font-family:Zilla Slab,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:700;height:38px;line-height:38px;outline:none;padding:0 16px;text-align:center;transition:background-color .2s ease,box-shadow .2s ease;white-space:nowrap}@media(min-width:768px){.as-button,.button-surface{height:42px;line-height:42px}}.map-info-toggler{bottom:0;position:absolute;right:16px;-webkit-transform:translateY(-14px);transform:translateY(-14px);z-index:70}.map-info-toggler .icon.close{height:14px;width:14px}.map-info-toggler .place{fill:var(--color-white)}@media(pointer:fine){.map-info-toggler{display:none}}@media(min-width:480px){.map-info-toggler{right:25px}}.body-link .icon.external-link{fill:#fff;stroke:var(--color-link);display:inline-block;height:16px;margin:0 1px 0 2px;position:relative;top:2px;vertical-align:initial;width:16px}h1 .body-link .icon.external-link,h2 .body-link .icon.external-link,h3 .body-link .icon.external-link,h4 .body-link .icon.external-link,h5 .body-link .icon.external-link,h6 .body-link .icon.external-link{margin:0 2px 0 -1px}.icon-link .map-link{cursor:pointer}.map-link{align-items:center;cursor:default;display:inline-flex}.map-link>span{text-decoration:underline}.map-link .arrow{align-items:center;background-color:var(--color-link);border-radius:10px;color:var(--color-white);display:inline-flex;font-size:1.4rem;font-style:normal;height:20px;justify-content:center;margin:0 2px 0 5px;padding:0 1px 0 0;position:relative;top:1px;width:20px}.map-legends .map-link>span{text-decoration:none}.map-legends .map-link>.arrow{display:none}@media(pointer:fine){.map-legends .map-link>span{text-decoration:underline}.map-legends .map-link>.arrow{display:inline-flex}}.supernova-in-the-east{min-height:100vh;overflow:hidden;padding:0 0 80px;position:relative}.supernova-in-the-east>.map-wrapper{position:relative}@media(min-width:768px){.supernova-in-the-east .map-info-toggler{left:25px;right:auto}.supernova-in-the-east>.map-wrapper{z-index:6}.supernova-in-the-east>.info-wrapper{margin:0 0 0 50%;max-width:1024px;position:relative;width:50%;z-index:7}}@media(min-width:768px)and (orientation:landscape){.supernova-in-the-east>.info-wrapper{margin:0 0 0 70vh;width:auto}}.supernova-in-the-east .year-1942 .map-tooltip-info{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.3rem}@media(min-width:768px){.supernova-in-the-east .year-1942 .map-tooltip-info{font-size:1.5rem}}.slider{display:block;position:relative}.slider:active .slider-handle-focus,.slider:focus .slider-handle-focus,.slider:focus-within .slider-handle-focus,.slider:hover .slider-handle-focus{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}.slider input{-webkit-appearance:none;background-color:initial;cursor:pointer;display:block;margin:0;outline:none;width:100%}.slider input::-webkit-slider-runnable-track{-webkit-appearance:none;background-color:red;height:34px;opacity:0}.slider input::-moz-range-track{-webkit-appearance:none;background-color:red;height:34px;opacity:0}.slider input::-ms-track{-webkit-appearance:none;background-color:red;height:34px;opacity:0}.slider input::-webkit-slider-thumb{-webkit-appearance:none;background-color:red;border:none;border-radius:17px;box-shadow:none;cursor:pointer;height:34px;margin-top:0;opacity:0;position:relative;width:34px}.slider input::-moz-range-thumb{background-color:red;border:none;border-radius:17px;box-shadow:none;cursor:pointer;height:34px;opacity:0;position:relative;width:34px}.slider input::-ms-thumb{background-color:red;border:none;border-radius:17px;box-shadow:none;cursor:pointer;height:34px;opacity:0;position:relative;width:34px}.slider-track-wrapper{height:0;left:0;padding:17px;pointer-events:none;position:absolute;top:0;width:100%}.slider-track-wrapper .slider-track{background-color:var(--color-link);border-radius:2px;height:2px;margin:-1px 0 0;overflow:hidden}.slider-track-wrapper .slider-handle{background-color:var(--color-link);border-radius:5px;height:10px;left:0;margin:-6px 0 0 -5px;position:absolute;top:0;transition:background-color .3s ease;width:10px}.slider-track-wrapper .slider-track-inner{background-color:var(--color-disabled);height:2px}.slider-track-wrapper .slider-handle-focus{background-color:red;background-color:var(--color-link);border:none;border-radius:17px;box-shadow:none;cursor:pointer;height:34px;left:0;margin:-12px 0 0 -12px;opacity:0;opacity:.2;position:relative;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:34px;z-index:10}.year-slider{align-items:center;display:flex;justify-content:space-between}.year-slider .action{flex:0 0 auto}.year-slider .year-slider-inner{flex:1 0 auto;padding:0 10px}.year-slider .on-decrement .button-surface{padding:6px 7px 6px 5px}.year-slider .on-increment .button-surface{padding:6px 5px 6px 7px}.year-slider svg{fill:var(--color-white)}.year-slider-indicator{display:flex;justify-content:center;margin:-5px 0 0;pointer-events:none}.year-slider-indicator li{background-color:var(--color-sub-text);border-radius:3px;height:6px;margin:0 5px;opacity:.4;transition:opacity .3s ease;width:6px}.year-slider-indicator li.active{opacity:.8}.year-slider-header{line-height:1;margin:10px 0 -10px;text-align:center;transition:opacity .3s ease}@media(min-width:768px){.year-slider-header{font-size:2rem;margin:0 0 -4px}}.hundred-years-war.is-loading .year-slider-header,.supernova-in-the-east.is-loading .year-slider-header,.the-punic-wars.is-loading .year-slider-header{opacity:0}.references{font-size:1.4rem}@media(min-width:768px){.references{font-size:1.5rem}}@media(min-width:1024px){.references{font-size:1.6rem}}.references li{line-height:1.4;margin:0 0 14px;text-align:right}.references li:first-child{display:flex;justify-content:space-between}.audio iframe{display:block}.audio li{margin:0 0 10px}@media(min-width:768px){.audio li{margin:0 0 20px}}.iframe{position:relative;width:100%}.iframe .iframe-overlay{background-color:var(--color-grey-background);height:100%;left:0;pointer-events:all;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:5}.iframe.loaded .iframe-overlay{opacity:0;pointer-events:none}.iframe .iframe-mock,.iframe iframe{border:0;height:232px;margin:0;padding:0;width:100%}.body ol{margin:14px 0 0}@media(min-width:768px){.body ol{margin:24px 0 0}}.body ol li{line-height:1.4;padding:0 0 20px 42px;position:relative}.body ol .number{align-items:center;background-color:#eaeaea;border-radius:50%;display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.3rem;font-weight:700;height:28px;justify-content:center;left:0;position:absolute;top:0;width:28px}@media(min-width:768px){.body ol .number{font-size:1.5rem}}.grid-header{transition:opacity .3s ease}.grid-header .map-name{font-weight:600;margin:0 0 4px}.grid-header .map-name .map-name-year{font-weight:600;margin:0;transition:opacity .3s ease}.grid-header .map-name>span{margin:0 10px}@media(min-width:768px){.grid-header .map-name{display:block;text-align:left}}.map-legends{display:flex;flex-wrap:wrap;font-size:1.4rem;padding:14px 0 10px}@media(min-width:768px){.map-legends{font-size:1.5rem;padding:10px 0 14px}}@media(min-width:1024px){.map-legends{font-size:1.8rem;padding:20px 0 14px}}.map-legends li{align-items:center;display:flex;flex:0 0 100%;margin:0 0 6px;white-space:nowrap}.map-legends .tablet-and-up{display:none}@media(min-width:768px){.map-legends .tablet-and-up{display:flex}}.timeline-list-item{height:26px;position:relative;vertical-align:top}.timeline-list-item .list-item-icon{background-color:var(--color-link);border-radius:12px;color:var(--color-white);display:inline-block;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.2rem;height:24px;line-height:24px;margin:1px 12px 1px 0;text-align:center;vertical-align:top;width:24px}@media(min-width:768px){.timeline-list-item .list-item-icon{font-size:1.3rem}}.timeline-list-item .list-item-name{display:inline-block;height:26px;line-height:26px;vertical-align:top;width:calc(100% - 36px)}.timeline-list-item a{font-size:1.5rem}.timeline-list-item i{display:none}.timeline-list-item .ellipsis{display:inline-block;max-width:100%}@media(pointer:fine){.timeline-list-item .ellipsis{max-width:calc(100% - 26px)}.timeline-list-item.is-map-ref .ellipsis{text-decoration:underline}.timeline-list-item.is-map-ref i{display:inline;margin:0 0 0 4px;position:relative;top:2px;vertical-align:top}}.year-1942-timeline-wrapper{position:relative}.year-1942-timeline-wrapper .timeline-anchor .anchor-path{stroke:var(--color-sub-text)}.year-1942-timeline-wrapper .timeline-anchor .anchor-inner{stroke:none;fill:var(--color-sub-text)}.year-1942-timeline-wrapper .timeline-anchor .anchor-outer,.year-1942-timeline-wrapper .timeline-anchor .text-anchor{fill:var(--color-box-background);stroke:var(--color-sub-text)}.year-1942-timeline-wrapper svg{display:inline-block;height:330px;vertical-align:top;width:90px}.year-1942-timeline-wrapper svg rect{fill:url(#vertical-timeline)}.year-1942-timeline-wrapper .timeline-links{display:inline-block;vertical-align:top;width:calc(100% - 90px)}.year-1942-timeline{margin:0 0 20px}.year-1942-timeline .timeline .center{padding:15px 0 22px}.year-1942-timeline .timeline-box{background-color:var(--color-box-background);border:1px solid var(--color-grey-background-border);border-radius:10px;padding:8px 12px 16px}.year-1942-timeline .on-decrement .button-surface{padding:6px 7px 6px 5px}.year-1942-timeline .on-increment .button-surface{padding:6px 5px 6px 7px}.year-1942-timeline .timeline-buttons{display:flex;justify-content:space-between;left:0;padding:0 4px;position:absolute;top:10px;width:100%}.year-1942-timeline .timeline-interval{display:flex;flex-wrap:wrap}.year-1942-timeline .timeline-interval i{margin:0 7px 0 4px}.year-1942-timeline .timeline-interval>div{color:var(--color-sub-text);flex:0 0 auto;font-size:1.5rem;line-height:1.5}.year-1942-timeline .timeline-header{margin:14px 0 20px}@media(min-width:768px){.year-1942-timeline .timeline-header{margin:0 0 20px}}.year-1942-timeline .timeline-header span{color:var(--color-text)}.year-1942-timeline .timeline-date{color:var(--color-sub-text);font-size:1.4rem;font-style:italic;left:0;position:absolute}.page.supernova-in-the-east{min-height:100vh}.page.supernova-in-the-east .info-wrapper{border-top:1px solid var(--color-text)}@media(min-width:768px){.page.supernova-in-the-east .info-wrapper{border-top:none}}.page.supernova-in-the-east .grid-body,.page.supernova-in-the-east .grid-header h1,.page.supernova-in-the-east .grid-references,.page.supernova-in-the-east .grid-sounds,.page.supernova-in-the-east .icon-info-wrapper,.page.supernova-in-the-east .map-legends{transition:opacity .3s ease}.page.supernova-in-the-east.is-loading .grid-body,.page.supernova-in-the-east.is-loading .grid-header,.page.supernova-in-the-east.is-loading .grid-references,.page.supernova-in-the-east.is-loading .grid-sounds,.page.supernova-in-the-east.is-loading .icon-info-wrapper,.page.supernova-in-the-east.is-loading .map-legends{opacity:0}@media(min-width:768px){.page.supernova-in-the-east.is-loading .grid-header{opacity:1}.page.supernova-in-the-east.is-loading .grid-header h1,.page.supernova-in-the-east.is-loading .map-name-year{opacity:0}.supernova-in-the-east-info{padding:20px 25px 40px 0}}.supernova-in-the-east-info .year-slider{margin:0 auto;max-width:480px}.supernova-in-the-east-info .year-slider-header{margin:10px 0 -10px}@media(min-width:1280px){.supernova-in-the-east-info .year-slider-header{margin:0 0 -4px}}.supernova-in-the-east-info .grid{display:grid}@media(min-width:1280px){.supernova-in-the-east-info .grid{-webkit-column-gap:40px;column-gap:40px;grid-template-columns:1fr 1fr;grid-template-rows:auto;justify-items:stretch}}@media(min-width:1440px){.supernova-in-the-east-info .grid{-webkit-column-gap:80px;column-gap:80px}}.supernova-in-the-east-info .grid-header,.supernova-in-the-east-info .grid-references,.supernova-in-the-east-info .grid-sounds{margin:20px 0 0}.supernova-in-the-east-info .grid-header h1{margin:0}.supernova-in-the-east-info .grid-header{order:2}@media(min-width:768px){.supernova-in-the-east-info .grid-header{order:1}}@media(min-width:1280px){.supernova-in-the-east-info .grid-header{grid-column:1/3}}.supernova-in-the-east-info .grid-slider-input-and-legend{order:1}@media(min-width:768px){.supernova-in-the-east-info .grid-slider-input-and-legend{margin:50px 0;order:2}}@media(min-width:1280px){.supernova-in-the-east-info .grid-slider-input-and-legend{grid-column:1/2;order:2}}.supernova-in-the-east-info .grid-body{order:3}@media(min-width:1280px){.supernova-in-the-east-info .grid-body{grid-column:2/3;margin:50px 0}}.supernova-in-the-east-info .grid-sounds{order:4}@media(min-width:1280px){.supernova-in-the-east-info .grid-sounds{grid-column:2/3;order:5}}.supernova-in-the-east-info .grid-references{order:5}@media(min-width:1280px){.supernova-in-the-east-info .grid-references{grid-column:1/2;order:4}}.supernova-in-the-east-info .supernova-1942-body{margin:24px 0 0}@media(min-width:1024px){.supernova-in-the-east-info .supernova-1942-body{margin:60px 0 0}}.supernova-in-the-east-info .supernova-1942-body strong{margin:0 0 0 42px}.supernova-in-the-east-info .supernova-1942-body ol{margin:14px 0 40px}@media(min-width:1024px){.supernova-in-the-east-info .supernova-1942-body ol{margin:14px 0 60px}}.icon-info-wrapper{background-color:var(--color-grey-background);border-radius:10px;font-size:1.4rem}@media(min-width:768px){.icon-info-wrapper{font-size:1.6rem}}.icon-info-wrapper .icon-info{margin:10px 0;padding:6px 10px 10px}@media(min-width:768px){.icon-info-wrapper .icon-info{padding:10px 16px 16px}}.icon-info-wrapper ul{margin:0 0 10px}.icon-info-wrapper .icon{fill:var(--color-white);stroke:none;height:14px;width:14px}.icon-info-wrapper .crown{stroke:var(--color-white);stroke-width:4px}.icon-info-wrapper .external-link{fill:none;stroke:var(--color-link);stroke-width:2px;height:20px;margin:0 8px 0 4px;width:20px}.icon-info-wrapper li{align-items:center;display:flex;line-height:1.4;margin:0 0 5px}.icon-info-wrapper li>span{align-items:center;background-color:var(--color-link);border-radius:12px;color:var(--color-white);display:inline-flex;flex:0 0 24px;font-size:1.4rem;height:24px;justify-content:center;margin:0 8px 0 0;padding:2px;width:24px}.icon-info-wrapper .icon-info-button{display:flex;justify-content:flex-end}.supernova-in-the-east .dutch>div,.supernova-in-the-east .guinea>div,.supernova-in-the-east .japan-ally>div,.supernova-in-the-east .japan-exp>div,.supernova-in-the-east .japan>div,.supernova-in-the-east .korea>div,.supernova-in-the-east .manchuria>div,.supernova-in-the-east .timor>div,.supernova-in-the-east .uk>div,.supernova-in-the-east .us>div{background-size:cover;height:26px;margin:0 10px 0 0;width:39px}.supernova-in-the-east .japan>div{background-image:url(/static/media/Japan.608277104a692576717f.svg)}.supernova-in-the-east .manchuria>div{background-color:#ddf4d7;border:1px dashed #51a04d}.supernova-in-the-east .korea>div{background-color:#f3e3f3;border:1px dashed #b878b8}.supernova-in-the-east .us>div{background-color:#a6ccf5;border:1px dashed #7792ce}.supernova-in-the-east .uk>div{background-color:#d5facc;border:1px dashed #51a04d}.supernova-in-the-east .dutch>div{background-color:#ffe5ce;border:1px dashed #b3631d}.supernova-in-the-east .timor>div{background-color:#fffc99;border:1px dashed #a7a21f}.supernova-in-the-east .guinea>div{background-color:#f3e8fa;border:1px dashed #966196}.supernova-in-the-east .japan-exp>div{background:url(/static/media/JapanExp.57151670af6f8d2aed74.svg);background-size:cover}.supernova-in-the-east .japan-ally>div{background:url(/static/media/JapanAlly.12d48686a59d4b49da53.svg);background-size:cover}.the-punic-wars-map canvas{height:100%;position:absolute;width:100%;z-index:2}.the-punic-wars-map img{opacity:.3;position:absolute;z-index:2;z-index:1}.icon-link{align-items:center;color:var(--color-link);cursor:pointer;display:inline-flex;font-weight:600;transition:color .3s ease}.icon-link:active,.icon-link:focus,.icon-link:hover{color:var(--color-info-button)}.icon-link>.icon-wrapper{align-items:center;background-color:var(--color-link);border-radius:10px;color:var(--color-white);display:inline-flex;font-size:1.4rem;height:20px;justify-content:center;margin:0 2px 0 5px;padding:3px;position:relative;text-decoration:none;top:1px;width:20px}.icon-link>.icon-wrapper>svg{height:14px;width:14px}.overlay .battle-overlay{max-height:80vh;max-width:480px}.overlay .battle-overlay h5{line-height:1.4;margin:16px 0 0}@media(min-width:480px){.overlay .battle-overlay h5{margin:25px 0 0}}.overlay .battle-date{color:var(--color-sub-text);display:block;font-size:1.4rem;line-height:1.4}.overlay .battle-body{overflow:visible;padding:0 14px 40px}.overlay .battle-body.battle-formations{padding:0 14px 14px}@media(min-width:480px){.overlay .battle-body.battle-formations{padding:0 23px 14px}.overlay .battle-body{padding:0 23px 50px}}.overlay .battle-image-attributes{color:var(--color-sub-text);display:flex;font-size:1rem;justify-content:space-between;line-height:1.4;padding:4px 14px 0}@media(min-width:480px){.overlay .battle-image-attributes{font-size:1.2rem;padding:6px 23px 0}}.the-punic-wars .info-wrapper{max-width:1024px;padding:0 0 80px}@media(orientation:landscape)and (min-width:1600px){.the-punic-wars .info-wrapper{margin:0 0 0 15%;padding:60px 100px 120px 0}}@media(min-width:768px)and (pointer:fine){.the-punic-wars .map-desktop-hint{margin:0 0 0 60%;width:40%}}.the-punic-wars .grid{display:grid;grid-template-columns:fit-content(100%);grid-template-columns:1fr 1fr;grid-template-rows:auto;justify-items:stretch}.the-punic-wars .grid-header,.the-punic-wars .grid-references,.the-punic-wars .grid-sounds{margin:20px 0 0}.the-punic-wars .grid-header h1{margin:0}.the-punic-wars .grid-header{grid-column:1/3;order:2}@media(min-width:1024px){.the-punic-wars .grid-header{grid-column:1/2;order:1}}@media(orientation:landscape)and (min-width:768px){.the-punic-wars .grid-header{margin:40px 0 0;order:1}}@media(orientation:landscape)and (min-width:1024px){.the-punic-wars .grid-header{grid-column:1/3}}.the-punic-wars .grid-slider-input-and-legend{grid-column:1/3;order:1}@media(min-width:768px){.the-punic-wars .grid-slider-input-and-legend{margin:14px 0 0}}@media(min-width:1024px){.the-punic-wars .grid-slider-input-and-legend{grid-column:2/3;margin:20px 0 0;order:2}}@media(orientation:landscape)and (min-width:768px){.the-punic-wars .grid-slider-input-and-legend{margin:50px 0;order:2}}@media(orientation:landscape)and (min-width:1024px){.the-punic-wars .grid-slider-input-and-legend{grid-column:1/3}}@media(orientation:landscape)and (min-width:1440px){.the-punic-wars .grid-slider-input-and-legend{grid-column:2/3;margin:50px 0 50px 40px;order:3}}@media(orientation:landscape)and (min-width:1600px){.the-punic-wars .grid-slider-input-and-legend{margin:50px 0 50px 30px}}.the-punic-wars .grid-body{grid-column:1/3;max-width:600px;order:3}@media(orientation:landscape)and (min-width:1440px){.the-punic-wars .grid-body{grid-column:1/2;margin:50px 0;order:2}}@media(orientation:landscape)and (min-width:1600px){.the-punic-wars .grid-body{margin:50px 30px 50px 0}}.the-punic-wars .grid-sounds{grid-column:1/3;order:4}@media(min-width:768px){.the-punic-wars .grid-sounds{grid-column:1/2;margin:80px 20px 0 0}}@media(orientation:landscape)and (min-width:768px){.the-punic-wars .grid-sounds{grid-column:1/3;margin:80px 0 0}}@media(orientation:landscape)and (min-width:1440px){.the-punic-wars .grid-sounds{grid-column:1/2;margin:80px 0 0}}.the-punic-wars .grid-references{grid-column:1/3;order:5}@media(min-width:768px){.the-punic-wars .grid-references{grid-column:2/3;margin:80px 0 0 20px}}@media(orientation:landscape)and (min-width:768px){.the-punic-wars .grid-references{grid-column:1/3;margin:20px 0}}@media(orientation:landscape)and (min-width:1440px){.the-punic-wars .grid-references{grid-column:2/3;margin:80px 0 0 40px}}@media(orientation:landscape)and (min-width:768px){.the-punic-wars .grid-body,.the-punic-wars .grid-header,.the-punic-wars .grid-references,.the-punic-wars .grid-slider-input-and-legend,.the-punic-wars .grid-sounds{max-width:460px}}.the-punic-wars .grid-body,.the-punic-wars .grid-header h1,.the-punic-wars .grid-references,.the-punic-wars .grid-sounds,.the-punic-wars .icon-info-wrapper,.the-punic-wars .map-legends{transition:opacity .3s ease}.the-punic-wars.is-loading .grid-body,.the-punic-wars.is-loading .grid-header,.the-punic-wars.is-loading .grid-references,.the-punic-wars.is-loading .grid-sounds,.the-punic-wars.is-loading .icon-info-wrapper,.the-punic-wars.is-loading .map-legends{opacity:0}@media(min-width:768px){.the-punic-wars.is-loading .grid-header{opacity:1}.the-punic-wars.is-loading .grid-header h1,.the-punic-wars.is-loading .map-name-year{opacity:0}}.the-punic-wars-map{height:0;overflow:hidden;padding:0 0 81.9591836735%;position:relative;width:100vw}@media(min-width:768px)and (orientation:landscape){.the-punic-wars-map{height:100vh;padding:0;position:fixed;right:0;top:0;width:122.0119521912vh}}.the-punic-wars{overflow:hidden;position:relative}.the-punic-wars .info-wrapper{position:relative;z-index:2}@media(orientation:landscape)and (min-width:768px){.the-punic-wars .info-wrapper{background:linear-gradient(90deg,#fff 0,#fff 50%,hsla(0,0%,100%,0));min-height:100vh;width:50%}}@media(orientation:landscape)and (min-width:1024px){.the-punic-wars .info-wrapper{background:linear-gradient(90deg,#fff 0,#fff 75%,hsla(0,0%,100%,0))}}@media(orientation:landscape)and (min-width:1600px){.the-punic-wars .info-wrapper{background:linear-gradient(90deg,#fff 0,#fff 80%,hsla(0,0%,100%,0))}}.the-punic-wars .carthage>div,.the-punic-wars .carthagian-rome>div,.the-punic-wars .messana>div,.the-punic-wars .rome>div,.the-punic-wars .syracuse>div{background-size:20px 20px;border-radius:10px;height:20px;margin:0 10px 0 0;width:20px}.the-punic-wars .route>div{border-top:2px dashed #666;height:0;margin:0 8px 0 0;width:22px}.the-punic-wars .syracuse>div{background-color:#749bec}.the-punic-wars .rome>div{background-color:#f8bebd}.the-punic-wars .messana>div{background-color:#d08fe4}.the-punic-wars .carthage>div{background-color:#b9e9ce}.the-punic-wars .carthagian-rome>div{background:url(/static/media/CarthagianRome.6fced3c07db68345cb8a.svg)}.slides{position:relative;-webkit-transform:translateX(0);transform:translateX(0)}.slides.next,.slides.prev{transition:-webkit-transform .75s ease;transition:transform .75s ease;transition:transform .75s ease,-webkit-transform .75s ease}.slides.next .slides-current,.slides.prev .slides-current{transition:opacity .75s ease}.slides.prev{-webkit-transform:translateX(100%);transform:translateX(100%)}.slides.prev .slides-current{opacity:0}.slides.next{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slides.next .slides-current{opacity:0}.slides .slides-current{opacity:1}.slides .slides-next,.slides .slides-prev{height:100%;opacity:0;position:absolute;top:0;transition:opacity .75s ease;width:100%}.slides.animation .slides-next,.slides.animation .slides-prev{opacity:1}.slides .slides-next{left:100%}.slides .slides-prev{left:-100%}.slides-wrapper{position:relative;width:100%}.slides-wrapper .slides-on-next,.slides-wrapper .slides-on-prev{margin:-21px 0 0;position:absolute;top:50%;z-index:10}.slides-wrapper .slides-on-next{right:6px}.slides-wrapper .slides-on-prev{left:6px}.choice input{height:0;opacity:0;position:absolute;width:0}.choice .input-header{font-size:1.5rem;line-height:1.4;margin:0 0 10px}@media(min-width:768px){.choice .input-header{font-size:1.7rem}}.choice label{border:1px solid #b9c0de;cursor:pointer;display:block;margin:-1px 0 0;position:relative;z-index:1}.choice label:active,.choice label:focus,.choice label:focus-within,.choice label:hover{border:1px solid var(--color-link);z-index:2}.choice label:active .choice-label,.choice label:focus .choice-label,.choice label:focus-within .choice-label,.choice label:hover .choice-label{color:var(--color-info-button);color:var(--color-black)}.choice label:active .choice-icon,.choice label:focus .choice-icon,.choice label:focus-within .choice-icon,.choice label:hover .choice-icon{border-right:1px solid var(--color-link)}.choice label.is-first{border-top-left-radius:5px;border-top-right-radius:5px}.choice label.is-last{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.choice .checkbox-checked,.choice .checkbox-unchecked,.choice .radio-checked,.choice .radio-unchecked{stroke:var(--color-link);fill:var(--color-white);height:20px;left:8px;position:absolute;top:8px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:20px;z-index:1}@media(min-width:768px){.choice .checkbox-checked,.choice .checkbox-unchecked,.choice .radio-checked,.choice .radio-unchecked{left:11px;top:11px}}.choice .checkbox-checked,.choice .radio-checked{stroke:var(--color-white);fill:var(--color-link);z-index:2}.choice .choice-wrapper .checkbox-unchecked,.choice .choice-wrapper .radio-unchecked{-webkit-transform:scale(1);transform:scale(1)}.choice .choice-wrapper .checkbox-checked,.choice .choice-wrapper .radio-checked,.choice .choice-wrapper.is-checked .checkbox-unchecked,.choice .choice-wrapper.is-checked .radio-unchecked{-webkit-transform:scale(0);transform:scale(0)}.choice .choice-wrapper.is-checked .checkbox-checked,.choice .choice-wrapper.is-checked .radio-checked{-webkit-transform:scale(1);transform:scale(1)}.choice .choice-icon{border-right:1px solid #b9c0de;height:38px;left:0;position:absolute;top:0;width:38px}@media(min-width:768px){.choice .choice-icon{height:42px;width:42px}}.choice .choice-label{height:38px;line-height:38px;padding:0 10px 0 48px}@media(min-width:768px){.choice .choice-label{height:42px;line-height:42px;padding:0 16px 0 58px}}.checkbox-checked .checkbox-checked-checkmark{stroke-width:2px}.checkbox-checked .checkbox-checked-box{stroke:var(--color-link)}.radio-checked .inner{stroke-width:3px}.quiz-question{margin:0 0 60px;position:relative}.quiz-question:last-child{margin:0 0 20px}.quiz-question .input-header{color:#444;margin:0;min-height:44px;padding:0 0 10px 59px}.quiz-question .level-tag{left:3px;line-height:1.2;position:absolute;text-align:center;top:3px}.level-tag{width:40px;z-index:2}.level-tag svg{display:block;margin:0 0 4px}.level-tag .level-tag-text{font-size:1.2rem;text-align:center;text-transform:capitalize}.quiz-batch .quiz-batch-top{align-items:baseline;display:flex;justify-content:space-between;margin:0 0 50px}.quiz-batch .quiz-batch-top span{display:inline-block;font-size:2.5rem;font-weight:300;line-height:1.3}@media(min-width:768px){.quiz-batch .quiz-batch-top span{font-size:3rem}}.quiz-batch .quiz-batch-top span:last-child{flex:0 0 60px;font-size:inherit;text-align:right}.quiz-batch .unanswered-error{color:var(--color-text-error);font-weight:500;line-height:1.4;opacity:0;transition:opacity .3s ease}.quiz-batch.has-error .unanswered-error{opacity:1}.question-complete>span{display:block;font-size:3rem;font-weight:300;margin:0 0 2px}.choice{margin:20px 0 0}.question-answer{font-size:1.6rem;padding:0 10px 10px 14px}.question-answer:nth-child(2n){background-color:var(--color-grey-background)}.question-answer li{line-height:1;margin:0 0 4px}.question-answer .question-explanation{line-height:1.5;margin:8px 0 0}.question-answer .question-label{line-height:1.5;padding:12px 0 0}.question-answer.is-correct{border-left:3px solid var(--color-success)}.question-answer.is-incorrect{border-left:3px solid var(--color-error)}.question-answer .question-answer-cells{margin:4px 0 0}@media(min-width:480px){.question-answer.is-incorrect .question-answer-cells{display:flex}.question-answer.is-incorrect .question-answer-cells>div{flex:0 0 50%}}.result-indicator .result-indicator-empty{fill:var(--color-white)}.result-indicator .result-indicator-none{fill:var(--color-grey-background-border)}.result-indicator .result-indicator-all{fill:var(--color-success)}.result-indicator text{text-anchor:middle;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:2rem}.result-indicator .result-indicator-text-result{font-size:5rem;font-weight:700;letter-spacing:-.4rem}.result-indicator .result-indicator-text-total{fill:var(--color-footer-sub-text);font-weight:300}.result-indicator .result-indicator-text-total tspan{font-family:Zilla Slab,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-style:italic}.quiz-complete .question-complete{margin:50px 0}.quiz-complete .quiz-complete-top{display:flex}.quiz-complete .quiz-complete-top-text{flex-basis:calc(100% - 60px);flex-grow:0;flex-shrink:0;padding:0 0 0 20px}@media(min-width:480px){.quiz-complete .quiz-complete-top-text{flex-basis:calc(100% - 100px);flex-grow:0;flex-shrink:0;padding:0 0 0 50px}}.quiz-complete .quiz-complete-top-text strong+p{line-height:1.5;margin:0}@media(min-width:480px){.quiz-complete .quiz-complete-top-text strong+p{margin:0 0 6px}}.quiz-complete .quiz-complete-top-indicator{flex:0 0 60px;padding:0}@media(min-width:480px){.quiz-complete .quiz-complete-top-indicator{flex:0 0 100px}}.quiz{padding:10px 0 0}@media(min-width:1440px){.quiz{padding:100px 0 200px}}.quiz.page{min-height:100vh}.quiz .button+.button{margin:10px 0 0}.quiz .quiz-wrapper{margin:0 auto;max-width:600px}.quiz .quiz-intro .choice{margin:60px 0}.quiz .choice-label>span{font-size:2.6rem;margin:0 10px 0 0;vertical-align:middle}.quiz .page-breadcrumbs{color:var(--color-sub-text);font-weight:600}.quiz .page-breadcrumbs button{color:var(--color-link);cursor:pointer;font-weight:600}.logo .cube-bg{fill:var(--color-white)}.logo .logo-border{stroke:var(--color-text);fill:none}.logo .cube-left{stroke:none;fill:#f0f0f1}.logo .cube-right{stroke:none;fill:#f7f7f7}.copy-field{position:relative;z-index:10}.copy-field .copy-field-text{background-color:var(--color-grey-background);border:1px solid var(--color-grey-background-border);border-radius:5px;display:block;height:38px;line-height:16px;padding:10px 12px;position:relative;text-align:left;width:100%}.copy-field .copy-field-text .icon-copy{fill:var(--color-text);height:16px;width:16px}.copy-field .copy-field-text:active .copy-field-icon,.copy-field .copy-field-text:focus .copy-field-icon,.copy-field .copy-field-text:hover .copy-field-icon{background-color:var(--color-grey-background-border);background-color:var(--color-disabled)}.copy-field .copy-field-text .copy-field-icon{background-color:initial;border-radius:50%;height:30px;padding:7px;position:absolute;right:4px;top:3px;transition:background-color .3s ease;width:30px}.copy-field .copy-field-text{cursor:pointer}.copy-field.has-error .copy-field-error,.copy-field.has-loaded .copy-field-success{opacity:1}.copy-field .copy-field-error,.copy-field .copy-field-success{border-radius:5px;left:0;opacity:0;padding:0 10px;pointer-events:none;position:absolute;top:-36px;transition:opacity .3s ease}.copy-field .copy-field-success{background-color:var(--color-success);color:var(--color-white)}.copy-field .copy-field-error{background-color:var(--color-error);color:var(--color-white)}.acknowledgements{padding:60px 0}@media(min-width:768px){.acknowledgements{padding:100px 0}}.acknowledgements .quoute{margin:0 0 60px}.acknowledgements ul{margin:0 0 50px}.acknowledgements b{font-weight:600}.acknowledgements .acknowledgements-tools a{align-items:center;color:var(--color-text);display:flex;font-weight:400}.acknowledgements .acknowledgements-tools a:active,.acknowledgements .acknowledgements-tools a:focus,.acknowledgements .acknowledgements-tools a:hover{color:var(--color-text)}.acknowledgements .acknowledgements-tools .logo-wrapper{height:22px;margin:0 14px 0 0;width:22px}.acknowledgements .acknowledgements-tools .cloudflare{padding:6px 0 0}.acknowledgements .editors .logo-wrapper{padding:1px}@media(min-width:768px){.acknowledgements .flex{display:flex;justify-content:space-between}}.acknowledgements .acknowledgements-preinfo{max-width:480px}@media(min-width:768px){.acknowledgements .acknowledgements-preinfo{flex:0 0 50%}}.acknowledgements .acknowledgements-tools{margin:80px 0 0}@media(min-width:480px){.acknowledgements .acknowledgements-tools{display:flex}.acknowledgements .acknowledgements-tools>div{flex:0 0 50%}}@media(min-width:768px){.acknowledgements .acknowledgements-tools{display:block;flex:0 0 50%;margin:0;padding:10px 0 0 80px}}@media(min-width:1024px){.acknowledgements .acknowledgements-tools{display:flex}}.acknowledgements .sass .logo-wrapper{position:relative;top:3px}.acknowledgements .babel .logo-wrapper{padding:0;position:relative;top:7px}.acknowledgements .footnote{font-size:1.3rem;margin:50px 0 0}@media(min-width:768px){.acknowledgements .footnote{font-size:1.5rem;margin:80px 0 0}}.acknowledgements .footnote li{line-height:1.5;padding:0 0 6px 14px;position:relative}.acknowledgements .footnote sup{left:0;position:absolute}.about{padding:60px 0}@media(min-width:768px){.about{padding:100px 0}}.about .quoute{margin:0 0 60px}.about p{max-width:480px}.about p b{font-weight:600}.about .image-wrapper{border:10px solid var(--color-white);box-shadow:0 4px 24px -15px rgba(0,0,0,.6);display:none;margin:30px 0 50px;min-width:200px}@media(min-width:600px){.about .image-wrapper{margin:0;position:absolute;right:0;top:0}}@media(min-width:768px){.about .image-wrapper{top:-20px;width:300px}}@media(min-width:1024px){.about .image-wrapper{top:-120px}}@media(min-width:1440px){.about .image-wrapper{width:400px}}.about .paragraphs-and-image{position:relative}@media(min-width:600px){.about .paragraphs-and-image p{width:300px}}@media(min-width:768px){.about .paragraphs-and-image p{width:calc(100% - 370px)}}.about .paragraphs{border-top:1px solid var(--color-grey-background-border);margin:70px 0 0;max-width:480px;padding:60px 0 0}@media(min-width:600px){.about .paragraphs{width:300px}}@media(min-width:768px){.about .paragraphs{margin:140px 0 0;padding:120px 0;width:calc(100% - 370px)}}.about .footnote{font-size:1.3rem;margin:50px 0 0}@media(min-width:768px){.about .footnote{font-size:1.5rem;margin:80px 0 0}}.about .footnote li{line-height:1.5;padding:0 0 6px 14px;position:relative}.about .footnote sup{left:0;position:absolute}.footer-wrapper .discord-icon,.footer-wrapper .reddit-icon,.footer-wrapper .twitter-icon{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.7}@media(pointer:fine){.footer-wrapper .discord-icon,.footer-wrapper .reddit-icon,.footer-wrapper .twitter-icon{transition:opacity .3s ease,-webkit-filter .3s ease;transition:filter .3s ease,opacity .3s ease;transition:filter .3s ease,opacity .3s ease,-webkit-filter .3s ease}.footer-wrapper .discord-icon:focus,.footer-wrapper .discord-icon:hover,.footer-wrapper .reddit-icon:focus,.footer-wrapper .reddit-icon:hover,.footer-wrapper .twitter-icon:focus,.footer-wrapper .twitter-icon:hover{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}}.footer-wrapper .social .reddit-link{display:none}.footer-wrapper .twitter-icon{position:relative;top:3px}.footer-wrapper .social ul{margin:4px 0 0}.footer-wrapper .social li{display:inline-block;margin:0 6px 0 0;vertical-align:top}@media(min-width:768px){.footer-wrapper .social li{margin:0 10px 0 0}}.footer-wrapper .social .discord-icon{height:26px;width:26px}@media(min-width:768px){.footer-wrapper .social .discord-icon{height:34px;width:34px}}.footer-wrapper .social a{display:inline-block;height:22px;line-height:22px;padding:2px;width:22px}@media(min-width:768px){.footer-wrapper .social a{height:30px;line-height:30px;width:30px}}.map-on-left .social li{margin:0 0 0 10px}@media(min-width:768px){.map-on-left .social li{margin:0 0 0 14px}}footer{background-color:var(--color-grey-background);border-top:1px solid var(--color-grey-background-border);font-size:1.4rem;min-height:300px;pointer-events:none;position:relative;z-index:200}@media(min-width:768px){footer{font-size:1.6rem}}footer strong{color:var(--color-sub-text)}footer article{padding:40px 0}footer .footer-wrapper a{color:var(--color-text);font-weight:400;pointer-events:auto}footer p.consent{color:var(--color-sub-text);font-size:1.3rem;line-height:1.4;margin:80px 0 0}@media(min-width:768px){footer p.consent{font-size:1.4rem}}footer .footer-logo{padding:40px 0 0}@media(min-width:1024px){footer .footer-logo{padding:0}footer .footer-logo svg{margin:0 14px 0 0}}footer .footer-logo a{color:var(--color-footer-sub-text)}@media(min-width:768px){footer.map-on-right{background:linear-gradient(to right,var(--color-grey-background),hsla(0,0%,100%,0) 50%);border-top:none}}@media(min-width:1024px){footer.map-on-right{background:linear-gradient(to right,var(--color-grey-background) 40%,hsla(0,0%,100%,0) 67%)}}@media(min-width:768px){footer.map-on-right .footer-border{background:linear-gradient(to right,var(--color-grey-background-border),transparent 50%);display:block;height:1px}}@media(min-width:1024px){footer.map-on-right .footer-border{background:linear-gradient(to right,var(--color-grey-background-border),transparent 67%)}}@media(min-width:768px){footer .grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto;justify-items:stretch}}@media(min-width:1280px){footer .grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}@media(min-width:768px){footer.map-on-left .grid,footer.map-on-right .grid{display:block}}@media(min-width:1024px){footer.map-on-left .grid,footer.map-on-right .grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}}@media(min-width:768px){footer .maps{grid-column:1/3}footer .pages{grid-column:3/5}footer .support{grid-column:1/3}footer .social{grid-column:3/5}footer .contact{grid-column:1/3}footer p.consent{grid-column:3/5;margin:0 0 30px;order:6}footer .footer-logo{grid-column:1/5;order:7}}@media(min-width:1024px){footer .maps{grid-column:1/2}footer .pages{grid-column:2/3}footer .support{grid-column:3/4}footer .social{grid-column:4/5}footer .contact{grid-column:1/3}footer p.consent{grid-column:2/5;margin:40px 0 0;order:7}footer .footer-logo{grid-column:1/5;order:6}}@media(min-width:1280px){footer .contact{grid-column:5/6}footer p.consent{grid-column:2/5;margin:50px 0 0}footer .footer-logo{grid-column:1/6}}footer.map-on-left p.consent{display:none}@media(min-width:1024px){footer.map-on-left .maps{grid-column:1/3}footer.map-on-left .pages{grid-column:3/5}footer.map-on-left .support{grid-column:1/3}footer.map-on-left .contact,footer.map-on-left .social{grid-column:3/5}footer.map-on-left .footer-logo{grid-column:1/5}}@media(min-width:1024px)and (orientation:landscape){footer.map-on-left .maps{grid-column:3/4}footer.map-on-left .pages{grid-column:4/5}footer.map-on-left .support{grid-column:3/4}footer.map-on-left .social{grid-column:4/5}footer.map-on-left .contact{grid-column:3/5}footer.map-on-left .footer-logo{grid-column:1/5}}footer.map-on-right p.consent{display:none}@media(min-width:1024px){footer.map-on-right .maps{grid-column:1/3}footer.map-on-right .pages{grid-column:3/5}footer.map-on-right .support{grid-column:1/3}footer.map-on-right .social{grid-column:3/5}footer.map-on-right .contact{grid-column:1/3}footer.map-on-right .footer-logo{grid-column:1/5}}@media(min-width:1024px)and (orientation:landscape){footer.map-on-right .maps{grid-column:1/2}footer.map-on-right .pages{grid-column:2/3}footer.map-on-right .support{grid-column:1/2}footer.map-on-right .social{grid-column:2/3}footer.map-on-right .contact{grid-column:1/3}footer.map-on-right .footer-logo{grid-column:1/5}}@media(min-width:768px){footer.map-on-left{background:linear-gradient(to left,var(--color-grey-background),hsla(0,0%,100%,0) 50%);border-top:none;text-align:right}}@media(min-width:1024px){footer.map-on-left{background:linear-gradient(to left,var(--color-grey-background),hsla(0,0%,100%,0) 67%)}}@media(min-width:1440px){footer.map-on-left section{margin:0 0 0 70vh;max-width:1024px;padding:0 25px 0 0}footer.map-on-left article{margin:0}}@media(min-width:768px){footer.map-on-left .footer-border{background:linear-gradient(to left,var(--color-grey-background-border),transparent 50%);display:block;height:1px}}@media(min-width:1024px){footer.map-on-left .footer-border{background:linear-gradient(to left,var(--color-grey-background-border),transparent 67%)}}footer .contact,footer .maps,footer .pages,footer .social,footer .support{margin:0 0 30px}@media(min-width:768px){footer .contact,footer .maps,footer .pages,footer .social,footer .support{margin:0 0 50px}}footer .contact li,footer .maps li,footer .pages li,footer .social li,footer .support li{height:24px}@media(min-width:480px){footer .contact li,footer .maps li,footer .pages li,footer .social li,footer .support li{height:30px}}footer .contact strong,footer .maps strong,footer .pages strong,footer .social strong,footer .support strong{font-weight:500;letter-spacing:.05rem;text-transform:uppercase}footer .contact a,footer .maps a,footer .pages a,footer .social a,footer .support a{display:block;height:24px;white-space:nowrap}@media(min-width:480px){footer .contact a,footer .maps a,footer .pages a,footer .social a,footer .support a{height:30px}}footer .footer-logo{text-align:center}footer .footer-logo>a{align-items:center;display:inline-flex;flex-direction:column}@media(min-width:768px){footer .footer-logo{margin:0}}footer .footer-logo svg{display:inline-block;width:40px}@media(min-width:768px){footer.map-on-left .footer-logo{padding:0;text-align:right}footer.map-on-left .footer-logo>a{flex-direction:row}footer.map-on-left .footer-logo svg{margin:0 12px 0 0}footer.map-on-right .footer-logo{padding:0;text-align:left}footer.map-on-right .footer-logo>a{flex-direction:row}footer.map-on-right .footer-logo svg{margin:0 12px 0 0}}.page{min-height:calc(100vh - 300px)}.map-highlights{height:100%;left:0;position:absolute;top:0;width:100%;z-index:60}@media print{footer{display:none}@page{size:A4;margin:10mm 0 0 0}}.hundred-years-war-map{background:radial-gradient(closest-side at 65% 35%,#e1eeff 5%,#fff 180%);height:0;padding:0 0 131.1594%;position:relative;width:100%}@media(min-width:768px){.hundred-years-war-map{padding:0 0 156.473829%}}.hundred-years-war-map .map-highlights{overflow:hidden}.hundred-years-war-map #pattern_ally_burgundy,.hundred-years-war-map #pattern_burgundy{stroke:var(--color-flag-burgundy);stroke-width:2px;fill:none}.hundred-years-war-map #pattern_ally_burgundy{stroke:#5573af}.hundred-years-war-map #pattern_uk_exp{stroke:#ca2325;stroke-width:2px}.hundred-years-war-map img{opacity:.2;pointer-events:none;position:relative;z-index:45}.hundred-years-war-map>svg{border-bottom:1px solid var(--color-text);display:block;height:100%;opacity:1;position:absolute;right:0;top:0;width:100%;z-index:5}@media(min-width:768px){.hundred-years-war-map>svg{border-bottom:none}}.hundred-years-war-map .territory{opacity:1;transition:opacity .3s ease}.hundred-years-war-map.has-item-hovered .territory,.hundred-years-war-map.is-active .territory{opacity:.4}.hundred-years-war-map.has-item-hovered .territory.is-active,.hundred-years-war-map.is-active .territory.is-active{opacity:1}.hundred-years-war-map .land{fill:#fff;stroke:none}.hundred-years-war-map .mesh{fill:none;stroke:#777}.hundred-years-war-map .uk_exp{fill:url(#pattern_uk_exp);stroke:none;fill-opacity:.8}.hundred-years-war-map .france{fill:url(#pattern_france)}.hundred-years-war-map #pattern_france rect{fill:#e1eafd}.hundred-years-war-map #pattern_france path{fill:#94b4f2}.hundred-years-war-map .navarre{fill:none}.hundred-years-war-map .avignon,.hundred-years-war-map .navarre{stroke:none}.hundred-years-war-map .uk{fill:url(#pattern_uk)}.hundred-years-war-map #pattern_uk rect{fill:#fff;fill:#fff6f6}.hundred-years-war-map #pattern_uk line{stroke:#ffc3c3}.hundred-years-war-map #pattern_scotland rect{fill:#c4d2fe}.hundred-years-war-map #pattern_scotland line{stroke:#fff}.hundred-years-war-map .scotland{fill:url(#pattern_scotland)}.hundred-years-war-map .avignon{fill:var(--color-flag-papacy)}.hundred-years-war-map .burgundy{fill:var(--color-flag-burgundy);fill:url(#pattern_burgundy)}.hundred-years-war-map .ally_burgundy{fill:url(#pattern_ally_burgundy)}.hundred-years-war.is-loading .territory{opacity:0}.hundred-years-war.is-loading .hundred-years-war-map{pointer-events:none}.hundred-years-war.is-loading .map-highlights{opacity:0}.english-reigns,.french-reigns{font-size:1.2rem;position:relative;width:100%}@media(min-width:480px){.english-reigns,.french-reigns{width:400px}}.english-reigns .reigns-names,.french-reigns .reigns-names{padding:0 14px 16px;position:relative;z-index:2}.english-reigns svg,.french-reigns svg{overflow:visible}.english-reigns text,.french-reigns text{text-anchor:middle}.english-reigns a text,.french-reigns a text{fill:var(--color-info-button);opacity:.9;transition:opacity .3s ease}.english-reigns a text:active,.english-reigns a text:focus,.english-reigns a text:hover,.french-reigns a text:active,.french-reigns a text:focus,.french-reigns a text:hover{opacity:1}.english-reigns tspan,.french-reigns tspan{fill:var(--color-text);font-size:1.1rem;font-weight:400}.english-reigns .dotted,.french-reigns .dotted{stroke-dasharray:1 3;stroke:var(--color-sub-text);stroke-opacity:.3}.english-reigns path,.french-reigns path{stroke:var(--color-sub-text);fill:none}.english-reigns .reigns-link-bg,.french-reigns .reigns-link-bg{fill:var(--color-link-bg)}.english-reigns .reign-time-label,.english-reigns .reign-time-legend,.french-reigns .reign-time-label,.french-reigns .reign-time-legend{fill:var(--color-sub-text);text-anchor:end;font-size:.9rem}.english-reigns .reign-time-legend,.french-reigns .reign-time-legend{text-anchor:start}.english-reigns circle,.french-reigns circle{fill:var(--color-sub-text)}.english-reigns .burgundians-bg,.french-reigns .burgundians-bg{fill:var(--color-header-dark);fill:#ecf1f7;fill:#f5f9ff}.english-reigns .burgundians-text,.french-reigns .burgundians-text{font-size:1rem}.hundred-years-war .grid{display:grid;grid-template-columns:fit-content(100%)}@media(min-width:1024px){.hundred-years-war .grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;justify-items:stretch}}.hundred-years-war .grid-header,.hundred-years-war .grid-references,.hundred-years-war .grid-sounds{margin:20px 0 0}.hundred-years-war .grid-header h1{margin:0}.hundred-years-war .grid-header{order:2}@media(min-width:768px){.hundred-years-war .grid-header{order:1}}@media(min-width:1024px){.hundred-years-war .grid-header{grid-column:1/3}}.hundred-years-war .grid-slider-input-and-legend{order:1}@media(min-width:768px){.hundred-years-war .grid-slider-input-and-legend{margin:40px 0;order:2}}@media(min-width:1024px){.hundred-years-war .grid-slider-input-and-legend{order:3;padding:0 0 0 40px}}@media(min-width:1280px){.hundred-years-war .grid-slider-input-and-legend{padding:0 20px 0 60px}}@media(min-width:1440px){.hundred-years-war .grid-slider-input-and-legend{padding:0 40px 0 60px}}.hundred-years-war .grid-body{order:3}@media(min-width:768px){.hundred-years-war .grid-body{margin:40px 0}}@media(min-width:1024px){.hundred-years-war .grid-body{max-width:400px;order:2}}@media(min-width:1440px){.hundred-years-war .grid-body{max-width:600px}}.hundred-years-war .grid-sounds{order:4}.hundred-years-war .grid-references{order:5}@media(min-width:1024px){.hundred-years-war .grid-references{padding:0 0 0 40px}}@media(min-width:1280px){.hundred-years-war .grid-references{padding:0 40px 0 60px}}.hundred-years-war .grid-body,.hundred-years-war .grid-header h1,.hundred-years-war .grid-references,.hundred-years-war .grid-sounds,.hundred-years-war .icon-info-wrapper,.hundred-years-war .map-legends{transition:opacity .3s ease}.hundred-years-war.is-loading .grid-body,.hundred-years-war.is-loading .grid-header,.hundred-years-war.is-loading .grid-references,.hundred-years-war.is-loading .grid-sounds,.hundred-years-war.is-loading .icon-info-wrapper,.hundred-years-war.is-loading .map-legends{opacity:0}@media(min-width:768px){.hundred-years-war.is-loading .grid-header{opacity:1}.hundred-years-war.is-loading .grid-header h1,.hundred-years-war.is-loading .map-name-year{opacity:0}}.hundred-years-war{min-height:100vh;overflow:hidden;padding:0 0 80px;position:relative}@media(min-width:768px){.hundred-years-war{display:flex;justify-content:flex-end}.hundred-years-war .info-wrapper{margin:0 50% 0 0;max-width:1024px;order:1;padding:20px 20px 40px 0;width:50%}}@media(min-width:1024px){.hundred-years-war .info-wrapper{margin:0 33% 0 0;padding:20px 0 40px;width:67%}}@media(min-width:1440px){.hundred-years-war .info-wrapper{padding:50px 80px 50px 0}}.hundred-years-war .map-wrapper{position:relative}@media(min-width:768px){.hundred-years-war .map-wrapper{display:flex;margin:-5px 0 0;order:2;position:fixed;right:0;top:0;width:50%}}@media(min-width:1024px){.hundred-years-war .map-wrapper{max-width:1024px;width:33%}}@media(min-width:768px){.hundred-years-war .mobile-header{display:none}}@media(min-width:768px)and (pointer:fine){.hundred-years-war .map-desktop-hint{margin:0 0 0 60%;width:40%}}.hundred-years-war .ally-burgundy>div,.hundred-years-war .burgundy>div,.hundred-years-war .england-exp>div,.hundred-years-war .england>div,.hundred-years-war .france>div,.hundred-years-war .papacy>div,.hundred-years-war .scotland>div{background-size:20px 20px;border-radius:10px;height:20px;margin:0 10px 0 0;width:20px}.hundred-years-war .england>div{background:url(/static/media/England.149961f2574554c9de35.svg)}.hundred-years-war .scotland>div{background:url(/static/media/Scotland.65e9ec9e5ffdcaeb5aee.svg)}.hundred-years-war .england-exp>div{background:url(/static/media/EnglandExp.24c2a99854dc698834b3.svg)}.hundred-years-war .papacy>div{background-color:var(--color-flag-papacy);opacity:.6}.hundred-years-war .france>div{background:url(/static/media/France.4c1feff3e6de0665275c.svg)}.hundred-years-war .burgundy>div{background:url(/static/media/Burgundy.6018aa419e6cf33fff69.svg)}.hundred-years-war .ally-burgundy>div{background:url(/static/media/AllyBurgundy.92386cc8339e68c7f8e3.svg)}.overlay{background-color:initial;border:0;display:block;height:100vh;left:0;margin:0;opacity:0;padding:16px;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease 30ms;width:100vw;z-index:var(--z-overlay)}@media(min-width:480px){.overlay{align-items:flex-start;display:flex;justify-content:center;padding:25px}}.overlay.active{opacity:1;pointer-events:all}.overlay .overlay-body{background-color:var(--color-white);border:2px solid var(--color-white);border-radius:10px;box-shadow:0 0 20px -6px var(--color-black);overflow-y:scroll;position:relative}@media(min-width:768px){.overlay .overlay-body{margin:3vh 0 0}}.overlay .overlay-close{bottom:-20px;left:50%;margin:0 0 0 -19px;position:absolute;z-index:2}@media(min-width:768px){.overlay .overlay-close{margin:0 0 0 -21px}}@media(pointer:fine){.overlay .overlay-close{bottom:auto;left:auto;margin:0;right:-20px;top:calc(3vh - 21px)}}.overlay .overlay-close .close{height:14px;width:14px}.overlay .reigns-image-attributes{color:var(--color-sub-text);display:flex;font-size:1rem;justify-content:space-between;line-height:1.4;padding:4px 16px 0}@media(min-width:480px){.overlay .reigns-image-attributes{font-size:1.2rem}}.not-found{padding:60px 0}@media(min-width:768px){.not-found{padding:100px 0}}.not-found .quoute{margin:0 0 60px}.not-found p{max-width:480px}.not-found p b{font-weight:600}.rulers{padding:100px 0}.app .ruler-wrapper{margin:0 auto;max-width:600px}.app .ruler-wrapper h1,.app .ruler-wrapper h3{margin:80px 0 34px}.app .ruler-wrapper li{margin:0 0 34px}:root{--color-white:#fff;--color-black:#000;--color-text:#2e2d2e;--color-text-dark:#b0b5bb;--color-header-dark:#e8e9ea;--color-sub-text:#72757b;--color-footer-sub-text:#6e7177;--color-disabled:#e6e7e9;--color-grey-background-border:#eaeaea;--color-grey-background:#f7f7f7;--color-box-background:#fafafa;--color-link:#5c8df5;--color-link:#4170d3;--color-link-hovered:#459fff;--color-info-button:#4974d0;--color-info-button:#385ba5;--color-link-shadow:#326aa7;--color-link-bg:#e1eafd;--color-flag-papacy:#b780b7;--color-flag-burgundy:#218f24;--color-flag-england:#cd1f2c;--color-flag-scotland:#1f65bf;--color-success:#19b783;--color-error:#fd647b;--color-text-error:#f73542;--z-overlay:600}*,:after,:before{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,ol,p,ul{font-weight:400;margin:0;padding:0}ol,ul{list-style:none}section{padding:0 16px}@media(min-width:480px){section{padding:0 25px}}article{margin:0 auto;max-width:1440px}.center{text-align:center}.relative{position:relative}.landscape-and-up{display:none}@media(min-width:480px){.landscape-and-up{display:block}}.tablet-and-up{display:none}@media(min-width:768px){.tablet-and-up{display:block}}#backdrop{background-color:#000;background-color:var(--color-black);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:400}.show-backdrop #backdrop{opacity:.6;pointer-events:all}.page-breadcrumbs{margin:0 0 40px}.page-breadcrumbs>span{margin:0 10px}hr{border:none;border-top:1px solid #eaeaea;border-top:1px solid var(--color-grey-background-border);display:block;height:0;margin:40px 0}.hide{display:none}.searchable-image{height:500px;left:110vw;pointer-events:none;position:absolute;top:0;width:500px}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);font-family:Zilla Slab,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.6rem;line-height:1.7}@media(min-width:768px){body{font-size:1.8rem}}.app a{color:var(--color-link);font-weight:600;text-decoration:none;transition:color .3s ease}.app a:active,.app a:focus,.app a:hover{color:var(--color-info-button);outline:none}.app p{font-size:1.6rem;line-height:1.7;margin:14px 0}@media(min-width:768px){.app p{font-size:1.8rem}}.app h1,.app h1+p,.app h2+p,.app h3+p,.app h4+p,.app h5+p,.app h6+p{margin:0 0 14px}.app h1{font-size:3.4rem;font-weight:300;letter-spacing:-.05rem;line-height:1.2}@media(min-width:768px){.app h1{font-size:4rem}}.app h2{font-size:3rem;font-weight:300;letter-spacing:-.05rem;line-height:1.3;margin:0 0 14px}@media(min-width:768px){.app h2{font-size:3.5rem}}.app h3{font-size:2.5rem;font-weight:900;line-height:1.5;margin:0 0 10px}@media(min-width:768px){.app h3{font-size:3rem}}.app h4{font-size:2rem;font-weight:900;line-height:1.5;margin:0 0 10px}@media(min-width:768px){.app h4{font-size:2.4rem}}.app h5{font-size:1.8rem}.app h5,.app h6{font-weight:900;line-height:1.7;margin:0 0 10px}.app h6{font-size:1.6rem}.app b{font-weight:700}.app strong{font-weight:900}.app blockquote,.app i{font-style:italic}.app .ellipsis{overflow:hidden;text-overflow:clip;text-overflow:ellipsis;white-space:nowrap}.app blockquote,.app figure{line-height:1.5;margin:0}.app figcaption cite{color:var(--color-sub-text);font-size:1.4rem;font-style:normal}@media(min-width:768px){.app figcaption cite{font-size:1.6rem}}.app sup{vertical-align:top}
/*# sourceMappingURL=main.db5d5d80.css.map*/