@import "https://fonts.googleapis.com/css2?family=Caprasimo&family=Roboto+Slab:wght@300;700&display=swap";:root{--shadow-color:0deg 0% 70%;--shadow-color-light:0deg 0% 100%;--box-shadow:0px .6px .7px hsl(var(--shadow-color) / .36), 0px 2px 2.3px -.8px hsl(var(--shadow-color) / .36), -.1px 5px 5.6px -1.7px hsl(var(--shadow-color) / .36), -.2px 12.3px 13.8px -2.5px hsl(var(--shadow-color) / .36);--inset-shadow:inset 0px 0 14px #0073e64d, inset 0px 0 18px #0073e64d, inset 0px 0 20px #0073e64d;--scrollbarBG:ivory;--thumbBG:#43464b;--highlight-color:#022647;--background-color:#dfffff;--text-color:#333;--transition-start:all .2s ease-out;--transition-finish:all .4s ease-in;--filter-white:drop-shadow(0 4px 8px #fff6);--box-shadow-inset:inset 0 2px 4px #0006;--text-shadow:0px 2px 4px #0006;--text-shadow-light:0 2px 4px #fff6;--filter-dark:drop-shadow(0 3px 6px #0006);--border:1px solid var(--color-gray-700);--border-radius:.5rem;--color-gray-100:#f3f4f6;--color-gray-200:#d0d5de;--color-gray-300:#adb6c6;--color-gray-400:#8a97ae;--color-gray-500:#677896;--color-gray-600:#4f5c73;--color-gray-700:#374050;--color-gray-800:#1f242d;--color-gray-850:#0d1117;--color-gray-900:#07080a;--color-blue-100:#ebf5ff;--color-blue-150:#c4e1ff;--color-blue-200:#9dceff;--color-blue-250:#76baff;--color-blue-300:#4ea6ff;--color-blue-350:#2793ff;--color-blue-400:#007fff;--color-blue-450:#006bd8;--color-blue-500:#0058b1;--color-blue-550:#004489;--color-blue-600:#003162;--color-blue-650:#00274e;--color-blue-700:#001427;--color-primary-100:#fcf3e1;--color-primary-200:#fceccd;--color-primary-300:#fae1af;--color-primary-400:#fbd997;--color-primary-500:#ffd37c;--color-primary-600:#fad07b;--color-primary-700:#f8c255;--color-primary-800:#f6b42f;--color-primary-900:#f4a60a;--color-primary-950:#f6a800;--color-primary-990:#d59200;--white:#fff;--ivory:ivory;--lightgrey:#e4e8eb;--grey:#6b7e8d;--darkgrey:#161a1d;--lightblue:#eaeffc;--blue:#235ac2;--darkblue:#050d1c;--darkorange:#ff3d00;--orange:#e52;--green:#08ff08;--red:#e10600;--yellow:#f6a800;--terracotta:#b84221;--hotpink:#e31c79;--cherry:#cd001a;--lightochra:#fff8e8;--california-sunshine:#f6a800;--stardustblue:#9bc3e1}*{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%;font-family:Roboto Slab,sans-serif;line-height:1.5}html::-webkit-scrollbar{display:none}body{background:radial-gradient(circle at top, var(--color-blue-100) 0%, var(--color-blue-700) 100%), url(bg-pattern-dark.png);background-repeat:repeat;background-size:100% 100%,30% 30%,100% 100%;min-height:110rem;animation:2s ease-out forwards fadeInAnimation}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}header{text-align:center}header img{object-fit:contain;filter:drop-shadow(0 0 8px #0006);width:8rem;margin:3rem auto 1rem}h1{color:var(--color-blue-700);text-shadow:var(--text-shadow);margin:0 auto 3rem;font-family:Caprasimo,cursive;font-size:3rem;font-weight:300}#game-container{border-radius:var(--border-radius);background:linear-gradient(var(--color-blue-600), var(--color-blue-700));max-width:45rem;box-shadow:var(--box-shadow);margin:3rem auto;padding:2rem;position:relative}#players{justify-content:center;align-items:center;gap:2rem;margin:1rem 0;padding:0;list-style:none;display:flex}#players li{border-radius:var(--border-radius);border:2px solid #0000;align-items:center;width:50%;display:flex}#players.highlight-player li.active{border-color:var(--color-blue-350);animation:2s ease-in-out infinite pulse}#players.highlight-player li.active .player-name,#players.highlight-player li.active .player-symbol{color:var(--color-blue-350)}#players button{width:3rem;color:var(--color-blue-300);letter-spacing:1px;text-shadow:var(--text-shadow);cursor:pointer;text-align:center;text-transform:uppercase;background:0 0;border:none;padding:.5rem .25rem .25rem;font-size:.9rem;font-weight:300;transition:color .2s}#players button:hover{color:var(--color-blue-450)}.player{border-radius:var(--border-radius);border:2px solid #0000;padding:.5rem;font-weight:700}.player-name{width:10rem;color:var(--color-blue-100);letter-spacing:1px;text-transform:uppercase;text-shadow:var(--text-shadow);border-radius:var(--border-radius);text-overflow:ellipsis;text-align:center;margin:0;padding:.5rem;font-size:1rem;font-weight:300;display:inline-block}.player input{font:inherit;background-color:var(--color-blue-600);text-align:center;text-transform:uppercase;border:none;width:10rem;padding:.5rem;font-size:1rem;animation:2s infinite pulse-text}.player-symbol{color:var(--color-blue-100);margin-left:1rem;font-size:1rem}ol{margin:0;padding:0;list-style:none}#pre-game{text-align:center}#pre-game button{cursor:pointer;color:var(--color-blue-500);letter-spacing:1px;text-shadow:var(--text-shadow);background:0 0;border:none;font-family:Caprasimo,cursive;font-size:4rem;font-weight:300;animation:2s ease-out infinite pulse-text-size}#game-board{text-shadow:var(--text-shadow);flex-flow:column wrap;justify-content:center;gap:2rem;margin:3rem 0;padding:0;display:flex}#game-board ol{flex-wrap:wrap;justify-content:center;gap:2rem;margin:0;padding:0;display:flex}#game-board button{background:var(--color-blue-200);width:8rem;height:8rem;color:var(--color-blue-700);border-radius:var(--border-radius);letter-spacing:1px;cursor:pointer;text-shadow:var(--text-shadow);border:none;padding:1rem;font-family:Caprasimo,cursive;font-size:5rem;font-weight:300}#game-over{background-color:var(--color-blue-700);width:100%;height:100%;text-shadow:var(--text-shadow);border-radius:var(--border-radius);flex-direction:column;justify-content:center;align-items:center;animation:.5s cubic-bezier(.68,-.55,.65,.52) forwards pop-in;display:flex;position:absolute;top:0;left:0}#game-over h2{text-align:center;color:var(--color-blue-450);letter-spacing:1px;margin:0;font-family:Caprasimo,cursive;font-size:4rem;font-weight:300}#game-over p{letter-spacing:1px;text-align:center;color:var(--color-blue-100);font-size:2rem;font-weight:300}#game-over button{border:2px solid var(--color-blue-450);color:var(--color-blue-450);letter-spacing:1px;cursor:pointer;text-shadow:var(--text-shadow);background:0 0;border-radius:4px;margin:0 auto;padding:.5rem 1rem;font-size:1.5rem;font-weight:300;transition:all .2s,color .2s;animation:2s ease-in-out infinite pulse;display:block;box-shadow:0 0 8px #0058b166}#game-over button:hover{background:var(--color-blue-450);color:var(--color-blue-650);transform:scale(1.1);box-shadow:0 0 20px #0058b1cc}#log{max-width:fit-content;color:var(--color-blue-150);text-align:center;letter-spacing:1px;text-shadow:var(--text-shadow);margin:2rem auto;padding:0;font-weight:300;list-style:none}#log li{border-radius:var(--border-radius);background-color:var(--color-blue-650);letter-spacing:1px;color:var(--color-blue-100);text-shadow:var(--text-shadow);box-shadow:var(--box-shadow);margin:.75rem;padding:.5rem 1rem;font-size:1.2rem;font-weight:300;animation:1s cubic-bezier(.075,.82,.165,1) forwards slide-in-from-left}#log li.highlighted{background-color:var(--color-blue-650);color:#fff;letter-spacing:1px;font-weight:300}#game-hints{text-align:center;color:var(--color-blue-600);letter-spacing:1px;font-weight:300}#game-hints h2{text-shadow:var(--text-shadow);margin:0;font-family:Caprasimo,cursive;font-size:2rem}#game-hints ul{margin:0;padding:0;list-style:none}#game-hints button{cursor:pointer;color:var(--color-blue-700);text-shadow:var(--text-shadow);letter-spacing:1px;font-weight:300;font:inherit;background:0 0;border:none;margin-top:1.5rem}@keyframes slide-in-from-left{0%{opacity:0;transform:translate(-30%)}to{opacity:1;transform:translate(0)}}@keyframes pulse-text{0%{color:var(--color-blue-100)}50%{color:var(--color-blue-250)}to{color:var(--color-blue-100)}}@keyframes pulse-text-size{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulse{0%{border-color:var(--color-blue-350);box-shadow:0 0 #76baff66}50%{border-color:var(--color-blue-500);box-shadow:0 0 0 1rem #76baff00}to{border-color:var(--color-blue-350);box-shadow:0 0 #76baff00}}@keyframes pop-in{0%{opacity:0;transform:scale(0)}80%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}#feedback{background-color:var(--color-blue-400);max-width:30rem;color:var(--color-blue-700);border-radius:var(--border-radius);box-shadow:var(--box-shadow);font:inherit;letter-spacing:1px;margin:2rem auto;padding:1rem;font-weight:300}#feedback p{font:inherit;margin:.5rem 0}#feedback label{text-transform:uppercase;color:var(--color-blue-700);font:inherit;margin:.25rem 0;font-size:.85rem;display:block}#feedback input,#feedback textarea{font:inherit;border-radius:var(--border-radius);border:var(--border);background-color:var(--color-blue-200);width:100%;color:var(--color-blue-700);margin:0 0 1rem;padding:.5rem;display:block}#draft{background-color:var(--color-blue-400);max-width:30rem;color:var(--color-blue-700);border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:center;letter-spacing:1px;margin:2rem auto;padding:1rem;font-weight:300}#draft figure{margin:0;padding:0}#draft blockquote{border-radius:var(--border-radius);background-color:var(--color-blue-200);color:var(--color-blue-700);margin:0 2rem;padding:.5rem 1rem;font-style:italic}#draft blockquote p{margin:0}#draft figcaption{margin:.2rem 0;font-size:1.2rem}#draft button{border-radius:var(--border-radius);background-color:var(--color-blue-650);color:var(--color-blue-200);cursor:pointer;border:none;margin:1rem 0;padding:.5rem 1rem;font-size:1rem}