:root{--primary-color: #AD343E;--secondary-color: #252a34;--accent-color: #ffb726;--accent-color-strong: #fa6c13;--dark-gray: #BABFD1;--light-gray: #E8E9ED;--spacer: 20px}*{box-sizing:border-box;font-family:Montserrat,Arial,sans-serif}html{height:100%;width:100%;padding:0;margin:0}body{font-family:Montserrat,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;margin:0;padding:0;width:100%;height:100%}.hud{display:flex;justify-content:space-between;width:100%;padding:var(--spacer);background-color:var(--secondary-color)}.hud__title{margin-left:var(--spacer)}.hud__right{margin-right:var(--spacer);display:flex;align-items:center;gap:10px}.hud__label{color:#fff;font-weight:600}.hud__select{padding:8px 12px;border:2px solid var(--accent-color);border-radius:4px;background-color:#fff;color:var(--secondary-color);font-size:14px;font-weight:600;cursor:pointer}.hud__select:hover{background-color:var(--light-gray)}.hud__select:focus{outline:none;box-shadow:0 0 0 3px #ffb7264d}.hud__button{padding:8px 16px;border:2px solid var(--accent-color);border-radius:4px;background-color:var(--accent-color);color:var(--secondary-color);font-size:14px;font-weight:600;cursor:pointer}.hud__button:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.hud__button:focus{outline:none;box-shadow:0 0 0 3px #ffb7264d}.main{flex-grow:1;display:flex;flex-direction:column;align-items:center;width:100%;padding:var(--spacer)}.footer{flex:0;width:100%;padding:var(--spacer);color:#fff;background:var(--secondary-color)}.sudoku-grid{display:grid;grid-template-columns:repeat(9,50px);grid-auto-rows:50px;gap:0;justify-content:center;margin:var(--spacer)}.sudoku-cell{font-family:Protest Revolution,cursive;border:1px solid var(--secondary-color);box-sizing:border-box;font-size:24px;text-align:center;padding:0;appearance:textfield;width:100%;height:100%;display:block;color:var(--accent-color-strong);background:transparent;font-weight:600}.sudoku-cell::-webkit-outer-spin-button,.sudoku-cell::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sudoku-cell.thick-left{border-left:5px solid var(--secondary-color)}.sudoku-cell.thick-right{border-right:5px solid var(--secondary-color)}.sudoku-cell.thick-top{border-top:5px solid var(--secondary-color)}.sudoku-cell.thick-bottom{border-bottom:5px solid var(--secondary-color)}.sudoku-cell.thick-right-inner{border-right:3px solid var(--secondary-color)}.sudoku-cell.thick-bottom-inner{border-bottom:3px solid var(--secondary-color)}.sudoku-cell:focus{outline:none}.sudoku-cell.selected{background:var(--accent-color);box-shadow:inset 0 0 0 3px var(--secondary-color)}.sudoku-cell.locked{background:var(--light-gray);color:var(--secondary-color);cursor:not-allowed;font-weight:700;font-family:Montserrat,Arial,sans-serif}.sudoku-cell.highlight-row,.sudoku-cell.highlight-col,.sudoku-cell.highlight-block{background:#ffb72633}.sudoku-cell.highlight-same{background:var(--accent-color)}.sudoku-grid .sudoku-cell.invalid-row,.sudoku-grid .sudoku-cell.invalid-col,.sudoku-grid .sudoku-cell.invalid-block,.sudoku-grid .sudoku-cell.invalid-cell{background:#b41e2abf}.sudoku-grid .sudoku-cell.selected.invalid-row,.sudoku-grid .sudoku-cell.selected.invalid-col,.sudoku-grid .sudoku-cell.selected.invalid-block,.sudoku-grid .sudoku-cell.selected.invalid-cell{background:#8f1a24d9}body{background:var(--light-grey);color:var(--secondary-color)}h1,h2,h3,h4,h5,h6,.headline{color:var(--primary-color);margin:.25rem 0;font-weight:700;font-family:Protest Revolution,cursive}.completion-message{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 40px;border-radius:12px;font-size:28px;font-weight:700;text-align:center;margin:20px auto;box-shadow:0 10px 30px #0000004d;animation:celebration .6s ease-out;max-width:600px}.completion-message.hidden{display:none}@keyframes celebration{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.number-counter{display:flex;flex-direction:column;align-items:center;gap:10px;margin:10px 0;padding:15px;border-radius:8px}.number-counter__items{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.number-counter__item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:40px;padding:8px;border-radius:6px;border:1px solid var(--light-gray);background:linear-gradient(140deg,#f1f1f1 0%,#f2f2f2 60%,var(--light-gray) 100%);transition:all .3s ease}.number-counter__item .number{font-size:20px;font-weight:600;color:var(--secondary-color)}.number-counter__item .count{font-family:Protest Revolution,cursive;font-size:16px;font-weight:600;color:var(--primary-color);padding:4px 8px;min-width:24px;text-align:center}.number-counter__item.complete{background:#d4edda;opacity:.7}.number-counter__item.complete .count{background:#28a745;color:#fff}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal__overlay{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px)}.modal__content{position:relative;background:#fff;border-radius:12px;padding:30px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal__title{color:var(--primary-color);font-size:24px;margin:0 0 20px;font-family:Protest Revolution,cursive}.modal__text{color:var(--secondary-color);font-size:16px;line-height:1.6;margin:0 0 15px}.modal__text--small{font-size:14px;color:#666}.modal__buttons{display:flex;gap:12px;margin-top:25px;justify-content:flex-end}.modal__button{padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal__button--primary{background-color:var(--accent-color);color:var(--secondary-color)}.modal__button--primary:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ad343e4d}.modal__button--secondary{background-color:var(--light-gray);color:var(--secondary-color)}.modal__button--secondary:hover{background-color:var(--dark-gray);transform:translateY(-2px)}.modal__button:focus{outline:none;box-shadow:0 0 0 3px #ffb7264d}