body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chromatic-section{gap:2rem;padding:2rem}.chromatic-content,.chromatic-section{align-items:center;display:flex;flex-direction:column}.chromatic-content{gap:1rem;max-width:800px;text-align:center}.chromatic-image{border-radius:8px;max-height:400px;object-fit:cover;width:100%}.inhabitant-previews{flex-wrap:wrap;justify-content:center}.inhabitant-preview{border-radius:8px;height:150px;width:150px}.chromatic-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.chromatic-button{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:transform .2s}.chromatic-button:hover{transform:scale(1.05)}.chromatic-button.active{outline:2px solid #fff}.chromatic-button.red{background-color:#f44;color:#fff}.chromatic-button.blue{background-color:#44f;color:#fff}.chromatic-button.green{background-color:#4f4;color:#000}.chromatic-button.white{background-color:#fff;color:#000}.chromatic-button.black{background-color:#444;color:#fff}.chroma-list{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 140px);justify-content:center;overflow:hidden;position:relative;width:100%}.chroma-card{max-height:60vh;position:absolute}.chroma-card.offscreen-top{opacity:0;pointer-events:none;transform:translateY(-150%) scale(.7)}.chroma-card.previous{filter:blur(1px);opacity:.3;pointer-events:none;transform:translateY(-35%) scale(.7)}.chroma-card.focused{opacity:1;transform:translateY(0) scale(1);z-index:2}.chroma-card.next{filter:blur(1px);opacity:.3;pointer-events:none;transform:translateY(35%) scale(.7)}.chroma-card.offscreen-bottom{opacity:0;pointer-events:none;transform:translateY(150%) scale(.7)}.inhabitant-previews{display:flex;gap:1rem;margin-top:1rem}.inhabitant-preview{border:2px solid #fff;border-radius:50%;height:60px;overflow:hidden;width:60px}.inhabitant-preview-image{height:100%;object-fit:cover;width:100%}.chroma-card[data-type=white]{background:linear-gradient(180deg,#fff,#f0f0f0);border:2px solid #fff;color:#000}.chroma-card[data-type=blue]{background:linear-gradient(180deg,#00f,#008);border:2px solid #00f;color:#fff}.chroma-card[data-type=black]{background:linear-gradient(180deg,#000,#333);border:2px solid #000;color:#fff}.chroma-card[data-type=red]{background:linear-gradient(180deg,red,#800);border:2px solid red;color:#fff}.chroma-card[data-type=green]{background:linear-gradient(180deg,#0f0,#080);border:2px solid #0f0;color:#000}.chroma-card.focused[data-type=white]{box-shadow:0 0 20px #ffffff80}.chroma-card.focused[data-type=blue]{box-shadow:0 0 20px #0000ff80}.chroma-card.focused[data-type=black]{box-shadow:0 0 20px #00000080}.chroma-card.focused[data-type=red]{box-shadow:0 0 20px #ff000080}.chroma-card.focused[data-type=green]{box-shadow:0 0 20px #00ff0080}.chroma-gallery{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 140px);justify-content:center;overflow:hidden}.faction-slots,.frontier-slots{justify-content:space-around;margin:1rem 0}.faction-slot,.frontier-slot{height:60px;transition:transform .3s;width:60px}.faction-slot:hover,.frontier-slot:hover{transform:scale(1.1)}.tooltip{background:#000000b3;bottom:-20px}.faction-slot:hover .tooltip,.frontier-slot:hover .tooltip{opacity:1}.chroma-card{aspect-ratio:16/9;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));max-width:800px;position:relative;transform-origin:center center;transition:all .8s cubic-bezier(.4,0,.2,1);width:50%}.chroma-info{background:#000000b3;bottom:0;color:#fff;left:0;padding:1.5rem;position:absolute;right:0}.chroma-container{align-items:center;display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:space-between;padding:2rem}.faction-slots,.frontier-slots{display:flex;justify-content:space-evenly;max-width:1200px;width:100%}.faction-slot,.frontier-slot{border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:relative;transition:transform .3s ease;width:80px}.chroma-carousel{align-items:center;display:flex;justify-content:center;max-width:1200px;position:relative;width:100%}.chroma-slide{position:relative;transition:transform .5s ease;width:80%}.nav-button{background:#00000080;padding:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.nav-button.prev{left:0}.nav-button.next{right:0}.tooltip{background:#000c;border-radius:4px;bottom:-30px;color:#fff;left:50%;opacity:0;padding:.5rem;position:absolute;transform:translateX(-50%);transition:opacity .3s;white-space:nowrap}@media (hover:hover){.faction-slot:hover .tooltip,.frontier-slot:hover .tooltip{opacity:1}}@media (hover:none){.tooltip{opacity:1}}@media (max-width:768px){.slot-tooltip{display:block;margin-top:.5rem;opacity:1;position:static;text-align:center;transform:none}.slot{height:60px;width:60px}.nav-button{height:30px;width:30px}.chroma-content{width:80%}}.frontier-section{height:calc(100vh - 140px);overflow:hidden;position:relative}.frontier-viewport{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.frontier-card{max-width:1000px;position:absolute;transform-origin:center center;transition:all .8s cubic-bezier(.4,0,.2,1);width:70%}.frontier-card.offscreen-top{opacity:0;pointer-events:none;transform:translateY(-150%) scale(.7)}.frontier-card.previous{filter:blur(1px);opacity:.3;pointer-events:none;transform:translateY(-45%) scale(.7)}.frontier-card.current{opacity:1;transform:translateY(0) scale(1);z-index:2}.frontier-card.next{filter:blur(1px);opacity:.3;pointer-events:none;transform:translateY(45%) scale(.7)}.frontier-card.offscreen-bottom{opacity:0;pointer-events:none;transform:translateY(150%) scale(.7)}.frontier-image{aspect-ratio:16/9;border-radius:8px;object-fit:cover;width:100%}.nav-arrow{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:10}.nav-arrow.left{left:20%}.nav-arrow.right{right:20%}.frontier-info{background:#000000b3;border-bottom-left-radius:8px;border-bottom-right-radius:8px;bottom:0;color:#fff;left:0;padding:1.5rem;position:absolute;right:0}.frontier-info h2{font-size:1.5rem;margin-bottom:.5rem}.frontier-info p{font-size:.9rem;margin:0}.dot{background:#ffffff80}.inhabitant-list{flex-direction:column;height:calc(100vh - 140px);overflow:hidden;position:relative;width:100%}.inhabitant-list,.navigation-arrow{align-items:center;display:flex;justify-content:center}.navigation-arrow{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:48px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:48px;z-index:10}.navigation-arrow:hover{background:#000c}.navigation-arrow.prev{left:20%}.navigation-arrow.next{right:20%}.inhabitant-card{aspect-ratio:3/4;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));max-height:80vh;max-width:500px;position:absolute;transform-origin:center center;transition:all .8s cubic-bezier(.4,0,.2,1);width:35%}.inhabitant-card.offscreen-top{opacity:0;pointer-events:none;transform:translateY(-150%) scale(.7)}.inhabitant-card.previous{filter:blur(1px);opacity:.3;pointer-events:none;transform:translateY(-45%) scale(.7)}.inhabitant-card.focused{opacity:1;transform:translateY(0) scale(1);z-index:2}.inhabitant-card.next{filter:blur(1px);opacity:.3;pointer-events:none;transform:translateY(45%) scale(.7)}.inhabitant-card.offscreen-bottom{opacity:0;pointer-events:none;transform:translateY(150%) scale(.7)}.inhabitant-image-container{border-radius:12px;height:100%;overflow:hidden;position:relative;width:100%}.inhabitant-image{height:100%;object-fit:cover;width:100%}.inhabitant-info{background:#000000b3;bottom:0;color:#fff;left:0;padding:1rem;position:absolute;right:0}.inhabitant-name{font-size:1.25rem;margin:0}.gallery-dots{justify-content:center;margin-top:.5rem}.dot{height:8px;transition:background-color .3s ease;width:8px}.inhabitant-card.red{border:2px solid #f44;box-shadow:0 0 20px #ff44444d}.inhabitant-card.blue{border:2px solid #44f;box-shadow:0 0 20px #4444ff4d}.inhabitant-card.green{border:2px solid #4f4;box-shadow:0 0 20px #44ff444d}.inhabitant-card.white{border:2px solid #fff;box-shadow:0 0 20px #ffffff4d}.inhabitant-card.black{border:2px solid #666;box-shadow:0 0 20px #6666664d}.inhabitants-section{height:calc(100vh - 140px);margin:0;overflow:hidden;padding:0}.App{height:100vh}.content-section{height:calc(100vh - 140px)}@media (max-width:768px){.inhabitant-card{max-height:70vh;width:55%}.navigation-arrow.prev{left:5%}.navigation-arrow.next{right:5%}}.inhabitants-section{align-items:center;background:#0003;display:flex;height:100vh;justify-content:center;position:relative;width:100%}@media (max-width:768px){.inhabitants-section{padding:1rem 0}}.factions-list{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 140px);justify-content:center;overflow:hidden;position:relative;width:100%}.faction-card{aspect-ratio:16/9;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));max-height:60vh;max-width:800px;position:absolute;transform-origin:center center;transition:all .8s cubic-bezier(.4,0,.2,1);width:50%}.faction-card.offscreen-top{opacity:0;pointer-events:none;transform:translateY(-150%) scale(.7)}.faction-card.previous{filter:blur(1px);opacity:.3;pointer-events:none;transform:translateY(-35%) scale(.7)}.faction-card.focused{opacity:1;transform:translateY(0) scale(1);z-index:2}.faction-card.next{filter:blur(1px);opacity:.3;pointer-events:none;transform:translateY(35%) scale(.7)}.faction-card.offscreen-bottom{opacity:0;pointer-events:none;transform:translateY(150%) scale(.7)}.factions-section{height:calc(100vh - 140px);margin:0;overflow:hidden;padding:0}.world-gallery{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 120px);padding:1vh;width:100%}.world-gallery-container{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:auto 1fr auto;height:80%;width:100%}.main-image-container{border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.main-image{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.nav-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:3rem;justify-content:center;width:3rem}.mechanic-info,.nav-button{background:#000000b3;color:#fff}.mechanic-info{bottom:0;left:0;padding:1rem;position:absolute;right:0}.mechanic-name{font-size:1.5rem;margin:0 0 .5rem}.mechanic-description{font-size:1rem;line-height:1.4;margin:0}.gallery-dots{display:flex;gap:.5rem;margin-top:1rem}.dot{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:.75rem;padding:0;width:.75rem}.dot.active{background:#fff}@media (max-width:768px){.nav-button{height:2.5rem;width:2.5rem}.mechanic-name,.nav-button{font-size:1.2rem}.mechanic-description{font-size:.9rem}}.App{display:grid;grid-template-rows:auto auto 1fr;min-height:100vh;min-height:100dvh;overflow:hidden}.game-header{background-color:#282c34;color:#fff;padding:1vh 2vw}.game-header h1{font-size:clamp(1.5rem,4vw,2.5rem);margin:0}.topic-navigation{background-color:#1a1a1a;display:flex;gap:clamp(.5rem,2vw,1rem);justify-content:center;padding:1vh 1vw}.topic-button{background-color:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:clamp(.8rem,2vw,1rem);padding:clamp(.3rem,1vw,.8rem) clamp(.8rem,2vw,1.5rem);transition:background-color .3s}.topic-button.active{background-color:#666}.content-section{display:flex;flex-direction:column;overflow:hidden;padding:1vh 2vw}.topic-section{margin:0 auto;max-width:1200px;padding:2rem}.topic-content{align-items:center;display:flex;gap:2rem;margin-top:2rem}.topic-image{border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:500px}.topic-text{flex:1 1;text-align:left}.feature-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.feature{background:#ffffff1a;border-radius:8px;padding:1rem}@media (max-width:768px){.topic-content{flex-direction:column}.topic-image{max-width:100%}.content-section{height:calc(100vh - 100px);padding:.5vh 1vw}}
/*# sourceMappingURL=main.3a7e94ce.css.map*/