:root{--paper: #f4f1e8;--ink: #2c2c2c;--ink-light: #4a4a4a;--ink-lighter: #666666;--typewriter-ribbon: #8b0000;--typewriter-ribbon-light: #a52a2a;--typewriter-key: #e8e0d6;--typewriter-key-shadow: #d4c4b0;--typewriter-key-pressed: #cfc0a8;--max-width: min(420px, 100%);--font-standard: "Roboto Mono", monospace}*{background-color:var(--paper);border-color:var(--ink);color:var(--ink);text-align:center;font-family:var(--font-standard);box-sizing:border-box}.app{max-width:var(--max-width);width:100%;margin-inline:auto;height:calc(var(--vh, 1vh) * 100)}.puzzle{display:flex;min-height:100%;flex-direction:column;align-items:center;max-width:100vw;padding:16px;box-sizing:border-box}.header{display:flex;justify-content:space-between;align-items:center;width:100%}.headerText{display:flex;flex-direction:column;max-width:var(--max-width)}.headerName{font-size:48px;font-weight:700;width:100%;line-height:1;text-align:left}.headerPuzzleNumber{font-size:15px;text-align:left}.headerButtons{font-weight:700;display:flex;gap:10px}.headerButton{font-weight:500;font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--typewriter-key);border-radius:50%;border-color:var(--typewriter-key-shadow);border-style:solid;border-width:2px;color:var(--ink);box-shadow:0 2px 0 var(--typewriter-key-shadow)}.headerIconButton{height:60%;width:60%;background-color:inherit}.headerIconButton:hover,.headerIconButton:active{background-color:inherit}.headerButton:hover{background-color:var(--typewriter-key-pressed)}.headerButton:active{background-color:var(--typewriter-key-pressed);box-shadow:0 1px 0 var(--typewriter-key-shadow);transform:translateY(1px)}.divider{border-top-width:1px;width:100%}.clueSection{background-color:var(--paper);background-image:radial-gradient(circle at 20% 80%,rgba(139,69,19,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,69,19,.02) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(139,69,19,.01) 0%,transparent 50%);border:2px solid var(--typewriter-key-shadow);border-radius:8px;padding:16px;margin:8px 0;box-shadow:0 2px 0 var(--typewriter-key-shadow);position:relative;width:100%}.clueSection:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,transparent 0%,transparent 24px,rgba(139,69,19,.05) 25px,transparent 26px),linear-gradient(0deg,transparent 0%,transparent 19px,rgba(139,69,19,.03) 20px,transparent 21px);background-size:25px 20px;pointer-events:none;border-radius:6px}.dictionaryEntry{display:flex;flex-direction:column;gap:12px;text-align:left}.wordEntry{display:flex;align-items:center}.wordLength{font-weight:700;font-size:18px;color:var(--ink)}.partOfSpeechLine{text-align:left}.partOfSpeech{font-weight:600;font-size:12px;color:var(--ink);font-style:italic}.etymologyContent{margin-bottom:4px}.hintLabel{font-weight:700;font-size:14px;color:var(--ink);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;text-align:left}.definitionLabel{font-weight:700;font-size:14px;color:var(--ink);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;text-align:right}.etymologyValue{font-weight:600;font-size:20px;text-align:left;color:var(--ink);font-style:italic}.definitionValue{font-weight:600;font-size:20px;text-align:right;color:var(--ink);font-style:italic}.userInput{font-weight:700;font-size:36px;background-color:transparent;border:none;border-bottom:2px solid var(--ink);min-width:120px;display:flex;align-items:center;letter-spacing:1px;color:var(--ink);text-align:left;justify-content:flex-start}.hintsRow{display:flex;width:100%;gap:8px;margin-top:6px}.hintButtonBase{display:flex;border:2px solid var(--ink);font-size:12px;border-radius:4px;width:100%;margin-top:6px;flex-grow:1;justify-content:center;text-align:center;align-items:center;min-height:80px;max-height:18px;padding:8px}.hintButton{font-weight:700;color:var(--ink);background-color:var(--typewriter-key);border-color:var(--typewriter-key-shadow);box-shadow:0 2px 0 var(--typewriter-key-shadow)}.hintButton:active{background-color:var(--typewriter-key-pressed);box-shadow:0 1px 0 var(--typewriter-key-shadow);transform:translateY(1px)}.hintButton:hover{cursor:pointer;background-color:var(--typewriter-key-pressed)}.hintButtonRevealed{font-weight:700;color:var(--ink);background-color:var(--paper);border-style:dashed}.hintButtonDisabled{background-color:var(--paper);color:var(--ink-lighter);border-color:var(--ink-lighter)}.keyboard{display:flex;flex-direction:column;gap:6px;width:100%;margin-inline:auto;margin-top:10px}.keyboardRow{display:flex;margin-inline:auto;justify-content:space-between;width:100%;gap:2px}.keyboardIconButton{flex:1;height:75%;width:75%;background-color:inherit;display:flex;justify-content:center;align-items:center}.keyboardButton{flex:1;height:40px;border-color:var(--typewriter-key-shadow);border-style:solid;border-width:2px;font-weight:500;border-radius:4px;font-size:20px;background-color:var(--typewriter-key);color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 0 var(--typewriter-key-shadow)}.keyboardButton:active{background-color:var(--typewriter-key-pressed);box-shadow:0 1px 0 var(--typewriter-key-shadow);transform:translateY(1px)}.keyboardButtonSubmit{flex:1;height:40px;border-color:var(--typewriter-key-shadow);border-style:solid;border-width:2px;font-weight:500;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;background-color:var(--typewriter-key);color:var(--ink);box-shadow:0 2px 0 var(--typewriter-key-shadow)}@media (hover: hover) and (pointer: fine){.keyboardButton:hover,.keyboardButtonSubmit:hover{cursor:pointer;background-color:var(--typewriter-key-pressed)}}.helpModalHeaderText{font-size:20px;font-weight:700;margin-bottom:4px;background-color:var(--paper);color:var(--ink)}.helpModalText{font-size:14px;margin-bottom:4px;background-color:var(--paper);color:var(--ink)}.similarityModalText{font-size:18px;margin-bottom:4px;background-color:var(--paper);color:var(--ink)}.closeButton{position:absolute;top:8px;right:14px;background:transparent;border:none;color:var(--ink);font-size:30px;font-weight:700;cursor:pointer}.closeButton:hover{color:var(--typewriter-ribbon)}.helpModalOverlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:#0000;display:flex;align-items:center;justify-content:center;z-index:1000}.helpModalBox{background-color:var(--paper);color:var(--ink);padding:20px;border-radius:8px;border:1px solid var(--ink);box-shadow:0 4px 10px #0000004d;position:relative;width:300px;text-align:center}.successModalBoxes{width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--paper);margin-bottom:12px}.streakBox{display:flex;justify-content:center;align-items:center;gap:8px;background-color:var(--paper);margin-bottom:16px}.statsBox{width:100%;margin-bottom:16px;background-color:var(--paper)}.statsRow{display:flex;align-items:center;margin-bottom:2px;background-color:var(--paper)}.statsIndex{width:70px;text-align:left;color:var(--ink);background-color:var(--paper);font-weight:700;font-size:12px;flex-shrink:0}.statsBar{background-color:var(--paper);margin-left:8px;flex:1}.statsBarBox{height:24px;display:flex;align-items:center;justify-content:center;padding-inline:8px;padding-bottom:2px;font-weight:600;background-color:var(--typewriter-key-shadow);color:var(--ink);border-radius:4px}.shareButton{padding-inline:16px;padding-block:8px;border-radius:8px;background-color:var(--typewriter-key);border:2px solid var(--ink);font-weight:600}.shareButton:hover{cursor:pointer;background-color:var(--typewriter-key-pressed)}.footer{font-size:14px;padding-top:12px;padding-bottom:26px}.footerSpacing{display:flex;justify-content:center;gap:16px}.support{display:flex;flex-direction:column;padding:16px;min-height:100vh;max-width:var(--max-width);margin:0 auto}.supportHeader{font-size:24px;font-weight:700;margin-bottom:8px}.supportText{text-align:left;margin-bottom:1px}.backToHomeButton:hover{text-decoration-line:underline}@keyframes shake{0%{transform:translate(0)}17%{transform:translate(-6px)}34%{transform:translate(12px)}50%{transform:translate(-9px)}67%{transform:translate(6px)}84%{transform:translate(-3px)}to{transform:translate(0)}}.shake{animation:shake .4s ease}@keyframes swipeUp{0%{transform:translate(-50%,-20%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.modalEnter{animation:swipeUp .15s cubic-bezier(.19,1,.22,1)}@keyframes swipeDown{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,-20%);opacity:0}}.modalExit{animation:swipeDown .2s cubic-bezier(.25,1,.22,1) forwards}