:root{--color-ink-rgb:42 27 20;--color-surface-rgb:255 253 248;--color-accent-next-rgb:255 138 91;--color-accent-text-rgb:164 74 42;--color-danger-rgb:195 41 41;--color-hint-rgb:37 99 235;--color-ink:rgb(var(--color-ink-rgb));--color-ink-soft:#5f4636;--color-surface:rgb(var(--color-surface-rgb));--color-page:#fff7ec;--color-highlight:#fff0c7;--color-accent:#ffcf70;--color-accent-next:rgb(var(--color-accent-next-rgb));--color-accent-text:rgb(var(--color-accent-text-rgb));--color-success:#116c35;--color-danger:rgb(var(--color-danger-rgb));--color-focus:#2026d2;--color-hint:rgb(var(--color-hint-rgb));--color-hint-strong:#1d4ed8;--text-small:14px;--text-caption:12px;color:var(--color-ink);background:var(--color-page);--ring-band:rgb(var(--color-surface-rgb) / 85%);--exclude-hatch-ink:rgb(var(--color-danger-rgb) / 30%);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.cell{--exclude-hatch:repeating-linear-gradient(135deg, transparent 0 5px, var(--exclude-hatch-ink) 5px 8px)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;line-height:1.6}button,select,input{font:inherit}.app-shell{width:min(100%,560px);margin:0 auto;padding:10px 12px 28px}.hero{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:6px;min-height:44px;margin-bottom:8px;display:flex}.ui-icon{flex-shrink:0;width:20px;height:20px}.ui-icon :-webkit-any(path,circle,rect,line,polyline,polygon,ellipse){vector-effect:non-scaling-stroke}.ui-icon :-moz-any(path,circle,rect,line,polyline,polygon,ellipse){vector-effect:non-scaling-stroke}.ui-icon :is(path,circle,rect,line,polyline,polygon,ellipse){vector-effect:non-scaling-stroke}.icon-button,.actions .icon-button{flex-shrink:0;place-items:center;width:44px;min-height:44px;padding:8px;display:inline-grid}.icon-button .ui-icon{width:24px;height:24px}.menu-trigger{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;margin-left:auto}@media (hover:hover){.menu-trigger:hover{background:#ffe5cf}}button:not(.cell):focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}select:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}[role=button]:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.weekly-metric-switch input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:-3px}.settings-toggle:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:-3px}p:-webkit-any([role=status],[aria-live]):empty{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}p:-moz-any([role=status],[aria-live]):empty{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}p:is([role=status],[aria-live]):empty{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}@supports selector(:has(*)){.settings-toggle input:focus-visible{outline:none}}button:not(.cell):disabled,button[aria-disabled=true]{opacity:.5;cursor:default}button:not(.cell):not(:disabled):active,[role=button]:active,.settings-toggle:active{transform:scale(.95)}@media (prefers-reduced-motion:no-preference){button:not(.cell),[role=button],.settings-toggle{transition:transform .1s ease-out}}.dialog-card.history-dialog,.dialog-card.tools-dialog,.dialog-card.ranking-dialog{flex-direction:column;display:flex;overflow:hidden}.history-dialog>.dialog-header,.tools-dialog>.dialog-header{flex-shrink:0;margin-bottom:8px}.ranking-dialog>.ranking-header,.ranking-dialog>.weekly-ranking-filters{flex-shrink:0}.history-dialog-body,.tools-dialog-body,.ranking-dialog-body{overscroll-behavior:contain;min-height:0;padding-right:4px;overflow-y:auto}.history-source{color:var(--color-ink-soft);font-size:var(--text-caption)}.tools-dialog-body>.auto-exclusions-settings,.tools-dialog-body>.haptics-settings,.tools-dialog-body>.sound-settings{margin-block-start:12px;margin-block-end:12px}.history-tabs{flex-wrap:wrap;gap:4px;margin-block-start:16px;margin-block-end:16px;display:flex}.history-tabs button{white-space:nowrap;border:2px solid var(--color-ink);background:var(--color-page);min-height:44px;color:inherit;border-radius:10px;flex:1 0 auto;padding-inline-start:6px;padding-inline-end:6px}.history-tabs button[aria-selected=true]{background:var(--color-accent);font-weight:800}.history-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.history-summary-grid dt{font-size:var(--text-caption);white-space:nowrap}.history-summary-grid dd{margin:4px 0 0;font-size:max(16px,min(4vw,20px));font-weight:800}.history-chart{margin:20px 0}.history-chart figcaption{font-size:var(--text-caption)}.history-chart svg{width:100%;color:var(--color-accent-text)}.history-chart-axis{fill:none;stroke:var(--color-ink-soft)}.history-chart-line{fill:none;stroke:currentColor;stroke-width:2px}.history-chart circle{fill:currentColor}.history-chart text{fill:var(--color-ink);font-variant-numeric:tabular-nums;font-size:13px}.history-recent summary{cursor:pointer;font-weight:800}.history-recent ul{padding:0;list-style:none}.history-recent li{font-size:var(--text-caption);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;margin-block-start:12px;margin-block-end:12px;display:grid}.history-record-result{font-size:var(--text-small);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 10px;display:flex}.history-record-result strong{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.history-record-result .ui-icon{width:16px;height:16px}.history-record-meta{color:var(--color-ink-soft);grid-area:2/1/auto/-1;margin:0}.weekly-ranking-filters{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.weekly-difficulty-label{align-items:center;gap:6px;display:inline-flex}.weekly-metric-switch{border:2px solid var(--color-ink);background:var(--color-surface);border-radius:999px;min-width:0;margin:0;padding:3px;font-size:14px;display:inline-flex}.weekly-metric-switch label{cursor:pointer;position:relative}.weekly-metric-switch span{white-space:nowrap;border-radius:999px;place-items:center;min-height:44px;padding:6px 10px;display:inline-grid}.weekly-metric-switch input:checked+span{background:var(--color-accent);font-weight:800}.weekly-ranking-filters select{border:2px solid var(--color-ink);background:var(--color-surface);min-height:44px;color:inherit;border-radius:8px;padding:6px 10px}.dialog-actions.history-record-actions{flex-wrap:nowrap;grid-area:1/2;justify-content:flex-end;align-items:center;gap:8px;display:flex}.history-record-actions .icon-button{width:36px;height:36px;min-height:36px;padding:6px}.history-record-actions .icon-button .ui-icon{width:20px;height:20px}.dialog-header.menu-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.menu-header .tako-title{margin:0}.menu-header .account-controls{grid-column:1/-1;justify-self:start;min-width:0}.screen-menu{gap:12px;margin-top:20px;display:grid}.screen-menu button{border:2px solid var(--color-ink);background:var(--color-surface);color:inherit;text-align:left;border-radius:12px;padding:12px 16px}.auto-exclusions-settings p,.haptics-settings p,.sound-settings p{line-height:1.6}.sound-previews{flex-wrap:wrap;gap:8px;display:flex}.account-controls{justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.account-controls button{border:2px solid var(--color-ink);background:var(--color-surface);min-height:44px;color:inherit;font:inherit;font-size:var(--text-small);border-radius:999px;padding:6px 14px;font-weight:800}.game-name{overflow-wrap:anywhere}.dialog-card.interactive-tutorial-card{width:min(100%,560px);max-height:min(94dvh,900px)}.tutorial-progress{margin:0;font-weight:800}.tutorial-a11y-note{font-size:var(--text-small)}.interactive-tutorial-board-wrap{width:min(100%,430px);margin:12px auto}.interactive-tutorial-board .cell.tutorial-target{z-index:1}.interactive-tutorial-board .cell.tutorial-target:not(.tutorial-place-target){box-shadow:inset 0 0 0 4px var(--color-danger), inset 0 0 0 6px var(--ring-band);background-image:var(--exclude-hatch)}.interactive-tutorial-board .cell.tutorial-place-target{box-shadow:inset 0 0 0 4px var(--color-hint), inset 0 0 0 6px var(--ring-band);animation:1.2s ease-in-out infinite tutorial-place-pulse}.interactive-tutorial-board .cell.tutorial-place-target.is-holding:before{background:var(--color-hint)}.interactive-tutorial-board .cell.tutorial-place-target.is-holding:after,.interactive-tutorial-board .cell.tutorial-place-target.is-pressed:after{border-color:var(--color-hint-strong)}.name-emoji{font-variant-emoji:emoji;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.account-card input:not([type=checkbox]){border:2px solid var(--color-ink);width:100%;min-height:44px;color:var(--color-ink);font-variant-emoji:emoji;background:#fff;border-radius:12px;padding:8px 10px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px}.account-card input[aria-invalid=true]{border-color:var(--color-danger)}.dialog-card.account-card{max-height:min(92dvh,720px)}.account-setup{gap:8px;display:grid}.dialog-card .account-setup h3{margin:0}.account-setup>label:first-of-type{font-weight:800}.account-setup p{margin:0}.account-note{color:var(--color-ink-soft);font-size:var(--text-caption);line-height:1.5}.account-problem{color:var(--color-danger);font-size:var(--text-caption);font-weight:700}.account-consent{align-items:center;gap:8px;min-height:44px;font-weight:700;display:flex}.account-consent input{width:20px;height:20px;accent-color:var(--color-accent-next)}.account-setup button[type=submit]{justify-self:start}.account-sync{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.account-note a,.settings-note a{color:inherit}.settings-note{color:var(--color-ink-soft);font-size:var(--text-caption);margin:16px 0 0;line-height:1.5}.account-transfer{border-top:1px solid #d7c4ae;gap:8px;margin-top:20px;padding-top:16px;display:grid}.dialog-card .account-transfer h3,.account-transfer p{margin:0}.account-transfer>button,.account-redeem button{justify-self:start}.account-code strong{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px}.account-redeem{gap:8px;display:grid}.account-redeem label{font-weight:700}.actions{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0;display:flex}.actions button,.settings-toggle{border:2px solid var(--color-ink);background:var(--color-surface);border-radius:999px;padding:6px 10px;font-size:14px;font-weight:800}.status-bar{white-space:nowrap;font-variant-numeric:tabular-nums;flex:1;justify-content:center;align-items:center;gap:10px;min-width:0;font-size:14px;font-weight:700;display:flex}.status-bar>span{align-items:center;gap:3px;display:inline-flex}.clear{color:var(--color-success)}.time-status{align-items:center;gap:6px;display:inline-flex}.pause-button{min-width:32px;min-height:32px;color:var(--color-ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:8px;display:grid}.pause-button svg{fill:currentColor;width:16px;height:16px}.play-area{gap:8px;display:grid}.board-wrap{background:var(--color-ink);touch-action:manipulation;border-radius:22px;padding:4px}.board{border:4px solid var(--color-ink);aspect-ratio:1;touch-action:none;border-radius:18px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.play-footer{gap:8px;margin-top:12px;display:grid}.play-footer>.actions{margin:0}.play-options{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;display:grid}.play-options>.difficulty-select{grid-area:1/1;justify-self:start}.play-options>.super-entry{display:contents}.play-options .super-progress{grid-area:1/2}.play-options .super-challenge-button{grid-area:1/3}.play-options>.daily-entry{display:contents}.play-options .daily-challenge-button{grid-area:1/4}.play-footer-message{text-align:center;grid-column:1/-1;margin:0}.play-options :-webkit-any(.super-entry,.daily-entry)>p[role=status]{text-align:center;grid-column:1/-1;margin:0}.play-options :-moz-any(.super-entry,.daily-entry)>p[role=status]{text-align:center;grid-column:1/-1;margin:0}.play-options :is(.super-entry,.daily-entry)>p[role=status]{text-align:center;grid-column:1/-1;margin:0}.daily-entry,.super-entry{text-align:right;margin:0}.daily-challenge-button,.super-challenge-button{border:2px solid var(--color-ink);background:var(--color-highlight);color:var(--color-ink);cursor:pointer;border-radius:999px}.super-challenge-button{color:#48255f;background:#eadcff}.super-progress{font-size:var(--text-small);white-space:nowrap;margin:0;font-weight:700}.super-entry{align-items:center;gap:6px;display:flex}.super-challenge-button.has-right{box-shadow:0 0 0 3px var(--color-surface), 0 0 0 5px #48255f;background:#c9a7f5}.dialog-backdrop.daily-panel-backdrop{z-index:30}.dialog-card.daily-panel{text-align:left}.daily-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.daily-panel-header h2{margin:0}.dialog-backdrop.daily-ranking-backdrop,.dialog-backdrop.ranking-backdrop{z-index:30}.dialog-card.ranking-dialog{width:min(100%,560px);max-height:min(80dvh,700px)}.ranking-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.ranking-header h2{overflow-wrap:anywhere;min-width:0;margin:0 0 8px}.tako-title{align-items:center;gap:8px;display:flex}.tako-title>img{pointer-events:none;flex:none;width:1.4em;height:1.4em;display:block}.ranking-note{color:var(--color-ink-soft);font-size:var(--text-small);margin:8px 0 12px;line-height:1.5}.ranking-guide{color:var(--color-ink-soft);font-size:var(--text-small);margin-top:12px;line-height:1.5}.ranking-guide summary{cursor:pointer;padding-block-start:12px;padding-block-end:12px;font-weight:800}.ranking-entries,.public-ranking-entries{font-variant-numeric:tabular-nums;margin:0;padding:0;list-style:none}.ranking-entries li,.public-ranking-entries li{border-top:1px solid #d7c4ae;padding:10px 8px}.ranking-score-main{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.ranking-score-main .game-name{overflow-wrap:anywhere;min-width:0}.ranking-place{min-width:2.5em;color:var(--color-accent-text)}.ranking-name{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;display:flex}.ranking-you{background:var(--color-accent-text);color:#fff;white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:.75em}.ranking-time{white-space:nowrap;text-align:right}.ranking-score-meta{color:var(--color-ink-soft);font-size:var(--text-small);flex-wrap:wrap;gap:2px 12px;padding-left:calc(2.5em + 8px);display:flex}.ranking-entries li.daily-self,.public-ranking-entries li.ranking-self{border:2px solid var(--color-accent-text);background:var(--color-highlight);border-radius:12px}.ranking-entries li.daily-self+li,.public-ranking-entries li.ranking-self+li{border-top-color:#0000}.cell{border-style:solid;border-color:rgb(var(--color-ink-rgb) / 82%);min-width:0;min-height:0;color:var(--color-ink);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;place-items:center;padding:0;display:grid;position:relative}.cell:focus-visible{z-index:2;outline:6px double var(--focus-color,var(--color-focus));outline-offset:-6px}.cell:after{border:0 solid var(--color-ink);content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.mark,.fixed-error{aspect-ratio:1;place-items:center;width:max(20px,min(8vw,38px));display:grid}.cell-mark-glyph{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;width:100%;height:100%;overflow:visible}.fixed-error{color:var(--color-danger)}.fixed-error .cell-mark-edge{stroke:rgb(var(--color-ink-rgb) / 75%);stroke-width:9.2px}.fixed-error .cell-mark-halo{stroke:var(--color-surface);stroke-width:7.2px}.tako{aspect-ratio:1;object-fit:contain;pointer-events:none;width:min(92%,48px);height:auto;filter:drop-shadow(0 0 1px var(--tako-halo,transparent)) drop-shadow(0 0 1px var(--tako-halo,transparent)) drop-shadow(0 2px 0 rgb(var(--color-ink-rgb) / 30%));display:block}.cell.is-feedback-excluded-add .mark{animation:.12s ease-out mark-fade}.cell.is-feedback-excluded-remove{animation:.15s ease-out mark-release}.cell.is-feedback-shortcut-exclude .mark{animation:shortcut-pop .28s var(--feedback-delay) cubic-bezier(.2, .9, .2, 1) both}.cell.is-feedback-piece-place .tako{animation:.36s cubic-bezier(.2,1.35,.35,1) both tako-place}.cell.is-holding,.cell.is-pressed,.cell.is-feedback-piece-place{z-index:3}.cell.is-feedback-piece-place:after{border:3px solid var(--color-accent-text);box-shadow:0 0 0 2px var(--ring-band);border-radius:8px;animation:.18s ease-out both piece-confirm}.cell.is-feedback-fixed-error .fixed-error{animation:.36s ease-out both fixed-error-pop}.cell.is-feedback-fixed-error{animation:.36s ease-out both fixed-error-cell}.cell.is-holding:after{border:2px solid rgb(var(--color-accent-text-rgb) / 65%)}.cell.is-holding:before{border:2px solid var(--color-accent-text);box-shadow:0 0 0 2px var(--ring-band);content:"";pointer-events:none;transform-origin:50%;animation:long-press-progress var(--long-press-duration) linear both;border-radius:8px;position:absolute;top:0;bottom:0;left:0;right:0}.is-pressed{transform:scale(.98)}.cell.is-pressed:after{border:4px solid var(--color-accent-text);box-shadow:0 0 0 2px var(--ring-band);border-radius:8px}.is-hint-focus{box-shadow:inset 0 0 0 5px var(--color-hint), inset 0 0 0 7px var(--ring-band)}.is-hint-exclude{box-shadow:inset 0 0 0 5px var(--color-danger), inset 0 0 0 7px var(--ring-band);background-image:var(--exclude-hatch)}.actions button{background:var(--color-accent);color:var(--color-ink);font-weight:800}.difficulty-select{font-size:14px;display:inline-grid;position:relative}.difficulty-select>.ui-icon{pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.settings-toggle{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.settings-toggle input{width:1em;height:1em;accent-color:var(--color-accent-next)}.difficulty-select select{border:2px solid var(--color-ink);background:var(--color-surface);min-height:44px;color:var(--color-ink);cursor:pointer;border-radius:999px;padding:6px 10px 6px 38px;font-size:16px;font-weight:800}.seed-panel-body{border-top:2px solid rgb(var(--color-ink-rgb) / 18%);gap:10px;padding:12px 14px 14px;display:grid}.seed-panel-body code{overflow-wrap:anywhere;background:var(--color-page);font-size:var(--text-small);border-radius:12px;margin-top:4px;padding:8px;display:block}.seed-panel-body button{border:2px solid var(--color-ink);background:var(--color-accent);color:var(--color-ink);border-radius:999px;justify-self:start;padding:7px 12px;font-weight:800}.seed-panel-body label{gap:6px;font-weight:800;display:grid}.seed-panel-body input{border:2px solid var(--color-ink);width:100%;color:var(--color-ink);background:#fff;border-radius:12px;padding:9px 10px}.seed-label{font-weight:800}.seed-inline-row{align-items:center;gap:8px;min-width:0;display:flex}.seed-inline-row code{flex:1;min-width:0;margin-top:0}.seed-inline-row input{flex:1;min-width:0}.seed-inline-row .icon-button{padding:8px}.seed-panel-body button:not(.icon-button){align-items:center;gap:6px;display:inline-flex}.seed-panel-body button.share-link-button{justify-content:center;width:-moz-fit-content;width:fit-content;max-width:100%;margin:14px auto 0;display:flex}.seed-message{color:var(--color-ink-soft);font-size:var(--text-small);margin:0}.dialog-backdrop{z-index:10;background:rgb(var(--color-ink-rgb) / 28%);place-items:center;padding:18px 12px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.dialog-backdrop.hint-backdrop{place-items:end center}.ready-overlay{z-index:20;background:rgb(var(--color-ink-rgb) / 88%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.ready-card{border:3px solid var(--color-ink);background:var(--color-surface);border-radius:24px;justify-items:center;gap:22px;width:min(100%,300px);padding:30px 20px;display:grid}.ready-card h2{letter-spacing:.04em;margin:0;font-size:max(32px,min(9vw,48px))}.ready-card button{border:2px solid var(--color-ink);background:var(--color-surface);min-width:112px;color:var(--color-ink);border-radius:999px;padding:10px 24px;font-weight:900}.ready-actions{gap:22px;display:grid}.ready-actions>button{width:100%}.ready-card button.ready-primary{background:var(--color-accent-next)}.dialog-card{overscroll-behavior:contain;border:3px solid var(--color-ink);background:var(--color-surface);border-radius:20px;width:min(100%,520px);max-height:min(72vh,560px);padding:16px;overflow:auto}.dialog-card,.dialog-card *{scrollbar-width:thin;scrollbar-color:#b99c80 transparent}.dialog-card::-webkit-scrollbar{width:6px;height:6px}.dialog-card ::-webkit-scrollbar{width:6px;height:6px}.dialog-card::-webkit-scrollbar-thumb{background:#b99c80;border-radius:999px}.dialog-card ::-webkit-scrollbar-thumb{background:#b99c80;border-radius:999px}.dialog-card::-webkit-scrollbar-track{background:0 0}.dialog-card ::-webkit-scrollbar-track{background:0 0}.dialog-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.dialog-header h2,.clear-card h2{margin:0 0 8px}.dialog-card h2:not(.clear-badge){font-size:1.25rem;line-height:1.3}.dialog-card h3{margin:16px 0 8px;font-size:1.05rem;line-height:1.3}.dialog-close,.dialog-actions button,.haptics-settings button,.sound-previews button,.account-card button:not(.dialog-close),.retry-button,.retry-status button{border:2px solid var(--color-ink);background:var(--color-accent);color:var(--color-ink);border-radius:999px;padding:7px 12px;font-weight:800}.retry-status{align-items:center;gap:8px;display:flex}.retry-status span{min-width:0}.retry-status button{flex-shrink:0}.dialog-close{flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;font-size:28px;line-height:1;display:inline-grid}.dialog-close>span{width:24px;height:24px;font-size:0;position:relative}.dialog-close>span:before,.dialog-close>span:after{content:"";background:currentColor;border-radius:999px;width:22px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.dialog-close>span:after{transform:translate(-50%,-50%)rotate(-45deg)}.clear-confetti{z-index:2;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.clear-confetti span{background:var(--color-accent-next);width:12px;height:18px;animation:confetti-burst 1.6s var(--delay) ease-out both;border-radius:2px;position:absolute;top:28%;left:50%}.clear-confetti span:nth-child(4n){background:var(--color-accent)}.clear-confetti span:nth-child(4n+1){background:#6dc8bd}.clear-confetti span:nth-child(4n+2){background:#c6a0df}.clear-card{z-index:1;text-align:center;animation:.36s ease-out both clear-card-appear;position:relative}.clear-dialog-header{grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;display:grid}.clear-dialog-header .clear-badge{grid-column:2;justify-self:center;margin:0}.clear-badge{border:2px solid var(--color-success);color:var(--color-success);letter-spacing:.08em;border-radius:999px;margin:0 0 8px;padding:4px 12px;font-weight:900;display:inline-block}.result-list{text-align:left;justify-content:center;align-items:center;gap:6px;margin:16px 0;display:flex}.result-list div{white-space:nowrap;align-items:center;gap:3px;font-size:max(17px,min(4.8vw,24px));display:flex}.result-list dt{display:flex}.result-list .ui-icon{width:1em;height:1em}.result-list .result-primary{font-weight:900}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.result-list dd{overflow-wrap:anywhere;margin:0}.dialog-actions.clear-actions{align-items:center;gap:8px}.clear-actions>.difficulty-select{margin-right:8px}.clear-actions .icon-button{padding:8px}.actions .next-puzzle-button,.clear-actions .next-puzzle-button{background:var(--color-accent-next)}.clear-ranking-preview{text-align:left;cursor:pointer;border-radius:12px;min-height:72px;margin:16px 0}.inline-copy{border:2px solid var(--color-ink);background:var(--color-accent);color:var(--color-ink);border-radius:999px;flex:none;padding:4px 10px;font-size:13px;font-weight:800}.dialog-message{color:var(--color-ink-soft);font-size:var(--text-small);margin:0 0 12px}.dialog-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.dialog-card :-webkit-any(h2,summary,button,label){word-break:auto-phrase;text-wrap:balance}.dialog-card :-moz-any(h2,summary,button,label){word-break:auto-phrase;text-wrap:balance}.dialog-card :is(h2,summary,button,label){word-break:auto-phrase;text-wrap:balance}.dialog-card :-webkit-any(p,li){text-wrap:pretty}.dialog-card :-moz-any(p,li){text-wrap:pretty}.dialog-card :is(p,li){text-wrap:pretty}.dialog-card.hint-card{max-height:min(72vh, 560px, var(--hint-room,100vh))}.dialog-backdrop.confirm-backdrop{z-index:40}.confirm-card p{margin:0 0 16px;line-height:1.6}.confirm-actions button{min-height:44px;padding-inline-start:18px;padding-inline-end:18px}.confirm-actions button:not(.confirm-accept),.dialog-actions button.secondary-button{background:var(--color-surface)}@keyframes long-press-progress{0%{opacity:.7;transform:scale(2.4)}to{opacity:1;transform:scale(1)}}@keyframes piece-confirm{0%{opacity:1}to{opacity:0}}@keyframes confetti-burst{0%{opacity:0;transform:translate(0)scale(.4)rotate(0)}35%{opacity:1;transform:translate(var(--offset-x), -55px) scale(1) rotate(var(--rotation))}to{opacity:0;transform:translate(var(--offset-x), 220px) scale(.9) rotate(var(--rotation))}}@keyframes clear-card-appear{0%{opacity:.3;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes mark-fade{0%{opacity:0}}@keyframes mark-release{0%{box-shadow:inset 0 0 0 5px rgb(var(--color-accent-next-rgb) / 55%)}to{box-shadow:inset 0 0 #0000}}@keyframes shortcut-pop{0%{opacity:.2;transform:scale(.55)}55%{transform:scale(1.14)}to{opacity:1;transform:scale(1)}}@keyframes tako-place{0%{opacity:.1;transform:translateY(8%)scale(.65)}58%{transform:translateY(-5%)scale(1.18)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fixed-error-pop{0%{opacity:.2;transform:scale(.55)rotate(-12deg)}45%{transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes fixed-error-cell{0%,to{filter:none}35%{filter:saturate(1.35)brightness(1.05)}}@keyframes tutorial-place-pulse{0%,to{box-shadow:inset 0 0 0 4px var(--color-hint), inset 0 0 0 6px var(--ring-band)}50%{box-shadow:inset 0 0 0 6px var(--color-hint-strong), inset 0 0 0 8px var(--ring-band), inset 0 0 20px 8px rgb(var(--color-hint-rgb) / 50%)}}@media (prefers-reduced-motion:reduce){.interactive-tutorial-board .cell.tutorial-place-target{animation:none}.cell.is-holding:before{display:none}.cell.is-feedback-piece-place:after{animation-duration:.18s!important}.cell,.cell *,.cell:after{animation-duration:1ms!important;animation-delay:0s!important}.clear-confetti{display:none}.clear-card{animation:none}}@media (max-height:740px){.actions{margin:8px 0}}@media (max-width:380px){.clear-backdrop,.clear-card{padding-inline-start:10px;padding-inline-end:10px}.app-shell{padding-inline-start:8px;padding-inline-end:8px}.actions button,.difficulty-select,.settings-toggle{padding:5px 8px;font-size:13px}.status-bar{gap:4px;font-size:12px}.status-bar .ui-icon{width:16px;height:16px}.status-bar .time-status,.history-tabs{gap:2px}.history-tabs button{flex:auto;padding-inline-start:4px;padding-inline-end:4px;font-size:15px}.dialog-actions.clear-actions{gap:6px}.clear-actions>.difficulty-select{margin-right:0}.result-list{flex-wrap:wrap;gap:2px 4px}}