:root{--add: var(--success);--sub: #538FCE;--del: var(--danger)}#landing-page{min-height:var(--fullscreen)}#game-board{max-width:600px;min-height:var(--fullscreen);display:flex;flex-direction:column}#settings>.item{display:flex}#settings h3{margin:.5em}#settings input{margin:auto;min-width:3em}.typeArea{display:grid;grid-template-columns:1fr 3em;margin-bottom:3rem}.typeArea input{font-size:1.25em;min-width:0}hr{margin-bottom:1em}.vr{border-left:1px dashed var(--border);height:2em}#btn-discord-login{max-width:max(11em,15vw);max-width:max(11em,15dvw);flex-grow:1;flex-shrink:1}#btn-discord-login #btn-discord-login-username{text-overflow:ellipsis;overflow-x:hidden;line-height:1.5;width:100%;white-space:nowrap;font-family:var(--mono-font);font-variation-settings:"wdth" 75}#app{display:flex;flex-direction:column;position:relative;height:100%;flex:1}#puzzle-part{font-size:1.2em;text-align:center;margin-top:.5rem;padding-top:.25rem;border-top:2px dotted currentColor}#app-ui-tw-label{text-transform:uppercase;letter-spacing:.05em;font-weight:calc(var(--font-weight) + 200);opacity:.5;font-size:.875em;text-wrap:nowrap}#tw{font-family:var(--title-font);font-weight:calc(var(--font-weight) + 300);font-size:2.2em;margin:1em}.turns{display:flex;justify-content:center;gap:8px}.dot{width:10px;height:10px;border-radius:2px;background-color:var(--border-half);transition:.3s cubic-bezier(0,0,.2,1);scale:.5}.dot.bonus{background-color:var(--border);scale:.75}.dot.used{scale:1}.dot.used.add{background-color:var(--add)}.dot.used.sub{background-color:var(--sub)}.dot.used.del{background-color:var(--del)}.dot.used.uncommon{border-radius:50%}.history{--radius: 1em;display:flex;flex-direction:column;padding-bottom:20px}#history{overflow:hidden;height:0px;transition:height .35s ease-in-out}.undo{padding:0;font-size:.5em}.word-row{padding:.75em 1em;background-color:var(--card-bg);display:grid;align-items:center;grid-template-columns:auto 1fr 1.5em}.word-row .material-symbols-rounded{color:color-mix(in srgb,currentColor,transparent)}.step{opacity:.5;font-size:1em;margin-right:1.2em;width:1em;text-align:right;font-style:italic}.word-diff{font-family:var(--mono-font);font-size:1.5em;letter-spacing:2px;display:flex;align-items:center;margin-top:-.2em}.diff-char{display:inline-block;animation:popChar .5s cubic-bezier(0,0,.2,1)}.add{color:var(--add)}.sub{color:var(--sub)}.del{color:var(--del);opacity:.8}#loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;flex:1}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.shake{animation:shake .4s}#end-panel{display:flex;flex-direction:column;gap:1em;text-align:center;padding:.5em 0 1em;animation:slup .5s}.end-msg{font-size:1.25em;font-weight:600}.middle-sticky-footer{position:sticky;bottom:0;background:linear-gradient(to bottom,transparent 0%,var(--bg) 20%)}#till-next{display:flex;gap:.5em;flex-direction:column;align-items:center;justify-content:center;margin-top:2em;font-size:1.25em}#timer-countdown{font-family:var(--mono-font);font-size:1.8em;font-weight:600;color:var(--primary);margin-top:.5rem}.share-btn{background:var(--primary);color:#000;padding:15px;width:100%;display:flex;justify-content:center;align-items:center;gap:10px;font-size:1.2em}#archive-date-input input{width:100%;padding:.5em .75em}#body-rightSide,#body-leftSide{position:absolute;top:.5em;display:flex;flex-direction:column;color:rgba(var(--secondary-rgb),.75)}#body-rightSide{right:.5em;font-weight:500}#styled-date{display:flex;flex-direction:row-reverse;gap:.25em;justify-content:center;align-items:center}#body-leftSide{top:.65em;left:.65em;gap:.25em}.recommended_steps{color:#f59e0b}.all_common{color:#10b981}#body-leftSide .material-symbols-rounded{transition:color .2s ease-in-out}#body-leftSide .material-symbols-rounded.off{color:color-mix(in srgb,var(--color),transparent 90%)}#difficulty-roadmap-container{list-style:none;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;gap:1rem;flex-wrap:wrap;margin:0;padding:1em;border:2px dashed var(--border-half);border-radius:1em}#difficulty-roadmap-container li{margin:0;padding:0;z-index:3;display:flex;flex-direction:column;align-items:center;opacity:.3}#difficulty-roadmap-container li.current{opacity:1}#difficulty-roadmap-container li#m-d-Advanced.current,#difficulty-roadmap-container li#m-d-Scholar.current{color:var(--warning)}#difficulty-roadmap-container li.unlocked{color:var(--primary);opacity:1}.m-d-badgeIcon{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid currentColor;background-color:rgba(from currentColor r g b / .5)}#difficulty-roadmap-container li.unlocked .m-d-badgeIcon{animation:pulse-glow 2s infinite}.m-d-badgeIcon .twemoji{margin:0;font-size:1.75em}.m-d-badgeLabel{font-size:.75rem;margin-top:.5rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@keyframes pulse-glow{0%{box-shadow:0 0 rgba(var(--primary-rgb),.7)}70%{box-shadow:0 0 50px 2em transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slup{0%{opacity:0;transform:translateY(2em)}to{opacity:1;transform:translateY(0)}}@keyframes popChar{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media only screen and (max-width:600px){.game-nav{grid-template-columns:1fr}.game-nav h1{text-align:center}.game-nav-actions{display:flex;justify-content:center}}