@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap";*{box-sizing:border-box}html{color:#ebe7ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background:radial-gradient(#280a48,#20043d);min-height:80rem;font-family:Quicksand,sans-serif;line-height:1.5}hr{color:#a18aba;background:#a18aba;border:0;height:2px;margin:1rem 0}header{text-align:center;margin:3rem 0}header img{height:10 rem;-o-object-fit:cover;object-fit:cover;width:10rem}header h1{background:linear-gradient(40deg,#ea00ff,#ea00ff,#03d5ff,#03d5ff);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #00000080);-webkit-background-clip:text;margin:0;font-family:Roboto Condensed,sans-serif;font-size:5rem}header p{color:#8964b0;margin:0;font-family:Roboto Condensed,sans-serif;font-size:1.25rem}main{width:90%;max-width:50rem;margin:auto}#core-concepts{background-color:#140524;border-radius:6px;padding:2rem;box-shadow:0 2px 8px #0006}main p{text-align:center;color:#a18aba;margin:0 0 1rem;font-family:Roboto Condensed,sans-serif}main h2,main h3{text-align:center;color:#a18aba;margin:1.5rem 0;font-family:Roboto Condensed,sans-serif}#core-concepts ul{flex-wrap:wrap;justify-content:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}#core-concepts li{text-align:center;width:10rem}#core-concepts li img{-o-object-fit:cover;object-fit:cover;width:6rem;height:6rem}#core-concepts li h3{margin:.5rem 0}#core-concepts li p{font-size:.9rem}#core-concepts button{color:#a18aba;cursor:pointer;background-color:#5d4f6b;border:none;border-radius:6px;padding:.5rem 1rem;font-family:Roboto Condensed,sans-serif;font-size:1rem;transition:all .2s ease-in-out}#core-concepts button:hover{color:#ebe7ef;background-color:#523175}#examples{margin:3rem auto}#examples h2{text-align:left}#examples menu{gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:flex}#examples menu button{color:#a18aba;cursor:pointer;background-color:#0000;border:none;border-radius:6px;padding:.5rem 1rem;font-family:Roboto Condensed,sans-serif;font-size:1rem;transition:all .2s ease-in-out}#examples menu button:hover{color:#ebe7ef;background-color:#1b082f}#examples menu button.active{color:#ebe7ef;background-color:#7925d3}#tab-content{background-color:#2f1d43;border-radius:6px;padding:1rem;box-shadow:0 2px 8px #0000004d}#tab-content h3{margin:0}#tab-content code{font-size:1rem}.icon-white{filter:brightness(0)invert()}.game button{color:#a18aba;cursor:pointer;background-color:#5d4f6b;border:none;border-radius:6px;padding:.5rem 1rem;font-family:Roboto Condensed,sans-serif;font-size:1rem;transition:all .2s ease-in-out}.game h1{text-align:center;color:#a18aba;margin:1.5rem 0;font-family:Roboto Condensed,sans-serif}.game button:hover{color:#ebe7ef;background-color:#523175}.game input{color:#03d5ff;text-align:center;background-color:#523175;width:10rem;height:2rem;font-weight:700}.game-button{color:#a18aba;cursor:pointer;background-color:#5d4f6b;border:none;border-radius:6px;margin:1rem;padding:.5rem 1rem;font-family:Roboto Condensed,sans-serif;font-size:1rem;transition:all .2s ease-in-out}.nav-bar{justify-content:center;gap:1rem;margin-block:2rem;display:flex}#nav-button{color:#fff;cursor:pointer;background-color:#5d4f6b;border:none;border-radius:6px;margin:1rem;padding:.5rem 1rem;font-family:Roboto Condensed,sans-serif;font-size:1rem;font-weight:bolder;text-decoration:none;transition:all .2s ease-in-out}#nav-button:hover{background-color:#ceb3e9}#nav-button a{color:#fff;text-decoration:none}.game-button:hover{color:#ebe7ef;background-color:#523175;align-self:center}.game-button a{color:#fff}.centered{justify-content:center;display:flex}.game-board{background-color:#313275;gap:0;margin:0;padding:0;list-style-position:inside}.game-board ol{justify-content:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.game-board ol li{background-color:#103cb3;border:1rem solid #000;justify-content:center;align-items:center;width:100px;height:100px;font-size:xx-large;font-weight:bolder;display:flex}.game-board ol li:hover{background-color:#4461b3}.modal-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:16px;min-width:320px;max-width:500px;padding:2rem;box-shadow:0 10px 30px #0000004d}.player-container{justify-content:space-between;align-items:center;margin:2rem;display:flex}.player-container-active{border:4px solid #008cff;border-radius:12px;padding:1rem}.player-name{white-space:nowrap;align-items:center;gap:.5rem;display:flex}.player-symbol{margin-inline:1rem}.game-nav{justify-content:space-between;align-items:center;display:flex}.simple-content{background-color:#140524;border-radius:6px;margin-block:2rem;padding:2rem;box-shadow:0 2px 8px #0006}.cat-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:0;list-style:none;display:grid}.cat-item{text-align:center}.cat-image{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:200px;margin-bottom:10px;display:block}