.keyboard{display:grid;gap:.5rem;max-width:800px;width:100%;margin:1rem auto;padding:0 1rem;box-sizing:border-box}.arrow-navigation{display:flex;justify-content:center;gap:.5rem;margin-bottom:.5rem;width:100%;box-sizing:border-box}.arrow-key{flex:1;height:2.5rem;border:1px solid var(--color-purple);border-radius:.25rem;background-color:var(--color-purple-transparent);color:var(--color-light-purple);font-size:1rem;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.arrow-key:hover{background-color:#6b0066;text-shadow:0 0 1px var(--color-light-purple),0 0 2px var(--color-light-purple),0 0 3px var(--color-light-purple)}.arrow-key:active{transform:scale(.95)}.keyboard-row{display:flex;justify-content:center;align-items:center;gap:.25rem;width:100%;box-sizing:border-box}.keyboard-row-1{gap:.2rem}.keyboard-row-2{gap:.3rem}.keyboard-row-3{gap:.4rem}.keyboard-key{flex:0 0 calc(10% - .225rem);height:2.5rem;border:1px solid var(--color-purple);border-radius:.25rem;background-color:var(--color-light-purple-transparent);color:var(--color-purple);font-size:1rem;font-weight:900;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.keyboard-key:hover{background-color:var(--color-purple);color:var(--color-white)}.keyboard-key:active{transform:scale(.95)}.keyboard-key.guessed{background-color:var(--color-bg-dark);color:var(--color-light-gray);border-color:var(--color-light-gray)}.keyboard-key.backspace{background-color:var(--color-purple);color:var(--color-white);border-color:var(--color-purple);flex:0 0 calc(15% - .225rem);font-size:1rem}.keyboard-key.backspace:hover{background-color:#6b0066;text-shadow:0 0 1px white,0 0 2px white,0 0 3px white}@media (max-width: 480px){.keyboard{gap:.25rem;padding:0 .5rem}.keyboard-row{gap:.125rem}.keyboard-key{flex:0 0 calc(10% - .1125rem);height:2rem;font-size:.875rem;border-radius:.125rem}.keyboard-key.backspace{flex:0 0 calc(15% - .1125rem);font-size:1rem}.arrow-navigation{gap:.25rem;margin-bottom:.25rem}.arrow-key{height:2rem;font-size:.875rem}}@media (max-width: 360px){.keyboard{gap:.125rem;padding:0 .25rem}.keyboard-row{gap:.0625rem}.keyboard-key{flex:0 0 calc(10% - .0563rem);height:1.75rem;font-size:.75rem;font-weight:800}.keyboard-key.backspace{flex:0 0 calc(15% - .0563rem);font-size:.875rem}.arrow-navigation{gap:.125rem;margin-bottom:.125rem}.arrow-key{height:1.75rem;font-size:.75rem}}@media (min-width: 769px){.keyboard-key{height:3rem;font-size:1.1rem}.keyboard-key.backspace{font-size:1.3rem}}@media (min-width: 481px) and (max-width: 768px){.keyboard{gap:.375rem;padding:0 .5rem;width:95%}.keyboard-key{height:2.25rem;font-size:.875rem;max-width:2.25rem}.keyboard-key.backspace{max-width:2.75rem}}@media (min-width: 769px) and (max-width: 1023px){.keyboard{gap:.5rem;max-width:500px}.keyboard-key{height:2.5rem;font-size:1rem;max-width:2.5rem}.keyboard-key.backspace{max-width:3rem;font-size:1rem}}@media (min-width: 1024px){.keyboard{gap:.75rem;max-width:600px}.keyboard-key{height:3rem;font-size:1.1rem;max-width:3rem}.keyboard-key.backspace{max-width:4rem;font-size:1.3rem}}.controls-container{display:flex;gap:15px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.instructions-btn{width:40px;height:40px;border-radius:50%;background-color:var(--color-dark-gray);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:var(--transition-fast)}.instructions-btn:hover{background-color:var(--color-dark-gray)}.instructions-btn svg{font-size:20px}.button-base{padding:12px 24px;font-size:1rem;font-weight:700;background:var(--glass-bg-light);color:var(--color-light-purple);border:2px solid var(--color-purple);border-radius:var(--border-radius-large);cursor:pointer;transition:var(--transition-smooth);font-family:var(--font-mono);-webkit-backdrop-filter:var(--blur-effect);backdrop-filter:var(--blur-effect);display:flex;align-items:center;justify-content:center;gap:8px;min-height:45px}.button-base:hover:not(.disabled){background:var(--purple-bg);transform:var(--hover-transform);box-shadow:var(--shadow-purple)}.button-base.disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;border-color:var(--color-purple)}.button-base.disabled:hover{background:var(--glass-bg-light);transform:none;box-shadow:none}.button-base.active{background:var(--purple-bg);color:var(--color-light-purple);border-color:var(--color-purple);transform:none}.button-base.active:hover{background:var(--purple-bg);border-color:var(--color-purple);transform:none}.controls-container button{padding:12px 24px;font-size:1rem;font-weight:700;background:var(--glass-bg-light);color:var(--color-light-purple);border:2px solid var(--color-purple);border-radius:var(--border-radius-large);cursor:pointer;transition:var(--transition-smooth);font-family:var(--font-mono);-webkit-backdrop-filter:var(--blur-effect);backdrop-filter:var(--blur-effect);display:flex;align-items:center;justify-content:center;gap:8px;min-height:45px;white-space:nowrap}.controls-container button:hover:not(.disabled){background:var(--purple-bg);transform:var(--hover-transform);box-shadow:var(--shadow-purple)}.controls-container button.disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;border-color:var(--color-purple)}.controls-container button.disabled:hover{background:var(--glass-bg-light);transform:none;box-shadow:none}.controls-container button.active{background:var(--purple-bg);color:var(--color-light-purple);border-color:var(--color-purple);transform:none}.controls-container button.active:hover{background:var(--purple-bg);border-color:var(--color-purple);transform:none}.controls-container button svg{margin-right:5px;color:inherit;width:1em;height:1em;vertical-align:-.125em;flex-shrink:0;display:inline-block}.controls-container .auto-check-btn{padding:12px 24px}.primary-button{border:4px solid white!important;box-shadow:var(--shadow-white)}.solved-button-base{padding:15px 30px;font-size:1.1rem;font-weight:700;background:var(--glass-bg-medium);color:#fff;border:2px solid white;border-radius:var(--border-radius-pill);cursor:pointer;transition:var(--transition-smooth);font-family:var(--font-mono);-webkit-backdrop-filter:var(--blur-effect);backdrop-filter:var(--blur-effect);display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px}.solved-button-base:hover{background:var(--glass-bg-heavy);transform:var(--hover-transform);box-shadow:var(--shadow-dark)}.retry-btn.solved-button-base{padding:15px;min-width:50px;gap:0}@media (max-width: 768px){.controls-container{gap:10px}.controls-container button{font-size:1rem;height:40px;min-height:0;padding:0 20px}}@media (max-width: 500px){.controls-container button{font-size:1rem;height:36px;min-height:0;padding:0 16px}}.general-dropdown{position:relative}.dropdown-left{left:0;right:auto}.dropdown-right{right:0;left:auto}.menu-dropdown{position:absolute;top:40px;right:0;background-color:var(--color-dropdown-bg);border-radius:8px;box-shadow:0 2px 10px #0000001a;min-width:max-content;max-height:70vh;overflow-y:auto;overflow-x:hidden;animation:slideDown .2s ease;scrollbar-width:thin;scrollbar-color:var(--color-purple) var(--color-dropdown-bg);white-space:nowrap}.menu-dropdown::-webkit-scrollbar{width:8px}.menu-dropdown::-webkit-scrollbar-track{background:var(--color-dropdown-bg);border-radius:4px}.menu-dropdown::-webkit-scrollbar-thumb{background:var(--color-purple);border-radius:4px;border:1px solid var(--color-dropdown-bg)}.menu-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-purple)}.menu-item{display:block;padding:12px 20px;color:var(--color-light-purple);text-decoration:none;transition:background-color .2s ease;cursor:pointer;border:none;background:var(--color-dropdown-bg);text-align:left;font-size:16px;font-family:inherit;margin:0;width:100%;box-sizing:border-box}.menu-item:hover{background-color:var(--color-purple);color:var(--color-light-purple)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hamburger-menu .menu-dropdown{right:0;left:auto}.gametype-dropdown{margin-left:0}.gametype-button{background:none;border:none;color:var(--color-light-purple);font-size:18px;padding:0 5px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .2s ease}.gametype-button:hover{color:var(--color-white)}.gametype-button svg{font-size:14px;transition:transform .2s ease}.gametype-button:hover svg{transform:translateY(2px)}.gametype-dropdown .menu-dropdown{left:0;right:auto;width:max-content;max-width:200px}.verses-dropdown{position:relative}.verses-dropdown .menu-dropdown,.verse-dropdown .menu-dropdown{left:auto;right:auto;width:max-content;max-width:300px}.chapter-item{display:flex;align-items:center;font-weight:600;background-color:var(--color-bg-dark-secondary);border-bottom:1px solid var(--color-dropdown-bg)}.chapter-item:hover{background-color:var(--color-dropdown-bg)}.chapter-icon{margin-right:8px;font-size:12px;width:12px;transition:transform .2s ease}.verse-list{background-color:var(--color-bg-dark-primary)}.verse-item{padding-left:35px;font-size:14px;background-color:var(--color-bg-dark-primary);border-bottom:1px solid var(--color-dropdown-bg)}.verse-item:hover{background-color:var(--color-dropdown-bg)}.verse-item.current-verse{background-color:var(--color-purple);color:var(--color-white);font-weight:600}.verse-item.current-verse:hover{background-color:var(--color-purple)}.cryptogram-container{display:flex;flex-direction:column;align-items:center;font-family:var(--font-mono);position:relative;padding:70px 10px 0;min-height:100vh;width:100%;box-sizing:border-box}@media (min-width: 1280px){.cryptogram-container{padding-top:100px;min-height:100vh;min-height:100dvh}}@media (min-width: 1600px){.cryptogram-container{padding-top:120px;min-height:100vh;min-height:100dvh}}@media (min-width: 1920px){.cryptogram-container{padding-top:140px;min-height:100vh;min-height:100dvh}}.cryptogram-container.photo-mode{background:linear-gradient(var(--crypt-overlay-color-rgba, rgba(0,0,0,0))),var(--crypt-bg-image);background-size:cover,cover;background-position:center center,center center;background-repeat:no-repeat,no-repeat;overflow-x:hidden}.verse-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;row-gap:8px;padding:10px;border:2px solid var(--color-purple);border-radius:10px;margin:0 auto;max-width:95%}.cryptogram-container.photo-mode .verse-container{border:2px solid var(--color-white);box-shadow:0 0 0 6px var(--color-dark-gray);background:var(--glass-bg-light)}.word-container{display:flex;gap:4px}.char-container{display:flex;flex-direction:column;align-items:center;position:relative;min-height:84px}.guess-input{width:34px;height:42px;line-height:42px;box-sizing:content-box;padding:0;padding-left:0!important;padding-right:0!important;padding-inline-start:0;padding-inline-end:0;-webkit-padding-start:0;-webkit-padding-end:0;text-indent:3px;margin:0;text-align:center;font-size:1.1rem;font-family:var(--font-mono);direction:ltr;border:2px solid var(--color-purple);border-radius:4px;text-transform:uppercase;background:var(--glass-bg-light);-webkit-backdrop-filter:var(--blur-effect);backdrop-filter:var(--blur-effect);cursor:pointer;caret-color:transparent;color:var(--color-light-purple);transition:all .2s ease;font-weight:700}.cryptogram-container.photo-mode .guess-input{background:var(--glass-bg-dark);border:2px solid var(--color-white);box-shadow:0 0 0 3px var(--color-dark-gray);color:var(--color-white);-webkit-text-fill-color:var(--color-white);text-shadow:-1px -1px 0 var(--color-bg-dark),1px -1px 0 var(--color-bg-dark),-1px 1px 0 var(--color-bg-dark),1px 1px 0 var(--color-bg-dark)}.cryptogram-container.photo-mode .guess-input.correct{background:var(--glass-bg-heavy)!important;border-color:var(--color-white)!important;box-shadow:0 0 0 3px var(--color-bg-dark)!important;color:var(--color-bg-dark)!important;-webkit-text-fill-color:var(--color-bg-dark)!important;text-shadow:none!important;transition:none!important}.cryptogram-container.photo-mode .guess-input:focus{background:var(--glass-bg-heavy);border-color:var(--color-white);color:var(--color-white);-webkit-text-fill-color:var(--color-white);box-shadow:0 0 0 3px var(--color-bg-dark)}body.android-device .guess-input{text-indent:4px}.guess-input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.guess-input::-webkit-search-cancel-button,.guess-input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.guess-input::-webkit-search-field{padding:0}.guess-input[type=search]::-webkit-search-results-button,.guess-input[type=search]::-webkit-search-results-decoration{display:none}.guess-input[type=search]::-webkit-textfield-decoration-container{display:none}.guess-input:focus{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-white);outline:none}.guess-input.same-letter:not(:focus){background-color:var(--color-success-light);border-color:var(--color-success-light);color:var(--color-purple)}.guess-input.incorrect{background:var(--glass-bg-light);border-color:var(--color-purple);color:var(--color-error)}.encrypted-char{width:34px;height:42px;display:flex;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;color:var(--color-light-gray);-webkit-user-select:none;user-select:none}.cryptogram-container.photo-mode .encrypted-char,.cryptogram-container.photo-mode .punctuation-mark{color:var(--color-white);text-shadow:-1px -1px 0 var(--color-bg-dark),1px -1px 0 var(--color-bg-dark),-1px 1px 0 var(--color-bg-dark),1px 1px 0 var(--color-bg-dark)}.cryptogram-container.photo-mode .guess-input{color:var(--color-white);-webkit-text-fill-color:var(--color-white)}.cryptogram-container.photo-mode .guess-input.same-letter:not(:focus){background-color:var(--glass-bg-medium);border-color:var(--color-white);color:var(--color-white);-webkit-text-fill-color:var(--color-white)}.punctuation-mark{width:34px;height:42px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;color:var(--color-light-gray);background:transparent;border:none;position:absolute;top:0;left:50%;transform:translate(-50%);padding-left:4px;padding-right:4px;-webkit-user-select:none;user-select:none}.punctuation-cell.punct-quote.opening,.punctuation-cell.punct-apostrophe.opening{margin-right:4px}.punctuation-cell.punct-quote.closing,.punctuation-cell.punct-apostrophe.closing{margin-left:4px}.punctuation-mark.comma{align-items:flex-end;padding-bottom:8px;left:calc(50% + 2px)}.punctuation-mark.apostrophe{align-items:flex-start;padding-top:8px}.punctuation-mark.period{align-items:flex-end;padding-bottom:8px}.punctuation-mark.question{align-items:center;padding-left:8px;padding-right:2px}.punctuation-mark.exclamation,.punctuation-mark.colon{align-items:center}.punctuation-mark.semicolon{align-items:flex-end;padding-bottom:8px}.punctuation-mark.quote{align-items:flex-start;padding-top:8px;justify-content:flex-start}body.cryptogram-win-gradient{background:linear-gradient(45deg,var(--color-purple),var(--color-success));background-attachment:fixed}body.cryptogram-win-gradient .citation{color:var(--color-bg-dark)}.cryptogram-container.photo-mode .controls-container button{background:var(--glass-bg-light);border:2px solid var(--color-white);box-shadow:0 0 0 2px var(--color-dark-gray);color:var(--color-white);text-shadow:-1px -1px 0 var(--color-bg-dark),1px -1px 0 var(--color-bg-dark),-1px 1px 0 var(--color-bg-dark),1px 1px 0 var(--color-bg-dark)}.cryptogram-container.photo-mode .controls-container button:hover:not(.disabled){background:var(--glass-bg-medium);transform:var(--hover-transform);box-shadow:0 0 0 3px var(--color-dark-gray),var(--shadow-dark)}.cryptogram-container.photo-mode .controls-container button svg,.cryptogram-container.photo-mode .solved-button-base svg{filter:drop-shadow(1px 0 0 var(--color-bg-dark)) drop-shadow(-1px 0 0 var(--color-bg-dark)) drop-shadow(0 1px 0 var(--color-bg-dark)) drop-shadow(0 -1px 0 var(--color-bg-dark))}.cryptogram-container.photo-mode .keyboard-key,.cryptogram-container.photo-mode .arrow-key{background:var(--glass-bg-light);border:2px solid var(--color-white);box-shadow:0 0 0 3px var(--color-dark-gray);color:var(--color-white);text-shadow:-1px -1px 0 var(--color-bg-dark),1px -1px 0 var(--color-bg-dark),-1px 1px 0 var(--color-bg-dark),1px 1px 0 var(--color-bg-dark)}.cryptogram-container.photo-mode .keyboard-key:hover,.cryptogram-container.photo-mode .arrow-key:hover{background:var(--glass-bg-medium)}.cryptogram-container.photo-mode .arrow-key svg{filter:drop-shadow(1px 0 0 var(--color-bg-dark)) drop-shadow(-1px 0 0 var(--color-bg-dark)) drop-shadow(0 1px 0 var(--color-bg-dark)) drop-shadow(0 -1px 0 var(--color-bg-dark))}.cryptogram-container.photo-mode .citation{color:var(--color-bg-dark);background:var(--glass-bg-medium);border-radius:4px;padding:10px 14px}@media (max-width: 1024px){.guess-input{width:30px;height:38px;line-height:38px;font-size:1rem}.encrypted-char{width:30px;height:38px;font-size:.8rem}.punctuation-mark{width:30px;height:38px;font-size:1.2rem;padding-left:4px;padding-right:4px}.char-container{min-height:76px}.punctuation-mark.comma,.punctuation-mark.period,.punctuation-mark.semicolon{padding-bottom:6px}}@media (max-width: 768px){.cryptogram-container .controls-container{width:100%;display:flex;flex-wrap:wrap}.cryptogram-container .controls-container button{flex:1 1 calc(50% - 10px);min-width:calc(50% - 10px)}.cryptogram-container .controls-container button:last-child{flex-basis:calc(50% - 10px);min-width:calc(50% - 10px)}.guess-input{width:26px;height:38px;line-height:38px;font-size:16px;-webkit-text-fill-color:var(--color-purple);-webkit-appearance:none;-moz-appearance:none;appearance:none}.encrypted-char{width:30px;height:38px;font-size:.8rem}.punctuation-mark{width:30px;height:38px;font-size:1.2rem;padding-left:4px;padding-right:4px}.char-container{min-height:76px}.punctuation-mark.comma,.punctuation-mark.period,.punctuation-mark.semicolon{padding-bottom:2px}.guess-input:focus{color:var(--color-white)!important;-webkit-text-fill-color:var(--color-white)!important;background-color:var(--color-success)!important;border-color:var(--color-success)!important;outline:none!important;caret-color:var(--color-white)!important}.guess-input:focus::selection{background-color:#ffffff4d}.guess-input:focus::-webkit-input-placeholder{color:#ffffff80}.guess-input:focus::-moz-placeholder{color:#ffffff80}.guess-input:focus::placeholder{color:#ffffff80}.guess-input.same-letter:not(:focus){background-color:var(--color-success-light)!important;border-color:var(--color-success-light)!important;color:var(--color-purple)!important;-webkit-text-fill-color:var(--color-purple)!important}.guess-input.incorrect{background-color:var(--color-light-purple)!important;border-color:var(--color-purple)!important;color:var(--color-error)!important;-webkit-text-fill-color:var(--color-error)!important}.guess-input.correct{background-color:var(--color-light-purple)!important;border-color:var(--color-purple)!important;color:var(--color-success)!important;-webkit-text-fill-color:var(--color-success)!important}.cryptogram-container.photo-mode .guess-input:focus{color:var(--color-white)!important;-webkit-text-fill-color:var(--color-white)!important;background-color:var(--glass-bg-heavy)!important;border-color:var(--color-white)!important;box-shadow:0 0 0 3px var(--color-bg-dark)!important;outline:none!important}.guess-input.has-guess:not(.correct):not(.incorrect){color:var(--color-light-purple);-webkit-text-fill-color:var(--color-light-purple)}.word-container{gap:4px}.verse-container{gap:20px;row-gap:8px;padding:10px}}@media (max-width: 500px){.guess-input{width:20px;height:32px;line-height:32px;font-size:16px}.encrypted-char{width:24px;height:32px;font-size:.8rem}.punctuation-mark{width:10px;height:32px;font-size:1.2rem;padding-left:4px;padding-right:4px}.char-container{min-height:64px}.punctuation-mark.comma,.punctuation-mark.period,.punctuation-mark.semicolon{padding-bottom:4px}.verse-container{gap:20px;row-gap:6px;padding:10px}.word-container{gap:2px}}.guess-input{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}.unscramble-container{margin-top:70px;display:flex;flex-direction:column;align-items:center;font-family:var(--font-mono);position:relative;padding:0 10px;background:var(--color-bg-dark);min-height:100vh;color:var(--color-light-gray)}body.unscramble-win-gradient .unscramble-container{background:transparent!important}.words-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:30px}.word-item{background:transparent;border:2px solid var(--color-purple);border-radius:10px;padding:20px;text-align:center;transition:all 0s ease;position:relative;width:200px}.word-item.current-word{border-color:var(--color-purple);box-shadow:0 0 10px #8000804d;border-width:5px}.word-item.solved-word{background:#3da5421a;border-color:var(--color-success);animation:solveAnimation .5s ease}.word-item.hint-revealed{background:#ff98001a;border-color:var(--color-orange-hint)}@keyframes solveAnimation{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.scrambled-word{font-size:1.2rem;font-weight:700;margin-bottom:15px;color:var(--color-light-gray);letter-spacing:1px;-webkit-user-select:none;user-select:none}.word-input-container{min-height:50px;display:flex;align-items:center;justify-content:center}.current-input{display:flex;align-items:center;justify-content:center}.word-input{width:40px;height:40px;text-align:center;font-size:1.1rem;border:1px solid var(--color-purple);text-transform:uppercase;background-color:var(--color-light-purple);cursor:pointer;caret-color:var(--color-white);color:var(--color-purple);transition:all .2s ease;font-weight:700;border-radius:3px;-webkit-user-select:none;user-select:none}.word-input:focus{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-white);outline:none;-webkit-user-select:none;user-select:none;caret-color:var(--color-white);position:relative}.current-input{position:relative}.word-input.incorrect{background-color:var(--color-light-purple);border-color:var(--color-purple);color:var(--color-error);animation:shake .3s ease}.solved-word-display{font-size:1.2rem;font-weight:700;color:var(--color-success);padding:10px;background:#3da5421a;border-radius:5px;border:1px solid var(--color-success);min-height:20px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.word-placeholder{font-size:1.5rem;color:var(--color-light-gray);font-weight:700;-webkit-user-select:none;user-select:none}.revealed-verse{font-size:1.1rem;margin:15px 0;font-weight:700;color:var(--color-white)}.reference{margin:10px 0;font-size:1rem;font-style:italic;opacity:.9}.solved-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px;align-items:stretch}body.unscramble-win-gradient{background:linear-gradient(45deg,var(--color-purple),var(--color-success))!important;background-attachment:fixed}.citation{margin:40px 0 20px;text-align:center;font-size:.8rem;color:var(--color-light-gray);line-height:1.4;max-width:600px}body.unscramble-win-gradient .citation,.citation.dark-text{color:var(--color-bg-dark)}@media screen and (max-width: 768px){.unscramble-container{padding:0 15px}.words-grid{gap:15px}.word-item{padding:15px;width:170px}.scrambled-word{font-size:1.1rem}.word-input{width:35px;height:35px;font-size:1rem}.solved-message{padding:15px}.solved-buttons{flex-direction:row;gap:10px;flex-wrap:wrap}.next-verse-btn,.repeat-verse-btn{font-size:1rem;padding:10px 20px}}@media screen and (max-width: 480px){.words-grid{gap:10px}.word-item{padding:10px;width:140px}.scrambled-word{font-size:1rem}.word-input{width:30px;height:30px;font-size:.9rem}.next-verse-btn,.repeat-verse-btn{font-size:.9rem;padding:8px 16px;min-height:40px}}.first-letter-container{display:flex;flex-direction:column;align-items:center;font-family:var(--font-mono);position:relative;padding:70px 10px 0;min-height:100vh;width:100%;box-sizing:border-box}@media (min-width: 1280px){.first-letter-container{padding-top:100px}}@media (min-width: 1600px){.first-letter-container{padding-top:120px}}@media (min-width: 1920px){.first-letter-container{padding-top:140px}}.first-letter-container.photo-mode{position:relative;z-index:0}.first-letter-container.photo-mode:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--crypt-overlay-color-rgba, rgba(0,0,0,0))),var(--crypt-bg-image);background-size:cover,cover;background-position:center center,center center;background-repeat:no-repeat,no-repeat;z-index:-1}.first-letter-verse-container{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;row-gap:8px;padding:10px;border:2px solid var(--color-purple);border-radius:10px;margin:0 auto;max-width:95%}.first-letter-container.photo-mode .first-letter-verse-container{border:2px solid var(--color-white);box-shadow:0 0 0 6px var(--color-dark-gray);background:var(--glass-bg-light)}.first-letter-word-container{display:flex;gap:4px;flex-direction:column;align-items:center;position:relative}.first-letter-input-container{display:flex;align-items:center;justify-content:center;margin-bottom:5px}.first-letter-input{height:40px;text-align:center;font-size:1.1rem;border:2px solid var(--color-purple);text-transform:uppercase;background-color:var(--color-light-purple);cursor:pointer;caret-color:transparent;color:var(--color-purple);transition:all .2s ease;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none}.first-letter-container.photo-mode .first-letter-input{background:var(--glass-bg-dark);border:2px solid var(--color-white);box-shadow:0 0 0 3px var(--color-dark-gray);color:var(--color-white);-webkit-text-fill-color:var(--color-white);text-shadow:-1px -1px 0 var(--color-bg-dark),1px -1px 0 var(--color-bg-dark),-1px 1px 0 var(--color-bg-dark),1px 1px 0 var(--color-bg-dark)}.first-letter-container.photo-mode .first-letter-input:not(.incorrect){transition:none}.first-letter-input:focus{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-white);outline:none}.first-letter-container.photo-mode .first-letter-input:focus{background:var(--glass-bg-heavy);border-color:var(--color-white);color:var(--color-white);-webkit-text-fill-color:var(--color-white);box-shadow:0 0 0 3px var(--color-bg-dark)}.first-letter-input.incorrect{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error);animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.word-display{min-height:30px;padding:5px 10px;border-radius:5px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.word-display.hidden{background-color:transparent;border:none;color:var(--color-light-gray);font-size:1rem}.word-display.revealed{background-color:transparent;border:none;color:var(--color-light-gray);font-size:1rem;animation:revealAnimation .5s ease}.word-display.always-visible{background-color:transparent;border:none;color:var(--color-light-gray);font-size:1rem}.first-letter-container.photo-mode .word-display,.first-letter-container.photo-mode .word-display.hidden,.first-letter-container.photo-mode .word-display.revealed,.first-letter-container.photo-mode .word-display.always-visible{background:var(--glass-bg-medium);border-radius:4px;padding:5px 10px;color:var(--color-bg-dark)!important;text-shadow:none;transition:none}.first-letter-container.photo-mode .word-display.correct-word-red{background:var(--glass-bg-medium);border-radius:4px;padding:5px 10px;color:var(--color-error);text-shadow:none}.first-letter-container.photo-mode .word-display.revealed,.first-letter-container.photo-mode .word-display.correct-word-red{animation:none}.word-display.correct-word-red{background-color:transparent;border:none;color:var(--color-error);font-size:1rem;font-weight:700;animation:correctWordFlash 1s ease}@keyframes revealAnimation{0%{transform:scale(1);background-color:transparent;color:var(--color-light-gray)}50%{transform:scale(1.1);background-color:transparent;color:var(--color-light-gray)}to{transform:scale(1);background-color:transparent;color:var(--color-light-gray)}}@keyframes correctWordFlash{0%{color:var(--color-error);transform:scale(1)}50%{color:var(--color-error);transform:scale(1.1)}to{color:var(--color-error);transform:scale(1)}}.solved-message{text-align:center;margin:20px auto;padding:10px;background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-success) 100%);color:var(--color-white);border-radius:15px;box-shadow:0 4px 15px #0003;animation:fadeIn .5s ease-in;max-width:95%}.score-display{margin:10px 0}.score-text{font-size:1.1rem;font-weight:700;margin:0}.first-letter-revealed-verse{font-size:1.1rem;margin:15px 0;font-weight:700;color:var(--color-white)}.first-letter-reference{margin:10px 0;font-size:1rem;font-style:italic;opacity:.9}.first-letter-solved-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px;align-items:stretch;flex-wrap:wrap}body.first-letter-win-gradient{background:linear-gradient(45deg,var(--color-purple),var(--color-success));background-attachment:fixed}body.first-letter-win-gradient .first-letter-citation{color:var(--color-bg-dark)}body.first-letter-win-gradient .first-letter-difficulty-stepper{border:2px solid rgba(255,255,255,.6)}body.first-letter-win-gradient .first-letter-difficulty-label,body.first-letter-win-gradient .first-letter-error-label{color:var(--color-white)}.first-letter-citation{margin:40px 0 20px;text-align:center;font-size:.8rem;color:var(--color-light-gray);line-height:1.4;max-width:600px}.first-letter-container.photo-mode .first-letter-citation{color:var(--color-bg-dark);background:var(--glass-bg-medium);border-radius:4px;padding:10px 14px}.first-letter-top-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:20px;width:100%}.first-letter-container.photo-mode .controls-container button{background:var(--glass-bg-light);border:2px solid var(--color-white);box-shadow:0 0 0 2px var(--color-dark-gray);color:var(--color-white);text-shadow:-1px -1px 0 var(--color-bg-dark),1px -1px 0 var(--color-bg-dark),-1px 1px 0 var(--color-bg-dark),1px 1px 0 var(--color-bg-dark)}.first-letter-container.photo-mode .controls-container button:hover:not(.disabled){background:var(--glass-bg-medium);transform:var(--hover-transform);box-shadow:0 0 0 3px var(--color-dark-gray),var(--shadow-dark)}.first-letter-container.photo-mode .controls-container button svg,.first-letter-container.photo-mode .solved-button-base svg{filter:drop-shadow(1px 0 0 var(--color-bg-dark)) drop-shadow(-1px 0 0 var(--color-bg-dark)) drop-shadow(0 1px 0 var(--color-bg-dark)) drop-shadow(0 -1px 0 var(--color-bg-dark))}.first-letter-difficulty-stepper{padding:10px;text-align:center;background-color:#8000800d;border-radius:15px;border:1px solid rgba(128,0,128,.2);margin:30px auto 0;max-width:95%}.first-letter-container.photo-mode .first-letter-difficulty-stepper{background:var(--glass-bg-medium);border-radius:4px;padding:10px 14px;border:none;color:var(--color-bg-dark)}.first-letter-container.photo-mode .first-letter-difficulty-label,.first-letter-container.photo-mode .first-letter-error-label{color:var(--color-bg-dark)}.first-letter-difficulty-label{font-size:1rem;font-weight:700;color:var(--color-purple);margin-bottom:15px;font-family:var(--font-mono)}.first-letter-stepper-container{display:flex;justify-content:center;gap:10px}.first-letter-stepper-button{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-purple);background-color:var(--color-white);color:var(--color-purple);font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition-smooth);font-family:var(--font-mono);display:flex;align-items:center;justify-content:center}.first-letter-container.photo-mode .first-letter-stepper-button{border-color:var(--color-bg-dark);color:var(--color-bg-dark)}.first-letter-stepper-button:hover{background-color:var(--color-light-purple);transform:translateY(-2px);box-shadow:var(--shadow-purple)}.first-letter-container.photo-mode .first-letter-stepper-button:hover{background-color:var(--color-light-gray);color:var(--color-bg-dark);box-shadow:var(--shadow-dark)}.first-letter-stepper-button.active{background-color:var(--color-purple);color:var(--color-white);box-shadow:0 4px 15px #8000804d}.first-letter-stepper-button.active:hover{background-color:var(--color-light-gray);transform:translateY(-2px)}.first-letter-container.photo-mode .first-letter-stepper-button.active{background-color:var(--color-light-gray);color:var(--color-bg-dark)}.first-letter-error-handling{margin-top:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.first-letter-error-label{font-size:1rem;font-weight:700;color:var(--color-purple);font-family:var(--font-mono)}.first-letter-error-dropdown-container{position:relative;display:inline-block}.first-letter-error-dropdown{padding:8px 15px;border:none;border-radius:8px;background-color:var(--color-purple);color:var(--color-light-purple);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:var(--font-mono);box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:120px}.first-letter-container.photo-mode .first-letter-error-dropdown{background:var(--glass-bg-medium);color:var(--color-bg-dark)}.first-letter-error-dropdown:hover{background-color:var(--color-purple);color:var(--color-light-purple)}.first-letter-error-dropdown:focus{outline:none;background-color:var(--color-purple);box-shadow:0 2px 8px #8000804d}.first-letter-error-dropdown-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--color-dropdown-bg);border-radius:8px;box-shadow:0 2px 10px #0000001a;z-index:1000;margin-top:4px}.first-letter-error-dropdown-item{padding:12px 15px;color:var(--color-light-purple);cursor:pointer;transition:background-color .2s ease;font-size:.9rem;font-weight:700;font-family:var(--font-mono)}.first-letter-error-dropdown-item:first-child{border-radius:8px 8px 0 0}.first-letter-error-dropdown-item:last-child{border-radius:0 0 8px 8px}.first-letter-error-dropdown-item:hover{background-color:var(--color-dark-gray)}.first-letter-error-dropdown-item.selected{background-color:var(--color-light-gray);color:var(--color-bg-dark)}.first-letter-error-dropdown-item.selected:hover{background-color:var(--color-light-gray)}@media (max-width: 1024px){.first-letter-input{height:35px;font-size:1rem}.word-display{min-height:25px;padding:4px 8px;font-size:.9rem}}@media (max-width: 768px){.first-letter-container{padding:70px 15px 0}.first-letter-verse-container{gap:12px;row-gap:6px;padding:10px}.first-letter-input{height:30px;font-size:1rem;font-size:16px;-webkit-text-fill-color:var(--color-purple);-webkit-appearance:none;-moz-appearance:none;appearance:none}.first-letter-input:focus{color:var(--color-white)!important;-webkit-text-fill-color:var(--color-white)!important;background-color:var(--color-success)!important;border-color:var(--color-success)!important}.first-letter-input.incorrect:focus{background-color:var(--color-error-light)!important;border-color:var(--color-error)!important;color:var(--color-error)!important;-webkit-text-fill-color:var(--color-error)!important}.first-letter-container.photo-mode .first-letter-input:focus{background:var(--glass-bg-heavy)!important;border-color:var(--color-white)!important;color:var(--color-white)!important;-webkit-text-fill-color:var(--color-white)!important;box-shadow:0 0 0 3px var(--color-bg-dark)!important}.word-display{min-height:20px;padding:3px 6px;font-size:.8rem}.solved-message{padding:10px}.solved-buttons{flex-direction:row;gap:10px;flex-wrap:wrap}.first-letter-difficulty-stepper{margin-top:20px;padding:10px}.first-letter-stepper-button{width:35px;height:35px;font-size:1rem}.first-letter-difficulty-label{font-size:1rem}.first-letter-error-handling{margin-top:12px;gap:8px}.first-letter-error-label{font-size:1rem}.first-letter-error-dropdown{padding:6px 12px;font-size:.8rem;min-width:100px}.first-letter-top-controls{gap:12px;margin-bottom:15px}}@media (max-width: 500px){.first-letter-input{height:25px;font-size:16px}.word-display{min-height:18px;padding:2px 4px;font-size:.7rem}.first-letter-verse-container{gap:8px;row-gap:4px;padding:8px}.first-letter-difficulty-stepper{margin-top:15px;padding:8px}.first-letter-stepper-container{gap:8px}.first-letter-stepper-button{width:30px;height:30px;font-size:.9rem}.first-letter-difficulty-label{font-size:1rem;margin-bottom:10px}.first-letter-error-handling{margin-top:10px;gap:6px;flex-direction:column}.first-letter-error-label{font-size:1rem}.first-letter-error-dropdown{padding:5px 10px;font-size:.7rem;min-width:90px}.first-letter-top-controls{gap:10px;margin-bottom:12px}}.first-letter-input{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}.first-letter-input:focus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.first-letter-test-container{margin-top:50px;width:100%;max-width:100vw;line-height:2;font-size:1.2rem;text-align:left;padding:20px;box-sizing:border-box;font-family:var(--font-mono);position:relative;background-color:var(--color-bg-dark);min-height:calc(100vh - 50px);color:#a3a3a3;cursor:pointer;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.first-letter-test-sticky-controls{position:sticky;top:50px;background-color:var(--color-bg-dark);padding:20px 0 10px;margin-bottom:20px;z-index:100;border-bottom:1px solid rgba(255,255,255,.1);margin-top:-10px;box-shadow:0 2px 4px #0000001a}body.first-letter-test-high-score{background:linear-gradient(45deg,purple,#3da542);background-attachment:fixed}body.first-letter-test-high-score .first-letter-test-container{background-color:transparent}body.first-letter-test-high-score .first-letter-test-citation{color:var(--color-bg-dark)}.first-letter-test-verse-text{display:inline;text-align:left;width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.first-letter-test-word{font-weight:700;transition:all .3s ease}.first-letter-test-word.revealed{color:#a3a3a3;animation:revealAnimation .5s ease}.first-letter-test-word.current{color:#3da542;text-shadow:0 0 10px #3da542}.first-letter-test-word.error{color:red;animation:bounce .5s ease}.first-letter-test-word.revealed.error{color:red}.first-letter-test-word-input{background:transparent;border:none;border-bottom:2px solid #3da542;color:#3da542;font-family:var(--font-mono);font-size:1.2rem;font-weight:700;text-align:center;padding:2px 4px;margin:0;outline:none;transition:all .3s ease;text-shadow:0 0 10px #3da542;text-transform:uppercase;width:40px;min-width:40px;max-width:40px;box-sizing:border-box}.first-letter-test-word-input::placeholder{color:#666;text-shadow:none}.first-letter-test-word-input:focus{border-bottom-color:#fff;color:#fff;text-shadow:0 0 15px #3da542}.first-letter-test-word-input.current{border-bottom-color:#3da542;color:#3da542;text-shadow:0 0 10px #3da542}.first-letter-test-word-input.error{border-bottom-color:red;color:red;text-shadow:0 0 10px #ff0000;animation:bounce .5s ease}@media (max-width: 768px){.first-letter-test-word-input{font-size:1.1rem;padding:3px 2px;min-width:20px}.first-letter-test-container{padding:15px;font-size:1.1rem}.first-letter-test-verse-text{line-height:1.8}}@keyframes revealAnimation{0%{color:var(--color-bg-dark);transform:scale(1)}50%{color:#3da542;transform:scale(1.1);text-shadow:0 0 15px #3da542}to{color:#a3a3a3;transform:scale(1);text-shadow:none}}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}}.first-letter-test-instruction-text{margin-top:30px;font-size:1rem;color:#ccc;text-align:center;font-style:italic;align-self:center}.first-letter-test-solved-message{text-align:center;margin:40px 0;padding:30px;background:#ffffff1a;color:#fff;border-radius:15px;border:2px solid #ffffff;animation:fadeIn .5s ease-in;max-width:90%;align-self:center}.first-letter-test-solved-message h2{margin:0 0 20px;font-size:1.5rem;color:#3da542;text-shadow:0 0 10px #3da542}.first-letter-test-revealed-chapter{font-size:1.1rem;margin:20px 0;text-align:left;max-height:400px;overflow-y:auto}.first-letter-test-revealed-chapter h3{color:#e6ccff;text-align:center;margin-bottom:15px;font-size:1.1rem}.first-letter-test-error-word{color:red!important;font-weight:700}.first-letter-test-verse-line{margin-bottom:15px;line-height:1.6}.first-letter-test-solved-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px;align-items:center;flex-wrap:wrap}.first-letter-test-citation{margin:40px 0 20px;text-align:center;font-size:.8rem;color:#a3a3a3;line-height:1.4;max-width:600px;align-self:center}.reference-match-container{margin-top:70px;display:flex;flex-direction:column;align-items:center;font-family:Courier New,Courier,monospace;position:relative;padding:0 10px;background:var(--color-bg-dark);min-height:100vh;color:var(--color-light-gray)}.game-timer{background:var(--color-light-gray);color:var(--color-bg-dark);font-size:1.3rem;font-weight:700;padding:12px 24px;border-radius:25px;border:2px solid var(--color-purple);margin:10px 0 20px;box-shadow:0 4px 12px #a3a3a34d;font-family:Courier New,Courier,monospace;letter-spacing:1px;min-width:120px;text-align:center}.niv-citation-mobile{display:block;background:none;border:none;border-radius:0;padding:20px;margin:40px 20px 20px;text-align:center;font-size:.85rem;color:var(--color-dark-gray);line-height:1.5;order:2}.scroll-instruction-mobile{display:none}body.reference-match-win-gradient .reference-match-container{background:transparent}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;width:100%;margin:30px 0;padding:0 20px;align-items:center;order:1}.match-card{background:var(--color-light-purple);border:3px solid var(--color-purple);border-radius:12px;padding:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;height:170px}.match-card.verse{background:var(--color-bg-dark);border:3px solid var(--color-light-gray)}.match-card.reference{background:url(../assets/1cor_11_1_realistic.jpg) center/cover;background-blend-mode:overlay;background-color:#00008b4d;border-color:var(--color-dark-blue)}.match-card.reference.has-image{background:linear-gradient(var(--reference-bg-color-rgba),var(--reference-bg-color-rgba)),var(--reference-bg-image);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;border-color:var(--reference-border-color)}.match-card.reference.no-image{background-image:none!important;background-color:var(--reference-bg-color);border-color:var(--reference-border-color)}.match-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #8000804d;border-color:#9c1a9c}.match-card.verse:hover{box-shadow:0 6px 20px #a3a3a34d;border-color:#8a8a8a}.match-card.selected{border:6px solid #ffffff;transform:translateY(-3px) scale(1.04);box-shadow:0 8px 25px #80008066;z-index:10}.match-card.selected:not(.reference):before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:var(--color-bg-dark);z-index:-1;border-radius:12px}.match-card.selected:not(.reference){background:linear-gradient(135deg,var(--color-purple) 0%,#9c1a9c 100%);color:var(--color-white)}.match-card.verse.selected{border:6px solid #ffffff;background:var(--color-bg-dark);color:var(--color-light-gray);box-shadow:0 8px 25px #a3a3a366}.match-card.reference.selected.has-image{border:6px solid #ffffff;background:linear-gradient(var(--reference-bg-color-rgba),var(--reference-bg-color-rgba)),var(--reference-bg-image)!important;background-size:cover,cover!important;background-position:center,center!important;background-repeat:no-repeat,no-repeat!important;color:var(--color-white)}.match-card.reference.selected.no-image{border:6px solid #ffffff;background-color:var(--reference-bg-color);color:var(--color-white)}.match-card.selected .verse-content,.match-card.selected .reference-content{color:var(--color-white)}.match-card.correct{background:linear-gradient(135deg,#3da542,#5cbf60)!important;border:4px solid #ffffff!important;color:var(--color-white)!important;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #3da54299;animation:correctPulse .3s ease-in-out}.match-card.reference.has-image.correct,.match-card.reference.no-image.correct{background:linear-gradient(135deg,#3da542,#5cbf60)!important}.match-card.correct .verse-content,.match-card.correct .reference-content{color:var(--color-white)!important}.match-card.matched{cursor:default;animation:matchShrink .5s ease-in-out forwards}.match-card.matched .verse-content,.match-card.matched .reference-content{animation:textFadeOut .5s ease-in-out forwards}.match-card.incorrect{background:#dc143c!important;border:4px solid #ffffff!important;color:var(--color-white)!important;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #8b000099;animation:incorrectShake .5s ease-in-out}.match-card.reference.has-image.incorrect{background:#dc143c!important}.match-card.incorrect .verse-content,.match-card.incorrect .reference-content{color:var(--color-white)!important}.card-content{text-align:center;width:100%}.verse-content{font-size:1rem;line-height:1.4;color:var(--color-light-gray);font-weight:500;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:7em}.reference-content{font-size:1.2rem;font-weight:700;color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 2px rgba(0,0,0,.8)}@keyframes correctPulse{0%,to{transform:translateY(-3px) scale(1.05)}50%{transform:translateY(-3px) scale(1.1)}}@keyframes matchShrink{0%{transform:scale(1);background:linear-gradient(135deg,#3da542,#5cbf60);border:4px solid #ffffff;color:var(--color-white)}70%{transform:scale(.3);background:linear-gradient(135deg,#3da542,#5cbf60);border:4px solid #ffffff;color:var(--color-white)}to{transform:scale(0);background:var(--color-bg-dark);border-color:var(--color-bg-dark);color:var(--color-bg-dark)}}@keyframes textFadeOut{0%{color:var(--color-white)}70%{color:var(--color-white)}to{color:var(--color-bg-dark)}}@keyframes incorrectShake{0%,to{transform:translateY(-3px) scale(1.05) translate(0)}25%{transform:translateY(-3px) scale(1.05) translate(-5px)}75%{transform:translateY(-3px) scale(1.05) translate(5px)}}body.reference-match-win-gradient{background:linear-gradient(135deg,var(--color-purple),#3da542);background-attachment:fixed;overflow:hidden}.reference-match-solved-message{text-align:center;padding:30px;background:linear-gradient(135deg,var(--color-purple) 0%,#3da542 100%);color:var(--color-white);border-radius:15px;box-shadow:0 4px 15px #0003;animation:fadeIn .5s ease-in;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);overflow-y:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.reference-match-solved-message h2{margin:0 0 20px;font-size:1.6rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.score-display{margin:20px 0}.score-text,.time-text{font-size:1.3rem;font-weight:700;margin:5px 0}.time-text{color:var(--color-light-purple);font-family:Courier New,Courier,monospace;letter-spacing:1px}.matches-summary{margin:25px 0;text-align:left;max-width:600px}.matches-summary h3{color:var(--color-light-purple);margin-bottom:15px;font-size:1.3rem;text-align:center}.match-summary{background:#ffffff1a;padding:10px 15px;margin:8px 0;border-radius:8px;border-left:4px solid var(--color-light-purple);font-size:.95rem;line-height:1.4}.match-summary strong{color:var(--color-light-purple);display:block;margin-bottom:5px}.solved-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px;align-items:stretch;flex-wrap:wrap}.matches-accordion{margin:25px 0;width:100%;max-width:600px}.accordion-header{width:100%;background:#ffffff26;border:2px solid var(--color-light-purple);border-radius:10px;padding:15px 20px;color:var(--color-white);font-size:1.1rem;font-weight:700;font-family:var(--font-mono);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;outline:none}.accordion-header:hover{background:#ffffff40;border-color:var(--color-white);transform:translateY(-1px)}.accordion-header.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none;background:#fff3}.accordion-arrow{font-size:1.2rem;transition:transform .3s ease;font-family:Arial,sans-serif;color:var(--color-light-purple);font-weight:700}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s ease-out;background:#ffffff1a;border-left:2px solid var(--color-light-purple);border-right:2px solid var(--color-light-purple);border-bottom-left-radius:10px;border-bottom-right-radius:10px}.accordion-content.expanded{max-height:400px;overflow-y:auto;transition:max-height .4s ease-in}.accordion-content::-webkit-scrollbar{width:8px}.accordion-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.accordion-content::-webkit-scrollbar-thumb{background:var(--color-light-purple);border-radius:4px}.accordion-content::-webkit-scrollbar-thumb:hover{background:var(--color-white)}.accordion-content .matches-summary{margin:0;padding:15px 20px;text-align:left}.accordion-content .match-summary{background:#ffffff0d;padding:10px 15px;margin:8px 0;border-radius:8px;border-left:4px solid var(--color-light-purple);font-size:.95rem;line-height:1.4}.accordion-content .match-summary strong{color:var(--color-light-purple);display:block;margin-bottom:5px}@media (max-width: 768px){.reference-match-solved-message{max-width:85vw;width:85vw}.cards-grid{gap:15px;padding:0 10px}.match-card{padding:5px}.verse-content{font-size:.9rem}.reference-content{font-size:1.1rem;white-space:normal;overflow:visible;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.solved-buttons{flex-direction:column;gap:10px}.next-verse-btn,.repeat-verse-btn{padding:10px 20px;font-size:1rem}.matches-summary{padding:0 10px}.match-summary{font-size:.85rem;padding:8px 12px}}@media (max-width: 500px){.niv-citation-mobile{display:block;background:#a3a3a31a;border:1px solid rgba(163,163,163,.3);border-radius:8px;padding:10px;margin:10px;text-align:center;font-size:.8rem;color:var(--color-light-gray);line-height:1.3;order:0}.scroll-instruction-mobile{display:block;text-align:center;font-size:.9rem;color:var(--color-light-gray);margin:5px 10px 20px;font-style:italic;opacity:.8}.game-timer{display:none}.reference-match-container{margin-top:50px;padding:0;min-height:calc(100dvh + 100px);justify-content:flex-start;overflow-y:auto}@supports not (height: 100dvh){.reference-match-container{min-height:calc(var(--viewport-height, 100vh) + 100px)}}.cards-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:0;padding:0;margin:50px 0 0;min-height:calc(100dvh - 50px);max-width:none;order:1}@supports not (height: 100dvh){.cards-grid{min-height:calc(var(--viewport-height, 100vh) - 50px)}}.match-card{padding:2px;border-radius:6px;height:100%;width:100%;border-width:3px;margin:0;box-sizing:border-box}.match-card:hover{transform:none;box-shadow:none;border-color:var(--color-purple)}.match-card.verse:hover{border-color:var(--color-light-gray)}.match-card.selected{border:8px solid #ffffff;transform:scale(1.04);transform-origin:center center;box-shadow:none}.match-card.selected:not(.reference){border:8px solid #ffffff;background:var(--color-purple)}.match-card.selected:not(.reference):before{top:-15px;left:-15px;right:-15px;bottom:-15px;border-radius:6px}.match-card.selected:nth-child(3n+1){transform:scale(1.04) translate(15px,-5px)}.match-card.selected:nth-child(3n){transform:scale(1.04) translate(-15px,-5px)}.match-card.selected:nth-child(3n+2){transform:scale(1.04) translateY(-10px)}.match-card.selected:nth-child(-n+3){transform:scale(1.04) translateY(10px)}.match-card.selected:nth-child(1){transform:scale(1.04) translate(15px,10px)}.match-card.selected:nth-child(3){transform:scale(1.04) translate(-15px,10px)}.verse-content{font-size:1rem;line-height:1.2;-webkit-line-clamp:7;line-clamp:7;max-height:8.4em}.reference-content{font-size:1.2rem;line-height:1.2}.match-card.correct,.match-card.incorrect{transform:none;box-shadow:none}.match-card.matched{border-width:3px}.reference-match-solved-message{padding:15px;max-width:80vw;width:80vw}.reference-match-solved-message h2{font-size:1.2rem}.next-verse-btn:hover,.repeat-verse-btn:hover{transform:none;box-shadow:none;background:#fff3}.accordion-header{padding:12px 15px;font-size:1rem}.accordion-content .matches-summary{padding:10px 15px}.accordion-content .match-summary{font-size:.85rem;padding:8px 12px}}.instructions-panel{background:var(--color-bg-dark);border:2px solid var(--color-light-gray);border-radius:15px;padding:25px;margin:20px 0;max-width:1600px;width:90%;box-shadow:0 4px 15px #0000004d}.instructions-panel h2{color:var(--color-purple);text-align:center;margin-bottom:20px;font-size:1.8rem;text-shadow:1px 1px 2px rgba(128,0,128,.3)}.instructions-content h3{color:var(--color-purple);margin:20px 0 10px;font-size:1.3rem;border-bottom:2px solid var(--color-light-gray);padding-bottom:5px}.instructions-content p{line-height:1.6;margin-bottom:15px;color:var(--color-light-gray)}.instructions-content ul{margin:10px 0 15px 20px;line-height:1.6}.instructions-content li{margin-bottom:8px;color:var(--color-light-gray)}.instructions-page{min-height:100vh;background:var(--color-bg-dark);padding:20px;font-family:var(--font-mono)}.instructions-container{max-width:1600px;margin:0 auto;background:var(--color-bg-dark);border:1px solid var(--color-dropdown-bg);border-radius:15px;padding:40px;box-shadow:0 4px 15px #0006}.instructions-container h1{color:var(--color-purple);text-align:center;margin-bottom:30px;font-size:2.5rem;text-shadow:2px 2px 4px rgba(128,0,128,.3)}.instructions-content h2{color:var(--color-purple);margin:30px 0 15px;font-size:1.5rem;border-bottom:2px solid var(--color-light-gray);padding-bottom:8px}.instructions-content p{line-height:1.6;margin-bottom:20px;color:var(--color-light-gray);font-size:1.1rem}.instructions-content ul{margin:15px 0 20px 25px;line-height:1.6}.instructions-content li{margin-bottom:10px;color:var(--color-light-gray);font-size:1.1rem}.instructions-content strong{color:var(--color-purple);font-weight:700}.back-to-game{text-align:center;margin-top:40px;padding-top:30px;border-top:2px solid var(--color-light-gray)}.back-btn{padding:12px 24px;font-size:1.1rem;font-weight:700;background:var(--color-purple);color:var(--color-white);border:2px solid var(--color-light-gray);border-radius:35px;cursor:pointer;transition:var(--transition-smooth);font-family:var(--font-mono);text-decoration:none;display:inline-block}.back-btn:hover{background:var(--color-purple);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;color:var(--color-white);text-decoration:none}.top-back-btn{position:fixed;top:20px;left:20px;padding:10px 20px;font-size:1rem;font-weight:700;background:var(--color-purple);color:var(--color-white);border:2px solid var(--color-light-gray);border-radius:var(--border-radius-pill);cursor:pointer;transition:var(--transition-smooth);font-family:var(--font-mono);text-decoration:none;display:inline-block;z-index:1000}.top-back-btn:hover{background:var(--color-purple);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;color:var(--color-white);text-decoration:none}.instructions-content a{color:var(--color-link-blue);text-decoration:underline;text-decoration-color:var(--color-purple);transition:color .3s ease}.instructions-content a:hover{color:var(--color-link-blue-hover);text-decoration:none}.instructions-content a:visited{color:var(--color-link-visited)}.color-wheel-container{background:var(--color-bg-dark);border:2px solid var(--color-light-gray);border-radius:15px;padding:25px;margin:30px 0;box-shadow:0 4px 15px #0000004d}.color-wheel-container h2{color:var(--color-purple);text-align:center;margin-bottom:25px;font-size:1.8rem;text-shadow:1px 1px 2px rgba(128,0,128,.3)}.color-wheel{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;max-width:800px;margin:0 auto;padding:20px}.color-segment{display:flex;flex-direction:column;align-items:center;gap:10px}.color-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--color-light-gray);box-shadow:0 4px 10px #0006;transition:all .3s ease;position:relative}.color-circle:hover{transform:scale(1.1);border-color:var(--color-purple);box-shadow:0 6px 15px #80008066}.color-number{font-size:1.6rem;font-weight:700;color:var(--color-white);text-shadow:2px 2px 4px rgba(0,0,0,.8);z-index:1}.color-name{color:var(--color-light-gray);font-size:1rem;font-weight:500;text-align:center;text-transform:capitalize;letter-spacing:.5px}.color-segment:nth-child(1) .color-number,.color-segment:nth-child(2) .color-number,.color-segment:nth-child(4) .color-number,.color-segment:nth-child(6) .color-number,.color-segment:nth-child(7) .color-number,.color-segment:nth-child(10) .color-number{color:var(--color-bg-dark);text-shadow:2px 2px 4px rgba(255,255,255,.8)}@media (max-width: 768px){.color-wheel{grid-template-columns:repeat(3,1fr);gap:15px;padding:15px}.color-circle{width:60px;height:60px}.color-number{font-size:1.4rem}.color-name{font-size:.9rem}}@media (max-width: 480px){.color-wheel{grid-template-columns:repeat(2,1fr);gap:12px;padding:10px}.color-circle{width:50px;height:50px}.color-number{font-size:1.2rem}.color-name{font-size:.8rem}.color-wheel-container h2{font-size:1.5rem}.color-wheel-container{padding:15px;margin:20px 0}}:root{--color-purple: #800080;--color-light-purple: #e6ccff;--color-success: #3ba740;--color-success-light: #a8d47a;--color-error: #ff0000;--color-error-light: #ff9999;--color-stepper-hover: #f0e6ff;--color-white: #ffffff;--color-bg-dark: #121212;--color-dark-gray: #666666;--color-light-gray: #a3a3a3;--color-link-blue: #66b3ff;--color-link-blue-hover: #4da6ff;--color-link-visited: #b399ff;--color-bg-dark-primary: #2c2c2c;--color-bg-dark-secondary: #1a1a1a;--color-dropdown-bg: #333333;--color-dark-blue: #00008B;--color-red: #8B0000;--color-green: #006400;--color-orange: #FF8C00;--color-orange-hint: #ff9800;--color-purple-wheel: #9370DB;--color-cyan: #00FFFF;--color-brown: #8B4513;--color-lime: #00FF00;--color-yellow: #FFFF00;--color-pink: #FF69B4;--color-dark-blue-transparent: rgba(0, 0, 139, .3);--color-success-transparent: rgba(61, 165, 66, .1);--color-orange-transparent: rgba(255, 152, 0, .1);--color-light-purple-transparent: rgba(230, 204, 255, .8);--color-purple-transparent: rgba(128, 0, 128, .8);--glass-bg-light: rgba(255, 255, 255, .1);--glass-bg-medium: rgba(255, 255, 255, .5);--glass-bg-heavy: rgba(255, 255, 255, .9);--glass-bg-dark: rgba(18, 18, 18, .3);--purple-bg: rgba(128, 0, 128, .2);--font-mono: "Courier New", Courier, monospace;--blur-effect: blur(5px);--hover-transform: translateY(-2px);--transition-smooth: all .3s ease;--transition-fast: all .2s ease;--border-radius-small: 8px;--border-radius-medium: 15px;--border-radius-large: 20px;--border-radius-pill: 25px;--shadow-purple: 0 4px 12px rgba(128, 0, 128, .3);--shadow-white: 0 0 15px rgba(255, 255, 255, .5);--shadow-dark: 0 4px 12px rgba(0, 0, 0, .3)}body{min-height:100vh;min-width:0;margin:0;padding:0;display:flex;justify-content:center;align-items:center;background:var(--color-bg-dark);transition:background .5s ease;scrollbar-gutter:stable}.solved-message{text-align:center;margin:20px 0;padding:20px;background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-success) 100%);color:var(--color-white);border-radius:15px;box-shadow:0 4px 15px #0003;animation:fadeIn .5s ease-in}.solved-message h2{margin:0 0 10px;font-size:1.3rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.solved-message .reference{margin:0;font-size:1rem;font-style:italic;opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.citation{text-align:center;color:var(--color-dark-gray);font-size:.8rem;margin-top:40px;margin-bottom:20px;padding:0 20px;line-height:1.4;font-family:Arial,sans-serif}.word-stats{background:var(--color-light-purple);border:2px solid var(--color-purple);border-radius:15px;padding:20px;margin:20px 0;width:95%;max-width:1800px}.word-stats h3{color:var(--color-purple);text-align:center;margin-bottom:15px;font-size:1.4rem;font-weight:700}.stats-content{color:var(--color-bg-dark);line-height:1.4;padding-left:20px}.stats-content div{margin-bottom:5px;background-color:var(--color-light-purple);border-radius:6px;padding:5px 5px 5px 1em;text-indent:-1em}.stats-content strong{color:var(--color-purple)}.top-banner{position:fixed;top:0;left:0;right:0;height:50px;background-color:var(--color-purple);box-shadow:0 2px 4px #0000001a;z-index:1000}.banner-content{display:flex;align-items:center;height:100%;padding:0 10px;max-width:100%;margin:0 auto;gap:10px}.banner-right{display:flex;align-items:center;gap:1.5rem;margin-right:10px;margin-left:auto}.help-btn{color:var(--color-light-purple);font-size:1.2rem;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;text-decoration:none}.help-btn:hover{opacity:.8}.hamburger-menu{display:flex;align-items:center}.hamburger-button{background:none;border:none;color:var(--color-light-purple);font-size:20px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.hamburger-button:hover{color:var(--color-white)}