.app{height:100%;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);overflow:hidden}.app__islands{padding:2rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2rem;overflow-y:auto}.app__island{width:300px;height:300px;overflow:hidden;border:1px solid var(--primary-dark);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.app__island *{grid-column:1/-1;grid-row:1/-1}.app__island-seed{display:flex;justify-content:center;align-items:center;font-size:4rem;font-weight:700;color:#fff;-webkit-text-stroke:3px black}.app__stats{color:var(--primary-very-dark);display:flex;font-size:2.5rem;background-color:var(--primary-light);border-bottom:2px solid var(--primary-middle);justify-content:space-around}.app__stat{text-align:center;flex:1}.animate{animation:text-flash 1.3s ease-in-out}@keyframes text-flash{0%{background-color:#ff0}to{background-color:transparent}}.histo{position:fixed;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:end;z-index:1000;opacity:0;pointer-events:none;background-color:#ffffff80;padding-bottom:5%}.histo--animate{animation:histo 5s forwards}.histo__bar{background-color:var(--primary-very-dark)}@keyframes histo{0%{opacity:1}80%{opacity:1}to{opacity:0}}*{padding:0;margin:0;box-sizing:border-box}html,body{height:100%}:root{--primary-light: oklch(94.26% .1 145.82);--primary-middle: oklch(85.01% .1 145.82);--primary-dark: oklch(62.31% .1 145.82);--primary-very-dark: oklch(39.17% .1 145.82)}