:root{--board-bg-odd:#f5f5f0;--board-bg-even:#eaeae5;--board-border-cell:#b8b8b8;--board-border-box:#2d2d2d;--board-given:#1a1a1a;--board-player:#1e40af;--board-candidate:#4b5563;--board-candidate-hover:#1e293b;--board-candidate-unselected-hover:#636a75;--board-ring:#d97706;--board-cand-hl-bg:rgba(217,119,6,0.18);--board-cand-hl-text:#92400e;--board-success-1:#eef2ed;--board-success-2:#dee5dc;--board-success-3:#cdd8cb;--board-error-bg:#fee2e2;--board-cross-color:#6b7280;--board-cross-bg:rgba(107,114,128,0.12)}.col-board{padding-right:0;padding-left:0;padding-top:25px}.board{position:relative;width:clamp(19.125rem,90vmin,30.9375rem);height:clamp(19.125rem,90vmin,30.9375rem);margin:0 auto;background-color:var(--board-border-box);border:2px solid var(--board-border-box);overflow:hidden;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.board .squares{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;background:var(--board-border-box);width:100%;height:100%;font-size:clamp(1.1rem,3vmin,1.4rem);font-family:Verdana,Geneva,sans-serif}.board .squares.text-size-md{font-size:clamp(1.375rem,3.75vmin,1.75rem)}.board .squares.text-size-lg{font-size:clamp(1.65rem,4.5vmin,2.1rem)}.board .squares.text-size-md .item .change div span{font-size:clamp(0.69rem,1.84vmin,0.8625rem)}.board .squares.text-size-lg .item .change div span{font-size:clamp(0.75rem,2vmin,0.9375rem)}.board .square{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px;background:var(--board-border-cell);overflow:hidden}.board .square:nth-child(odd) .item{background-color:var(--board-bg-odd)}.board .square:nth-child(even) .item{background-color:var(--board-bg-even)}.board .item{color:#333;position:relative}.board .item.valid-row,.board .item.valid-col,.board .item.valid-square{background-color:var(--board-success-1)}.board .item.valid-row.valid-col,.board .item.valid-row.valid-square,.board .item.valid-col.valid-square{background-color:var(--board-success-2)}.board .item.valid-row.valid-col.valid-square{background-color:var(--board-success-3)}.board .item.given .digit{color:var(--board-given);font-weight:500}.board .item.filled .digit{color:var(--board-player);font-weight:500}.board .item .change{position:absolute;display:none;top:0;left:0;width:100%;height:100%;font-size:0;line-height:0;pointer-events:none;padding:.1875rem}.no-touchevents .board .item .change{pointer-events:all}.no-touchevents .board .item.empty:hover .change{display:block}.board .item.extended .change{display:block}.board .item .change div{display:inline-block;width:33.33333333%;height:33.33333333%;text-align:center;cursor:pointer;position:relative;z-index:1}.board .item .change div span{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(0.6rem,1.6vmin,0.75rem);line-height:1;color:transparent}.board .item.extended .change div span{color:var(--board-candidate-unselected-hover);font-weight:400;opacity:0}.board .item.extended .change div.selected span{color:var(--board-candidate);font-weight:600;opacity:1}.no-touchevents .board .item:hover .change div span{color:var(--board-candidate-unselected-hover);font-weight:400}.no-touchevents .board .item.extended:hover .change div span{color:var(--board-candidate-unselected-hover);font-weight:400;opacity:1}.board .item .change div.selected span{color:var(--board-candidate);font-weight:600}.no-touchevents .board .item:hover .change div.selected span{color:var(--board-candidate-hover);font-weight:600}.no-touchevents .board .item.extended:hover .change div.selected span{color:var(--board-candidate-hover);font-weight:600}.board .item .pole{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.board .item .pole.selected{outline:2px solid var(--board-ring);outline-offset:-5px}.board .item .pole .digit{display:block;text-align:center;font-size:1.185em;line-height:1;cursor:pointer;width:100%}.board .item .pole .back{position:absolute;display:none;top:.125rem;right:.125rem;width:.75rem;height:.75rem;font-size:.5rem;line-height:.75rem;font-weight:700;text-align:center;cursor:pointer;color:var(--board-cross-color);opacity:0;z-index:2;overflow:visible}.no-touchevents .board .item.filled .pole .back{display:block}.board .item .pole:hover .back{opacity:1;background:var(--board-cross-bg)}.board-settings-overlay{z-index:95;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.board-settings-overlay>.form-select,.board-settings-overlay>#start-game-button{max-width:14rem}.board-dots{position:absolute;inset:0;z-index:92;pointer-events:none}.board-overlay{position:absolute;inset:0;z-index:90;pointer-events:all;cursor:default}.board .loading{position:absolute;width:100%;height:100%;top:0;z-index:200}.board .item.digit-match{outline:2px solid var(--board-ring);outline-offset:-5px}.board .item .change div.cand-match{background-color:var(--board-cand-hl-bg);color:var(--board-cand-hl-text);border-radius:15%}.board .loading .bubble{position:absolute;width:100%;height:100%;display:table}.board .loading .bubble p{display:table-cell;vertical-align:middle;text-align:center}.game-controls{user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.no-touchevents .mobile-input{display:none}.mobile-input{display:block;width:100%;background:var(--os-surface-2);border-radius:0 0 var(--bs-border-radius-lg) var(--bs-border-radius-lg);user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.mobile-input .buttons{display:flex;width:100%;flex-wrap:nowrap;opacity:.4;transition:opacity .15s}.mobile-input .buttons.active{opacity:1}.mobile-input .buttons div{font-size:1rem;width:10%}.game-info{width:19.5rem;height:1.2rem;font-size:.8rem;color:#696969;line-height:1rem;margin:0 auto}.game-info .left{float:left}.game-info .right{float:right}.game-info.top{top:-1.25rem}.game-info.bottom{bottom:-1.25rem}.game-info .btn-s{font-size:.5rem;font-weight:400;padding:.4375rem .9375rem;border-radius:.25rem}.game-info-text{font-size:.8rem}.btn-text-size{border:0;font-size:.5rem;background:transparent}.btn-text-size-md{font-size:.75rem}.btn-text-size-lg{font-size:1rem}.game-progress{position:fixed;height:4px;background:#e0e0e0;margin:auto;left:0;right:0;top:0;z-index:2000}.game-progress .value{width:25%;height:100%}.board .game-result{position:absolute;width:100%;height:100%;top:0;left:0;z-index:105}.board .game-result::after{content:"";background:url(/images/gameplay/victory.svg) no-repeat center center;background-size:contain;opacity:.1;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1}.board #game-result-progressbar{transition:none}.board .board-alert-info{position:absolute;width:100%;height:100%;top:0;left:0;z-index:110}#board-game-result .value{font-size:1rem}.board .board-quote{position:absolute;width:100%;height:100%;top:0;left:0;z-index:110}.board .squares.color-scheme-legacy{--board-bg-odd:#ccc;--board-bg-even:#ccc;--board-success-1:#d7d7d7;--board-success-2:#d0d0d0;--board-success-3:#e6e6e6;--board-ring:rgba(247,110,15,0.5);--board-cand-hl-bg:transparent;--board-cand-hl-text:inherit}.board .squares.color-scheme-legacy .item.light,.board .squares.color-scheme-legacy .item.dark{background-color:var(--board-bg-odd)}.board .squares.color-scheme-legacy .item .pole.selected{outline:0;background-color:var(--board-ring)}.board .squares.success-highlight-off .item.valid-row,.board .squares.success-highlight-off .item.valid-col,.board .squares.success-highlight-off .item.valid-square,.board .squares.success-highlight-off .item.valid-row.valid-col,.board .squares.success-highlight-off .item.valid-row.valid-square,.board .squares.success-highlight-off .item.valid-col.valid-square,.board .squares.success-highlight-off .item.valid-row.valid-col.valid-square{background-color:inherit}.board .squares.digit-focus-off .item.digit-match{outline:0}.board .squares.digit-focus-off .item .change div.cand-match{background-color:transparent;color:inherit}.gameplay-adv{height:30.9375rem}@media(max-width:425px){.btn-sm{font-size:.575rem;padding:.5rem .5rem}}@media(min-width:375px){.col-board{padding-right:0;padding-left:0}.game-info{width:21.9375rem}.mobile-input .buttons div{font-size:1.1rem}#board-game-result .value{font-size:1.25rem}}@media(min-width:425px){.col-board{padding-right:0;padding-left:0}.game-info{width:24.1875rem}.mobile-input .buttons div{font-size:1.225rem}#board-game-result .value{font-size:1.35rem}}@media(min-width:768px){.col-board{padding-right:15px;padding-left:15px}.board .item .change div span{font-size:clamp(0.6rem,1.6vmin,0.75rem)}.board .item .pole .back{width:1rem;height:1rem;font-size:.75rem;line-height:1rem}.game-info{width:30.9375rem;font-size:.9rem;height:.9rem;line-height:.9rem}.game-info.top{top:-1.6rem}.game-info.bottom{bottom:-1.6rem}.mobile-input .buttons div{font-size:1.575rem}#board-game-result .value{font-size:1.5rem}}.sidebar-card{background:var(--os-surface)}.board-game-row{background:var(--os-surface)}.puzzle-number{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--os-text);flex-shrink:0;white-space:nowrap}.puzzle-number.empty{color:var(--os-border-strong);letter-spacing:.25em;font-size:12px}.puzzle-difficulty{font-size:11px;color:var(--os-text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;text-align:right}.puzzle-difficulty.empty{color:var(--os-border-strong)}.timer-value{font-family:var(--font-display);font-size:28px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.timer-value.on{color:var(--os-text)}.timer-value.off{color:var(--os-text-faint)}.sb-border-bottom{border-bottom:1px solid var(--os-border)}.progress-track{--bs-progress-height:8px;background:var(--os-surface-3) !important}.progress-fill{background:var(--os-accent) !important;transition:width .5s ease}.progress-fill.done{background:var(--os-success) !important}.streak-card{background:var(--os-surface-2);border:1px solid var(--os-border);overflow:hidden}.streak-card.active{background:var(--os-surface-3)}.streak-divider{height:1px;background:var(--os-border)}.streak-card.active .streak-divider{background:var(--os-border)}.streak-row{padding:9px 10px 7px;display:flex;align-items:center;gap:8px}.streak-emoji{font-size:14px;line-height:1;flex-shrink:0}.streak-name{font-size:11px;font-weight:600;color:var(--os-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.streak-bonus{font-size:11px;font-weight:700;color:var(--os-success);line-height:1}.streak-bonus.off{color:var(--os-text-faint);font-weight:400}.streak-bar{height:3px;background:var(--os-surface-3);border-radius:2px;overflow:hidden;margin-top:5px}.streak-bar-fill{height:100%;border-radius:2px;background:var(--os-accent);width:0}.streak-card:not(.active) .streak-bar-fill{background:var(--os-border-strong)}.streak-count{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1;flex-shrink:0;font-variant-numeric:tabular-nums;min-width:24px;text-align:right}.streak-row.active .streak-count{color:var(--os-accent-strong)}.streak-row:not(.active) .streak-count{color:var(--os-text-faint)}.streak-guest-lock{backdrop-filter:blur(2px);background:rgba(250,250,249,.84);border-radius:8px;font-size:11px;min-height:100%}.lock-btn:hover{color:#fff7ed}@media(max-width:767px){.streak-card{display:flex;flex-direction:row}.streak-divider{width:1px;height:auto;align-self:stretch}.streak-row{flex:1}.streak-count{font-size:18px}}.board-card-head{background:var(--os-surface);font-family:var(--font-display)}.board-card-head__num{font-weight:600;color:var(--os-text);flex-shrink:0;white-space:nowrap}.board-card-head__digits{flex:1;text-align:center;color:var(--os-text)}.board-card-head__digits .digits-filled{opacity:.2;text-decoration:line-through}.board-card-head__diff{color:var(--os-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;text-align:right;flex-shrink:0}.gc-row{display:grid !important;grid-template-columns:1fr 1fr 1fr 1fr;gap:4px;width:100%}.gc-row>*{min-height:2rem;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2}@media(min-width:992px){.gc-row{grid-template-columns:1fr 1fr}.gc-row>*{min-height:2.5rem}}.board-col-sidebar{width:100%}@media(min-width:992px){.board-col-sidebar{width:200px;flex-shrink:0}}.board-col-ad-left{width:160px}.board-col-ad-right{width:300px}
