h1,h2,h3{color:#21005d}body{background-color:#21005d}a{color:#21005d}.spacer{width:100%;height:150px;min-height:150px;background-position:center;background-size:cover}.wave{background-image:url(/img/layered-waves-haikei-narrow.svg)}@media (512px <= width <= 1024px){.wave{background-image:url(/img/layered-waves-haikei-medium.svg)}}@media (width >= 1024px){.wave{background-image:url(/img/layered-waves-haikei-wide.svg)}}#home-top{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:20px;padding:30px}#home-top #tagline{text-align:center;width:250px}#home-content{display:flex;flex-direction:column;height:100%;background-color:#fff}#home-actions{flex:1;display:flex;flex-direction:column;align-items:center;gap:30px;padding-top:50px;padding-bottom:50px;background-color:#21005d;color:#ffe1de}#home-actions a{color:#ffe1de;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:10px}#home-actions a:hover{color:#da9fa9}#home-actions .action-description{display:inline-flex;align-items:center;gap:.2em}#home-actions .action-description svg{width:1em}#home-actions svg{max-width:60px}@media (512px <= width <= 1024px){#home-top{margin-top:50px;flex-direction:row;justify-content:center}#home-actions{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;flex-wrap:wrap;align-content:flex-start}#home-actions a{display:flex;flex-direction:row;justify-content:center;width:40%}#home-actions img{height:60px;width:auto}}@media (width >= 1024px){#home-top{margin-top:50px;flex-direction:row;justify-content:center}#home-actions{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;flex-wrap:wrap;align-content:flex-start;gap:30px}#home-actions a{flex-direction:row;justify-content:center}#home-actions img{height:60px;width:auto}}footer{width:100%;padding-top:50px;background-color:#21005d;color:#da9fa9;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;row-gap:0}footer .footer-item{padding:10px 20px}.search-field-wrapper{position:relative;color:#21005d}.search-field-wrapper .icon{position:absolute;height:1.5rem;width:1.5rem;padding:2px;box-sizing:border-box;top:50%;left:.5rem;transform:translateY(-50%)}.search-field-wrapper .search-clear .icon{right:.5rem;left:auto;cursor:pointer}.search-field-wrapper .search-clear.hidden{visibility:hidden}.search-field-wrapper .search-clear .icon:hover{color:#21005d}.search-field-wrapper .search-field{height:50px;box-sizing:border-box;width:100%;font-size:1.1em;border-top:0;border-left:0;border-right:0;border-bottom:2px solid #21005d;padding-bottom:30px;padding-top:30px;padding-left:2.5rem;margin-bottom:10px;margin-top:10px}.search-field-wrapper .search-field::placeholder{color:#6f2a6c}.search-results{margin:0;padding:0;display:flex;flex-direction:column}.search-results-empty{color:#21005d;padding:10px;font-style:italic}.search-results-more{color:#21005d;cursor:pointer;padding:10px;font-style:italic}.search-result-item{list-style:none;margin-bottom:5px}.search-result-item a{text-decoration:none;padding:10px;border-radius:5px;display:block}.search-result-item a:hover{background-color:#fafafa}.search-result-item .game-name{font-size:1.2rem;color:#21005d}.search-result-item .game-rule{color:inherit}.search-result-item .highlighted{font-weight:700;color:#21005d}#page-random{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;padding-top:50px}#page-random .dice-icon{width:30%}@media (512px <= width){#page-random .dice-icon{width:60px}}.rule-section{display:flex;flex-direction:column;width:100%;margin-top:20px}.rule-info{display:flex;flex-direction:column;gap:5px}@media (512px <= width){.rule-section{flex-direction:row-reverse;align-items:flex-start;gap:20px}.rule-section .rule-cover-image{flex-shrink:3;width:100%}.rule-section .rule-info{flex-shrink:2;width:100%}}.rule-cover-image{overflow:hidden;border-top-left-radius:5px;border-top-right-radius:5px;margin-bottom:10px}.rule-cover-image img{width:100%;-webkit-user-select:none;user-select:none}@media (512px > width){.rule-cover-image.closed{height:200px;position:relative}.rule-cover-image.closed:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(transparent 150px,#fff)}}.rule-pagination{display:flex;justify-content:center;gap:10px;font-size:1.2em;padding-top:20px}.rule-pagination .icon{height:1em;width:1em}.rule-pagination a{display:flex;gap:5px;align-items:center;text-decoration:none;color:#7f7f7f}.rule-pagination a:hover{color:#21005d}@media (width >= 512px){.rule-pagination{gap:30px;font-size:1em;justify-content:flex-start}}@media (width < 512px){.rule-pagination-text{display:none}}@media (width >= 512px){.rule-game-title{margin-top:0}}.rule-game-year{font-size:.6em;padding-left:.2em;font-weight:400}.rule-game-title{margin-bottom:.5em}.rule-text{font-size:1.3em;margin-top:.5em}.rule-bgg-link{display:flex;gap:5px;text-decoration:none;align-items:center;color:#7f7f7f}.rule-bgg-link:hover{color:#21005d}.rule-bgg-link .icon{height:1em;width:1em}.rule-details{padding-left:20px;width:100%;margin-bottom:10px}.rule-details-open-close{margin-left:-20px;display:flex;align-items:center;gap:5px;width:100%;cursor:pointer;color:#7f7f7f}.rule-details-open-close:hover{color:#21005d}.rule-details-open-close .rule-details-icon{display:flex;align-items:center;justify-content:center;width:15px}.rule-details-content blockquote{border-left:3px solid #d5b0ac;margin-left:0;padding-left:10px}.details-open-button,.rule-details-content{grid-area:content}.rule-details-content.closed{display:none}.not-found-404 h1{display:inline-flex;gap:.3em;align-items:center}.not-found-404 .icon{height:1em;width:1em;rotate:140deg;color:#da9fa9}nav{background-color:#21005d;width:100%}.topmenu{display:flex;justify-content:center;flex-direction:row;width:100%}.topmenu-content{display:flex;width:100%;max-width:1024px;flex-direction:row;justify-content:flex-end;align-items:flex-start;gap:20px;background-color:#21005d;color:#ffe1de;padding-top:20px}.overlay .item-image:first-child{margin-left:4vw}.overlay .item-image:last-child{margin-right:4vw}.topmenu .home{margin-left:20px;margin-right:auto}.topmenu .home{margin-right:auto;background-color:#21005d;color:#ffe1de}.topmenu .icon{max-height:48px;max-width:48px}.topmenu ul{list-style-type:none;margin:0;padding:0}.topmenu a{color:#ffe1de}.topmenu a:hover{color:#da9fa9}.topmenu .menu-text{display:inline-flex;align-items:center;gap:.2em}.topmenu .menu-text svg{height:1em;width:1em}.topmenu-border{width:100%;height:80px;min-height:80px;background-position:center;background-size:cover}.topmenu-border{background-image:url(/img/header-border-decoration-narrow.svg)}@media (512px <= width <= 1024px){.topmenu-border{background-image:url(/img/header-border-decoration-medium.svg)}}@media (width >= 1024px){.topmenu-border{background-image:url(/img/header-border-decoration-wide.svg)}}@media (width >= 2048px){.topmenu-border{background-image:url(/img/header-border-decoration-very-wide.svg)}}.topmenu .hamburger{display:flex;flex-direction:column;align-items:flex-end;background-color:#21005d;color:#ffe1de;margin-right:20px}.topmenu .hamburger-icon{color:#ffe1de}.topmenu .hamburger-icon:hover{color:#da9fa9}.topmenu .hamburger a{display:flex;flex-direction:row;justify-content:flex-end;text-align:right;align-items:center;gap:10px;text-decoration:none;font-size:1.4em}.topmenu .hamburger li+li{margin-top:10px}.topmenu .hamburger .icon{max-width:48px}.topmenu .horizontal{display:flex;flex-direction:row;gap:20px;align-items:center;margin-right:20px}.topmenu .horizontal li{display:flex;flex-direction:row}.topmenu .horizontal a{display:flex;flex-direction:row-reverse;align-items:center;gap:10px;text-decoration:none;font-size:1em}.topmenu .horizontal .icon{max-height:30px}@media (width < 512px){.topmenu .horizontal{display:none}}@media (512px <= width){.topmenu .hamburger{display:none}}#page{min-height:100%;display:flex;flex-direction:column;align-items:center;background-color:#fff}#page-content{padding-left:20px;padding-right:20px;box-sizing:border-box;width:100%;max-width:1024px;background-color:#fff}#page-header{padding:0;box-sizing:border-box;width:100%}.bottom{margin-top:auto;width:100%}html,body,#root{margin:0;height:100%;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0}:focus{outline-color:#da9fa9;outline-offset:4px}.unstyle-button{-webkit-appearance:none;border-radius:0;text-align:inherit;background:none;box-shadow:none;padding:0;border:none;font:inherit}
