:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f6f3ec;--surface:#fffdf8;--ink:#23211d;--muted:#5f5a52;--line:#d3ccbf;--line-strong:#3d3a34;--pen:#2b5b88;--pen-soft:#dfe7ef;--marker:#f3dc8f;--peer:#ebe5d8;--raised:#fffdf8;--diag:#efe8d6;--cage-line:#8a8377;--same:#d3e0ec;--bad:#b3261e;--bad-soft:#f6dcd8;--radius:14px;--radius-control:10px;--glass:#fffdf899;--glass-solid:#fffdf8db;--glass-edge:#fffc;--glass-shine:#ffffff8c;--glass-shadow:0 12px 32px #46381e1f, 0 1px 3px #46381e14;--wash-1:#3f8f5829;--wash-2:#3a6ea826;--wash-3:#c05a2414}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1c1b19;--surface:#262421;--ink:#ece8e0;--muted:#a8a196;--line:#45413a;--line-strong:#8f887c;--pen:#92bbe2;--pen-soft:#2a3542;--marker:#54461b;--peer:#35322c;--raised:#4a463f;--diag:#302d28;--cage-line:#8f887c;--same:#2f4560;--bad:#ff8b7d;--bad-soft:#4a2622;--glass:#2c292594;--glass-solid:#282622e0;--glass-edge:#ffffff1f;--glass-shine:#ffffff14;--glass-shadow:0 12px 32px #0006, 0 1px 3px #0000004d;--wash-1:#82c99a1a;--wash-2:#8db5e61a;--wash-3:#ef9a680f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1c1b19;--surface:#262421;--ink:#ece8e0;--muted:#a8a196;--line:#45413a;--line-strong:#8f887c;--pen:#92bbe2;--pen-soft:#2a3542;--marker:#54461b;--peer:#35322c;--raised:#4a463f;--diag:#302d28;--cage-line:#8f887c;--same:#2f4560;--bad:#ff8b7d;--bad-soft:#4a2622;--glass:#2c292594;--glass-solid:#282622e0;--glass-edge:#ffffff1f;--glass-shine:#ffffff14;--glass-shadow:0 12px 32px #0006, 0 1px 3px #0000004d;--wash-1:#82c99a1a;--wash-2:#8db5e61a;--wash-3:#ef9a680f}}:root[data-ink=green]{--pen:#2f6a4c;--pen-soft:#dce9e0;--same:#d0e4d6}:root[data-ink=brown]{--pen:#8a4a1f;--pen-soft:#f1e3d6;--same:#ecd8c6}:root[data-theme=dark][data-ink=green]{--pen:#8fcaa8;--pen-soft:#25362d;--same:#2b4a38}:root[data-theme=dark][data-ink=brown]{--pen:#e2a77b;--pen-soft:#3b2b20;--same:#553a28}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-ink=green]{--pen:#8fcaa8;--pen-soft:#25362d;--same:#2b4a38}:root:not([data-theme=light])[data-ink=brown]{--pen:#e2a77b;--pen-soft:#3b2b20;--same:#553a28}}[data-level=easy]{--lv:#3f8f58;--lv-soft:#e0efe3}[data-level=normal]{--lv:#278580;--lv-soft:#dbeeec}[data-level=medium]{--lv:#3a6ea8;--lv-soft:#e0e8f3}[data-level=hard]{--lv:#a8761a;--lv-soft:#f5ead3}[data-level=expert]{--lv:#c05a24;--lv-soft:#f7e1d4}[data-level=master]{--lv:#b03a48;--lv-soft:#f4dcdf}[data-level=goat]{--lv:#2f2c27;--lv-soft:#e6e1d6}[data-level]{--lv-ink:color-mix(in srgb, var(--lv) 60%, var(--ink))}:root[data-theme=dark] [data-level=easy]{--lv:#82c99a;--lv-soft:#22352a}:root[data-theme=dark] [data-level=normal]{--lv:#6fc6bf;--lv-soft:#1f3634}:root[data-theme=dark] [data-level=medium]{--lv:#8db5e6;--lv-soft:#23303f}:root[data-theme=dark] [data-level=hard]{--lv:#e3b35d;--lv-soft:#3a3020}:root[data-theme=dark] [data-level=expert]{--lv:#ef9a68;--lv-soft:#3d2a1f}:root[data-theme=dark] [data-level=master]{--lv:#ee8a95;--lv-soft:#3d2327}:root[data-theme=dark] [data-level=goat]{--lv:#ece8e0;--lv-soft:#3a372f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-level=easy]{--lv:#82c99a;--lv-soft:#22352a}:root:not([data-theme=light]) [data-level=normal]{--lv:#6fc6bf;--lv-soft:#1f3634}:root:not([data-theme=light]) [data-level=medium]{--lv:#8db5e6;--lv-soft:#23303f}:root:not([data-theme=light]) [data-level=hard]{--lv:#e3b35d;--lv-soft:#3a3020}:root:not([data-theme=light]) [data-level=expert]{--lv:#ef9a68;--lv-soft:#3d2a1f}:root:not([data-theme=light]) [data-level=master]{--lv:#ee8a95;--lv-soft:#3d2327}:root:not([data-theme=light]) [data-level=goat]{--lv:#ece8e0;--lv-soft:#3a372f}}*{box-sizing:border-box}html,body{color:var(--ink);margin:0}html{background:var(--paper);scroll-padding-bottom:var(--ad-space,0px)}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 38% at 8% 0%, var(--wash-1), transparent 70%), radial-gradient(55% 34% at 96% 4%, var(--wash-2), transparent 70%), radial-gradient(48% 30% at 56% 26%, var(--wash-3), transparent 72%);position:fixed;inset:0}body{word-break:keep-all;overflow-wrap:break-word;-webkit-tap-highlight-color:transparent;caret-color:var(--pen);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,Malgun Gothic,sans-serif;font-size:16px;line-height:1.5}body:lang(ja),body:lang(zh){word-break:normal;line-break:strict}body:lang(ja){font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif}body:lang(zh){font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.35}p{text-wrap:pretty;margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:default}.text-button:disabled{color:var(--muted);opacity:.6}:focus-visible{outline:2px solid var(--pen);outline-offset:2px}#root{min-height:100dvh}html.large body{font-size:18px}.icon-button{border-radius:var(--radius-control);width:44px;height:44px;color:var(--muted);place-items:center;display:grid}.text-button{min-width:44px;min-height:44px;color:var(--pen);white-space:nowrap;padding:0 4px;font-weight:600}.home,.page{max-width:520px}.game{--controls-h:218px;--board-room:clamp(240px, calc(100dvh - var(--controls-h) - var(--ad-space,0px) - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 520px);max-width:calc(var(--board-room) + env(safe-area-inset-left) + env(safe-area-inset-right))}.home,.page,.game{padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 20px + var(--ad-space,0px)) calc(env(safe-area-inset-left) + 16px);margin:0 auto}.home-head{justify-content:space-between;align-items:center;margin:28px 0 24px;display:flex}.head-actions{margin-right:-10px;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.section-head{justify-content:space-between;align-items:center;min-height:44px;margin:24px 0 4px;display:flex}.section-head h2{color:var(--muted);font-size:15px;font-weight:600}.section-head .text-button{margin-right:-4px}.home h1{font-size:30px}.glass{background:linear-gradient(155deg, var(--glass-shine), transparent 55%), var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.7);backdrop-filter:blur(24px)saturate(1.7);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-shine), var(--glass-shadow)}.continue{text-align:left;border-radius:20px;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.continue-text{flex-direction:column;flex:1;min-width:0;display:flex}.continue-label{font-size:18px;font-weight:700}.continue-meta{color:var(--muted);font-size:14px}.continue-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px}.continue>.icon{color:var(--muted);flex:none}.menu{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin:0;padding:0;list-style:none;overflow:hidden}.menu>li+li{border-top:1px solid var(--line)}.menu-row{text-align:left;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 14px;display:flex}.chip{background:var(--lv-soft,var(--pen-soft));width:40px;height:40px;color:var(--lv,var(--pen));border-radius:12px;flex:none;place-items:center;display:grid}.menu-text{flex-direction:column;flex:1;min-width:0;display:flex}.menu-title{font-size:17px;font-weight:600;line-height:1.3}.menu-sub{color:var(--muted);font-size:13px;line-height:1.35}.menu-meta{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;flex:none;align-items:flex-end;gap:6px;font-size:13px;display:flex}.menu-meta.lit{color:var(--lv-ink);font-weight:600}.meter{background:var(--lv-soft,var(--peer));border-radius:2px;width:46px;height:4px;overflow:hidden}.meter>span{background:var(--lv,var(--pen));border-radius:2px;height:100%;display:block}.menu-with-action{align-items:center;display:flex}.menu-with-action .menu-row{flex:1;min-width:0}.saved-delete{min-height:44px;color:var(--muted);flex:none;padding:0 16px;font-size:15px}.menu-row:focus-visible,.saved-delete:focus-visible{outline-offset:-3px;border-radius:15px}.daily-tiles{grid-template-columns:repeat(var(--n,3), 1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.level-picks{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px;display:grid}.level-pick{border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:6px;min-height:44px;padding:0 10px;font-size:15px;display:flex;position:relative}.level-pick input{opacity:0;pointer-events:none;position:absolute}.level-pick.on{background:var(--lv-soft);border-color:var(--lv);font-weight:600}.level-pick:has(input:disabled):not(.on){opacity:.45;cursor:default}.level-pick:has(input:focus-visible){outline:2px solid var(--pen)}.daily-tile{text-align:left;background:linear-gradient(150deg, var(--glass-shine) 0%, transparent 45%), linear-gradient(180deg, color-mix(in srgb, var(--lv) 10%, var(--glass)) 0%, color-mix(in srgb, var(--lv) 24%, var(--glass)) 100%);-webkit-backdrop-filter:blur(20px)saturate(1.7);backdrop-filter:blur(20px)saturate(1.7);border:1px solid var(--glass-edge);width:100%;min-height:108px;box-shadow:inset 0 1px 0 var(--glass-shine), inset 0 -1px 0 color-mix(in srgb, var(--lv) 18%, transparent), 0 10px 24px color-mix(in srgb, var(--lv) 20%, transparent);border-radius:20px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 10px 12px;display:flex;position:relative}.daily-tile .level-icon{margin-bottom:6px}.tile-name{text-wrap:balance;font-size:16px;font-weight:700;line-height:1.3}.tile-status{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:13px;display:inline-flex}.daily-tile.solved .tile-status{color:var(--lv-ink);font-weight:600}.tile-status .icon{width:16px;height:16px}.levels{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.levels button{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:0 4px;font-size:18px;font-weight:600;display:flex}.levels button[data-level]{position:relative}.level-name{align-items:center;gap:10px;display:inline-flex}.level-icon{flex:none}.level-icon rect{fill:color-mix(in srgb, var(--lv) 22%, transparent)}.level-icon rect.on{fill:var(--lv)}.level-progress{background:var(--lv);border-radius:0 2px 2px 0;height:3px;position:absolute;bottom:-1px;left:0}.levels-count.lit{color:var(--lv-ink,var(--pen))}.bar-name{align-items:center;gap:6px;max-width:100%;display:inline-flex}.bar-name svg{flex:none}.bar-name-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.brand{align-items:center;gap:10px;display:inline-flex}.brand img{border-radius:9px}@media (width<=359px){.home h1.brand{gap:8px;font-size:clamp(20px,11vw - 9px,30px)}.brand img{width:1.125em;height:1.125em}}.levels-count{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;font-size:15px;font-weight:400;display:flex}.levels-count.done{color:var(--pen)}.levels-count .icon{width:20px;height:20px}.page .field{margin:4px 0 12px}.page-note{color:var(--muted);margin-top:8px;font-size:15px}.numbers{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.numbers button{border-radius:var(--radius-control);border:1px solid var(--line);background:var(--surface);font-variant-numeric:tabular-nums;width:100%;min-height:48px}.numbers button.done{background:var(--lv-soft,var(--pen-soft));color:var(--lv-ink,var(--pen));border-color:#0000;font-weight:600}.numbers button.playing{border:2px solid var(--lv,var(--pen))}.month-nav{justify-content:space-between;align-items:center;margin:4px -10px;display:flex}.month-nav h2{font-size:18px}.icon-button:disabled{opacity:.35}.calendar{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.weekday{text-align:center;color:var(--muted);padding-bottom:2px;font-size:13px}.day{border-radius:var(--radius-control);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:48px;display:flex}.day:disabled{color:var(--line-strong);opacity:.45}.day.today .day-number{color:var(--pen);font-weight:700}.day.selected{background:var(--pen-soft)}.day.full{background:var(--marker)}.day.full.selected{box-shadow:inset 0 0 0 2px var(--pen)}.day-dots{gap:3px;display:flex}.dot{background:var(--line);border-radius:50%;width:5px;height:5px}.dot.on{background:var(--lv,var(--pen))}.streak{margin:8px 0 16px}.streak-main{font-size:18px;font-weight:600}.stat-list{border-top:1px solid var(--line);margin:0}.stat-list div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:48px;padding:0 4px;display:flex}.stat-list dt{color:var(--ink)}.stat-list dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.lesson-text{text-wrap:pretty;margin:0 0 12px}.badge-note{color:var(--pen);align-items:center;gap:6px;margin-top:10px;font-weight:600;display:flex}.badge-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.badge-list li{border-bottom:1px solid var(--line);color:var(--line-strong);align-items:flex-start;gap:12px;padding:12px 4px;display:flex}.badge-list li.earned{color:var(--pen)}.badge-list .icon{flex:none;margin-top:2px}.badge-text{flex-direction:column;display:flex}.badge-name{color:var(--ink);font-weight:600}.badge-list li:not(.earned) .badge-name{color:var(--muted)}.badge-desc{color:var(--muted);text-wrap:pretty;font-size:14px}.button-row{gap:8px;margin-top:12px;display:flex}.scrim{padding:calc(env(safe-area-inset-top) + 16px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 16px + var(--ad-space,0px)) calc(env(safe-area-inset-left) + 16px);background:#14120f52;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dialog,.sheet{background:linear-gradient(160deg, var(--glass-shine), transparent 50%), var(--glass-solid);-webkit-backdrop-filter:blur(28px)saturate(1.6);backdrop-filter:blur(28px)saturate(1.6);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-shine), 0 18px 48px #00000038}.dialog{border-radius:22px;width:100%;max-width:420px;padding:22px 20px 16px}.sheet{overscroll-behavior:contain;border-radius:24px;width:100%;max-width:520px;max-height:100%;padding:8px 20px 20px;overflow-y:auto}.sheet-head{justify-content:space-between;align-items:center;min-height:52px;display:flex}.sheet-head h3{font-size:19px}.sheet-head .text-button{margin-right:-4px}.field{border:0;min-width:0;margin:0;padding:0}.field+.field,.field+.switches{margin-top:20px}.field-title{color:var(--muted);margin-bottom:8px;font-size:15px;font-weight:600}.switches+.field{margin-top:20px}.remove-ads .primary.wide{margin-top:12px}.store-links{flex-wrap:wrap;justify-content:center;column-gap:16px;margin-top:4px;display:flex}.field legend{color:var(--muted);margin-bottom:8px;padding:0;font-size:15px;font-weight:600}.field input[type=radio]{opacity:0;pointer-events:none;position:absolute}.options{border:1px solid var(--line);border-radius:var(--radius-control)}.option{cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.option+.option{border-top:1px solid var(--line)}.option:before{content:"";border:2px solid var(--line-strong);border-radius:50%;flex:none;width:20px;height:20px;margin-top:1px}.option:has(input:checked):before{border:6px solid var(--pen)}.option:has(input:focus-visible){outline:2px solid var(--pen);outline-offset:-2px;border-radius:var(--radius-control)}.option-text{flex-direction:column;display:flex}.option-label{font-weight:600}.option-desc{color:var(--muted);text-wrap:pretty;font-size:14px}.hint{color:var(--muted);margin-top:8px;font-size:14px}.segmented{background:var(--peer);border-radius:var(--radius-control);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:2px;display:grid}.segmented label{cursor:pointer;white-space:nowrap;border-radius:8px;place-items:center;min-height:44px;font-size:15px;display:grid}.segmented.wrap{grid-auto-flow:row;grid-template-columns:repeat(var(--cols), 1fr)}.segmented.dense label{letter-spacing:-.02em;font-size:13px}.segmented label:has(input:checked){background:var(--raised);color:var(--pen);font-weight:600;box-shadow:0 1px 2px #0000001f}.segmented label:has(input:focus-visible){outline:2px solid var(--pen)}.switches{border-top:1px solid var(--line)}.sheet-foot{margin-top:16px;font-size:14px}.sheet-foot a{color:var(--muted)}.nav-row{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:6px;width:100%;min-height:52px;display:flex}.nav-row-label{flex:1}.nav-row-value{color:var(--muted)}.nav-row .icon{width:18px;height:18px;color:var(--muted);flex:none;margin-right:-4px}.sheet-head.sub{grid-template-columns:1fr auto 1fr;display:grid}.sheet-head.sub .text-button{justify-self:end}.pick-list{border:1px solid var(--line);border-radius:var(--radius-control);margin:4px 0 8px;padding:0;list-style:none}.pick-list li+li{border-top:1px solid var(--line)}.pick-row{text-align:left;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 14px;display:flex}.pick-row .option-text{flex:1}.pick-row .icon{width:20px;height:20px;color:var(--pen);flex:none}.pick-row:focus-visible{outline-offset:-2px;border-radius:var(--radius-control)}.switch-row{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;min-height:52px;display:flex}.switch-row input{appearance:none;background:var(--line-strong);cursor:pointer;border-radius:14px;flex:none;width:46px;height:28px;margin:0;transition:background-color .15s;position:relative}.switch-row input:after{content:"";background:var(--surface);border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch-row input:checked{background:var(--pen)}.switch-row input:checked:after{transform:translate(18px)}.dialog h3{font-size:19px}.dialog-actions.stacked{flex-direction:column}.dialog-actions.stacked .primary,.dialog-actions.stacked .secondary{flex:none}.dialog .dialog-status{color:var(--bad);margin-top:8px}.primary.danger{background:var(--bad)}.dialog p{color:var(--muted);margin-top:6px}.dialog-actions,.finish-actions{gap:8px;margin-top:20px;display:flex}.primary,.secondary{border-radius:var(--radius-control);white-space:nowrap;flex:1;min-height:48px;font-weight:600}.primary{background:var(--pen);color:var(--surface)}.primary.wide,.secondary.wide{width:100%;margin-top:16px}.secondary{background:var(--peer)}.dialog .secondary,.sheet .secondary,.sheet .segmented{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 22%, transparent)}.bar{grid-template-columns:minmax(max-content,1fr) minmax(0,max-content) minmax(max-content,1fr);align-items:center;min-height:44px;margin-bottom:10px;display:grid}.back{min-height:44px;color:var(--muted);justify-self:start;align-items:center;gap:2px;margin-left:-6px;padding-right:12px;display:flex}.bar-title{white-space:nowrap;flex-direction:column;align-items:center;min-width:0;font-size:16px;font-weight:700;line-height:1.3;display:flex}.bar-sub{color:var(--muted);font-variant-numeric:tabular-nums;gap:10px;font-size:13px;font-weight:400;display:flex}.combo{color:var(--pen);font-weight:700}.bar-actions{justify-self:end;align-items:center;margin-right:-10px;display:flex}.timer{border-radius:var(--radius-control);min-height:44px;color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:2px;padding:0 4px 0 8px;display:flex}.timer .icon{width:20px;height:20px}.paused{aspect-ratio:1;text-align:center;border:2px solid var(--line-strong);background:var(--surface);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 20px;display:flex}.paused h2{font-size:22px}.paused p{color:var(--muted)}.paused .primary{flex:none;min-width:160px;margin-top:16px}.controls.dimmed{opacity:.4}.hint-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-top:10px;padding:12px 14px 6px}.hint-card h2{font-size:16px}.hint-card p{margin-top:4px}.hint-card .hint-note{color:var(--muted);margin:0 0 4px;font-size:13px}.hint-actions{justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;display:flex}.text-button.muted{color:var(--muted);padding:0 12px;font-weight:400}.small-primary{border-radius:var(--radius-control);background:var(--pen);min-height:44px;color:var(--surface);white-space:nowrap;padding:0 18px;font-weight:600}.notice{border-radius:var(--radius-control);background:var(--bad-soft);justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:10px;padding:0 4px 0 12px;display:flex}.notice p{font-weight:600}.notice.update{background:var(--pen-soft);margin:0 0 16px}.notice.tip{background:var(--pen-soft);flex-direction:column;align-items:stretch;gap:2px;margin:0 0 16px;padding:12px 8px 0 14px}.notice.tip p{text-wrap:pretty;font-size:15px;font-weight:400}.notice.tip strong{font-weight:600}.tip-actions{flex-wrap:wrap;justify-content:flex-end;column-gap:4px;display:flex}a.text-button{align-items:center;text-decoration:none;display:inline-flex}.tip-status{margin:0 0 16px}.text-button.share{align-items:center;gap:6px;margin-top:8px;display:inline-flex}.board{background:var(--line-strong);aspect-ratio:1;-webkit-user-select:none;user-select:none;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;display:grid;container-type:inline-size}.box{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.box:first-child{border-top-left-radius:4px;overflow:hidden}.box:nth-child(3){border-top-right-radius:4px;overflow:hidden}.box:nth-child(7){border-bottom-left-radius:4px;overflow:hidden}.box:nth-child(9){border-bottom-right-radius:4px;overflow:hidden}.cell{background-color:var(--surface);aspect-ratio:1;font-variant-numeric:tabular-nums;place-items:center;min-width:0;font-size:6.6cqi;line-height:1;display:grid;position:relative}.cell:focus-visible{outline-offset:-2px;z-index:1}.cell.diag{background-color:var(--diag)}.cell.peer{background-color:var(--peer)}.cell.same{background-color:var(--same)}.cell.selected{background-color:var(--marker)}.cell.selected .note:not(.elim,.focus){color:var(--ink)}.cell.given{font-weight:600}.cell.entered{color:var(--pen)}.cell.conflict,.cell.wrong{color:var(--bad)}.cell.conflict:not(.selected),.cell.wrong:not(.selected){background-color:var(--bad-soft)}.cell.wrong .digit{text-underline-offset:.16em;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:.06em}.notes{grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:1px;display:grid}.note{color:var(--muted);place-items:center;font-size:3cqi;display:grid}html.large .cell{font-size:7.8cqi}html.large .note{font-size:3.5cqi;font-weight:600}html.large .pad-digit{font-size:30px}html.large .tools button{font-size:13px}.board.flat{border:2px solid var(--line-strong);background:var(--surface);grid-template-columns:repeat(9,1fr);gap:0;padding:0;overflow:hidden}.board.flat .cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.board.flat .cell.er{border-right:2px solid var(--line-strong)}.board.flat .cell.eb{border-bottom:2px solid var(--line-strong)}.board.flat .cell:nth-child(9n){border-right:0}.board.flat .cell:nth-child(n+73){border-bottom:0}.cell.cage:after{content:"";border:0 dashed var(--cage-line);pointer-events:none;position:absolute;inset:-1px}.cell.cage-t:after{border-top-width:1px;top:3px}.cell.cage-r:after{border-right-width:1px;right:3px}.cell.cage-b:after{border-bottom-width:1px;bottom:3px}.cell.cage-l:after{border-left-width:1px;left:3px}.cage-sum{z-index:1;color:var(--ink);background-color:inherit;padding:0 1px;font-size:2.6cqi;font-weight:600;line-height:1.1;position:absolute;top:1px;left:2px}.cell.has-sum .notes{padding-top:2.9cqi}html.large .cell.has-sum .notes{padding-top:3.1cqi}.cell.hint-area{background-color:var(--pen-soft)}.cell.hint-key{box-shadow:inset 0 0 0 2px var(--pen)}.cell.hint-alt{outline:2px dashed var(--muted);outline-offset:-3px}.cell.hint-target{background-color:var(--marker)}.note.elim{color:var(--bad);font-weight:700;text-decoration:line-through;text-decoration-thickness:.12em}.note.focus{color:var(--pen);font-weight:700}.tools{grid-template-columns:repeat(6,1fr);margin:12px 0 8px;display:grid}.tools button{border-radius:var(--radius-control);min-height:56px;color:var(--muted);white-space:nowrap;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:12px;display:flex}.tool-icon{display:inline-flex;position:relative}.tool-badge{background:var(--pen-soft);min-width:16px;height:16px;color:var(--pen);text-align:center;font-variant-numeric:tabular-nums;border-radius:8px;padding:0 4px;font-size:11px;font-weight:600;line-height:16px;position:absolute;top:-4px;right:-12px}.tools button.on .tool-badge{background:var(--surface)}.tools button:disabled{color:var(--line-strong);opacity:.55}.tools button.on{color:var(--pen);background:var(--pen-soft);font-weight:600}.pad{grid-template-columns:repeat(9,1fr);gap:4px;display:grid}.pad button{border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--line);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;align-items:center;min-height:64px;display:flex}.pad-digit{color:var(--pen);font-size:26px;line-height:1.1}.pad.notes-on .pad-digit{color:var(--muted);font-size:20px}.pad-left{color:var(--muted);min-height:18px;font-size:12px}.pad button.on{background:var(--pen);border-color:var(--pen)}.pad button.on .pad-digit,.pad button.on .pad-left{color:var(--surface)}.pad button:disabled{background:0 0;border-color:#0000}.pad button:disabled .pad-digit{color:var(--line-strong)}.finish{text-align:left;margin-top:20px}.finish h2{font-size:24px}.finish p{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:4px}.finish .ad-note{flex-wrap:wrap;align-items:center;column-gap:8px;margin-top:12px;font-size:14px;display:flex}.ad-note .text-button{margin-left:-4px}.finish .bank-gift{margin-top:12px;font-size:14px}.finish .bank-gift+.ad-note{margin-top:0}@media (prefers-reduced-motion:reduce){.switch-row input,.switch-row input:after{transition:none}}@media (hover:hover){.levels button:hover,.day:not(:disabled):hover,.numbers button:hover,.tools button:not(:disabled):hover,.icon-button:hover,.timer:hover{background:var(--peer)}}@keyframes unit-flash-a{35%{background-color:var(--marker)}}@keyframes unit-flash-b{35%{background-color:var(--marker)}}.cell.flash-a{animation:.52s ease-out unit-flash-a}.cell.flash-b{animation:.52s ease-out unit-flash-b}@media (prefers-reduced-motion:reduce){.cell.flash-a,.cell.flash-b{animation:none}}@media (aspect-ratio>=4/3) and (height<=640px),(aspect-ratio>=11/10) and (height<=560px){.game.play{--side-board:min(calc(100dvh - 96px - var(--ad-space,0px) - env(safe-area-inset-top) - env(safe-area-inset-bottom)), calc(100vw - 296px - env(safe-area-inset-left) - env(safe-area-inset-right)), 56vw);grid-template-columns:var(--side-board) minmax(240px, 400px);max-width:none;padding-top:calc(env(safe-area-inset-top) + 4px);padding-bottom:calc(env(safe-area-inset-bottom) + 12px + var(--ad-space,0px));grid-template-rows:auto 1fr;justify-content:center;align-items:start;column-gap:24px;display:grid}.game.play>.bar{grid-column:1/-1}.game.play>.board,.game.play>.paused{grid-area:2/1}.game.play>.controls,.game.play>.finish{grid-area:2/2;align-self:center}.game.play.pads-left{grid-template-columns:minmax(240px, 400px) var(--side-board)}.game.play.pads-left>.board,.game.play.pads-left>.paused{grid-column:2}.game.play.pads-left>.controls,.game.play.pads-left>.finish{grid-column:1}.game.play .pad{grid-template-columns:repeat(3,1fr)}.game.play .pad button{min-height:52px}.game.play .tools{margin-top:0}}.board.drag{touch-action:none}:root{--c1:#e2685c6b;--c2:#eca04673;--c3:#60ac706b;--c4:#56a0d66b;--c5:#d66cac61;--c6:#78726857}.cell.color-1{background-image:linear-gradient(var(--c1), var(--c1))}.cell.color-2{background-image:linear-gradient(var(--c2), var(--c2))}.cell.color-3{background-image:linear-gradient(var(--c3), var(--c3))}.cell.color-4{background-image:linear-gradient(var(--c4), var(--c4))}.cell.color-5{background-image:linear-gradient(var(--c5), var(--c5))}.cell.color-6{background-image:linear-gradient(var(--c6), var(--c6))}.tools.seven{grid-template-columns:repeat(7,1fr)}.tools.seven button,html.large .tools.seven button{letter-spacing:-.03em;font-size:11px}@media (width<=359px) and (height>=600px){.game{--controls-h:342px}.game .pad{grid-template-columns:repeat(5,1fr)}}.controls{container-type:inline-size}@container (width<=279px){.tools button{letter-spacing:-.03em;font-size:11px}}@media (width<=359px) and (height>=600px),(aspect-ratio>=4/3) and (height<=640px),(aspect-ratio>=11/10) and (height<=560px){@container (width<=279px){.tools{grid-template-columns:repeat(3,1fr);row-gap:4px}.tools button{letter-spacing:normal;font-size:12px}}@container (width<=329px){.tools.seven{grid-template-columns:repeat(4,1fr);row-gap:4px}.tools.seven button,html.large .tools.seven button{letter-spacing:normal;font-size:12px}}}@media (aspect-ratio>=11/10) and (height<=400px){.game.play{padding-bottom:calc(env(safe-area-inset-bottom) + 6px + var(--ad-space,0px))}.game.play .pad{gap:3px}.game.play .pad button{min-height:44px}.game.play .pad-left{min-height:0;line-height:1.2}.game.play .tools,.game.play[data-level] .tools{margin:0 0 4px}.game.play .tools button{min-height:44px}}.palette{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.palette button{border-radius:var(--radius-control);border:1px solid var(--line);background:var(--surface);min-height:64px;color:var(--muted);place-items:center;display:grid}.palette button:disabled{opacity:.45}.swatch{border:1px solid var(--line);background-color:var(--surface);border-radius:50%;width:26px;height:26px}.swatch.color-1{background-image:linear-gradient(var(--c1), var(--c1))}.swatch.color-2{background-image:linear-gradient(var(--c2), var(--c2))}.swatch.color-3{background-image:linear-gradient(var(--c3), var(--c3))}.swatch.color-4{background-image:linear-gradient(var(--c4), var(--c4))}.swatch.color-5{background-image:linear-gradient(var(--c5), var(--c5))}.swatch.color-6{background-image:linear-gradient(var(--c6), var(--c6))}.palette-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.palette-foot p{color:var(--muted);font-size:14px}@media (aspect-ratio>=4/3) and (height<=640px),(aspect-ratio>=11/10) and (height<=560px){.game.play .palette{grid-template-columns:repeat(4,1fr)}.game.play .palette button{min-height:52px}}body:has(.game[data-level]):before{opacity:0}.game[data-level]:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(75% 45% at 8% 0%, color-mix(in srgb, var(--lv) 18%, transparent), transparent 72%), radial-gradient(70% 40% at 96% 100%, color-mix(in srgb, var(--lv) 14%, transparent), transparent 72%), radial-gradient(50% 30% at 90% 30%, color-mix(in srgb, var(--lv) 8%, transparent), transparent 72%);position:fixed;inset:0}.game[data-level]{--tint-glass:color-mix(in srgb, var(--lv) 9%, var(--glass));--tint-glass-solid:color-mix(in srgb, var(--lv) 7%, var(--glass-solid))}.game[data-level] .board{box-shadow:0 10px 30px color-mix(in srgb, var(--lv) 22%, transparent), 0 1px 3px #00000014}.progress{background:color-mix(in srgb, var(--lv,var(--pen)) 16%, transparent);border-radius:2px;height:4px;margin:-4px 0 10px;overflow:hidden}.progress>span{background:var(--lv,var(--pen));border-radius:2px;height:100%;transition:width .3s ease-out;display:block}@media (prefers-reduced-motion:reduce){.progress>span{transition:none}}.game[data-level] .tools{background:linear-gradient(155deg, var(--glass-shine), transparent 55%), var(--tint-glass);-webkit-backdrop-filter:blur(22px)saturate(1.7);backdrop-filter:blur(22px)saturate(1.7);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-shine), var(--glass-shadow);border-radius:22px;margin:14px 0 10px;padding:4px}.game[data-level] .tools button{border-radius:16px}.game[data-level] .tools button.on{background:color-mix(in srgb, var(--lv) 16%, transparent);color:var(--lv-ink)}.game[data-level] .tools button.on .tool-badge{background:var(--surface);color:var(--lv-ink)}.game[data-level] .pad button{background:linear-gradient(170deg, var(--glass-shine), transparent 60%), var(--tint-glass-solid);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-shine), 0 2px 8px color-mix(in srgb, var(--lv) 14%, transparent);border-radius:14px}.game[data-level] .pad button.on{background:var(--pen);border-color:var(--pen)}.game[data-level] .pad button:disabled{box-shadow:none;background:0 0;border-color:#0000}.game[data-level] .hint-card,.game[data-level] .finish,.game[data-level] .paused{background:linear-gradient(155deg, var(--glass-shine), transparent 55%), var(--tint-glass-solid);-webkit-backdrop-filter:blur(22px)saturate(1.6);backdrop-filter:blur(22px)saturate(1.6);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-shine), var(--glass-shadow)}.game[data-level] .hint-card{border-radius:20px}.game[data-level] .finish{border-radius:22px;padding:18px 18px 16px}.game[data-level] .paused{border-radius:14px}.game[data-level] .finish h2{color:var(--lv-ink)}.game[data-level] .palette button{background:var(--tint-glass-solid);border-color:var(--glass-edge);border-radius:14px}@keyframes cell-shake-a{20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}@keyframes cell-shake-b{20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}.cell.shake-a{animation:.36s ease-in-out cell-shake-a}.cell.shake-b{animation:.36s ease-in-out cell-shake-b}@media (prefers-reduced-motion:reduce){.cell.shake-a,.cell.shake-b{animation:none}}.pad button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}