.number-sequence-container{max-width:56rem;margin-left:auto;margin-right:auto;padding:1rem}.game-setup{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);max-width:42rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.75rem;margin-left:auto;margin-right:auto;padding:2rem}.game-setup:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.setup-section{margin-bottom:1.5rem}.setup-label{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1));margin-bottom:.75rem;font-size:1.125rem;font-weight:600;line-height:1.75rem;display:block}.setup-label:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.button-group{flex-wrap:wrap;gap:.75rem;display:flex}.button-group-vertical{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (min-width:768px){.button-group-vertical{grid-template-columns:repeat(3,minmax(0,1fr))}}.option-button{--tw-border-opacity:1;border-width:2px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.option-button:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.option-button:hover{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.option-button:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.option-button.active{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.option-button.active:is(.dark *){--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.option-button.active:hover{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.option-button.active:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.start-button{--tw-text-opacity:1;width:100%;color:rgb(255 255 255/var(--tw-text-opacity,1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#9333ea var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);border-radius:.5rem;margin-top:1.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:700;line-height:1.75rem}.start-button:hover{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:#7e22ce var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.start-button{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.stats-bar{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.75rem;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.stats-bar:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-label{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem}.stat-label:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}@media (min-width:640px){.stat-label{font-size:.875rem;line-height:1.25rem}}.stat-value{font-size:1.25rem;font-weight:700;line-height:1.75rem}@media (min-width:640px){.stat-value{font-size:1.5rem;line-height:2rem}}.sequence-card{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;position:relative}.sequence-card:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.sequence-type-badge{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(107 33 168/var(--tw-text-opacity,1));border-radius:9999px;margin-bottom:1rem;padding:.25rem 1rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:inline-block}.sequence-type-badge:is(.dark *){--tw-bg-opacity:1;background-color:rgb(88 28 135/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity,1))}.sequence-numbers{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}@media (min-width:640px){.sequence-numbers{gap:1rem}}.number-box{justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}@media (min-width:640px){.number-box{width:5rem;height:5rem}}.number-box{border-radius:.5rem;font-size:1.5rem;font-weight:700;line-height:2rem}@media (min-width:640px){.number-box{font-size:1.875rem;line-height:2.25rem}}.number-box{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity,1))}.number-box:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity,1))}.number-box{--tw-border-opacity:1;border-width:2px;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.number-box:is(.dark *){--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity,1))}.number-box{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.number-box.missing{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(113 63 18/var(--tw-text-opacity,1))}.number-box.missing:is(.dark *){--tw-bg-opacity:1;background-color:rgb(113 63 18/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(254 249 195/var(--tw-text-opacity,1))}.number-box.missing{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity,1))}.number-box.missing:is(.dark *){--tw-border-opacity:1;border-color:rgb(202 138 4/var(--tw-border-opacity,1))}.number-box.missing{font-size:2.25rem;line-height:2.5rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.answer-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.answer-input{--tw-border-opacity:1;border-width:2px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-radius:.5rem;width:100%;padding:.75rem 1rem;font-size:1.125rem;line-height:1.75rem}.answer-input:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.answer-input{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.answer-input:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.answer-input:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));border-color:#0000;outline:2px solid #0000}.answer-input:disabled{cursor:not-allowed;opacity:.5}.button-row{flex-wrap:wrap;gap:.75rem;display:flex}.submit-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));border-radius:.5rem;flex:1;padding:.75rem 1.5rem;font-weight:600}.submit-button:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.submit-button:is(.dark *){--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.submit-button:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.submit-button:disabled{cursor:not-allowed;opacity:.5}.submit-button:hover:disabled{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.submit-button{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hint-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity,1));border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600}.hint-button:hover{--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.hint-button:is(.dark *){--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.hint-button:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.hint-button:disabled{cursor:not-allowed;opacity:.5}.hint-button:hover:disabled{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.hint-button{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.skip-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1));border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600}.skip-button:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.skip-button:is(.dark *){--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.skip-button:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.skip-button:disabled{cursor:not-allowed;opacity:.5}.skip-button:hover:disabled{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.skip-button{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hint-box{--tw-border-opacity:1;border-width:2px;border-color:rgb(253 224 71/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1));border-radius:.5rem;margin-top:1rem;padding:1rem}.hint-box:is(.dark *){--tw-border-opacity:1;border-color:rgb(161 98 7/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(113 63 18/var(--tw-bg-opacity,1))}.hint-box{align-items:flex-start;gap:.75rem;display:flex}.hint-icon{font-size:1.5rem;line-height:2rem}.hint-title{--tw-text-opacity:1;color:rgb(113 63 18/var(--tw-text-opacity,1));margin-bottom:.25rem;font-weight:600}.hint-title:is(.dark *){--tw-text-opacity:1;color:rgb(254 249 195/var(--tw-text-opacity,1))}.hint-text{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.hint-text:is(.dark *){--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity,1))}.feedback-box{text-align:center;border-radius:.5rem;margin-top:1rem;padding:1.5rem}.feedback-box.correct{--tw-border-opacity:1;border-width:2px;border-color:rgb(134 239 172/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.feedback-box.correct:is(.dark *){--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity,1))}.feedback-box.correct{--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity,1))}.feedback-box.correct:is(.dark *){--tw-text-opacity:1;color:rgb(220 252 231/var(--tw-text-opacity,1))}.feedback-box.incorrect{--tw-border-opacity:1;border-width:2px;border-color:rgb(252 165 165/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.feedback-box.incorrect:is(.dark *){--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.feedback-box.incorrect{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.feedback-box.incorrect:is(.dark *){--tw-text-opacity:1;color:rgb(254 226 226/var(--tw-text-opacity,1))}.try-again-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));border-radius:.5rem;margin-top:1rem;padding:.5rem 1.5rem;font-weight:600}.try-again-button:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.try-again-button:is(.dark *){--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.try-again-button:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.try-again-button{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.control-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.control-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1));border-radius:.5rem;padding:.5rem 1.5rem;font-weight:500}.control-button:hover,.control-button:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.control-button:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.control-button{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}