@layer games{@scope(.number-touch-page){:scope{--number-touch-ink:#25264d;--number-touch-muted:#555b7b;--number-touch-deep:#3636ad;--number-touch-accent:#ffe35b;--number-touch-paper:#f5f3ff;--number-touch-on-deep-muted:#e2e4ff;--number-touch-card:#fff;--number-touch-line:#d6d7ed;--number-touch-selected:#e8e7ff;--number-touch-board-frame:var(--number-touch-deep);--number-touch-done-bg:#cbd5e1;--number-touch-done-ink:#475569;--number-touch-error:#b72a4a;--number-touch-gap:8px;--number-touch-button-depth:4px;--number-touch-play-control-height:44px;--number-touch-space:24px;--number-touch-mobile-gutter:10px;--flag-safe-area-bg:var(--number-touch-paper)}:where([data-mode=roundTrip],[data-mode=mirror]){--number-touch-mode-color:#7042b8;--number-touch-mode-soft:#f1e8ff}:where([data-mode=countUp],[data-mode=countDown]){--number-touch-mode-color:#2855c7;--number-touch-mode-soft:#e8efff}:where([data-mode=scattered],[data-mode=scatteredDown]){--number-touch-mode-color:#b33a59;--number-touch-mode-soft:#ffe9ee}.number-touch-content{color:var(--number-touch-ink);gap:var(--number-touch-space);min-width:0;font-weight:600;line-height:1.6;display:grid}.number-touch-number{white-space:nowrap}.number-touch-fraction{font-size:70%}.number-touch-unit{font-size:60%;font-weight:700}.number-touch-heading{text-align:center;justify-items:center;padding:20px 0;display:grid}.number-touch-heading h1{letter-spacing:-.05em;color:var(--number-touch-deep);margin:6px 0 8px;font-size:clamp(2rem,5vw,3.3rem);font-weight:900;line-height:1.25}.number-touch-heading>.number-touch-eyebrow{border-radius:var(--radius-s);background:var(--number-touch-accent);color:var(--number-touch-ink);padding:2px 12px;display:inline-block;transform:rotate(-2deg)}.number-touch-heading p{margin:0}.number-touch-heading>p:last-child{font-size:.875rem;line-height:1.8}.number-touch-eyebrow{letter-spacing:.16em;color:var(--number-touch-muted);font-size:.75rem;font-weight:800}.number-touch-shell{background:var(--number-touch-paper);border:1px solid var(--number-touch-line);border-radius:var(--radius-m);padding:clamp(14px,3vw,32px);min-width:0;padding-block:clamp(24px,3vw,32px);position:relative}.number-touch-shell.is-fullscreen{height:var(--flag-viewport-height,100dvh);overscroll-behavior:contain;border-radius:0;flex-direction:column;min-height:0;padding-block:12px;scroll-padding-block-start:56px;display:flex;overflow:auto}:scope:has(.number-touch-shell.is-fullscreen){width:100%}.number-touch-shell>:where(.number-touch-setup,.number-touch-play,.number-touch-result,.number-touch-interrupted){flex-shrink:0;margin-block:auto}.number-touch-shell.is-fullscreen>:where(.number-touch-setup,.number-touch-result){align-self:center;max-width:1200px}.number-touch-shell.is-fullscreen>.number-touch-countdown{flex:1 0 auto;min-height:0}.number-touch-fullscreen-toolbar{top:var(--number-touch-gap);right:var(--number-touch-gap);z-index:3;justify-content:flex-end;height:auto;padding:0;display:flex;position:absolute}.number-touch-fullscreen-toolbar button{border-color:var(--number-touch-deep);align-items:center;gap:var(--number-touch-gap);min-width:44px;height:calc(var(--number-touch-play-control-height) + var(--number-touch-button-depth));min-height:calc(var(--number-touch-play-control-height) + var(--number-touch-button-depth));justify-content:center;padding-block:8px;display:inline-flex}.number-touch-shell.is-fullscreen>.number-touch-fullscreen-toolbar{top:max(var(--number-touch-gap), env(safe-area-inset-top));right:max(var(--number-touch-gap), env(safe-area-inset-right));position:fixed}.number-touch-fullscreen-toolbar svg{width:24px;height:24px}:where(.number-touch-shell,.number-touch-ranking) :where(button,select):not(:where(.ranking-confirm-popover button)){font:inherit}:where(.number-touch-shell,.number-touch-ranking) :where(button):not(:where(.ranking-confirm-popover button)){cursor:pointer;border:1px solid var(--number-touch-line);border-radius:var(--radius-s);background:var(--number-touch-card);color:var(--number-touch-ink);padding:10px 16px;font-weight:700;transition:background .15s,color .15s}:where(.number-touch-shell,.number-touch-ranking) :where(button:disabled){cursor:default;opacity:.5}:where(button:focus-visible,a:focus-visible,select:focus-visible){outline:3px solid var(--number-touch-ink);outline-offset:3px}.number-touch-primary{background:var(--number-touch-accent);border-color:var(--number-touch-deep);color:var(--number-touch-ink);box-shadow:0 var(--number-touch-button-depth) 0 var(--number-touch-deep);justify-content:center;align-items:center;gap:24px;min-height:52px;display:flex}:where(.number-touch-primary,.number-touch-actions button){transition:background .15s,color .15s,transform .12s,box-shadow .12s}:is(.number-touch-primary,.number-touch-actions button):not(:disabled):active{transform:translateY(var(--number-touch-button-depth));box-shadow:none}.number-touch-save-status{bottom:4px;flex:none;position:absolute;inset-inline:clamp(14px,3vw,32px)}.number-touch-save-status .game-save-progress{font-size:.75rem;line-height:1.5}.number-touch-save-status:has(.game-save-status){padding-top:var(--number-touch-gap);position:static}.number-touch-shell:not(.is-fullscreen):has(.game-save-status){height:auto;min-height:var(--number-touch-stage-height,0px)}.number-touch-save-status :where(p){margin:0}.number-touch-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.number-touch-actions button{box-shadow:0 var(--number-touch-button-depth) 0 var(--number-touch-deep)}.number-touch-interrupted .number-touch-actions button{min-height:52px}.number-touch-countdown{text-align:center;place-content:center;min-height:510px;display:grid}.number-touch-countdown strong{color:var(--number-touch-deep);font-size:8rem;font-weight:900;line-height:1.3}.number-touch-interrupted{text-align:center;align-content:center;min-height:360px;display:grid}.number-touch-interrupted p{max-width:500px;margin:auto}.number-touch-ranking-notice a{color:var(--number-touch-ink);text-underline-offset:3px}@media (hover:hover){:is(.number-touch-primary,.number-touch-actions button):not(:disabled):hover{transform:translateY(var(--number-touch-button-depth));box-shadow:none}:where(.number-touch-shell,.number-touch-ranking) :where(button:not(:disabled)):not(:where(.ranking-confirm-popover button)):hover{background:var(--number-touch-selected)}.number-touch-primary:not(:disabled):hover{background:var(--number-touch-ink);color:var(--number-touch-accent)}.number-touch-ranking-notice a:hover{color:var(--number-touch-muted)}.number-touch-settings .ranking-confirm-accept:hover{background:var(--number-touch-ink)}:where(.number-touch-shell,.number-touch-ranking) .ranking-confirm-cancel:hover{background:var(--number-touch-selected);color:var(--number-touch-ink)}}@media (min-width:821px){.number-touch-shell{--number-touch-stage-height:clamp(640px, calc(100dvh - 104px), 660px);--number-touch-play-inset:16px;scroll-margin-block:88px 16px}.number-touch-shell:not(.is-fullscreen){height:var(--number-touch-stage-height);overflow-anchor:none;flex-direction:column;padding:24px;display:flex;overflow-y:auto}.number-touch-play{--number-touch-play-width:calc(var(--number-touch-stage-height) - 216px)}.number-touch-shell:not(.is-fullscreen):has(>.number-touch-play){padding-block:var(--number-touch-play-inset)}.number-touch-shell:not(.is-fullscreen)>.number-touch-fullscreen-toolbar{top:var(--number-touch-play-inset);right:var(--number-touch-play-inset)}.number-touch-interrupted{margin-block:auto}.number-touch-countdown{flex:1;min-height:0}}@media (max-width:820px){.number-touch-play-heading,.number-touch-hud .number-touch-misses{padding-inline-end:48px}}@media (max-width:520px){.number-touch-shell{--number-touch-play-inset:clamp(14px, 3vw, 32px)}.number-touch-shell:not(.is-fullscreen):has(>.number-touch-play){padding-block:var(--number-touch-play-inset)}.number-touch-heading{padding-block-end:0}.number-touch-fullscreen-toolbar button>span{display:none}.number-touch-fullscreen-toolbar button{padding:8px}.number-touch-shell:not(.is-fullscreen) .number-touch-fullscreen-toolbar{top:var(--number-touch-play-inset)}.number-touch-content>:where(:not(.number-touch-shell.is-fullscreen)){margin-inline:var(--number-touch-mobile-gutter)}.number-touch-countdown{min-height:430px}.number-touch-shell.is-fullscreen{padding:12px}.number-touch-shell.is-fullscreen>.number-touch-fullscreen-toolbar{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}.number-touch-shell.is-fullscreen:has(>.number-touch-play){padding-block-start:calc(var(--number-touch-play-control-height) + var(--number-touch-space) + max(12px, env(safe-area-inset-top)) + var(--number-touch-button-depth))}}}}
@layer games{@scope(.number-touch-page){.number-touch-play{max-width:var(--number-touch-play-width,480px);width:100%;margin:auto}.number-touch-shell.is-fullscreen .number-touch-play{--number-touch-play-width:clamp(220px, calc(var(--flag-viewport-height,100dvh) - 240px), 640px)}.number-touch-shell.is-fullscreen .number-touch-tile{font-size:clamp(1.3rem, min(8vw, calc(var(--number-touch-play-width) / 12)), 3rem)}.number-touch-play-heading{color:var(--number-touch-muted);justify-content:space-between;gap:16px;font-size:.8rem;font-weight:700;display:flex}.number-touch-hud{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 8px;display:flex}.number-touch-hud>div{text-align:start;display:grid}.number-touch-hud>:where(div)>span{color:var(--number-touch-muted);font-size:.75rem;font-weight:700;line-height:1.4}.number-touch-hud strong{font-variant-numeric:tabular-nums;font-size:clamp(2rem,6vw,3rem);font-weight:900;line-height:1.2}.number-touch-hud small{margin-left:4px;font-size:.8rem}.number-touch-hud .number-touch-misses{color:var(--number-touch-error);text-align:end}.number-touch-misses>span{color:var(--number-touch-error)}.number-touch-misses strong{font-size:1.5rem}.number-touch-board{aspect-ratio:1;background:var(--number-touch-board-frame);border:4px solid var(--number-touch-board-frame);border-radius:var(--radius-m);-webkit-user-select:none;user-select:none;touch-action:none;width:100%;position:relative;overflow:clip}.number-touch-tile{left:calc(var(--column) * 20% + var(--number-touch-gap) / 2);top:calc(var(--row) * 20% + var(--number-touch-gap) / 2);width:calc(20% - var(--number-touch-gap));height:calc(20% - var(--number-touch-gap));background:var(--number-touch-card);color:var(--number-touch-ink);font-variant-numeric:tabular-nums;touch-action:none;-webkit-tap-highlight-color:transparent;border:0;place-items:center;padding:0;font-size:clamp(1.3rem,4.5vw,2.2rem);font-weight:850;transition:background .1s,color .1s;display:grid;position:absolute}.number-touch-tile:disabled{opacity:1}.number-touch-tile.is-done{background:var(--number-touch-done-bg);color:var(--number-touch-done-ink)}.number-touch-tile small{font-size:.75rem;position:absolute;top:1px;right:5px}.number-touch-tile:active{transform:scale(.94)}.number-touch-tile.is-wrong{background:var(--number-touch-error);color:var(--number-touch-card)}.number-touch-board.is-shuffling .number-touch-tile{z-index:1;animation:number-touch-shuffle-tile var(--number-touch-shuffle-ms) ease-in-out both;will-change:transform}.number-touch-shuffle{pointer-events:none;z-index:2;text-align:center;background:color-mix(in srgb, var(--number-touch-deep) 25%, transparent);color:var(--number-touch-card);border-radius:var(--radius-s);animation:number-touch-shuffle var(--number-touch-shuffle-ms) linear both;align-content:center;gap:6px;display:grid;position:absolute;inset:0}.number-touch-shuffle:before{content:"";border:2px solid var(--number-touch-accent);border-radius:var(--radius-m);animation:number-touch-shuffle-ring var(--number-touch-shuffle-ms) ease-out both;position:absolute;inset:10%}.number-touch-shuffle>:where(strong,span){border-radius:var(--radius-s);background:var(--number-touch-deep);width:fit-content;max-width:100%;margin-inline:auto;padding:6px 12px;position:relative}.number-touch-shuffle strong{font-size:clamp(1rem,4vw,1.5rem)}.number-touch-shuffle span{color:var(--number-touch-accent);font-weight:900}.number-touch-play .number-touch-actions{margin:0 0 var(--number-touch-space);justify-content:space-between;gap:var(--number-touch-gap);grid-template-columns:repeat(2,minmax(0,8.25rem));display:grid}.number-touch-play .number-touch-actions button{min-height:var(--number-touch-play-control-height);height:var(--number-touch-play-control-height);border-color:var(--number-touch-deep);justify-content:center;align-items:center;gap:8px;padding-block:8px;padding-inline:12px;font-size:.875rem;display:inline-flex}.number-touch-play .number-touch-actions svg{flex:none;width:22px;height:22px}.number-touch-play .number-touch-restart{background:var(--number-touch-accent);color:var(--number-touch-ink)}.number-touch-play .number-touch-finish{background:var(--number-touch-card);color:var(--number-touch-ink)}@media (hover:hover){.number-touch-play .number-touch-restart:not(:disabled):hover{background:var(--number-touch-ink);color:var(--number-touch-accent)}.number-touch-play .number-touch-finish:not(:disabled):hover{background:var(--number-touch-selected);color:var(--number-touch-deep)}.number-touch-tile:not(:disabled):hover{background:var(--number-touch-accent);color:var(--number-touch-deep)}.number-touch-tile.is-wrong:not(:disabled):hover{background:var(--number-touch-error);color:var(--number-touch-card)}}@media (max-width:820px){.number-touch-shell:not(.is-fullscreen) .number-touch-play .number-touch-actions{margin-top:48px}}@media (max-width:520px){.number-touch-board{--number-touch-gap:6px}.number-touch-tile{font-size:clamp(1.3rem,8vw,3rem)}.number-touch-shell:not(.is-fullscreen) .number-touch-play .number-touch-actions{justify-content:start;margin-top:0;padding-inline-end:52px}.number-touch-shell:not(.is-fullscreen) .number-touch-play .number-touch-actions button{gap:4px;padding-inline:6px}.number-touch-shell:not(.is-fullscreen) .number-touch-play .number-touch-actions svg{width:18px;height:18px}.number-touch-shell.is-fullscreen .number-touch-play .number-touch-actions{inset-inline-start:12px;inset-inline-end:calc(max(12px, env(safe-area-inset-right)) + 44px + 8px);top:max(12px, env(safe-area-inset-top));z-index:3;justify-content:start;margin:0;position:fixed}}@media (prefers-reduced-motion:reduce){.number-touch-board.is-shuffling .number-touch-tile{will-change:auto;animation:none}.number-touch-shuffle:before{display:none}.number-touch-tile{transition:none}.number-touch-tile:active{transform:none}}}}@keyframes number-touch-shuffle{0%{opacity:0}15%,85%{opacity:1}to{opacity:0}}@keyframes number-touch-shuffle-tile{0%,12%{transform:translate(calc((var(--from-column) - var(--column)) * (100% + var(--number-touch-gap))), calc((var(--from-row) - var(--row)) * (100% + var(--number-touch-gap))))}34%,74%{transform:translate(calc((2 - var(--column)) * (100% + var(--number-touch-gap))), calc((2 - var(--row)) * (100% + var(--number-touch-gap)))) rotate(calc(var(--spin) * 180deg)) scale(.5)}54%{transform:translate(calc((var(--scatter-column) - var(--column)) * (100% + var(--number-touch-gap))), calc((var(--scatter-row) - var(--row)) * (100% + var(--number-touch-gap)))) rotate(calc(var(--spin) * 300deg)) scale(.8)}94%,to{transform:translate(0, 0) rotate(calc(var(--spin) * 360deg))}}@keyframes number-touch-shuffle-ring{0%{opacity:0;transform:scale(.25)rotate(-45deg)}25%{opacity:.8}80%,to{opacity:0;transform:scale(1.5)rotate(180deg)}}
@layer games{@scope(.number-touch-page){.number-touch-progress{gap:1px;margin-bottom:8px;display:grid}.number-touch-progress-row{--number-touch-progress-color:#2855c7;--number-touch-progress-empty:#d9e2fa;min-width:0}.number-touch-progress-row.is-ghost{--number-touch-progress-color:#c35d0a;--number-touch-progress-empty:#f6dcc5}.number-touch-progress-bar{grid-template-columns:repeat(var(--number-touch-steps), minmax(0, 1fr));gap:1px;height:5px;display:grid}.number-touch-progress-bar>span{background:var(--number-touch-progress-empty)}.number-touch-progress-bar>.is-filled{background:var(--number-touch-progress-color)}}}
@layer games{@scope(.number-touch-page){.number-touch-ranking{min-width:0;scroll-margin-top:88px}.number-touch-ranking-own-summary{background:var(--number-touch-deep);border-radius:var(--radius-s);color:var(--number-touch-paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px;padding:20px;display:flex}.number-touch-ranking-own-title{overflow-wrap:anywhere;align-items:center;gap:12px;min-width:0;margin:0;font-size:1.0625rem;font-weight:700;display:flex}.number-touch-ranking-own-title img{border-radius:var(--radius-s);background:var(--number-touch-paper);flex:none;width:48px;height:48px}.number-touch-ranking-own{margin:0}.number-touch-ranking-own dt{color:var(--number-touch-on-deep-muted);font-size:.875rem;font-weight:600}.number-touch-ranking-own dd{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:8px 16px;min-height:3.2rem;margin:0;display:flex}.number-touch-ranking-own-position{font-size:1.875rem;font-weight:800}.number-touch-ranking-own-position small{margin-left:4px;font-size:.875rem}.number-touch-ranking-own-score{color:var(--number-touch-accent);font-size:2.25rem;font-weight:850}.number-touch-ranking-own-placeholder{font-size:.875rem;font-weight:600}.number-touch-ranking-limit{justify-content:flex-end;align-items:center;gap:10px;font-size:.875rem;font-weight:700;display:flex}.number-touch-ranking select{border:1px solid var(--number-touch-line);border-radius:var(--radius-s);background:var(--number-touch-paper);min-height:44px;color:var(--number-touch-ink);padding:8px 12px}.number-touch-ranking-empty{border:1px dashed var(--number-touch-line);border-radius:var(--radius-s);min-height:140px;color:var(--number-touch-muted);background:var(--number-touch-paper);text-align:center;place-content:center;margin:16px 0 0;padding:20px;font-size:.875rem;display:grid}.number-touch-ranking-list{align-content:start;gap:8px;min-height:140px;margin:16px 0 0;padding:0;list-style:none;display:grid}.number-touch-ranking-list li{border:1px solid var(--number-touch-line);border-radius:var(--radius-s);background:var(--number-touch-paper);grid-template-columns:48px 40px minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:12px;display:grid}.number-touch-ranking-list li.is-own{border-color:var(--number-touch-deep);background:var(--number-touch-selected)}.number-touch-ranking-rank{border-radius:var(--radius-s);min-height:36px;color:var(--number-touch-deep);background:var(--number-touch-card);text-align:center;place-content:center;padding:4px;font-size:.875rem;font-weight:800;display:grid}.number-touch-ranking-list .is-rank-1 .number-touch-ranking-rank{background:var(--number-touch-accent)}.number-touch-ranking-rank small{font-size:.75rem;display:block}.number-touch-ranking-list img{border-radius:var(--radius-s);width:40px;height:40px}.number-touch-ranking-name{overflow-wrap:anywhere;min-width:0;font-size:1rem;font-weight:700}.number-touch-ranking-score{color:var(--number-touch-deep);font-variant-numeric:tabular-nums;grid-area:1/4;align-self:end;font-size:1.5rem;font-weight:850}.number-touch-ranking-list :where(.number-touch-ranking-rank,img,.number-touch-ranking-name){grid-row:1/3}.number-touch-ranking-stats{text-align:end;flex-direction:column;grid-area:2/4;align-self:start;gap:2px;display:flex}.number-touch-ranking-misses{color:var(--number-touch-muted);white-space:nowrap;font-size:.875rem;font-weight:600}.number-touch-ranking-own-stats{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.number-touch-ranking-splits{font-variant-numeric:tabular-nums;flex-direction:column;gap:2px;font-size:.875rem;font-weight:700;display:flex}.number-touch-ranking-splits>span{white-space:nowrap}.number-touch-ranking-split-label{color:var(--number-touch-muted);font-size:.75rem;font-weight:600}.number-touch-ranking-own-stats .number-touch-ranking-split-label{color:var(--number-touch-on-deep-muted)}.number-touch-ranking-own-stats .number-touch-ranking-splits{flex-direction:row;gap:12px}.number-touch-ranking-own-misses{color:var(--number-touch-on-deep-muted);white-space:nowrap;font-size:.9375rem;font-weight:600}.number-touch-ranking-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.number-touch-ranking-actions button{justify-content:center;align-items:center;gap:6px;min-height:44px;font-size:.8125rem;display:inline-flex}.number-touch-ranking-actions button>svg{flex:none;width:22px;height:22px}.number-touch-ranking-actions>button:where(:not(.number-touch-ranking-delete)){background:var(--number-touch-deep);color:var(--number-touch-accent);border-color:var(--number-touch-deep)}.number-touch-ranking-delete{background:var(--ranking-danger-bg);color:var(--ranking-danger-text);border-color:var(--ranking-danger-border)}.number-touch-ranking .ranking-confirm-cancel{background:var(--number-touch-card);color:var(--number-touch-ink);border-color:var(--number-touch-line)}@media (hover:hover){.number-touch-ranking .ranking-confirm-cancel:not(:disabled):hover{background:var(--number-touch-selected);color:var(--number-touch-deep);border-color:var(--number-touch-deep)}.number-touch-ranking-actions>button:where(:not(.number-touch-ranking-delete)):not(:disabled):hover{background:var(--number-touch-ink);color:var(--number-touch-card)}.number-touch-ranking-delete:not(:disabled):hover{background:var(--ranking-danger-action-bg);color:var(--ranking-danger-action-text);border-color:var(--ranking-danger-action-border)}.number-touch-ranking .ranking-confirm-popover.is-danger .ranking-confirm-accept:hover{background:var(--ranking-danger-action-border)}}@media (min-width:821px){.number-touch-ranking-own-summary{flex-wrap:nowrap;padding:12px 16px}.number-touch-ranking-own>div{align-items:baseline;gap:16px;display:flex}.number-touch-ranking-own :where(dt,dd){white-space:nowrap;flex-wrap:nowrap;min-height:0}.number-touch-ranking-list li{grid-template-columns:48px 40px minmax(0,1fr) auto auto;padding-block:8px}.number-touch-ranking-list li>:where(span,img,b,strong){grid-row:1;align-self:center}.number-touch-ranking-stats{grid-column:5}.number-touch-ranking-stats,.number-touch-ranking-splits{flex-direction:row;align-items:baseline;gap:12px}}@media (max-width:520px){.number-touch-ranking-own-summary{gap:12px;padding:16px}.number-touch-ranking-own-title,.number-touch-ranking-own{width:100%}.number-touch-ranking-own dd{justify-content:space-between;gap:8px 12px}.number-touch-ranking-own-stats{flex-basis:100%;width:100%}.number-touch-ranking-list li{grid-template-columns:36px 28px minmax(0,1fr) auto;gap:8px;padding:10px 8px}.number-touch-ranking-list li>:where(.number-touch-ranking-rank,img,.number-touch-ranking-name,.number-touch-ranking-score){grid-row:1;align-self:center}.number-touch-ranking-stats{border-top:1px solid var(--number-touch-line);grid-area:2/1/auto/-1;padding-top:8px}.number-touch-ranking-stats,.number-touch-ranking-own-stats{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.number-touch-ranking-stats .number-touch-ranking-splits,.number-touch-ranking-own-stats .number-touch-ranking-splits{display:contents}.number-touch-ranking-splits>span,.number-touch-ranking-misses,.number-touch-ranking-own-misses{flex-wrap:wrap;place-content:center;align-items:baseline;gap:2px 4px;font-size:.875rem;font-weight:700;display:flex}.number-touch-ranking-list img{width:28px;height:28px}.number-touch-ranking-rank{font-size:.75rem}.number-touch-ranking-name{font-size:.9375rem}.number-touch-ranking-score{font-size:1.25rem}.number-touch-ranking-actions button{padding-inline:10px}}}}
@layer games{@scope(.number-touch-page){.number-touch-result{--number-touch-result-gap:16px;align-content:center;gap:var(--number-touch-result-gap);font-variant-numeric:tabular-nums;width:100%;margin-block:auto;padding-block:0;animation:.32s ease-out both number-touch-result-enter;display:grid}.number-touch-result :where(h2,h3,p,dl,dd){margin:0}.number-touch-result-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.number-touch-result-header h2{letter-spacing:.08em;font-size:1.7rem;font-weight:900;line-height:1.2}.number-touch-result-header .number-touch-eyebrow{letter-spacing:.04em;margin-bottom:4px;font-size:.75rem}.number-touch-result-badge{border:1px solid var(--number-touch-line);border-radius:var(--radius-s);text-align:center;padding:6px 12px;font-size:.8125rem;font-weight:800}.number-touch-result-badge.is-new{background:var(--number-touch-accent);border-color:var(--number-touch-accent)}.number-touch-result-overview{gap:var(--number-touch-result-gap);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.number-touch-result-score{background:var(--number-touch-deep);color:var(--number-touch-paper);border-radius:var(--radius-s);align-content:center;gap:12px;padding:24px;display:grid}.number-touch-result-score>p{font-size:.8rem;font-weight:700}.number-touch-final{color:var(--number-touch-accent);align-items:baseline;gap:6px;line-height:1.1;display:flex}.number-touch-final strong{font-size:clamp(1.6rem, calc(25rem / var(--number-touch-score-length)), 4.3rem);letter-spacing:-.02em;font-weight:900}.number-touch-final small{flex:none;font-size:1rem}.number-touch-result-formula{gap:28px;font-size:.8rem;display:flex}.number-touch-result-formula dt{color:var(--number-touch-on-deep-muted);font-size:.8125rem}.number-touch-result-formula dd{font-weight:700}.number-touch-result-formula>div+div{position:relative}.number-touch-result-formula>div+div:before{content:"+";position:absolute;bottom:0;left:-19px}.number-touch-result-comparison{border:1px solid var(--number-touch-line);border-radius:var(--radius-s);background:var(--number-touch-card);align-content:center;gap:6px;min-width:0;padding:20px;display:grid}.number-touch-result-comparison h3{color:var(--number-touch-muted);font-size:.8rem;font-weight:700}.number-touch-result-delta{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:clamp(1.6rem,3.5vw,2.6rem);font-weight:900;line-height:1.2}.number-touch-result-delta small{padding-left:4px;font-size:.9rem}.number-touch-result-comparison.is-faster{background:var(--number-touch-selected);border-color:var(--number-touch-deep)}.number-touch-result-comparison.is-slower .number-touch-result-delta{color:var(--number-touch-muted)}.number-touch-result-verdict{font-size:.8rem}.number-touch-result-baseline{margin-top:8px;font-size:.75rem}.number-touch-result-baseline>div{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.number-touch-result-baseline dt{color:var(--number-touch-muted)}.number-touch-result-baseline dd{font-weight:800}.number-touch-result-best-misses{text-align:end;color:var(--number-touch-muted);font-size:.75rem;font-weight:600;display:block}.number-touch-result-stats{gap:var(--number-touch-result-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.number-touch-result-stats>div{border:1px solid var(--number-touch-line);border-radius:var(--radius-s);background:var(--number-touch-card);padding:12px 16px}.number-touch-result-stats dt{color:var(--number-touch-muted);font-size:.75rem}.number-touch-result-stats dd{overflow-wrap:anywhere;font-size:1.6rem;font-weight:850;line-height:1.25}.number-touch-result-stats dd small{padding-left:4px;font-size:.75rem;font-weight:600}.number-touch-result-stat-note{color:var(--number-touch-muted);margin-top:4px;font-size:.75rem;font-weight:600;line-height:1.5;display:block}.number-touch-result-splits{gap:var(--number-touch-result-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.number-touch-result-splits>div{border:1px solid var(--number-touch-line);border-radius:var(--radius-s);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.number-touch-result-splits dt{color:var(--number-touch-muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.number-touch-result-splits dt span{color:var(--number-touch-deep);font-size:1.2rem;font-weight:900}.number-touch-result-splits dt svg{width:1.2em;height:1.2em;display:block}.number-touch-result-splits dd{font-size:.9rem;font-weight:800}.number-touch-result-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:4px;display:flex}.number-touch-result-online{border:1px solid var(--number-touch-line);border-radius:var(--radius-s);background:var(--number-touch-card);flex:350px;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;min-width:0;padding:14px;display:grid}.number-touch-result-online h3{grid-column:1/-1;align-items:center;gap:8px;font-size:.875rem;font-weight:800;display:flex}.number-touch-result-online h3 svg{box-sizing:content-box;border-radius:var(--radius-s);background:var(--number-touch-deep);width:20px;height:20px;color:var(--number-touch-accent);padding:6px}.number-touch-result-online:has(.is-success){background:var(--number-touch-selected);border-color:var(--number-touch-deep)}.number-touch-result-online:has(.is-error){border-color:var(--number-touch-error)}.number-touch-ranking-notice{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;font-size:.8125rem;font-weight:600;line-height:1.6;display:grid}.number-touch-ranking-notice>p{grid-column:1/-1}.number-touch-result-rank{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;display:grid}.number-touch-result-rank>span{grid-column:1;font-weight:700}.number-touch-result-rank strong{white-space:nowrap;color:var(--number-touch-deep);grid-area:1/2/3;font-size:2rem;font-weight:900}.number-touch-result-rank small{margin-left:4px;font-size:.875rem}.number-touch-result-rank-update{color:var(--number-touch-muted);grid-column:1;font-size:.75rem;font-weight:700}.number-touch-ranking-notice a{border:1px solid var(--number-touch-line);border-radius:var(--radius-s);background:var(--number-touch-card);min-height:40px;color:var(--number-touch-deep);text-underline-offset:3px;justify-content:center;align-items:center;padding:8px 10px;font-size:.75rem;font-weight:700;text-decoration:underline;display:inline-flex}.number-touch-result-online:has(.is-error) .number-touch-ranking-notice{grid-column:1}.number-touch-ranking-retry{justify-content:center;align-items:center;gap:6px;font-size:.75rem;display:inline-flex}.number-touch-ranking-retry svg{width:18px;height:18px}@media (hover:hover){.number-touch-ranking-notice a:hover{background:var(--number-touch-deep);color:var(--number-touch-accent);border-color:var(--number-touch-deep)}}.number-touch-result .number-touch-actions{flex-wrap:nowrap;gap:8px;margin:0 0 0 auto}.number-touch-result .number-touch-primary{gap:16px}.number-touch-result .number-touch-actions button{white-space:nowrap;min-height:52px;font-size:.85rem}@media (prefers-reduced-motion:reduce){.number-touch-result{animation:none}}@media (min-width:821px){.number-touch-result{--number-touch-result-gap:12px}.number-touch-result-score{gap:8px;padding:18px}.number-touch-final strong{font-size:clamp(1.6rem, calc(25rem / var(--number-touch-score-length)), 3.6rem)}.number-touch-result-comparison{padding:16px}.number-touch-result-stats>div{padding:10px 14px}.number-touch-result-footer{gap:12px}.number-touch-result-online{gap:6px 10px;padding:10px}.number-touch-result-online h3{font-size:.8125rem}.number-touch-result-online h3 svg{width:18px;height:18px;padding:5px}}@media (max-width:520px){.number-touch-result{--number-touch-result-gap:12px}.number-touch-result-header{align-items:flex-start}.number-touch-result-header h2{font-size:1.5rem}.number-touch-result-badge{max-width:150px;padding:6px 10px;font-size:.75rem}.number-touch-result-overview{grid-template-columns:1fr}.number-touch-result-score{padding:20px}.number-touch-result-comparison{padding:16px}.number-touch-result-stats{gap:6px}.number-touch-result-stats>div{padding:10px 8px}.number-touch-result-stats dd{font-size:1.3rem}.number-touch-result-stats dt{font-size:.75rem}.number-touch-result-splits{grid-template-columns:1fr;gap:6px}.number-touch-result-footer{gap:12px}.number-touch-result .number-touch-actions{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);width:100%;display:grid}.number-touch-result .number-touch-actions button{padding-inline:8px;font-size:.8rem}}}}@keyframes number-touch-result-enter{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}
@layer games{@scope(.number-touch-page){.number-touch-setup{--number-touch-setup-gap:24px;gap:var(--number-touch-setup-gap);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:stretch;width:100%;margin-block:auto;padding-block:0;display:grid}.number-touch-setup :where(fieldset,figure,dl,dd,p,h2){margin:0}.number-touch-setup fieldset{border:0;min-width:0;padding:0}.number-touch-setup legend{color:var(--number-touch-ink);margin-bottom:8px;padding:0;font-size:.9rem;font-weight:800}.number-touch-setup-brief{color:var(--number-touch-paper);background:radial-gradient(circle at 110% -10%, #fff2 0 25%, transparent 25.2%), radial-gradient(circle at 110% 110%, #fff1 0 30%, transparent 30.2%), var(--number-touch-deep);border-radius:var(--radius-s);align-content:space-between;gap:24px;min-width:0;padding:24px;display:grid}.number-touch-setup-brief header p{color:var(--number-touch-on-deep-muted);margin-bottom:6px;font-size:.75rem}.number-touch-setup-brief h2{color:var(--number-touch-accent);font-size:clamp(1.25rem,2.3vw,1.7rem);font-weight:900;line-height:1.3}.number-touch-preview{justify-self:center;width:min(100%,220px)}.number-touch-preview>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.number-touch-preview span{aspect-ratio:1;font-variant-numeric:tabular-nums;background:var(--number-touch-card);color:var(--number-touch-ink);border-radius:var(--radius-s);place-items:center;font-size:clamp(1.2rem,2.4vw,1.8rem);font-weight:850;display:grid}.number-touch-preview .is-focus{transform:rotate(-4deg)}.number-touch-preview figcaption{text-align:center;text-wrap:balance;color:var(--number-touch-on-deep-muted);margin-top:10px;font-size:.75rem}.number-touch-best{font-variant-numeric:tabular-nums}.number-touch-best dt{color:var(--number-touch-on-deep-muted);font-size:.75rem}.number-touch-best dd{overflow-wrap:anywhere;font-size:1.8rem;font-weight:850;line-height:1.3}.number-touch-setup-options{align-content:center;gap:12px;min-width:0;display:grid}.number-touch-best-misses{color:var(--number-touch-on-deep-muted);margin-top:4px;font-size:.75rem;font-weight:600;line-height:1.5;display:block}.number-touch-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.number-touch-modes button{text-align:start;background:var(--number-touch-mode-soft);border-color:color-mix(in srgb, var(--number-touch-mode-color) 35%, white);grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:76px;padding:8px 100px 8px 10px;display:grid;position:relative}.number-touch-modes button:has(.number-touch-mode-ranked){padding-inline-end:132px}.number-touch-mode-badges{align-items:center;gap:4px;display:flex;position:absolute;top:8px;right:8px}:where(.number-touch-mode-taps,.number-touch-mode-ranked){border-radius:var(--radius-s);white-space:nowrap;background:var(--number-touch-mode-color);min-height:20px;color:var(--number-touch-card);justify-content:center;align-items:center;padding:2px 6px;font-size:.75rem;font-weight:800;line-height:1.3;display:inline-flex}.number-touch-mode-ranked{border:1px solid var(--number-touch-deep);background:var(--number-touch-accent);color:var(--number-touch-deep)}.number-touch-mode-ranked svg{width:16px;height:16px}.number-touch-mode-heading{flex-direction:column;justify-content:space-between;align-items:center;gap:4px;display:flex}.number-touch-mode-icon{background:var(--number-touch-mode-color);width:32px;height:32px;color:var(--number-touch-card);border-radius:var(--radius-s);place-items:center;font-size:1.3rem;display:grid}.number-touch-mode-icon svg{width:24px;height:24px}.number-touch-mode-description strong{font-size:.9rem;line-height:1.4;display:block}.number-touch-mode-description small{color:var(--number-touch-muted);margin-top:4px;font-size:.8rem;font-weight:600;line-height:1.5;display:block}.number-touch-modes button[aria-pressed=true]{background:var(--number-touch-mode-soft);border-color:var(--number-touch-mode-color);box-shadow:inset 0 0 0 1px var(--number-touch-mode-color)}.number-touch-modes button[aria-pressed=true] .number-touch-mode-icon{background:var(--number-touch-mode-color);color:var(--number-touch-accent)}.number-touch-setup-options>.number-touch-primary{justify-content:space-between;width:100%;min-height:56px;margin-block-start:16px;padding-inline:20px}.number-touch-settings{--number-touch-disabled-ink:#98a6a8;--switch-on:var(--number-touch-accent);--switch-on-border:var(--number-touch-deep);--switch-on-thumb:var(--number-touch-deep);--switch-off:var(--number-touch-line);--switch-off-border:var(--number-touch-muted);--switch-thumb:var(--number-touch-card);--switch-focus:var(--number-touch-ink);--switch-hover:var(--number-touch-deep)}.number-touch-settings-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.number-touch-settings .number-touch-ghost-settings{margin-top:12px}.number-touch-ghost-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.number-touch-ghost-source{grid-column:span 2;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.number-touch-ghost-source button{border:1px solid var(--number-touch-line);border-radius:var(--radius-s);min-width:0;min-height:44px;color:var(--number-touch-deep);background:var(--number-touch-card);padding:6px 10px;font-size:.8125rem}.number-touch-ghost-source button[aria-pressed=true]{border-color:var(--number-touch-deep);background:var(--number-touch-deep);color:var(--number-touch-card)}.number-touch-settings .game-sound-setting{width:100%;min-width:0;max-width:100%;color:var(--number-touch-ink);border:1px solid var(--number-touch-line);border-radius:var(--radius-s);background:var(--number-touch-card);grid-template-rows:1fr auto;justify-items:center;gap:6px;min-height:44px;margin:0;padding:8px 10px;font-size:.875rem;display:grid}.number-touch-settings .game-sound-setting>span{justify-content:center;gap:4px;margin-inline-end:0}.number-touch-settings .game-sound-setting>span svg{color:var(--number-touch-deep)}.number-touch-settings .number-touch-ranking-unavailable>span,.number-touch-settings .number-touch-ranking-unavailable>span svg{color:var(--number-touch-disabled-ink)}.number-touch-settings .ranking-confirm-popover{--card:var(--number-touch-card);--line:var(--number-touch-line);--blue:var(--number-touch-deep);--blue-dark:var(--number-touch-ink)}.number-touch-settings .ranking-confirm-accept{color:var(--number-touch-accent)}@media (hover:hover){.number-touch-ghost-source button:enabled:hover{border-color:var(--number-touch-deep);background:var(--number-touch-selected)}.number-touch-ghost-source button[aria-pressed=true]:enabled:hover{background:var(--number-touch-ink);color:var(--number-touch-accent)}.number-touch-modes button:not(:disabled):hover{background:color-mix(in srgb, var(--number-touch-mode-soft) 75%, var(--number-touch-mode-color));border-color:var(--number-touch-mode-color)}}@media (min-width:821px){.number-touch-shell:not(.is-fullscreen)>.number-touch-setup{flex:1 0 auto;margin-block:0}:where(.number-touch-shell:not(.is-fullscreen)) .number-touch-setup-options{grid-template-rows:auto auto minmax(56px,1fr);align-content:stretch}:where(.number-touch-shell:not(.is-fullscreen)) .number-touch-setup-options>.number-touch-primary{align-self:end}.number-touch-settings .game-sound-setting{justify-content:space-between;gap:8px;padding:8px;display:flex}.number-touch-settings .game-sound-setting>span{white-space:nowrap}:where(.number-touch-shell:not(.is-fullscreen)) .number-touch-setup-options>fieldset{flex-direction:column;display:flex}:where(.number-touch-shell:not(.is-fullscreen)) .number-touch-modes{flex:1;grid-auto-rows:1fr}.number-touch-preview{width:min(100%,260px)}}@media (min-width:1101px){:where(.number-touch-shell:not(.is-fullscreen)) .number-touch-setup-options{gap:20px;padding-block-end:4px}}@media (max-width:820px){.number-touch-setup{--number-touch-setup-gap:16px}.number-touch-setup-brief{padding:18px}.number-touch-modes{gap:8px}}@media (max-width:1100px){.number-touch-setup{grid-template-columns:minmax(0,.45fr) minmax(0,1.55fr)}.number-touch-modes{grid-template-columns:1fr;gap:8px}.number-touch-modes button{min-height:46px;padding-block:6px}.number-touch-mode-description{flex-wrap:wrap;align-items:center;gap:2px 8px;display:flex}.number-touch-mode-description small{margin-top:0}.number-touch-settings .game-sound-setting{gap:8px;padding-inline:8px;font-size:.8125rem}}@media (min-width:821px) and (max-width:1100px){.number-touch-settings .game-sound-setting{gap:4px;padding-inline:6px}.number-touch-settings .setting-switch-control{--switch-width:44px}.number-touch-settings .number-touch-ghost-settings{margin-top:8px}.number-touch-modes{gap:6px}.number-touch-modes button{min-height:44px;padding-block:5px}}@media (max-width:520px){.number-touch-setup{grid-template-columns:1fr;padding-block:0}.number-touch-setup-brief{grid-template-columns:minmax(0,1fr) 100px;align-content:start;gap:16px;padding:16px}.number-touch-setup-brief header{grid-column:1}.number-touch-setup-brief h2{font-size:1.1rem}.number-touch-setup-brief header p{font-size:.75rem}.number-touch-preview{grid-area:1/2/3;align-self:center}.number-touch-preview>div{gap:4px}.number-touch-preview span{font-size:1rem}.number-touch-preview figcaption{margin-top:6px;font-size:.75rem}.number-touch-best{grid-column:1;align-self:end}.number-touch-best dt{font-size:.75rem}.number-touch-best dd{font-size:1.3rem}.number-touch-setup-options{gap:16px}.number-touch-mode-description{display:block}.number-touch-mode-description strong{font-size:.85rem}.number-touch-mode-description small{margin-top:4px;font-size:.75rem}.number-touch-settings .game-sound-setting{gap:6px;padding:8px 6px;font-size:.75rem}.number-touch-settings .game-sound-setting>span{flex-wrap:wrap;min-width:0;max-width:100%}.number-touch-ghost-controls{gap:8px}.number-touch-ghost-source button{padding-inline:6px}}}}
@layer games{@scope(.number-touch-page){.number-touch-credits{--game-rule-line:var(--number-touch-line);--game-rule-background:var(--number-touch-card);--game-rule-heading:var(--number-touch-deep);--game-rule-accent:var(--number-touch-deep);border-radius:var(--radius-s);margin-block:0}.number-touch-panel{--number-touch-panel-padding:clamp(16px, 3vw, 28px);padding:var(--number-touch-panel-padding);border:1px solid var(--number-touch-line);border-radius:var(--radius-s);background:var(--number-touch-card);min-width:0}.number-touch-panel-heading{align-items:center;gap:12px;display:flex}.number-touch-panel-heading h2{color:var(--number-touch-deep);margin:2px 0 0;font-size:clamp(1.1rem,2.4vw,1.35rem);font-weight:850;line-height:1.4}.number-touch-panel-heading .number-touch-eyebrow{letter-spacing:.1em;margin:0;font-size:.75rem}.number-touch-section-icon{box-sizing:content-box;border-radius:var(--radius-s);background:var(--number-touch-deep);width:24px;height:24px;color:var(--number-touch-accent);flex:none;padding:10px}.number-touch-panel-note{color:var(--number-touch-muted);margin:16px 0 20px;font-size:.875rem;line-height:1.7}.number-touch-content>.game-social-actions{background:var(--number-touch-card);border:1px solid var(--number-touch-line);border-radius:var(--radius-s);margin-block:0;padding:16px 20px}.game-social-actions .game-favorite-button{border-radius:var(--radius-s);min-height:44px;box-shadow:none;padding:8px 12px;transform:none}.game-social-actions .game-favorite-button:where(:not(.is-favorite)){border-color:var(--number-touch-deep);color:var(--number-touch-deep)}.game-social-actions .game-favorite-button.is-favorite{background:var(--number-touch-selected);border-color:var(--number-touch-deep);color:var(--number-touch-deep)}.game-social-actions .game-share{gap:8px}.game-social-actions .game-share>span{color:var(--number-touch-muted)}.game-social-actions .game-share-button{border-radius:var(--radius-s);width:44px;height:44px;box-shadow:none;transform:none}.related-games{margin-top:64px}.related-games .section-heading{margin-bottom:20px}.related-games .section-heading h2{color:var(--number-touch-deep);font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:800}@media (hover:hover){.number-touch-credits summary:hover{--game-rule-accent:var(--number-touch-error);color:var(--number-touch-error)}.game-social-actions .game-favorite-button:hover{background:var(--number-touch-selected);box-shadow:none;transform:translateY(-2px)}.game-social-actions .game-share-button:hover{transform:translateY(-2px)}}@media (max-width:520px){.number-touch-content>.game-social-actions{gap:12px;padding:12px}.game-social-actions .game-share{flex-wrap:wrap;justify-content:flex-start;margin-left:0}.game-social-actions .game-share>span{flex:none;margin-right:4px}.number-touch-section-icon{width:22px;height:22px;padding:8px}}}}
@layer games{@scope(.number-touch-page){.number-touch-records .number-touch-panel-heading>div{overflow-wrap:anywhere;min-width:0}.number-touch-best-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;margin:0;display:grid}.number-touch-best-grid>div{background:var(--number-touch-mode-soft);border:1px solid color-mix(in srgb, var(--number-touch-mode-color) 35%, white);border-radius:var(--radius-s);min-width:0;padding:16px}.number-touch-best-grid dt{color:var(--number-touch-muted);align-items:center;gap:8px;font-size:.8125rem;font-weight:700;display:flex}.number-touch-best-grid dt svg{width:22px;height:22px;color:var(--number-touch-mode-color);flex:none}.number-touch-best-grid dd{color:var(--number-touch-mode-color);font-variant-numeric:tabular-nums;margin:16px 0 0;font-size:clamp(1.4rem,2.8vw,2rem);font-weight:850;line-height:1.2}.number-touch-history-heading{align-items:center;gap:8px;margin:28px 0 12px;display:flex}.number-touch-record-misses{color:var(--number-touch-muted);white-space:nowrap;margin-top:4px;font-size:.75rem;font-weight:600;line-height:1.5;display:block}.number-touch-history-score{text-align:end}.number-touch-history-heading svg{width:22px;height:22px}.number-touch-history-heading h3{margin:0;font-size:1rem;font-weight:800}.number-touch-history{align-content:start;gap:8px;margin:0;padding:0;list-style:none;display:grid}.number-touch-history li{border:1px solid var(--number-touch-line);border-radius:var(--radius-s);background:var(--number-touch-paper);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:10px 14px;display:grid}.number-touch-history-icon{width:36px;height:36px;color:var(--number-touch-deep);background:var(--number-touch-card);border-radius:var(--radius-s);place-items:center;display:grid}.number-touch-history-icon svg{width:24px;height:24px}.number-touch-history-info{min-width:0;font-size:.875rem;font-weight:700}.number-touch-history time{color:var(--number-touch-muted);font-size:.75rem;font-weight:600;display:block}.number-touch-history strong{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--number-touch-deep);font-size:1.25rem;font-weight:850}.number-touch-history-empty{border:1px dashed var(--number-touch-line);border-radius:var(--radius-s);background:var(--number-touch-paper);color:var(--number-touch-muted);text-align:center;place-content:center;justify-items:center;gap:12px;padding:20px;display:grid}.number-touch-history-empty svg{width:32px;height:32px}.number-touch-history-empty p{margin:0;font-size:.875rem}@media (max-width:820px){.number-touch-best-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.number-touch-best-grid{gap:8px}.number-touch-best-grid>div{padding:12px}.number-touch-best-grid dt{flex-wrap:wrap;gap:6px;font-size:.75rem}.number-touch-best-grid dd{margin-top:12px;font-size:1.4rem}.number-touch-history li{grid-template-columns:28px minmax(0,1fr) auto;gap:8px;padding:10px}.number-touch-history-icon{width:28px;height:28px}.number-touch-history-icon svg{width:20px;height:20px}.number-touch-history-info{font-size:.75rem}.number-touch-history strong{font-size:1.05rem}}}}
@layer games{@scope(.number-touch-page){.number-touch-guide{padding:0}.number-touch-guide summary{padding:var(--number-touch-panel-padding);border-radius:var(--radius-s);cursor:pointer;list-style:none}.number-touch-guide summary::-webkit-details-marker{display:none}.number-touch-guide summary:focus-visible{outline:2px solid var(--number-touch-deep);outline-offset:-4px}.number-touch-guide-marker{width:24px;height:24px;color:var(--number-touch-deep);flex:none;margin-inline-start:auto;position:relative}.number-touch-guide-marker:before,.number-touch-guide-marker:after{content:"";background:currentColor;width:20px;height:3px;margin:auto;position:absolute;inset:0}.number-touch-guide-marker:before{transform:rotate(90deg)}.number-touch-guide[open] .number-touch-guide-marker:before{opacity:0}@media (hover:hover){.number-touch-guide summary:hover h2,.number-touch-guide summary:hover .number-touch-guide-marker{color:var(--number-touch-error)}}.number-touch-guide-steps{padding:0 var(--number-touch-panel-padding) var(--number-touch-panel-padding);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;list-style:none;display:grid}.number-touch-guide-steps li{border:1px solid var(--number-touch-line);border-radius:var(--radius-s);background:var(--number-touch-paper);align-items:flex-start;gap:12px;padding:18px;display:flex}.number-touch-guide-index{border-radius:var(--radius-s);background:var(--number-touch-accent);width:32px;height:32px;color:var(--number-touch-deep);flex:none;place-items:center;font-size:.875rem;font-weight:850;display:grid}.number-touch-guide-steps h3{color:var(--number-touch-deep);margin:2px 0 8px;font-size:.9375rem;font-weight:800}.number-touch-guide-steps p{color:var(--number-touch-muted);margin:0;font-size:.875rem;font-weight:600;line-height:1.8}.number-touch-guide-steps li:last-child:nth-child(odd){grid-column:1/-1}@media (max-width:520px){.number-touch-guide-steps{grid-template-columns:1fr;gap:8px}.number-touch-guide-steps li{gap:10px;padding:14px}}}}