:root{--bg-color:#0f172a;--card-bg:#1e293b;--text-color:#b7b9b9;--text-color-faded:#64748b;--accent-start:#38bdf8;--accent-target:#f43f5e;--line-color:#334155;--error-color:#ef4444;--button-image-size:25px;--font-size:.8rem;--max-game-width:550px;--footer-height:80px}html,body{height:100dvh;margin:0;padding:0;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--font-size);background-color:var(--bg-color);color:var(--text-color);box-sizing:border-box;flex-direction:column;align-items:center;width:100%;display:flex}header{width:100%;max-width:var(--max-game-width);box-sizing:border-box;flex-shrink:0;padding:10px 5px}main{width:100%;max-width:var(--max-game-width);background-color:var(--bg-color);-webkit-overflow-scrolling:touch;box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:5px;display:flex;overflow:hidden auto}footer{width:100%;max-width:var(--max-game-width);padding-bottom:env(safe-area-inset-bottom,0px);min-height:var(--footer-height);box-sizing:border-box;flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:flex}.row{flex-direction:row;justify-content:center;width:100%;display:flex}.column{flex-direction:column;justify-content:flex-start;padding:4px;display:flex}@media screen and (width>=769px){.your-mobile-menu-class{display:none!important}}hr{border:none;border-top:1px solid var(--line-color);width:100%;margin:10px 0}h1{text-align:center;color:#add8e6;margin:5px 0;font-size:1.4rem;font-weight:700}h2{text-align:center;color:#add8e6;margin:5px 0;font-size:1.1rem;font-weight:700}h3{text-align:center;font-size:1rem;font-weight:600}p{color:var(--text-color);font-size:var(--font-size);text-align:left;margin:3px 3px 6px;padding:0;font-weight:500}b{color:#add8e6}em{color:red}.container-message{text-align:center;height:20px;padding:10px 0;font-size:16px}.message-highlighted{color:var(--error-color)}.left{text-align:left;align-self:flex-start}:root{--button-border-thickness:1px;--button-padding-thickness:1px;--button-puzzle-color:#234e72;--button-highlight-border:#f90;--button-background:#234e72;--button-greyed-out:#0f172a;--button-highlighted:#387777}button{background-color:var(--button-background);color:#0f172a;cursor:pointer;border:none;border-radius:6px;font-size:18px;font-weight:700}#button-nav-top{flex-direction:row;justify-content:flex-start;width:100%;display:flex}.save-settings-button-container{justify-content:center;padding-top:30px;display:flex}.button-image{width:var(--button-image-size);height:var(--button-image-size);filter:invert()}.button-menu-item{background-color:var(--bg-color);color:#d3d3d3;text-align:left;height:25px;padding:var(--button-padding-thickness);border:var(--button-border-thickness) solid black;justify-content:center;align-items:center;margin:3px;font-weight:400;display:inline-flex}.button-text{padding:0 7px;font-size:16px}button.round{width:25px}.button-menu-item:hover{color:#fff;border:var(--button-border-thickness) solid var(--button-highlight-border)}.button-group-puzzle{justify-content:center;width:90%;max-width:400px;margin:8px auto 0;display:flex}.button-puzzle{text-align:center;background-color:var(--button-background);color:#d3d3d3;height:35px;padding:var(--button-padding-thickness);border:var(--button-border-thickness) solid black;flex:0 55px;justify-content:center;align-items:center;margin:3px;font-size:12px;font-weight:400;display:inline-flex}.button-puzzle:hover{color:#fff;border:var(--button-border-thickness) solid var(--button-highlight-border)}.button-practice{font-size:16px}button.greyed-out{pointer-events:none;cursor:not-allowed;opacity:.6;box-shadow:none;background-color:var(--button-greyed-out)}button.solved{opacity:.6;box-shadow:none;background-color:var(--button-greyed-out)}button.started{background-color:var(--button-highlighted);font-weight:700}#exit-button{color:#fff;text-align:center;flex-grow:1;font-size:1.2rem;font-weight:lighter}.step-button{flex:25px;width:35px;margin:10px 0 5px;font-size:20px}.dash{position:relative;top:-3px}.top-button-spacer{flex:0 0 10px}#start-button{width:50px;font-size:12px}.button-menu{height:25px;margin:5px}.button-link-text{color:#fff;margin:0;font-size:13px;font-weight:550;text-decoration:none}.align-right{align-self:flex-end;margin-left:auto}.add-circle{border:var(--button-border-thickness) solid white;border-radius:15px}button.display{display:""}button.hide{display:none}main.help{flex-direction:column;justify-content:flex-start;height:100%;min-height:0;display:flex;overflow:auto}section{background-color:var(--bg-color);flex-direction:column;align-items:center;width:90%;max-width:100%;display:flex}.container-play{flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.middle-section{flex-grow:2;width:100%}.bottom-section{z-index:999;flex-grow:2;align-items:flex-end;width:100%;padding:10%;position:fixed;bottom:0;left:0}.help-contents{align-items:top;flex-direction:column;display:flex}.help-link{color:#add8e6;align-self:flex-start;font-size:16px}.padding-top-large{padding-top:25px}.body-2-soul-image{width:110px;height:350px;margin:8px}:root{--table-colour-top:lightblue;--table-colour-between:white}table{border-collapse:collapse;width:100%;font-family:sans-serif;font-size:var(--font-size);margin:5px 0}thead tr{background-color:var(--table-colour-top);color:#fff;text-align:left;font-weight:700}th,td{border-bottom:1px solid var(--table-colour-between);padding:6px}tbody tr:first-of-type{border-top:2px solid var(--table-colour-top)}tbody tr:last-of-type{border-bottom:2px solid var(--table-colour-top)}