*{box-sizing:border-box;touch-action:manipulation}html{height:100%}body{height:100%;margin:0;padding:0;font-family:Arial,sans-serif;overflow-x:hidden;background-color:#f0f8ff}#app{height:100%}.app-loading{margin:0;padding-top:40vh;text-align:center;font-size:18px;color:#333}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{height:calc(100% - 60px);margin:0 auto;padding:0;overflow-y:scroll;overflow-x:hidden}nav{background-color:#f0f8ff;color:#333;display:flex;padding:1.2vh 1vw;font-size:2.2vh;font-weight:700}nav div{margin:0;padding:0;flex:1;align-self:center;text-align:center}nav div a{color:#333;flex:1;text-decoration:none}.nav-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;width:100%;gap:min(2vw,12px);margin-top:10px;font-size:2.2vh;font-weight:700}.nav-buttons a{display:inline-block;flex:none;white-space:nowrap;font-size:1.8vh;cursor:pointer;color:#000;background-color:#f0f0f0;border:1px solid rgb(118,118,118);border-radius:999px;padding:4px min(3vw,14px);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease}.nav-buttons a .nav-label-short{display:none}.nav-buttons a:hover{background-color:#ddd;color:#000}.nav-buttons a:active{background-color:#bbb;border-color:#767676}.nav-buttons a:focus-visible{outline:2px solid rgb(118,118,118);outline-offset:2px}@media (max-width: 480px){.nav-buttons a{padding:4px 2.5vw;font-size:1.7vh}.nav-buttons a .nav-label-full{display:none}.nav-buttons a .nav-label-short{display:inline}}.menu-link{display:inline-block;flex:none;font-family:inherit;font-size:1.8vh;font-weight:700;line-height:normal;cursor:pointer;color:#000;background-color:#f0f0f0;border:1px solid rgb(118,118,118);border-radius:999px;padding:4px 14px;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease}.menu-link:hover{background-color:#ddd;color:#000}.menu-link:active{background-color:#bbb;border-color:#767676}.menu-link:focus-visible{outline:2px solid rgb(118,118,118);outline-offset:2px}.menu-link--green{color:#fff;-webkit-text-fill-color:#ffffff;background-color:#00b651;border-color:#00a049}.menu-link--green:hover{background-color:#00a049;color:#fff}.menu-link--green:active{background-color:#008f41;border-color:#008f41}.modal-footer a.menu-link{color:#000}.game-view{height:calc(100% - 96px);max-width:500px;display:flex;flex-direction:column;margin:auto}#titleRow{display:flex;flex:1;flex-direction:column;align-items:center;padding-left:6vw;padding-right:6vw}@media (min-width: 660px){#helpDiv{padding-right:3vw;text-align:right}#resultsDiv{padding-left:3vw;text-align:left}}@media (max-width: 1060px){#titleRow{flex:2}}@media (max-width: 560px){#titleRow{flex:3}}@media (max-width: 420px){#titleRow{flex:4}.title-letter{font-size:2vh!important}}#titleRow div{display:flex;width:100%}.title-letter{pointer-events:none;flex:1;font-size:2.5vh;font-weight:700;padding:.5vw;margin:0 .2vh;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-rendering:auto;letter-spacing:normal;word-spacing:normal;line-height:normal;text-transform:none;text-indent:0;text-shadow:none;display:inline-block;text-align:center;align-items:flex-start;border-width:1px;border-style:solid;border-radius:2px;border-color:#767676;background-color:#f0f0f0;color:#000}.title-number{pointer-events:none;height:min(4vh,36px);flex:1;font-size:min(3.6vmax,30px);font-weight:700;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-rendering:auto;letter-spacing:normal;word-spacing:normal;line-height:normal;text-transform:none;text-indent:0;text-shadow:none;display:inline-block;text-align:center;align-items:flex-start;margin:0 2vw;color:#000}#two{margin:0 2vw}.adBanner{background-color:#f0f8ff;height:60px;width:100%;position:fixed;bottom:0}h1{text-align:center}form{display:block;flex-wrap:wrap;justify-content:left;margin-top:50px}input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.word-input{display:flex;align-items:flex-start;margin:.4vh}.word-input input{font-size:4vh;max-width:min(6.5vh,50px);max-height:min(6.5vh,50px);width:11vw;height:11vw;padding:0;margin:0 .2vh;border:1px solid black;color:#000;border-radius:3px;text-align:center}@supports (-webkit-touch-callout: none){.word-input input{max-width:min(5vh,50px);max-height:min(5vh,50px)}.keyboard-letter{height:min(6vh,62px)!important}}.word-input input:disabled{background-color:#e7e7e7;opacity:1!important;-webkit-text-fill-color:#000000}.word-input-active{background-color:#fff!important}#keyboard-cont{margin:0 1vw;display:flex;flex-direction:column;align-items:center}#keyboard-cont div{display:flex;width:100%}.second-row{margin:.5vh 0}.keyboard-letter{height:min(7vh,62px);display:flex;flex:1}.keyboard-word{padding:min(1vh,13px)!important;font-size:min(1.8vmax,28px)!important}.keyboard-button{font-size:min(2.2vmax,30px);font-weight:700;padding:.5vw;margin:0 .2vh;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-rendering:auto;letter-spacing:normal;word-spacing:normal;line-height:normal;text-transform:none;text-indent:0;text-shadow:none;display:inline-block;text-align:center;align-items:flex-start;border-width:1px;border-radius:3px;border-color:#767676;background-color:#f0f0f0;color:#000}.keyboard-button button:hover{background-color:#ddd}.keyboard-button button:active{background-color:#bbb}button:disabled{background-color:#e6eaee;color:#1010104d;border-color:#b2b2b2}#table-holder{display:flex;justify-content:center;margin-bottom:auto;margin-top:auto}.full-width,#table-holder table{width:100%}table{margin:auto}.correct{background-color:#00b651!important}.letter-row{text-align:center;place-content:center;display:none;max-width:64vh;margin:0 auto;background-color:#e3e9ef;border-radius:10px}.start-row{display:none;text-align:center;place-content:center}.letter-title{font-size:3.8vh;flex:1;max-width:8vh}@keyframes wiggle{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(0)}75%{transform:translate(5px)}to{transform:translate(0)}}.toast{background-color:#333;color:#fff;text-align:center;white-space:nowrap;padding:1vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:8px;opacity:0;transition:opacity .3s ease-in-out}.toast.show{opacity:1}.storage-error{background-color:#e55648;color:#fff;text-align:center;padding:1vh;margin:1vh auto;max-width:90%;border-radius:8px}.rollover-notice{display:table;margin:.75vh auto;padding:0 1.8vh;font-size:2vh;line-height:3.4vh;font-weight:600;background-color:#e3e9ef;border-radius:999px}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;transition:visibility .2s ease,opacity .2s ease}.modal-dialog{margin:10% auto;width:50%}@media (max-width: 960px){.modal-dialog{width:75%}}@media (max-width: 520px){.modal-dialog{width:92%}}.modal-content{background-color:#fefefe;border:1px solid #888;border-radius:5px;box-shadow:0 0 10px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;position:relative;padding:2.4vh 2.4vh 1.2vh}.modal-header h5{margin:0!important}h5{font-size:2.6vh;margin:3vh 0 0;width:100%}h6{font-size:2vh;margin:1vh 0 0;width:100%}.modal-title{margin-top:0;margin-bottom:0}.close{font-size:5vh;font-weight:700;line-height:1;color:#000;background-color:#fff;border-width:0;opacity:.5;transition:opacity .3s ease;cursor:pointer;position:absolute;right:0;padding-right:4vw}.close:hover{color:#000;opacity:.8;text-decoration:none}@media (min-width: 660px){.close{padding-right:1vw}}.modal-body{padding:0 3vw 1.5vw;margin-top:1.5vh}.modal-body ul{list-style:none;padding-left:0;margin-top:0}.modal-body li{margin-bottom:10px}.modal-body li strong{display:inline-block;width:200px}.modal-body li span{font-weight:700}.help-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.help-rules .help-rule{margin:0;padding:10px 14px;font-size:15px;line-height:1.4;color:#000;background-color:#f6f6f6;border:1px solid rgb(118,118,118);border-radius:8px}.modal-footer{padding:15px}.modal-footer a{color:#477aaa}.settings-intro{margin:0 0 10px;font-size:14px;color:#666;text-align:center}.settings-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background-color:#f6f6f6;border:1px solid rgb(118,118,118);border-radius:8px}.settings-label{font-size:14px;font-weight:700;color:#000}.segmented{display:inline-flex;padding:3px;background-color:#f0f0f0;border:1px solid rgb(118,118,118);border-radius:999px}.segmented-option{font-family:inherit;font-size:15px;font-weight:700;min-width:72px;padding:7px 18px;cursor:pointer;color:#333;background-color:transparent;border:none;border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease}.segmented-option:hover:not(.segmented-option--active){background-color:#ddd}.segmented-option--active{color:#fff;-webkit-text-fill-color:#ffffff;background-color:#00b651}.segmented-option:focus-visible{outline:2px solid #00b651;outline-offset:2px}.left-text{text-align:left}.center-text{text-align:center}.right-text{text-align:right}.tiny-text{font-size:8px}.btn{border-radius:5px;border-width:0;padding:10px 20px;font-size:16px;cursor:pointer;color:#000;-webkit-text-fill-color:#000000}.btn-start{background-color:#00b651;width:80vw;max-width:400px;height:6vh;font-size:3vh;padding:1vh;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;-webkit-text-fill-color:#ffffff;border-radius:999px}.timer{display:table;text-align:center;margin:.75vh auto;padding:0 1.8vh;font-size:3vh;font-variant-numeric:tabular-nums;background-color:#f0f0f0;box-shadow:inset 0 0 0 1px #767676;border-radius:999px}.finalTimeBlock{display:none}.form{margin-top:0}.stats-section{margin-bottom:14px}.stats-section:last-child{margin-bottom:0}.stats-grid{display:grid;gap:8px}.stats-grid--times{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.stats-grid--counts{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid--single{grid-template-columns:1fr}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 6px;text-align:center;background-color:#f6f6f6;border:1px solid rgb(118,118,118);border-radius:8px}.stat-card--accent{background-color:#00b6511a;border-color:#00b651}.stat-value{font-size:22px;font-weight:700;line-height:1.1;color:#000}.stat-label{font-size:11px;font-weight:600;line-height:1.2;color:#555}.stats-heading{margin:0 0 8px;font-size:14px;font-weight:700;text-align:center;color:#333}.top-times{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.top-times .top-times-row{display:flex;align-items:center;gap:10px;margin:0;padding:7px 12px;background-color:#f6f6f6;border:1px solid #e0e0e0;border-radius:6px}.top-times-rank{flex:none;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#555;background-color:#e8e8e8;border-radius:50%}.top-times-value{font-size:15px;font-weight:700;color:#000;font-variant-numeric:tabular-nums}.stats-note{margin-top:14px;text-align:center;color:#666;font-size:14px}.circle{display:flex;justify-content:center;align-items:center;width:35vw;height:35vw;border-radius:50%;float:right}.circle div{position:absolute;transform:translate(-50%,-50%);width:4.1vmax;height:6.1vmax;border-radius:50%;color:#000;display:flex;justify-content:center;align-items:center;font-size:min(3.2vmax,30px)}.circle div:nth-child(1){transform:rotate(0) translateY(-50px) rotate(0)}.circle div:nth-child(2){transform:rotate(45deg) translateY(-50px) rotate(-45deg)}.circle div:nth-child(3){transform:rotate(90deg) translateY(-50px) rotate(-90deg)}.circle div:nth-child(4){transform:rotate(135deg) translateY(-50px) rotate(-135deg)}.circle div:nth-child(5){transform:rotate(180deg) translateY(-50px) rotate(-180deg)}.circle div:nth-child(6){transform:rotate(225deg) translateY(-50px) rotate(-225deg)}.circle div:nth-child(7){transform:rotate(270deg) translateY(-50px) rotate(-270deg)}.circle div:nth-child(8){transform:rotate(315deg) translateY(-50px) rotate(-315deg)}#warning-message{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;color:#000;font-size:24px;text-align:center;padding-top:20vh;z-index:9999}#warning-message svg{width:100px}#warning-message p{margin:0}#cookie-consent{position:fixed;bottom:0;left:0;right:0;background-color:#f2f2f2;padding:10px 0;text-align:center;font-size:14px}#cookie-consent .content{max-width:800px;margin:0 auto}#cookie-consent .btn{display:inline-block;margin:0 10px;padding:6px 12px;background-color:#007bff;color:#fff;border:none;cursor:pointer;text-decoration:none}.archive-view{height:100%;background-color:#f0f8ff}.archive-view .container{height:calc(100% - 60px);margin:0 auto;padding:0;overflow:hidden;display:flex;flex-direction:column}.archive-view nav{background-color:#f0f8ff;color:#333;display:flex;padding:1.2vh 1vw;font-size:2.2vh;font-weight:700}.archive-view nav div{margin:0;padding:0;flex:1;align-self:center;text-align:center}.archive-view #titleRow>.nav-buttons{margin-top:10px;justify-content:center}.archive-content{max-width:500px;width:100%;margin:0 auto;padding:0 20px 10px;flex:1;min-height:0;display:flex;flex-direction:column}.archive-component{width:100%;flex:1;min-height:0;display:flex;flex-direction:column}.archive-list-container{flex:1;min-height:0;display:flex;flex-direction:column}.archive-loading,.archive-error,.archive-empty{text-align:center;padding:40px 20px;color:#666;font-size:16px}.archive-loading{display:flex;flex-direction:column;align-items:center;gap:16px}.archive-spinner{width:40px;height:40px;border:4px solid #ddd;border-top-color:#007bff;border-radius:50%;animation:archive-spin .8s linear infinite}@keyframes archive-spin{to{transform:rotate(360deg)}}.archive-error{color:#dc3545}.archive-error a{display:inline-block;margin-top:10px;color:#007bff;text-decoration:none}.archive-list{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px}.archive-scroll-row{flex-shrink:0;display:flex;justify-content:center;align-items:center;margin:6px 0}.archive-scroll-row--top{position:relative}.archive-summary-count{position:absolute;right:0;font-size:14px;font-weight:600;color:#666}.archive-scroll-button{display:inline-block;flex:none;font-size:1.8vh;font-weight:700;cursor:pointer;color:#000;background-color:#f0f0f0;border:1px solid rgb(118,118,118);border-radius:999px;padding:4px 14px;transition:background-color .15s ease,color .15s ease}@media (hover: hover){.archive-scroll-button:hover{background-color:#ddd;color:#000}}.archive-scroll-button:active{background-color:#bbb;border-color:#767676;color:#000}.archive-scroll-button:focus,.archive-scroll-button:focus-visible{outline:2px solid rgb(118,118,118);outline-offset:2px;background-color:#f0f0f0;color:#000}.archive-list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:background-color .15s ease;background-color:#fff}.archive-list-item:hover{background-color:#f0f7ff}.archive-list-item--completed{border-color:#00b651;background-color:#f0fff5}.archive-list-item--completed:hover{background-color:#e0ffe8}.archive-list-item--in-progress{border-color:#f0a020;background-color:#fff8ec}.archive-list-item--in-progress:hover{background-color:#fff1d6}.archive-item-info{display:flex;flex-direction:column;gap:2px}.archive-item-day{font-weight:700;font-size:14px;color:#333}.archive-item-date{font-size:12px;color:#666}.archive-item-status{font-size:13px;font-weight:600}.archive-item-completed{color:#00b651}.archive-item-in-progress{color:#c77700}.archive-item-available{color:#007bff}.archive-mode-indicator{text-align:center;padding:6px 12px;background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;font-size:12px;color:#856404;margin-bottom:10px}.archive-footer{padding:0 20px 8px;text-align:center;font-size:12px}.archive-footer a{color:#666}@media (max-width: 560px){.archive-content{padding:0 12px 10px}.archive-list-item{padding:10px 12px}.archive-item-day{font-size:13px}.archive-item-date{font-size:11px}.archive-item-status{font-size:12px}}.navigation-section[data-v-9262acf0]{display:flex;justify-content:center;gap:30px;margin:20px 0;padding:10px 0}.nav-link[data-v-9262acf0]{color:#333;text-decoration:none;font-size:16px;font-weight:500;padding:8px 16px;border-radius:4px;transition:background-color .2s,color .2s}.nav-link[data-v-9262acf0]:hover{background-color:#f0f0f0;color:#007bff}.nav-link[data-v-9262acf0]:active{background-color:#e0e0e0}.feedback-message[data-v-9262acf0]{margin:0 0 16px;text-align:center;font-weight:600;font-size:18px;color:#333}.top-five-celebration[data-v-9262acf0]{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden;z-index:3}.confetti-piece[data-v-9262acf0]{position:absolute;top:-12px;border-radius:2px;--drift: 0px;--spin: 540deg;animation-name:confetti-fall-9262acf0;animation-timing-function:linear;animation-fill-mode:both;animation-duration:2.4s}@keyframes confetti-fall-9262acf0{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--drift),105vh) rotate(var(--spin));opacity:0}}