@font-face{font-family:"NotoSans";src:url("/fonts/NotoSans-Variable.ttf") format("truetype")}@font-face{font-family:"NotoSans";src:url("/fonts/NotoSans-Italic.ttf") format("truetype");font-style:italic}body{font-family:"NotoSans",sans-serif;background-color:#f9f9e2;width:100vw}.loavso-grid{display:grid;width:100%;margin-left:auto;margin-right:auto;padding:1em;place-items:center;row-gap:1em;column-gap:1svw;min-height:0;min-width:0;}@media (min-width: 1024px){.loavso-grid{grid-template-columns:repeat(6, 1fr);grid-template-rows:10vh 20vh;grid-template-areas:". . logo logo . ." "banner banner banner banner banner banner" "hero hero hero . frog-logo ." "hero hero hero desc desc desc" "hero hero hero desc desc desc" "hero hero hero buttons buttons buttons" "hero hero hero progress progress next-game" "topsep topsep topsep topsep topsep topsep" "game-box game-box game-box game-box game-box game-box" "botsep botsep botsep botsep botsep botsep" "done-box done-box done-box done-box done-box done-box" ". game-info game-info game-info game-info .";max-width:1280px}}@media (min-width: 768px) and (max-width: 1023px){.loavso-grid{grid-template-columns:repeat(3, 1fr);grid-template-rows:10vh 15vh;grid-template-areas:"logo logo logo" "banner banner banner" ". frog-logo ." "hero desc desc" "buttons buttons buttons" "progress progress next-game" "topsep topsep topsep" "game-box game-box game-box" "botsep botsep botsep" "done-box done-box done-box" "game-info game-info game-info"}}@media (max-width: 767px){.loavso-grid{grid-template-columns:repeat(3, 1fr);grid-template-rows:82px 10vh;grid-template-areas:"logo logo logo" "banner banner banner" "hero hero hero" ". frog-logo ." "desc desc desc" "buttons buttons buttons" "progress progress progress" "next-game next-game next-game" "topsep topsep topsep" "game-box game-box game-box" "botsep botsep botsep" "done-box done-box done-box" "game-info game-info game-info"}}.game-info{grid-area:game-info;display:grid;grid-template-areas:"banner" "article"}.logo{grid-area:logo;align-self:center;width:100%;height:100%;object-fit:contain;max-width:40vw;min-height:82px;background:linear-gradient(#1b261b 0%, #385337 50%, #515635 100%);border-radius:10% 40%/50% 20%}.hero{grid-area:hero;align-self:start;width:100%;min-height:375px;object-fit:scale-down}.banner{grid-area:banner;float:left;width:100%;height:100%;overflow:hidden}.banner-img{object-fit:cover;width:100%;overflow:hidden}@media (min-width: 1024px){.banner-img{object-position:100% -140px}}@media (min-width: 768px) and (max-width: 1023px){.banner-img{object-position:100% -70px}}@media (max-width: 767px){.banner-img{object-position:100% -40px}}.frog-logo{grid-area:frog-logo;width:100%;height:100%;object-fit:contain;max-width:30vw;max-height:8vh}.pokeathon-progress{grid-area:progress;width:100%}.pokeathon-iframe{width:100%;min-width:400px;min-height:218px}.buttons{grid-area:buttons;display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;place-items:center}.btn-circle.btn-xl{width:70px;height:70px;padding:10px 16px;border-radius:35px;font-size:28px;line-height:1.75;text-align:center;align-self:center}.btn-circle{width:30px;height:30px;padding:6px 6px;border-radius:15px;text-align:center;font-size:16px;line-height:1.42857}.lbutton{background-color:#345435;--bs-btn-hover-bg: #467847;--bs-btn-border-color: #345435}.next-game{grid-area:next-game;width:100%;height:100%;object-fit:contain}.fill-horizontal{width:100%;object-fit:contain}.desc{grid-area:desc;background-color:#f9f9e2;padding:2em;border:2em;margin:0px;border-radius:50% 20%/10% 40%;box-shadow:10px 5px 5px gray,-10px 5px 5px #5c8d5b;margin:1px #000}.game-card{display:flex;flex-direction:column;flex-wrap:wrap;background:#345435;background:linear-gradient(#345435 0%, #6aa469 50%, #d6e19b 100%);margin:0px;border:2px;border-color:#000;border-style:none;padding:.5em}.card-img{position:absolute;top:0;left:0;display:inline-block;border-style:none;height:100%;object-fit:contain;padding:0}.card-img-now{position:absolute;bottom:0;right:0}.hidden{visibility:hidden}.card-text{background-color:#f9f9e2;border-radius:3px;padding:.5em;margin:1em;font-size:small}.topsep{grid-area:topsep;align-self:center;width:100%;height:100%;object-fit:contain}.game-box{grid-area:game-box;display:grid;column-gap:.5em;row-gap:.5em;justify-content:space-evenly;width:100%}.botsep{grid-area:botsep;width:100%;height:100%;object-fit:contain}.done-box{grid-area:done-box;display:grid;column-gap:.5em;row-gap:.5em;justify-content:space-evenly;width:100%}@media (min-width: 1024px){.game-box,.done-box{grid-template-columns:repeat(6, 1fr)}}@media (min-width: 768px) and (max-width: 1023px){.game-box,.done-box{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 767px){.game-box,.done-box{grid-template-columns:repeat(2, 1fr)}}hr{border:2px solid #5c8d5b}.square{position:relative;border:1px solid;box-sizing:border-box;width:100%}.square::before{content:"";display:block;padding-top:100%}.square .content{position:absolute;top:0;left:0;height:100%;width:100%}.grow-span{height:100%}.grayscale{filter:grayscale(1)}ul{padding:0;list-style-type:none}ul.toc{padding-left:2em;list-style-type:square}.center-text{text-align:center}.article-grid{display:grid;width:100%;margin-left:auto;margin-right:auto;padding:1em;row-gap:1em;column-gap:1svw;min-height:0;min-width:0;}.article{grid-area:article}@media (min-width: 1024px){.article-grid{grid-template-columns:repeat(6, 1fr);grid-template-rows:10vh 20vh;grid-template-areas:". . logo logo . ." "banner banner banner banner banner banner" ". keyart keyart keyart keyart ." " . article article article article .";max-width:1280px}}@media (min-width: 768px) and (max-width: 1023px){.article-grid{grid-template-columns:repeat(3, 1fr);grid-template-rows:10vh 15vh;grid-template-areas:". logo ." "banner banner banner" "keyart keyart keyart" "article article article"}}@media (max-width: 767px){.article-grid{grid-template-columns:repeat(3, 1fr);grid-template-rows:82px 10vh;grid-template-areas:". logo ." "banner banner banner" "keyart keyart keyart" "article article article"}}.pokeathlon-key{grid-area:keyart;object-fit:contain;width:100%}a{color:#000;text-decoration:none;font-weight:bold}a:hover{color:gray}.pokeathlon-logo{grid-area:banner;width:80%;place-self:center}.home-link{padding-left:1em;font-size:.8em}.home-sep{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25;border:1px solid #5c8d5b}