html,body{margin:0;min-width:320px;min-height:580px;position:relative;width:100%;height:100%;background-color:#fff}*{box-sizing:border-box}#app{max-width:50rem;width:100%;height:100%;margin:0 auto}.page-layout{display:grid;width:100%;grid-template-rows:2rem auto auto 1fr auto;grid-template-areas:"navigation" "header" "subheader" "content" "footer";height:100%;padding:1rem 2rem}.page-layout>nav{grid-area:navigation}.page-layout>header{margin-top:.5rem;grid-area:header}.page-layout>section#subheader{grid-area:subheader}.page-layout>section#content{grid-area:content}.page-layout>footer{grid-area:footer}:root{font-size:16px;--black-text-colour: #000000;--muted-text-colour: #4f4f4f;--grey-colour: #8c8c8c;--extra-muted-text-colour: #969696;--green-colour: #00d957;--red-colour: #ff6b6b;--purple-colour: #926bff}@media (max-width: 420px){:root{font-size:13px}}@media (max-width: 340px){:root{font-size:12px}}h1{font-family:Montagu Slab,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:3.625rem;color:var(--black-text-colour);margin:0}h2,h3{font-family:"Roboto Serif",serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100,"GRAD" 0;font-size:1.5625rem;color:var(--black-text-colour);margin:0;text-align:center}h2{font-weight:700}h3{font-weight:400}.text{font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal;position:relative;text-decoration:none}.text.small{font-size:.625rem;color:var(--muted-text-colour);line-height:1.3}.text.medium{font-size:.8125rem;color:var(--muted-text-colour)}.text.large{font-size:1rem;color:var(--black-text-colour)}.text.xlarge{font-size:1.5625rem;color:var(--black-text-colour)}.text.xxlarge{font-size:1.875rem;color:var(--black-text-colour)}.text.highlight{margin-left:.6em}.text.highlight:before{content:"";position:absolute;top:-.25em;right:-.6em;bottom:-.25em;left:-.6em;z-index:-1;border-radius:7px}.text.highlight.red:before{background-color:var(--red-colour)}.text.highlight.green:before{background-color:var(--green-colour)}.text.muted{font-style:italic;color:var(--extra-muted-text-colour)}.text.bold,b{font-weight:700}.text.link{cursor:pointer}.text.link:hover{text-decoration:underline}span.text.button{font-weight:700;font-style:normal;font-size:.9375rem;color:var(--black-text-colour)}.modal-background[data-v-57b4cd6c]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000040;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center}section.modal-dialog[data-v-57b4cd6c]{width:100%;background-color:#fff;padding:1rem 2rem;position:relative;overflow-y:scroll}.close-button[data-v-57b4cd6c]{position:absolute;top:1rem;right:1.5rem;cursor:pointer}.close-button[data-v-57b4cd6c]:hover{font-weight:700}@media (min-width: 40rem){section.modal-dialog[data-v-57b4cd6c]{max-width:38rem;min-height:24rem;max-height:calc(100% - 4rem)}}@media (max-width: 40rem){section.modal-dialog[data-v-57b4cd6c]{position:absolute;bottom:0;min-height:50%;max-height:100%}}.modal-dialog h2,.modal-dialog h3{margin:1.25em 0 1em}.modal-dialog p,.modal-dialog ul{margin-bottom:1.5em}.modal-dialog ul>li+li{margin-top:1.5em}.modal-dialog ul{padding-left:3em}.attempt-icon[data-v-bb5ebbba]{width:1.125em;height:1.125em;border-radius:50%;border:1px solid black;background-color:#fff}.attempt-icon.correct[data-v-bb5ebbba]{background-color:var(--green-colour)}.attempt-icon.attempt[data-v-bb5ebbba]{background-color:var(--red-colour)}.attempt-icons[data-v-585f80f4]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;font-size:1rem}@media (max-width: 500px){.attempt-icons.compact[data-v-585f80f4]{font-size:.75rem}}.attempt-icons>*+*[data-v-585f80f4]{margin-left:1.125em}.dot-typing[data-v-92b1180d]{--dot-colour: black;position:relative;top:.5rem;left:calc(-9999px + 1rem);width:6px;height:6px;border-radius:3px;background-color:var(--dot-colour);color:var(--dot-colour);box-shadow:9984px 0 0 0 var(--dot-colour),9999px 0 0 0 var(--dot-colour),10014px 0 0 0 var(--dot-colour);animation:dot-typing-92b1180d 1.5s infinite linear}@keyframes dot-typing-92b1180d{0%{box-shadow:9984px 0 0 0 var(--dot-colour),9999px 0 0 0 var(--dot-colour),10014px 0 0 0 var(--dot-colour)}16.667%{box-shadow:9984px -10px 0 0 var(--dot-colour),9999px 0 0 0 var(--dot-colour),10014px 0 0 0 var(--dot-colour)}33.333%{box-shadow:9984px 0 0 0 var(--dot-colour),9999px 0 0 0 var(--dot-colour),10014px 0 0 0 var(--dot-colour)}50%{box-shadow:9984px 0 0 0 var(--dot-colour),9999px -10px 0 0 var(--dot-colour),10014px 0 0 0 var(--dot-colour)}66.667%{box-shadow:9984px 0 0 0 var(--dot-colour),9999px 0 0 0 var(--dot-colour),10014px 0 0 0 var(--dot-colour)}83.333%{box-shadow:9984px 0 0 0 var(--dot-colour),9999px 0 0 0 var(--dot-colour),10014px -10px 0 0 var(--dot-colour)}to{box-shadow:9984px 0 0 0 var(--dot-colour),9999px 0 0 0 var(--dot-colour),10014px 0 0 0 var(--dot-colour)}}.chat-panel[data-v-a2b14e8a]{width:100%;height:100%;position:relative}.chat-scroller[data-v-a2b14e8a]{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:scroll;padding:.5rem 1.5rem 2rem .5rem}.chat-content{display:flex;flex-direction:column}.chat-content>*+*{margin-top:2rem}.chat-content.compact>*+*{margin-top:1rem}.user[data-v-4029a558]{margin-left:auto;text-align:right}.game[data-v-4029a558]{margin-right:auto;z-index:0;text-align:left}.example[data-v-b1d8ef75]{width:100%;border:1px solid black;border-radius:18px;padding:1.5rem;display:flex;flex-direction:column;margin-bottom:2rem}.chart[data-v-5c5a3a97]{display:grid;width:18rem;height:12rem;grid-template-columns:repeat(11,1fr);grid-template-rows:1fr auto auto;grid-template-areas:"bar1 bar2 bar3 bar4 bar5 bar6 bar7 bar8 bar9 bar10 ylabel" "xdim1 xdim2 xdim3 xdim4 xdim5 xdim6 xdim7 xdim8 xdim9 xdim10 ." "xlabel xlabel xlabel xlabel xlabel xlabel xlabel xlabel xlabel xlabel .";gap:0 1%}.bar[data-v-5c5a3a97]{width:100%;height:100%;position:relative}.bar-inner[data-v-5c5a3a97]{position:absolute;bottom:0;left:0;right:0;background-color:var(--grey-colour);border-top-right-radius:2px;border-top-left-radius:2px;text-align:center;animation:grow-5c5a3a97 1s .5s;animation-fill-mode:both}@keyframes grow-5c5a3a97{0%{top:97%}}.bar-inner.green[data-v-5c5a3a97]{background-color:var(--green-colour)}.bar-inner span[data-v-5c5a3a97]{color:#fff}.xdim[data-v-5c5a3a97]{text-align:center}.row[data-v-a80f3f02]{display:flex;justify-content:center}.row>.scorecard+.scorecard[data-v-a80f3f02]{margin-left:3rem}.scorecard[data-v-a80f3f02]{display:flex;flex-direction:column;text-align:center}article+article[data-v-a80f3f02]{margin-top:2.5rem}.modal-enter-active.modal-background{transition:all .35s}.modal-leave-active.modal-background{transition:all .35s .15s}.modal-enter-from.modal-background,.modal-leave-to.modal-background{background-color:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}@media (min-width: 40rem){.modal-enter-active .modal-dialog{transition:all .35s .15s}.modal-leave-active .modal-dialog{transition:all .35s}.modal-enter-from .modal-dialog,.modal-leave-to .modal-dialog{opacity:0;transform:translateY(2rem)}}@media (max-width: 40rem){.modal-enter-active .modal-dialog{transition:all .35s .15s}.modal-leave-active .modal-dialog{transition:all .35s}.modal-enter-from .modal-dialog,.modal-leave-to .modal-dialog{transform:translateY(100%)}}button[data-v-31f690c0]{background-color:#fff;width:10.625rem;align-self:center;border:1px solid black;border-radius:10px;padding:.66em;cursor:pointer;transition:background-color .35s}button[data-v-31f690c0]:hover{background-color:#d7d7d7}.game-card[data-v-84aaf21a]{width:16.5rem;height:16.5rem;border-radius:5px;border:1px solid black;display:flex;flex-direction:column;padding-bottom:1rem}.caption[data-v-84aaf21a]{margin:auto 0;padding:0 1rem;text-align:center}header[data-v-84aaf21a]{height:9.375rem;width:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;align-items:center}.icon[data-v-84aaf21a]{width:100%;flex-grow:1;margin:1rem;background-size:contain;background-repeat:no-repeat;background-position:center}header.red[data-v-84aaf21a]{background-color:var(--red-colour)}header.purple[data-v-84aaf21a]{background-color:var(--purple-colour)}section.games[data-v-dd70b8cc]{display:grid;grid-template-columns:repeat(auto-fit,16.5rem);grid-template-rows:auto;justify-content:center;margin:3rem auto 2rem;width:90%;grid-gap:2rem 5rem}.stack[data-v-0974a610]{display:flex;flex-direction:column;align-items:center}.stack>*+*[data-v-0974a610]{margin-top:.35rem}nav[data-v-8cb0bb4e]{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 0}a[data-v-8cb0bb4e]{cursor:pointer}a.hidden[data-v-8cb0bb4e]{visibility:hidden}.go-back-wrapper[data-v-8cb0bb4e]{display:flex;align-items:center;padding-left:.25em}.go-back-wrapper:hover svg[data-v-8cb0bb4e]{animation:oscillate-8cb0bb4e .5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes oscillate-8cb0bb4e{0%{transform:translate(0)}to{transform:translate(-.25em)}}.send-button[data-v-282918fe]{width:2em;height:2em;cursor:pointer}.send-button.disabled[data-v-282918fe]{opacity:.5;pointer-events:none}.textarea-wrapper[data-v-e9017007]{padding:0 3em 0 1em;outline:1px solid black;border-radius:25px;line-height:0;overflow:hidden;box-sizing:content-box;position:relative}.textarea-wrapper[data-v-e9017007]:has(textarea:focus){outline:2px solid black}textarea[data-v-e9017007]{resize:none;border:none;width:100%;margin:.25em 0}textarea[data-v-e9017007]:focus{outline:none}textarea[data-v-e9017007]:disabled{background-color:unset}.send-button[data-v-e9017007]{position:absolute;right:.5em;top:50%;transform:translateY(-50%)}.attempts[data-v-de0cb776]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-left:.25rem;border-bottom:1px solid black;margin-right:auto;margin-top:.75rem}.attempts>*[data-v-de0cb776]{margin-bottom:1rem}.attempts>span[data-v-de0cb776]{margin-right:1rem}.chat[data-v-de0cb776]{display:grid;grid-template-rows:1fr auto;gap:.75rem 0}iframe[data-v-101a87a1]{width:100%;height:100%;border:0}div[data-v-2d8883e9]{display:flex;flex-direction:column}div>*+*[data-v-2d8883e9]{margin-top:1rem}