/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-weight-medium:500;--font-weight-bold:700;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.flex-1{flex:1}.resize{resize:both}.text-center{text-align:center}.italic{font-style:italic}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--button-width-small:5rem;--button-width-medium:7rem;--bg:#fff;--text:#111827;--scrollbar-track:#fafafa;--scrollbar-thumb:#c1c1c1;--scrollbar-thumb-hover:#7d7d7d;--border:#dfdfdf;--hover:#e5e7eb;--modal-bg:#fff;--modal-shadow:0 4px 23px 0 #0003;--modal-border:#0000001a;--modal-backdrop:#0000000d;--input:#e5e7eb;--input-disabled:#f3f4f6;--dropdown-options:#f3f4f6;--dropdown-option-hover:#e5e7eb;--dropdown-heading:#777;--disabled-chevron:#9ca3af;--submit-button:#fff;--submit-button-bg:linear-gradient(145deg, #60a5fa, #3b82f6);--submit-button-shadow:0 4px 12px #3b82f659;--submit-button-bg-hover:linear-gradient(145deg, #3b82f6, #2563eb);--submit-button-hover-shadow:0 6px 16px #3b82f673;--submit-button-bg-active:linear-gradient(145deg, #3377e6, #2b53c4);--submit-button-active-shadow:0 3px 8px #2563eb66;--submit-button-disabled:#9ca3af;--submit-button-bg-disabled:#e5e7eb;--hints-border:#d3d6da;--hint-tile:#fff;--hint-tile-background:#fff;--hint-tile-correct:#6baa64;--hint-tile-incorrect:#797c7e;--hint-tile-unrevealed-border:#797c7e;--hint-tile-unrevealed:#000;--settings-dropdown-btn-hover:#9ca3af;--settings-mode-description:#363636;--settings-mode-dropdown-option-focus:#f3f4f6;--settings-mode-dropdown-option-hover:#f3f4f6;--settings-switch-on-bg:#2563eb;--settings-switch-thumb:#fff;--link:#1a0dab;--footnote:#2563eb;--footnote-popup:#fff;--footnote-popup-bg:#000;--footnote-popup-shadow:#0003;--help-dropdown-shadow:#00000026;--share-button-text:#fff;--toast-bg:#222;--toast-text:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Clear Sans,sans-serif}:root[data-theme=dark]{--bg:#121212;--text:#f5f5f5;--scrollbar-track:#263445;--scrollbar-thumb:#4b5563;--scrollbar-thumb-hover:#6b7280;--border:#424242;--hover:#374151;--modal-bg:#1d1d1d;--modal-shadow:0 4px 23px 0 #0003;--modal-border:#0000001a;--modal-backdrop:#000000b3;--input:#374151;--input-disabled:#1f2937;--dropdown-options:#1f2937;--dropdown-option-hover:#374151;--dropdown-heading:#999;--disabled-chevron:#9ca3af;--submit-button:#fff;--submit-button-bg:linear-gradient(145deg, #60a5fa, #3b82f6);--submit-button-shadow:0 4px 12px #3b82f659;--submit-button-bg-hover:linear-gradient(145deg, #3b82f6, #2563eb);--submit-button-hover-shadow:0 6px 16px #3b82f673;--submit-button-bg-active:linear-gradient(145deg, #3377e6, #2b53c4);--submit-button-active-shadow:0 3px 8px #2563eb66;--submit-button-disabled:#9ca3af;--submit-button-bg-disabled:#374151;--hints-border:#3a3f44;--hint-tile:#fff;--hint-tile-background:#121212;--hint-tile-correct:#6baa64;--hint-tile-incorrect:#797c7e;--hint-tile-unrevealed-border:#797c7e;--hint-tile-unrevealed:#fff;--settings-dropdown-btn-hover:#9ca3af;--settings-mode-description:#dfdfdf;--settings-mode-dropdown-option-focus:#1f2937;--settings-mode-dropdown-option-hover:#1f2937;--settings-switch-on-bg:#2563eb;--settings-switch-thumb:#fff;--link:#8ab4f8;--footnote:#8ab4f8;--footnote-popup:#000;--footnote-popup-bg:#fff;--footnote-popup-shadow:#0003;--help-dropdown-shadow:#00000059;--share-button-text:#fff;--toast-bg:#f8fafc;--toast-text:#0f172a}body{background-color:var(--bg);color:var(--text)}button{cursor:pointer;transition:background-color .2s,color .2s}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.navbar{background-color:var(--bg);border-bottom:1px solid var(--border);align-items:center;height:4rem;padding:0 1rem;display:flex}.title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:var(--font-weight-bold);letter-spacing:.25rem}.nav-buttons{flex:1;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.nav-button{border-radius:.5rem;padding:.6em .75em}.nav-button:hover{background-color:var(--hover)}.nav-button:focus{outline:none}.navbar-btn-icon{font-size:1.75rem}.modal{justify-content:center;align-items:center;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-panel{background-color:var(--modal-bg);width:100%;max-width:28rem;max-height:calc(100vh - 4rem);box-shadow:var(--modal-shadow);border:1px solid var(--modal-border);border-radius:.5rem;padding:1.5rem;position:relative;overflow-y:auto}.modal-backdrop{background-color:var(--modal-backdrop);position:fixed;inset:0}.modal-panel[data-enter],.modal-panel[data-leave]{transition-duration:.15s}.modal-panel[data-enter][data-closed],.modal-panel[data-leave][data-closed]{opacity:0;transform:translateY(2rem)}.modal-header{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.modal-header-title{font-size:1rem;font-weight:var(--font-weight-bold);grid-column:2;justify-self:center}.modal-content{box-sizing:border-box;width:100%;padding-top:1rem}.modal-content-help{padding:1rem}.modal-title{font-size:1.75rem;font-weight:var(--font-weight-bold);letter-spacing:0;text-transform:none;text-align:left;margin-bottom:.25rem;line-height:1.875rem;display:block}.modal-subtitle{font-size:1.25rem;font-weight:var(--font-weight-medium);margin:0;line-height:1.5rem}.modal-section{width:100%;margin:0}.modal-list{font-size:1rem;line-height:1.25rem;font-weight:var(--font-weight-medium);margin-block:1rem;padding-inline-start:1.25rem;list-style-type:disc}.modal-examples{margin:0;font-size:1rem;line-height:1.25rem}.modal-examples-title{font-weight:var(--font-weight-bold)}.modal-horizontal-divider{border-color:var(--border);border-style:solid;margin-top:1rem;margin-bottom:1rem}.close-modal-button{border-radius:.5rem;outline:none;grid-column:3;justify-self:end;font-size:1.5rem;font-weight:700}.verse-section{justify-content:center;align-items:center;width:100%;max-width:45rem;margin-top:clamp(1rem,2vh,3rem);margin-left:auto;margin-right:auto;display:flex}.verse{text-align:center;font-family:Rubik,sans-serif;font-weight:var(--font-weight-bold);margin-top:3rem;font-size:1.5rem;line-height:1.2}.footnote-tooltip{cursor:help;font-family:Clear Sans,sans-serif;display:inline-block;position:relative}.footnote-marker{color:var(--footnote)}.footnote-popup{background:var(--footnote-popup-bg);width:16rem;color:var(--footnote-popup);box-shadow:0 10px 15px var(--footnote-popup-shadow);z-index:9999;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.4;position:absolute;transform:translate(-50%,-100%)}.footnote-tooltip:hover .footnote-popup{display:block}.guess-section{justify-content:center;align-items:flex-end;gap:.75rem;width:100%;max-width:40rem;margin-top:clamp(1rem,6vh,5rem);margin-left:auto;margin-right:auto;display:flex}.guess-input-section{flex-direction:column;gap:.25rem;margin-left:.5rem;margin-right:.5rem;display:flex}.guess-input-box{position:relative}.guess-book-input{background-color:var(--input);border-radius:.5rem;outline:none;width:22rem;padding-top:1rem;padding-bottom:1rem;padding-left:.75rem}.guess-chapter-input,.guess-verse-input{background-color:var(--input);border-radius:.5rem;outline:none;width:6rem;padding-top:1rem;padding-bottom:1rem;padding-left:.75rem}.guess-chapter-input:disabled,.guess-verse-input:disabled{background-color:var(--input-disabled);cursor:not-allowed}.guess-input-options{z-index:10;width:var(--input-width);background-color:var(--dropdown-options);border-radius:.5rem;margin-top:.25rem;overflow-y:auto;max-height:clamp(10rem,40vh,25rem)!important}.guess-input-option{cursor:pointer;padding:.5rem .75rem}.guess-input-option[data-focus]{background-color:var(--dropdown-option-hover)}.guess-option-heading{color:var(--dropdown-heading);text-transform:uppercase;cursor:default;-webkit-user-select:none;user-select:none;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.guess-label{font-size:.875rem;line-height:1.5rem;font-weight:var(--font-weight-bold)}.guess-input-actions{align-items:center;gap:.25rem;padding-right:.5rem;display:flex;position:absolute;top:0;bottom:0;right:0}.guess-clear-btn{color:var(--text);opacity:.5;cursor:pointer;border:none;padding-right:.5rem;font-size:.9rem}.guess-clear-btn:hover{opacity:1}.guess-chevron{position:static}.guess-chevron:disabled{color:var(--disabled-chevron);cursor:not-allowed}.submit-guess-btn{background:var(--submit-button-bg);width:3.5rem;height:3.5rem;color:var(--submit-button);cursor:pointer;box-shadow:var(--submit-button-shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:1rem;transition:background-color .2s,transform .2s,box-shadow .2s;display:flex}.submit-guess-btn:hover:not(:disabled){background:var(--submit-button-bg-hover);box-shadow:var(--submit-button-hover-shadow);transform:scale(1.06)}.submit-guess-btn:active:not(:disabled){background:var(--submit-button-bg-active);box-shadow:var(--submit-button-active-shadow);transform:scale(.95)}.submit-guess-btn:disabled{background:var(--submit-button-bg-disabled);color:var(--submit-button-disabled);cursor:not-allowed;box-shadow:none;transform:none}.hints-container{border:1px solid var(--hints-border);border-radius:.5rem;flex-direction:column;width:100%;max-width:40rem;height:40vh;margin-top:clamp(1rem,7vh,5rem);margin-left:auto;margin-right:auto;display:flex;overflow:hidden}.hints-header{text-align:center;border-bottom:1px solid var(--hints-border);grid-template-columns:repeat(4,minmax(0,1fr));padding:.75rem;font-size:.9rem;font-weight:700;display:grid}.hints-body{flex-direction:column;gap:.75rem;padding:.75rem;display:flex;overflow-y:auto}.hint-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.hint-tile{aspect-ratio:1/.4;border:1px solid var(--hints-border);width:100%;min-height:3.5rem;color:var(--hint-tile);transform-style:preserve-3d;border-radius:.5rem;justify-content:center;align-items:center;font-weight:600;transition:background-color .15s;display:flex}.hint-value{text-align:center;width:100%;font-size:clamp(.65rem,.8vw,1rem);line-height:1.2;overflow:hidden}.hint-value.small{font-size:clamp(.6rem,.8vw,.8rem)}.hint-arrow{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.hint-tile.equal,.hint-tile.true{background:var(--hint-tile-correct);border-color:var(--hint-tile-correct)}.hint-tile.before,.hint-tile.after,.hint-tile.false{background:var(--hint-tile-incorrect);border-color:var(--hint-tile-incorrect)}.hint-tile.has-arrow{padding-right:1.5rem}.hint-tile.flip{animation:.7s cubic-bezier(.4,0,.2,1) flip}.hint-tile.unrevealed{background:var(--hint-tile-background);border-color:var(--hint-tile-unrevealed-border);color:var(--hint-tile-unrevealed)}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.example-hint{margin-top:.5rem}.example-hint-row{gap:.4rem}.example-hint-caption{margin-top:.5rem;margin-bottom:1rem}.help-dropdown{background:var(--modal-bg);border:1px solid var(--border);width:10rem;box-shadow:0 8px 24px var(--help-dropdown-shadow);border-radius:.25rem;outline:none;flex-direction:column;display:flex}.help-dropdown:focus,.help-dropdown:focus-visible{box-shadow:0 8px 24px var(--help-dropdown-shadow);outline:none}.help-dropdown-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;display:flex}.help-dropdown-item:hover,.help-dropdown-item[data-focus]{background:var(--settings-mode-dropdown-option-hover)}.settings-list-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.settings-list-item--tight{padding:.5rem 0}.settings-list-item--last{border-bottom:none}.settings-dropdown-small{width:var(--button-width-small);position:relative}.settings-dropdown-medium{width:var(--button-width-medium);position:relative}.settings-dropdown-button{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.settings-dropdown-button:hover{border-color:var(--settings-dropdown-btn-hover)}.settings-dropdown-options-small{width:var(--button-width-small);border:1px solid var(--border);background:var(--bg);border-radius:.5rem;margin-top:.25rem}.settings-dropdown-options-medium{width:var(--button-width-medium);border:1px solid var(--border);background:var(--bg);border-radius:.5rem;margin-top:.25rem}.settings-dropdown-option{cursor:pointer;padding:.5rem .75rem}.settings-dropdown-option[data-focus]{background:var(--settings-mode-dropdown-option-focus)}.settings-dropdown-option[data-selected]{font-weight:600}.settings-dropdown-option:not([data-focus]):hover{background:var(--settings-mode-dropdown-option-hover)}.settings-theme-section{align-items:center;gap:.5rem;display:flex}.switch{background-color:var(--border);border-radius:9999px;align-items:center;width:2.75rem;height:1.5rem;transition:background-color .2s;display:inline-flex;position:relative}.switch-on{background-color:var(--settings-switch-on-bg)}.switch-thumb{background:var(--settings-switch-thumb);border-radius:50%;width:1rem;height:1rem;transition:transform .2s;transform:translate(.25rem)}.switch-thumb-on{transform:translate(1.5rem)}.mode-title{margin:0;line-height:1.1}.mode-description{color:var(--settings-mode-description);font-size:.75rem;line-height:1.2}.copyright-section{text-align:center;flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.copyright-title{margin:0;font-size:1.1rem;font-weight:700;line-height:1.5rem}.copyright-notice{color:var(--text);margin:0;font-size:.9rem;line-height:1.5rem}.copyright-link{width:fit-content;color:var(--link);cursor:pointer;font-size:.85rem;text-decoration:underline}.copyright-link:hover{opacity:.75}.copyright-divider{border-top:1px solid var(--border);margin:1.25rem 0}.copyright-api{color:var(--text);opacity:.75;text-align:center;font-size:.75rem;line-height:1.25rem}.copyright-api a{color:var(--link);text-decoration:underline}.complete-modal-title{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.complete-modal-content{padding-top:0}.complete-modal-section{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.complete-verse-card{border:1px solid var(--border);background:var(--bg);border-radius:.75rem;flex-direction:column;gap:1rem;width:100%;padding:1.5rem;display:flex;position:relative}.complete-verse-text{text-align:center;margin:0;font-family:Rubik,sans-serif;font-size:1.25rem;font-weight:500;line-height:1.65}.complete-verse-text p{margin:0}.complete-stat{flex-direction:column;align-items:center;display:flex}.complete-stat-number{color:var(--text);font-size:2.5rem;font-weight:800;line-height:1}.complete-stat-label{text-transform:uppercase;letter-spacing:.05rem;color:var(--text);margin-top:.25rem;font-size:.8rem}.complete-verse-reference-row{justify-content:center;align-items:center;gap:.5rem;display:flex}.complete-verse-reference{text-align:right;color:var(--text);opacity:.8;margin:0;font-size:.95rem;font-weight:600}.copy-verse-button{width:1.75rem;height:1.75rem;color:var(--text);background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;display:flex;position:absolute;top:.4rem;right:.4rem}.copy-verse-button:hover{background:var(--hover)}.copy-verse-button:active{transform:scale(.95)}.share-game-button{background-color:var(--hint-tile-correct);color:var(--share-button-text);border:none;border-radius:6.5rem;justify-content:center;align-items:center;gap:.75rem;width:12.5rem;height:2.75rem;margin-top:.75rem;padding:0 1rem;font-weight:700;line-height:1rem;display:flex}.toast{background:var(--toast-bg);color:var(--toast-text);z-index:1000;border-radius:999rem;padding:.625rem 1rem;font-size:.875rem;animation:.2s ease-out toast-in;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,.625rem)}to{opacity:1;transform:translate(-50%)}}.main-page{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;align-items:center;display:flex}.translation-footer{background-color:var(--bg);color:var(--text);justify-content:center;align-items:center;margin-top:auto;padding:.5rem 0;font-size:.75rem;display:flex}.translation-text{color:var(--link);cursor:pointer;margin-left:.25rem;text-decoration:underline}.guess-input-wrapper{opacity:1;transition:opacity .3s,transform .3s,max-height .3s,margin .3s;transform:translateY(0)}.guess-input-wrapper.hide{opacity:0;pointer-events:none;max-height:0;margin-top:0;transform:translateY(-10px)}.see-results-button{width:12.5rem;height:2.75rem;font:600 1rem;color:var(--text);border:solid 1px var(--text);background-color:var(--bg);border-radius:1.5rem;justify-content:center;align-items:center;margin-top:2rem;display:flex}.error-page{justify-content:center;align-items:center;gap:.5rem;min-height:100vh;display:flex}@media (width<=700px){.main-content{width:100%}.title{font-size:1rem}.nav-buttons{gap:0}.navbar-btn-icon{font-size:1.25rem}.verse-section{max-width:70%;margin-top:0}.guess-section{flex-direction:column;align-items:center;margin-top:2rem;padding:0 1rem}.guess-label{font-size:.75rem}.guess-book-input,.guess-chapter-input,.guess-verse-input{width:20rem;height:2.5rem}.guess-option-heading{font-size:.6rem}.guess-input-options{font-size:.75rem}.submit-guess-btn{width:2.5rem;height:2.5rem;margin-top:1rem}.submit-guess-btn-icon{font-size:.75rem}.hints-container{max-width:90%;height:10rem}.hints-header,.hint-arrow{font-size:.75rem}.verse{font-size:1rem}}