:root{--bg: #fbf1c7;--text: #3c3836;--red: #9d0006;--green: #6d790e;--yellow: #b57614;--blue: #075678;--aqua: #57ab7e;--purple: #b16286;--orange: #af3a03}[data-theme=dark]{--bg: #282828;--text: #f9f5d7;--red: #fb4934;--green: #b8bb26;--yellow: #fabd2f;--blue: #83a598;--aqua: #8ec07c;--purple: #d3869b;--orange: #d65d0e}.red{color:var(--red)}.green{color:var(--green)}.yellow{color:var(--yellow)}.blue{color:var(--blue)}.aqua{color:var(--aqua)}.purple{color:var(--purple)}.orange{color:var(--orange)}.primary{color:var(--aqua)}.secondary{color:var(--blue)}.tertiary{color:var(--purple)}.warning{color:var(--yellow)}.error{color:var(--red)}.tf{position:relative;z-index:1;transition:color .3s ease-out;transition:opacity .5s ease-in-out}.tf:before{background:#a2fefe;background:linear-gradient(90deg,#a2fefe,#f9bbfa,#fafafa,#f9bbfa,#a2fefe);content:"";width:100%;height:100%;top:0;left:0;position:absolute;z-index:-1;opacity:0;transition:all .5s}.tf:hover:before{opacity:1}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006;overflow:auto;animation:fadeIn .25s}.modal-content{display:flex;background-color:var(--bg);color:var(--text);margin:auto;padding:20px;border:1px solid var(--yellow);width:60%;box-shadow:0 4px 8px #0003;animation:scaleUp .25s;border-radius:8px;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleUp{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes scaleDown{0%{transform:scale(1)}to{transform:scale(.5)}}.code{width:100%;font-size:1.25rem}.syntax-error{color:var(--red);background-color:var(--yellow)}@font-face{font-family:scientifica;src:url(/~simponic/the-abstraction-engine/fonts/scientifica.ttf)}*{padding:0;margin:0;font-family:scientifica,monospace;font-smooth:never}html,body{margin:0;width:100%;height:100%;background:radial-gradient(ellipse at top,var(--bg),transparent),radial-gradient(ellipse at left,var(--blue),transparent),radial-gradient(ellipse at right,var(--purple),transparent),radial-gradient(ellipse at bottom,var(--bg),transparent)}body{color:var(--text)}a,a:visited{color:var(--blue)}.main{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;min-width:600px;width:70%;margin-left:auto;margin-right:auto;padding:0}.header{display:flex;justify-content:space-around;padding-top:1rem;padding-bottom:1rem;border-bottom:2px solid var(--yellow);border-radius:.5rem}.footer{border-top:2px solid var(--yellow);border-radius:.5rem;padding-top:1rem;padding-bottom:1rem;text-align:center}.nav{display:flex}.title{text-decoration:none}.title:hover{text-decoration:underline;cursor:pointer}.centered-game{display:flex;justify-content:center;align-items:center;padding:1rem;height:100%;flex-direction:column;gap:1rem}.centered-game canvas{display:block;max-height:100%;width:auto;max-width:100%;border:1px solid var(--yellow);border-radius:.5rem;margin-bottom:2rem;background-color:var(--bg)}button{padding:.5rem;border:none;border-radius:.5rem;background-color:var(--yellow);color:var(--bg);cursor:pointer;transition:background .2s ease-in-out}button:hover{background-color:var(--blue)}