.p8b-root,[data-theme=p8b]{--p8b-amber:#d97706;--p8b-amber-deep:#b45309;--background:#e8ecf2;--foreground:#1b2430;--card:#f4f6fa;--card-foreground:#1b2430;--secondary:#e1e6ed;--secondary-foreground:#1b2430;--muted:#edf1f5;--muted-foreground:#5c6b7a;--accent:#d97706;--accent-foreground:#fffaf0;--border:#c5cdd8;--primary:#1b2430;--primary-foreground:#f4f6fa;--ring:#d97706;--rrb-primary:var(--p8b-amber);--rrb-on-primary:#1b2430;--rrb-text:var(--foreground);--rrb-muted:var(--muted-foreground);--rrb-border:var(--border);--rrb-surface:var(--card);font-family:var(--font-dm-sans),"Segoe UI",Helvetica,Arial,sans-serif;background:var(--background);color:var(--foreground);font-size:16px;-webkit-text-size-adjust:100%;min-height:100vh;max-width:100%;overflow-x:clip;box-sizing:border-box}.p8b-root .p8b-mono,[data-theme=p8b] .p8b-mono{font-family:var(--font-dm-mono),ui-monospace,"Cascadia Mono",monospace}.p8b-root *,[data-theme=p8b] *{box-sizing:border-box}.p8b-root a{color:inherit;text-decoration:none}.play-surface{background:radial-gradient(130% 100% at 100% 0,rgba(94,122,155,.08),transparent 50%),linear-gradient(180deg,#ebeef3,#e5e9ef);font-family:Segoe UI,PingFang SC,Microsoft YaHei,Helvetica,Arial,sans-serif;font-weight:600;-webkit-font-smoothing:antialiased}.play-surface h1{font-weight:800!important;letter-spacing:-.5px}.play-surface .score-box{position:relative;overflow:hidden;border:1px solid #e6ddd0;border-radius:10px;background:#fffdf8;box-shadow:0 2px 6px rgba(27,36,48,.06);text-align:center}.play-surface .score-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.play-surface .score-box-score:before{background:linear-gradient(90deg,#edc22e,#f0cb45)}.play-surface .score-box-best:before{background:linear-gradient(90deg,#f59563,#f67c5f)}.play-surface .score-box-best,.play-surface .score-box-score{color:#8f7a66}.play-surface #bestScoreDisplay,.play-surface #scoreDisplay,.play-surface .score-value{font-family:inherit!important;font-weight:800!important;font-size:20px!important;line-height:1.15!important;letter-spacing:-.5px}@media (min-width:640px){.play-surface #bestScoreDisplay,.play-surface #scoreDisplay,.play-surface .score-value{font-size:24px!important}}.play-surface .score-box-score #scoreDisplay,.play-surface .score-box-score .score-value{color:#b45309!important}.play-surface .score-box-best #bestScoreDisplay,.play-surface .score-box-best .score-value{color:#e85d3a!important}.play-surface .score-label{font-family:inherit!important;font-weight:800!important;font-size:11px!important;letter-spacing:.08em;opacity:.9;color:inherit}.play-surface #dailyBtn,.play-surface #demoBtn,.play-surface #hintBtn,.play-surface #newGameBtn,.play-surface #undoBtn{font-family:inherit;font-weight:800!important}.play-surface #gameStatus{font-weight:700}.play-surface .side-rail{font-family:inherit}.play-surface .side-rail-title{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:#3a4452}.play-surface .side-card{border:1px solid #d7dde6;border-radius:12px;background:#f7f9fc;padding:14px 16px;box-shadow:0 2px 8px rgba(27,36,48,.04)}.play-surface .side-card-daily{border-color:#e5d5b8;background:#fbf8f2}.play-surface .side-card-heading{font-size:.95rem;font-weight:800;color:#7a5a28}.play-surface .side-card-desc{font-size:.8125rem;line-height:1.45;font-weight:600;color:#6b7280}.play-surface .side-stat{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.875rem;font-weight:700}.play-surface .side-stat span{color:#6b7280}.play-surface .side-stat strong{font-weight:800;font-variant-numeric:tabular-nums;color:#1b2430}.play-surface .side-card-daily .side-stat strong{color:#b45309}.play-surface .side-history-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;border:1px solid #d7dde6;border-radius:10px;background:#f7f9fc;padding:9px 12px;font-size:12px;font-weight:700;box-shadow:none}.play-surface .side-history-row .h-score{font-weight:800;color:#1b2430}.play-surface .side-history-row .h-max{font-weight:800;color:#b45309}.play-surface .side-history-row .h-time{font-weight:600;font-variant-numeric:tabular-nums;color:#6b7280}.play-surface .side-clear-btn{margin-top:12px;border:1px solid #d7dde6;border-radius:10px;background:#eef2f6;padding:8px 14px;font-family:inherit;font-size:.8125rem;font-weight:700;color:#4a5564;cursor:pointer;box-shadow:none;transition:background .15s ease,color .15s ease}.play-surface .side-clear-btn:hover{background:#e5ebf1;color:#1b2430}.play-surface .side-clear-btn:active{transform:scale(.98)}.play-surface .side-stat-divider{border-bottom:1px solid #e5e9ef}.play-surface .side-stat-divider-top{border-top:1px solid #ebe4d6}.p8b-board-slot{display:flex;align-items:center;justify-content:center;width:100%;min-height:0;flex:1 1 auto;container-type:size}.p8b-board-fit{width:min(100cqw,calc(100cqh - 10px),560px);max-width:100%}.p8b-root[data-ads=on] .p8b-board-fit{width:min(100cqw,calc(100cqh - 10px),520px)}.mobile-board-scale{width:100%;max-width:min(100%,560px)}@media (min-width:1024px) and (max-height:820px){.desktop-history{display:none}}.canvas-shell{width:100%;filter:drop-shadow(0 10px 16px rgba(68,56,44,.2))}.canvas-wrap{--tray-pad:8px;position:relative;width:100%;aspect-ratio:1/1;margin:0 auto;min-width:0;border-radius:14px;background:#bbada0;overflow:hidden;box-sizing:border-box}@media (min-width:640px){.canvas-wrap{--tray-pad:12px;border-radius:18px}}#gameCanvas{top:var(--tray-pad);left:var(--tray-pad);width:calc(100% - 2 * var(--tray-pad));height:calc(100% - 2 * var(--tray-pad));max-width:none;min-width:0;display:block;touch-action:none;background:#bbada0}#gameCanvas,.game-overlay{position:absolute;border-radius:10px}.game-overlay{inset:var(--tray-pad);background:rgba(232,236,242,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:5;padding:20px 16px;text-align:center}@media (min-width:640px){.game-overlay{gap:14px}}.game-overlay[hidden]{display:none}.overlay-title{font-size:28px;font-weight:800;letter-spacing:-.04em;color:var(--foreground);animation:p8b-overlay-in .32s ease-out both}.overlay-text{font-size:14px;font-weight:600;color:var(--muted-foreground);animation:p8b-overlay-in .32s ease-out 60ms both}.p8b-root .overlay-cta,.play-surface .overlay-cta{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:.7rem 1.35rem .7rem 1.25rem;border:none;border-radius:12px;background:linear-gradient(180deg,#f59e0b,#d97706 55%,#b45309);color:#fffaf0;font-family:inherit;font-size:.95rem;font-weight:800;letter-spacing:-.02em;line-height:1;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,250,240,.28),0 8px 18px rgba(180,83,9,.28),0 2px 0 #92400e;transform:translateZ(0);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;animation:p8b-overlay-in .36s ease-out .12s both,p8b-cta-breathe 1.8s ease-in-out .5s infinite}.p8b-root .overlay-cta:after,.play-surface .overlay-cta:after{content:"→";font-weight:700;transition:transform .16s ease}.p8b-root .overlay-cta:hover,.play-surface .overlay-cta:hover{animation-play-state:paused;filter:brightness(1.05);transform:translateY(-2px) scale(1.03);box-shadow:inset 0 1px 0 rgba(255,250,240,.34),0 12px 24px rgba(180,83,9,.34),0 3px 0 #92400e}.p8b-root .overlay-cta:hover:after,.play-surface .overlay-cta:hover:after{transform:translateX(3px)}.p8b-root .overlay-cta:active,.play-surface .overlay-cta:active{transform:translateY(1px) scale(.98);filter:brightness(.98);box-shadow:inset 0 1px 0 rgba(255,250,240,.2),0 4px 10px rgba(180,83,9,.22),0 1px 0 #92400e;animation:none}.p8b-root .overlay-cta.overlay-cta-pop,.play-surface .overlay-cta.overlay-cta-pop{animation:p8b-cta-pop .42s cubic-bezier(.22,1.2,.36,1) both,p8b-cta-breathe 1.8s ease-in-out .48s infinite}@keyframes p8b-overlay-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes p8b-cta-pop{0%{opacity:0;transform:scale(.86)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes p8b-cta-breathe{0%,to{transform:scale(1);box-shadow:inset 0 1px 0 rgba(255,250,240,.28),0 8px 18px rgba(180,83,9,.28),0 2px 0 #92400e}50%{transform:scale(1.045);box-shadow:inset 0 1px 0 rgba(255,250,240,.34),0 14px 28px rgba(180,83,9,.38),0 2px 0 #92400e}}@media (prefers-reduced-motion:reduce){.overlay-text,.overlay-title,.p8b-root .overlay-cta,.p8b-root .overlay-cta.overlay-cta-pop,.play-surface .overlay-cta,.play-surface .overlay-cta.overlay-cta-pop{animation:none}.p8b-root .overlay-cta:hover,.p8b-root .overlay-cta:hover:after,.play-surface .overlay-cta:hover,.play-surface .overlay-cta:hover:after{transform:none}}.p8b-root .sound-toggle{position:relative}.p8b-root .sound-toggle .sound-icon{grid-area:1/1}.p8b-root .sound-toggle[aria-pressed=false] .sound-icon-on,.p8b-root .sound-toggle[aria-pressed=true] .sound-icon-off{display:none!important}.p8b-root .p8b-pwa-install{display:inline-flex;line-height:0}.p8b-root .p8b-pwa-install>span{display:inline-flex}.p8b-root .p8b-pwa-install>span>button{box-sizing:border-box!important;display:inline-grid!important;place-items:center!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;padding:0!important;gap:0!important;border-radius:12px!important;border:1px solid var(--border)!important;background:var(--card)!important;color:var(--muted-foreground)!important;box-shadow:none!important;opacity:1!important}.p8b-root .p8b-pwa-install>span>button:hover{color:var(--foreground)!important}.p8b-root .p8b-pwa-install>span>button>span{display:none!important}.p8b-root .p8b-pwa-install>span>button>svg{width:17px;height:17px}.p8b-root .p8b-action-strip .p8b-pwa-install>span>button{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;border-radius:8px!important}.p8b-root .p8b-pwa-install [role=dialog]{width:min(19rem,calc(100vw - 2rem))!important;max-width:calc(100vw - 2rem);box-sizing:border-box;border-color:var(--border)!important;background:var(--card)!important;color:var(--foreground)}.ad-label-mobile{display:none}@media (max-width:767px){.ad-label-desktop{display:none}.ad-label-mobile{display:block}}.p8b-root .footer-lang{display:flex;align-items:center;gap:12px}.p8b-root .footer-lang-label{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-foreground)}.p8b-root .footer-lang-picker{position:relative}.p8b-root .footer-lang-static,.p8b-root .footer-lang-trigger{display:inline-flex;align-items:center;height:36px;min-width:132px;border-radius:6px;border:1px solid var(--border);background:var(--background);padding:0 10px;font-size:14px;font-weight:600;color:var(--foreground)}.p8b-root .footer-lang-trigger{gap:8px;font-family:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.p8b-root .footer-lang-trigger.is-open,.p8b-root .footer-lang-trigger:hover{border-color:#a8b4c4;box-shadow:0 1px 3px rgb(27 36 48/8%)}.p8b-root .footer-lang-trigger-text{flex:1;text-align:left}.p8b-root .footer-lang-chevron{width:16px;height:16px;flex-shrink:0;color:var(--muted-foreground);transition:transform .15s ease}.p8b-root .footer-lang-trigger.is-open .footer-lang-chevron{transform:rotate(180deg)}.p8b-root .footer-lang-menu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:40;width:min(220px,calc(100vw - 40px));max-height:min(320px,52vh);overflow-y:auto;border-radius:8px;border:1px solid var(--border);background:var(--card);padding:6px;box-shadow:0 10px 28px rgb(27 36 48/14%),0 2px 8px rgb(27 36 48/8%);scrollbar-width:thin;scrollbar-color:#9aa8b8 transparent}.p8b-root .footer-lang-menu::-webkit-scrollbar{width:6px}.p8b-root .footer-lang-menu::-webkit-scrollbar-thumb{border-radius:999px;background:#9aa8b8}.p8b-root .footer-lang-option{display:block;width:100%;border:0;border-radius:6px;background:transparent;padding:8px 10px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;color:var(--foreground);text-align:left;cursor:pointer}.p8b-root .footer-lang-option:hover:not(.is-disabled):not(.is-selected){background:var(--muted)}.p8b-root .footer-lang-option.is-selected{background:var(--accent);color:var(--accent-foreground)}@media (min-width:1024px){.p8b-root .article-toc{position:sticky;top:1.25rem;align-self:start;max-height:calc(100dvh - 2.5rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9aa8b8 transparent}.p8b-root .article-toc::-webkit-scrollbar{width:5px}.p8b-root .article-toc::-webkit-scrollbar-thumb{border-radius:999px;background:#9aa8b8}}.p8b-root .article-content .article-section+.article-section{margin-top:2.75rem}.p8b-root .article-content .article-section h2{margin-top:0;margin-bottom:.85rem;font-size:1.35rem;font-weight:700;letter-spacing:-.03em;color:var(--foreground)}@media (min-width:640px){.p8b-root .article-content .article-section h2{font-size:1.5rem;margin-bottom:1.25rem}}.p8b-root .article-content .article-section>h2:first-child{margin-top:0}.p8b-root .article-content .article-section li,.p8b-root .article-content .article-section p{margin-top:.75rem;font-size:1rem;line-height:1.75;color:var(--muted-foreground)}.p8b-root .article-content .article-section h2+div>p:first-child,.p8b-root .article-content .article-section h2+dl,.p8b-root .article-content .article-section h2+ol,.p8b-root .article-content .article-section h2+p,.p8b-root .article-content .article-section h2+ul{margin-top:0}.p8b-root .article-content .article-section ol,.p8b-root .article-content .article-section ul{margin-top:.25rem;padding-left:1.25rem}.p8b-root .faq-list{margin-top:0;padding-top:.35rem;display:grid;gap:.85rem}.p8b-root .faq-item{border:1px solid var(--border);border-radius:12px;background:var(--card);padding:14px 16px}.p8b-root .faq-item dt{font-weight:700;color:var(--foreground)}.p8b-root .faq-item dd{margin:.5rem 0 0;font-size:.875rem;line-height:1.5;color:var(--muted-foreground)}.p8b-root details summary::-webkit-details-marker{display:none}.p8b-root .history-list{list-style:none;margin:0;padding:0}.p8b-root .history-empty[hidden],.p8b-root .history-item[hidden]{display:none!important}.p8b-root #demoBtn.active,.p8b-root #demoBtn[aria-pressed=true]{border-color:rgba(217,119,6,.55);background:#fff8ed;color:var(--p8b-amber-deep)}.p8b-root #dailyBtn.active,.p8b-root #dailyBtn[aria-pressed=true]{border-color:rgba(217,119,6,.65);background:#fff8ed;color:var(--p8b-amber-deep);box-shadow:0 0 0 2px rgba(237,194,46,.35)}.play-surface .daily-difficulty-badge{flex-shrink:0;border-radius:999px;border:1px solid #e8c96a;background:#fff8e8;padding:2px 8px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#b45309}.play-surface .side-card-daily .side-stat strong#dailyTarget{font-size:1.125rem;color:#e85d3a}.play-surface #undoBtn.emphasize-undo{box-shadow:0 0 0 2px rgba(180,83,9,.45);border-color:#d97706}.sgb-root,[data-theme=sgb]{--sgb-primary:#0d6e6e;--sgb-primary-hover:#0a5858;--sgb-ink:#1c1916;--sgb-paper:#e9e6df;--sgb-surface:#f7f5f0;--sgb-selected:#d8efef;--sgb-box:#1c1916;--sgb-conflict:#b42318;--sgb-font-ui:var(--font-source-sans),"Source Sans 3","Segoe UI",sans-serif;--sgb-font-mono:var(--font-dm-mono),"DM Mono",ui-monospace,monospace;--background:var(--sgb-paper);--foreground:var(--sgb-ink);--card:var(--sgb-surface);--card-foreground:var(--sgb-ink);--primary:var(--sgb-primary);--primary-foreground:#ffffff;--muted:#e5e0d8;--muted-foreground:#6b665f;--border:#d4cfc4;--secondary:#e5e0d8;--accent:var(--sgb-selected);--accent-foreground:var(--sgb-primary);--radius:0;background:var(--background);color:var(--foreground);max-width:100%;overflow-x:clip;box-sizing:border-box;font-family:var(--sgb-font-ui);font-size:16px;-webkit-text-size-adjust:100%;font-synthesis:none}.sgb-root[data-sgb-mode=dark],[data-theme=sgb][data-sgb-mode=dark]{--sgb-primary:#2dd4bf;--sgb-primary-hover:#5eead4;--sgb-ink:#e0dcd3;--sgb-paper:#141210;--sgb-surface:#25231f;--sgb-selected:#115e59;--sgb-box:#e0dcd3;--sgb-conflict:#ef4444;--background:#141210;--foreground:#e0dcd3;--card:#25231f;--card-foreground:#e0dcd3;--primary:#2dd4bf;--primary-foreground:#115e59;--muted:#33302b;--muted-foreground:#9a948a;--border:#423d36;--secondary:#33302b;--accent:#115e59;--accent-foreground:#ccfbf1}.sgb-chrome-header{background:var(--background)}.sgb-ad-slot{height:100px;margin-top:.5rem;border:1px dashed var(--border);background:color-mix(in srgb,var(--card) 50%,transparent)}@media (min-width:640px){.sgb-ad-slot{height:90px;margin-top:.75rem}}.sgb-ad-label-mobile{display:none}@media (max-width:639px){.sgb-ad-label-desktop{display:none}.sgb-ad-label-mobile{display:inline}}.sgb-play-body{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:.35rem;padding-top:.625rem}@media (min-width:640px){.sgb-play-body{padding-top:.75rem}}@media (min-width:768px){.sgb-play-body{gap:.5rem}}.sgb-play-stage{flex:1 1 auto}.sgb-play-board-col,.sgb-play-stage{display:flex;min-height:0;flex-direction:column;gap:.35rem}.sgb-play-board-col{min-width:0}.sgb-play-side{display:flex;flex-direction:column;gap:.35rem}@media (min-width:768px){.sgb-play-stage{flex-direction:row;align-items:stretch;gap:clamp(1rem,2.5vw,1.75rem)}.sgb-play-board-col{flex:1 1 auto}.sgb-play-board-col,.sgb-play-side{min-height:0;justify-content:center}.sgb-play-side{flex:0 0 clamp(11.5rem,22vw,16.5rem);width:clamp(11.5rem,22vw,16.5rem);gap:.75rem;padding-block:.25rem;overflow-y:auto;overscroll-behavior:contain}}.sgb-root *,[data-theme=sgb] *{box-sizing:border-box}.sgb-root .sgb-mono,[data-theme=sgb] .sgb-mono{font-family:var(--sgb-font-mono);font-variant-numeric:tabular-nums}.sgb-root .play-surface{background:var(--sgb-paper)}.sgb-meta-chip{display:inline-flex;align-items:center;border-radius:2px;background:var(--muted);padding:.125rem .625rem;font-family:var(--sgb-font-mono);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.sgb-page-head{display:grid;gap:.45rem 1rem;grid-template-columns:minmax(0,1fr);width:100%}.sgb-page-head,.sgb-page-head-main{max-width:100%;min-width:0}@media (min-width:768px){.sgb-page-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}.sgb-page-head-meta{justify-self:end}}.sgb-page-h1{margin:0;font-size:clamp(1.25rem,2.6vw,1.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--foreground);text-align:center;overflow-wrap:anywhere}.sgb-page-h1,.sgb-page-lead{max-width:100%;white-space:normal}.sgb-page-lead{margin:.35rem 0 0;width:100%;min-width:0;font-size:.9375rem;font-weight:500;line-height:1.45;color:var(--muted-foreground);text-align:left;overflow:visible}@media (max-width:767px){.sgb-page-lead{display:block;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.sgb-page-lead::-webkit-scrollbar{display:none}}.sgb-page-trust{margin:.3rem 0 0;max-width:100%;font-size:.8125rem;font-weight:600;line-height:1.3;color:var(--muted-foreground);text-align:center;white-space:normal}.sgb-page-head-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem 1rem;min-width:0;max-width:100%}@media (min-width:768px){.sgb-page-h1,.sgb-page-trust{text-align:left}.sgb-page-lead{max-width:40rem;white-space:normal;overflow:visible}.sgb-page-head-meta{justify-content:flex-end}}.sgb-board-hint{display:flex;min-height:1.4rem;align-items:center;justify-content:center;gap:.4rem;margin-top:.55rem;margin-bottom:.45rem;padding:0 .25rem;text-align:center;font-size:.875rem;font-weight:600;line-height:1.35;color:var(--primary)}.sgb-board-hint-icon{flex-shrink:0}@media (max-height:720px){.sgb-play-body{padding-top:.35rem}.sgb-board-slot{padding-block:.25rem}.sgb-board-hint{min-height:1rem;margin-top:.25rem;margin-bottom:.2rem;font-size:.8125rem}}@media (max-height:640px){.sgb-play-body{padding-top:.25rem}}@media (max-width:767px){.sgb-action-strip{gap:.3rem;padding:0}.sgb-btn{height:1.625rem;min-height:1.625rem;padding:0 .35rem;font-size:.6875rem;font-weight:400;gap:.15rem;border-width:1px}.sgb-btn-primary{padding-inline:.4rem;font-weight:500}.sgb-btn-icon{width:1.625rem}.sgb-btn-ghost{height:1.5rem;min-height:1.5rem;font-size:.625rem;font-weight:400;padding:0 .2rem}.sgb-action-strip .sgb-btn svg{width:11px;height:11px;stroke-width:1.75}.sgb-root .sgb-action-strip .sgb-pwa-install>span>button{width:1.625rem!important;min-width:1.625rem!important;height:1.625rem!important}.sgb-root .sgb-action-strip .sgb-pwa-install>span>button>svg{width:12px;height:12px}}@media (max-width:767px) and (max-height:720px){.sgb-board-hint{min-height:1rem;margin-top:.2rem;margin-bottom:.15rem;font-size:.75rem}.sgb-action-strip{gap:.3rem}.sgb-btn{height:1.875rem;min-height:1.875rem;padding:0 .55rem;font-size:.75rem;gap:.2rem;border-width:1px}.sgb-btn-primary{padding-inline:.7rem}.sgb-btn-icon{width:1.875rem}.sgb-btn-ghost{height:1.625rem;min-height:1.625rem;font-size:.6875rem}.sgb-action-strip .sgb-btn svg{width:12px;height:12px}.sgb-root .sgb-action-strip .sgb-pwa-install>span>button{width:1.875rem!important;min-width:1.875rem!important;height:1.875rem!important}.sgb-root .sgb-action-strip .sgb-pwa-install>span>button>svg{width:12px;height:12px}}@media (max-width:767px) and (max-height:640px){.sgb-board-slot{padding-block:.15rem}.sgb-board-hint{min-height:.75rem;margin-top:.08rem;margin-bottom:.08rem;font-size:.6875rem}.sgb-play-side .sgb-action-strip{gap:.25rem}.sgb-play-side .sgb-numpad{gap:.25rem;margin-top:.35rem}.sgb-play-side .sgb-key{width:1.875rem;font-size:.8125rem}.sgb-play-side .sgb-key,.sgb-play-side .sgb-numpad-erase{height:1.875rem;min-height:1.875rem}.sgb-action-strip{gap:.25rem}.sgb-btn{height:1.625rem;min-height:1.625rem;padding:0 .45rem;font-size:.6875rem}.sgb-btn-primary{padding-inline:.6rem}.sgb-btn-icon{width:1.625rem}.sgb-btn-ghost{height:1.5rem;min-height:1.5rem;font-size:.625rem}.sgb-action-strip .sgb-btn svg{width:11px;height:11px}.sgb-root .sgb-action-strip .sgb-pwa-install>span>button{width:1.625rem!important;min-width:1.625rem!important;height:1.625rem!important}.sgb-root .sgb-action-strip .sgb-pwa-install>span>button>svg{width:11px;height:11px}.sgb-ad-slot{margin-top:.4rem}}.sgb-board-slot{display:flex;min-height:0;flex:1 1 auto;align-items:center;justify-content:center;width:100%;padding-block:clamp(.5rem,1.5vh,.875rem);container-type:size}@media (min-width:768px){.sgb-board-slot{padding-block:clamp(.625rem,1.8vh,1rem)}}.sgb-board{position:relative;box-sizing:border-box;width:min(100cqw,100cqh);height:auto;max-width:100%;max-height:100%;aspect-ratio:1;overflow:hidden;border:3px solid var(--foreground);background:var(--foreground);padding:1px}.sgb-board.is-loading .sgb-cell{background:var(--card);color:transparent;pointer-events:none}.sgb-board.is-loading .sgb-cell:hover{background:var(--card)}.sgb-board-loading{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:.4rem;background:color-mix(in srgb,var(--sgb-paper) 55%,transparent);pointer-events:none}.sgb-board-loading-dot{width:.45rem;height:.45rem;border-radius:0;background:var(--primary);animation:sgb-load-pulse .9s ease-in-out infinite}.sgb-board-loading-dot:nth-child(2){animation-delay:.15s}.sgb-board-loading-dot:nth-child(3){animation-delay:.3s}@keyframes sgb-load-pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.sgb-board.is-busy{opacity:.55;transition:opacity .15s ease}.sgb-board.is-busy .sgb-cell{pointer-events:none}.sgb-board-cells{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:100%;height:100%;gap:1px;background:var(--foreground)}.sgb-cell{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0;border:none;border-radius:0;background:var(--card);color:var(--primary);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color 75ms;appearance:none;-webkit-appearance:none}.sgb-cell,.sgb-digit{font-family:var(--sgb-font-mono);line-height:1}.sgb-digit{font-size:clamp(16px,4vh,32px);font-weight:500;font-variant-numeric:tabular-nums}.sgb-cell:hover:not(.is-selected){background:var(--muted)}.sgb-cell.is-given{color:var(--foreground)}.sgb-cell.is-given .sgb-digit{font-weight:500;color:inherit}.sgb-cell.is-related:not(.is-selected):not(.is-same):not(.is-filled){background:color-mix(in srgb,var(--muted) 30%,transparent)}.sgb-cell.is-related.is-filled:not(.is-selected):not(.is-same){background:color-mix(in srgb,var(--card) 70%,var(--background))}.sgb-cell.is-same:not(.is-selected){background:var(--secondary)}.sgb-cell.is-selected{background:var(--accent);z-index:1}.sgb-cell.is-selected .sgb-digit{color:var(--primary);font-weight:700}.sgb-cell.is-selected.is-given .sgb-digit{color:var(--accent-foreground);font-weight:500}.sgb-cell.is-conflict{color:var(--sgb-conflict)!important;background:color-mix(in srgb,var(--sgb-conflict) 12%,var(--card))}.sgb-cell.is-conflict .sgb-digit{color:inherit}.sgb-cell.is-hint:not(.is-conflict){background:color-mix(in srgb,var(--primary) 18%,var(--card));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 75%,transparent);z-index:2}.sgb-cell.is-hint.is-selected:not(.is-conflict){background:color-mix(in srgb,var(--primary) 30%,var(--accent));box-shadow:inset 0 0 0 3px var(--primary)}.sgb-cell.is-hint-elim:not(.is-conflict){outline:2px dashed color-mix(in srgb,var(--primary) 45%,var(--sgb-ink));outline-offset:-3px}.sgb-cell.box-r{border-right:3px solid var(--foreground)}.sgb-cell.box-b{border-bottom:3px solid var(--foreground)}.sgb-cell.is-cage-tint:not(.is-selected){background:color-mix(in srgb,var(--primary) 5%,var(--card))}.sgb-cell.cage-edge:before{content:"";position:absolute;inset:2px;border-style:dashed;border-color:color-mix(in srgb,var(--primary) 50%,transparent);border-width:0;pointer-events:none;z-index:2}.sgb-cell.cage-t:before{border-top-width:1px}.sgb-cell.cage-r:before{border-right-width:1px}.sgb-cell.cage-b:before{border-bottom-width:1px}.sgb-cell.cage-l:before{border-left-width:1px}.sgb-pencils{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:2px;color:var(--muted-foreground);font-family:var(--sgb-font-mono);font-size:clamp(6px,1.2vh,10px);font-weight:500;line-height:1}.sgb-pencils span{display:flex;align-items:center;justify-content:center}.sgb-cages{pointer-events:none;inset:3px}.sgb-cage-label,.sgb-cages{position:absolute;z-index:3}.sgb-cage-label{padding:1px 2px;font-family:var(--sgb-font-mono);font-size:clamp(8px,1vh,11px);font-weight:500;color:var(--primary);line-height:1;font-variant-numeric:tabular-nums}.sgb-action-strip{display:flex;width:100%;max-width:min(48rem,100%);margin-inline:auto;justify-content:flex-start;gap:.75rem;padding:.15rem 0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.sgb-action-strip::-webkit-scrollbar{display:none}.sgb-mobile-only{display:inline-flex!important}@media (min-width:768px){.sgb-mobile-only{display:none!important}}.sgb-btn{display:inline-flex;height:3rem;min-height:3rem;flex-shrink:0;align-items:center;justify-content:center;gap:.5rem;border:2px solid var(--border);border-radius:0;background:transparent;padding:0 1.25rem;font-family:var(--sgb-font-ui);font-size:.9375rem;font-weight:600;white-space:nowrap;color:var(--foreground);transition:background .12s,border-color .12s,color .12s}.sgb-btn:hover:not(:disabled){border-color:var(--foreground);background:var(--muted)}.sgb-btn:disabled{opacity:.45;cursor:not-allowed}.sgb-btn.is-active{border-color:var(--primary);background:var(--accent);color:var(--primary)}.sgb-btn-primary{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground);padding-inline:1.5rem}.sgb-btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 90%,black);border-color:color-mix(in srgb,var(--primary) 90%,black);color:var(--primary-foreground)}.sgb-btn-icon{width:3rem;padding:0}.sgb-btn-ghost,.sgb-btn-icon{color:var(--muted-foreground)}.sgb-btn-ghost{border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:3px;font-weight:600;height:2.5rem;min-height:2.5rem;padding:0 .5rem}.sgb-btn-ghost:hover:not(:disabled){border-color:transparent;background:var(--muted);color:var(--foreground)}.sgb-numpad{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.75rem;overflow-x:auto;scrollbar-width:none}.sgb-numpad::-webkit-scrollbar{display:none}.sgb-key{display:flex;width:2.5rem;height:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border:2px solid var(--border);border-radius:0;background:transparent;color:var(--foreground);font-family:var(--sgb-font-mono);font-size:1.05rem;font-weight:500;font-variant-numeric:tabular-nums;line-height:1;cursor:pointer}.sgb-key:hover{border-color:var(--foreground);background:var(--muted)}@media (max-width:767px){.sgb-play-board-col,.sgb-play-stage{flex:1 1 auto;min-height:0}.sgb-play-board-col{min-width:0}.sgb-play-side{flex:0 0 auto;width:100%}.sgb-board-slot{flex:1 1 auto;min-height:0;padding-block:.2rem;container-type:size}.sgb-board{width:min(100cqw,100cqh);height:auto;max-width:100%;max-height:100%;aspect-ratio:1}.sgb-board-hint{margin-top:.3rem;margin-bottom:.2rem}.sgb-play-side .sgb-action-strip{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;max-width:100%;margin-inline:0;justify-content:flex-start;overflow-x:auto;gap:.3rem;padding:.1rem 0}.sgb-play-side .sgb-action-strip .sgb-btn{width:auto;height:1.625rem;min-height:1.625rem;padding:0 .3rem;font-weight:400}.sgb-play-side .sgb-action-strip .sgb-btn-primary{padding-inline:.35rem;font-weight:500}.sgb-play-side .sgb-action-strip .sgb-mobile-only{display:inline-flex!important}.sgb-play-side .sgb-numpad{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:.2rem;margin-top:.3rem;overflow-x:auto;width:100%;scrollbar-width:none}.sgb-play-side .sgb-numpad::-webkit-scrollbar{display:none}.sgb-play-side .sgb-key{width:1.625rem;font-size:.6875rem;border-width:1px}.sgb-play-side .sgb-key,.sgb-play-side .sgb-numpad-erase{height:1.625rem;min-height:1.625rem;flex-shrink:0;font-weight:400}.sgb-play-side .sgb-numpad-erase{grid-column:auto;width:auto;padding:0 .2rem}}@media (min-width:768px){.sgb-play-board-col .sgb-board-hint{margin-top:.35rem;margin-bottom:0;justify-content:center;text-align:center}.sgb-play-side .sgb-action-strip{flex-direction:column;width:100%;max-width:none;margin-inline:0;justify-content:flex-start;overflow-x:visible;gap:.5rem;padding:0}.sgb-play-side .sgb-action-strip .sgb-btn{width:100%}.sgb-play-side .sgb-numpad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:stretch;margin-top:.25rem;gap:.35rem;overflow:visible}.sgb-play-side .sgb-key{width:100%;height:2.35rem;min-height:2.35rem}.sgb-play-side .sgb-numpad-erase{grid-column:1/-1;width:100%;height:2.25rem;min-height:2.25rem}}@media (min-width:768px) and (max-height:640px){.sgb-play-side{gap:.35rem;padding-block:0}.sgb-play-side .sgb-action-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem}.sgb-play-side .sgb-action-strip .sgb-btn{width:100%;height:1.875rem;min-height:1.875rem;padding:0 .4rem;font-size:.75rem;gap:.2rem;border-width:1.5px}.sgb-play-side .sgb-action-strip .sgb-btn-primary{padding-inline:.4rem}.sgb-play-side .sgb-action-strip .sgb-btn svg{width:12px;height:12px}.sgb-play-side .sgb-numpad{margin-top:.1rem;gap:.25rem}.sgb-play-side .sgb-key{height:1.75rem;min-height:1.75rem;font-size:.8125rem}.sgb-play-side .sgb-numpad-erase{height:1.625rem;min-height:1.625rem;font-size:.6875rem}}.sgb-root .sgb-pwa-install{display:inline-flex;line-height:0}.sgb-root .sgb-pwa-install>span{display:inline-flex}.sgb-root .sgb-pwa-install>span>button{box-sizing:border-box!important;display:inline-grid!important;place-items:center!important;width:2.25rem!important;min-width:2.25rem!important;height:2.25rem!important;padding:0!important;gap:0!important;border-radius:0!important;border:none!important;background:transparent!important;color:var(--muted-foreground)!important;box-shadow:none!important;opacity:1!important}.sgb-root .sgb-pwa-install>span>button:hover{background:var(--muted)!important;color:var(--foreground)!important}.sgb-root .sgb-action-strip .sgb-pwa-install>span>button{width:3rem!important;min-width:3rem!important;height:3rem!important;border:2px solid var(--border)!important}.sgb-root .sgb-action-strip .sgb-pwa-install>span>button:hover{border-color:var(--foreground)!important}.sgb-root .sgb-pwa-install>span>button>span{display:none!important}.sgb-root .sgb-pwa-install>span>button>svg{width:18px;height:18px}.sgb-seo{border-top:1px solid var(--border);background:var(--sgb-surface)}.sgb-seo-inner{margin:0 auto;max-width:880px;padding:3.5rem 1.25rem 4rem}@media (min-width:1024px){.sgb-seo-inner{padding:4.5rem 2rem 5rem}}.sgb-article{color:var(--sgb-ink)}.sgb-article .article-lead{margin-bottom:2.75rem;padding-bottom:2.25rem;border-bottom:1px solid var(--border)}.sgb-article .article-kicker{margin:0 0 .75rem;font-family:var(--sgb-font-mono);font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sgb-primary)}.sgb-article .article-lead-title{margin:0 0 1.25rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.12;color:var(--sgb-ink)}.sgb-article .article-section{margin-top:2.75rem;padding-top:1.75rem;border-top:1px solid color-mix(in srgb,var(--border) 85%,transparent)}.sgb-article .article-section:first-child{margin-top:0;padding-top:0;border-top:none}.sgb-article .article-section h2{margin:.35rem 0 .9rem;font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:700;letter-spacing:-.025em;line-height:1.2;color:var(--sgb-ink)}.sgb-article .article-section li,.sgb-article .article-section p{font-size:1.0625rem;line-height:1.75;color:var(--muted-foreground);font-weight:500}.sgb-article .article-section p+p{margin-top:1rem}.sgb-article .article-section a{color:var(--sgb-ink);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--sgb-primary) 45%,transparent);text-underline-offset:3px}.sgb-article .article-section a:hover{color:var(--sgb-primary);text-decoration-color:var(--sgb-primary)}.sgb-article .article-section ol,.sgb-article .article-section ul{margin:.85rem 0 0;padding:0;list-style:none}.sgb-article .article-section ol>li,.sgb-article .article-section ul>li{position:relative;padding:.65rem 0 .65rem 1.65rem;border-bottom:1px dashed color-mix(in srgb,var(--border) 80%,transparent)}.sgb-article .article-section ol>li:last-child,.sgb-article .article-section ul>li:last-child{border-bottom:none}.sgb-article .article-section ol{counter-reset:sgb-step}.sgb-article .article-section ol>li{counter-increment:sgb-step}.sgb-article .article-section ol>li:before{content:counter(sgb-step,decimal-leading-zero);position:absolute;left:0;top:.75rem;font-family:var(--sgb-font-mono);font-size:.75rem;font-weight:500;letter-spacing:.04em;color:var(--sgb-primary)}.sgb-article .article-section ul>li:before{content:"";position:absolute;left:.35rem;top:1.15rem;width:.35rem;height:.35rem;background:var(--sgb-primary)}.sgb-article .article-section strong{color:var(--sgb-ink);font-weight:700}.sgb-split{display:grid;gap:1.25rem;margin:.35rem 0 1.1rem;align-items:start}.sgb-split-copy>ol:first-child,.sgb-split-copy>p:first-child,.sgb-split-copy>ul:first-child{margin-top:0}.sgb-split-copy>ol+p,.sgb-split-copy>p+p{margin-top:1rem}@media (min-width:800px){.sgb-split{grid-template-columns:minmax(0,1fr) minmax(12.5rem,17.5rem);gap:1.75rem 2rem;align-items:center}.sgb-split--figure-end .sgb-article-figure{grid-column:2;grid-row:1}.sgb-split--figure-end .sgb-split-copy{grid-column:1;grid-row:1}.sgb-split--figure-start{grid-template-columns:minmax(12.5rem,17.5rem) minmax(0,1fr)}.sgb-split--figure-start .sgb-article-figure{grid-column:1;grid-row:1}.sgb-split--figure-start .sgb-split-copy{grid-column:2;grid-row:1}.sgb-split--figure-end .sgb-article-figure{margin-top:.35rem}.sgb-split--figure-start .sgb-article-figure{margin-top:-.15rem}}.sgb-article-figure{margin:0;width:100%;max-width:22.5rem;justify-self:start;border:1px solid var(--border);background:color-mix(in srgb,var(--sgb-paper) 70%,var(--sgb-surface))}.sgb-split--figure-end .sgb-article-figure{justify-self:end}.sgb-article-figure-frame{display:block;width:100%;background:var(--sgb-paper)}.sgb-article-figure-img{display:block;width:100%;height:auto;max-width:320px;aspect-ratio:320/168}.sgb-article-figure-cap{margin:0;padding:.55rem .75rem .65rem;border-top:1px dashed var(--border);font-size:.875rem;font-weight:500;line-height:1.45;color:var(--muted-foreground)}.sgb-faq-list{display:grid;gap:.65rem;margin-top:1.15rem}.sgb-faq-item{margin:0;border:1px solid var(--border);border-radius:0;background:var(--sgb-surface);transition:background .12s ease,border-color .12s ease}.sgb-faq-item[open]{border-color:color-mix(in srgb,var(--sgb-primary) 35%,var(--border));background:color-mix(in srgb,var(--sgb-selected) 28%,var(--sgb-surface))}.sgb-faq-q{position:relative;display:block;padding:1rem 2.75rem 1rem 1.15rem;list-style:none;cursor:pointer;font-size:1.0125rem;font-weight:700;letter-spacing:-.015em;line-height:1.35;color:var(--sgb-ink);user-select:none}.sgb-faq-q::-webkit-details-marker{display:none}.sgb-faq-q::marker{content:""}.sgb-faq-q:after{content:"+";position:absolute;right:1.05rem;top:50%;transform:translateY(-50%);font-family:var(--sgb-font-mono);font-size:1.2rem;font-weight:500;line-height:1;color:var(--sgb-primary);transition:transform .12s ease}.sgb-faq-item[open]>.sgb-faq-q:after{content:"−"}.sgb-faq-q:hover{color:var(--sgb-primary)}.sgb-faq-a{border-top:1px dashed color-mix(in srgb,var(--border) 80%,transparent);padding:.85rem 1.15rem 1.15rem;margin:-.15rem 0 0;font-size:.95rem;font-weight:500;line-height:1.65;color:var(--muted-foreground);max-width:40rem}.sgb-link-rail{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.35rem}.sgb-link-rail a{display:inline-flex;align-items:center;min-height:2.25rem;padding:.35rem .85rem;border:1px solid var(--border);background:var(--sgb-surface);color:var(--sgb-ink)!important;font-size:.875rem;font-weight:600;text-decoration:none!important;transition:border-color .12s,background .12s,color .12s}.sgb-link-rail a:hover{border-color:var(--sgb-primary);background:var(--sgb-selected);color:var(--sgb-primary)!important}.sgb-compare-line{display:flex;flex-wrap:wrap;gap:.35rem .85rem;margin:.25rem 0 0}.sgb-compare-line span{font-size:.975rem;font-weight:500;color:var(--muted-foreground)}.sgb-root .footer-lang{display:flex;align-items:center;gap:12px}.sgb-root .footer-lang-label{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-foreground)}.sgb-root .footer-lang-picker{position:relative}.sgb-root .footer-lang-static,.sgb-root .footer-lang-trigger{display:inline-flex;align-items:center;height:36px;min-width:132px;border-radius:0;border:1px solid var(--border);background:var(--background);padding:0 10px;font-size:14px;font-weight:600;color:var(--foreground)}.sgb-root .footer-lang-trigger{gap:8px;font-family:inherit;cursor:pointer;transition:border-color .15s ease}.sgb-root .footer-lang-trigger.is-open,.sgb-root .footer-lang-trigger:hover{border-color:var(--sgb-ink)}.sgb-root .footer-lang-trigger-text{flex:1;text-align:left}.sgb-root .footer-lang-chevron{width:16px;height:16px;flex-shrink:0;color:var(--muted-foreground);transition:transform .15s ease}.sgb-root .footer-lang-trigger.is-open .footer-lang-chevron{transform:rotate(180deg)}.sgb-root .footer-lang-menu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:40;width:min(220px,calc(100vw - 40px));max-height:min(320px,52vh);overflow-y:auto;border-radius:0;border:1px solid var(--border);background:var(--card);padding:6px;box-shadow:0 10px 28px rgb(28 25 22/14%);scrollbar-width:thin}.sgb-root .footer-lang-option{display:block;width:100%;border:0;border-radius:0;background:transparent;padding:8px 10px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;color:var(--foreground);text-align:left;cursor:pointer}.sgb-root .footer-lang-option:hover:not(.is-selected){background:var(--muted)}.sgb-root .footer-lang-option.is-selected{background:var(--sgb-selected);color:var(--sgb-primary)}.ttb-root,[data-theme=ttb]{--ttb-coral:#e86a56;--ttb-coral-hover:#d45542;--ttb-steel:#3f8ec4;--ttb-ink:#243041;--ttb-paper:#fff7f2;--ttb-surface:#ffffff;--ttb-empty:#fff1ea;--ttb-pad:#ffe8df;--ttb-line:#e8c4b8;--ttb-win:#ffe0d4;--ttb-sun:#ffb347;--ttb-font-ui:var(--font-public-sans),"Public Sans","Segoe UI",sans-serif;--background:var(--ttb-paper);--foreground:var(--ttb-ink);--card:var(--ttb-surface);--card-foreground:var(--ttb-ink);--primary:var(--ttb-coral);--primary-foreground:#ffffff;--muted:#ffe9df;--muted-foreground:#6b5e66;--border:#f0d0c4;--secondary:var(--ttb-empty);--accent:#e3f2ff;--accent-foreground:var(--ttb-steel);--radius:1.1rem;background:radial-gradient(1000px 480px at 8% -8%,color-mix(in srgb,var(--ttb-coral) 22%,transparent),transparent 58%),radial-gradient(900px 420px at 96% 0,color-mix(in srgb,var(--ttb-steel) 18%,transparent),transparent 52%),radial-gradient(700px 360px at 50% 100%,color-mix(in srgb,var(--ttb-sun) 16%,transparent),transparent 55%),linear-gradient(180deg,#fffaf7 0,var(--ttb-paper) 45%,#fff4ec 100%);color:var(--foreground);max-width:100%;overflow-x:clip;box-sizing:border-box;font-family:var(--ttb-font-ui);font-size:16px;-webkit-text-size-adjust:100%}.ttb-root.ttb-dark{--ttb-coral:#f28a78;--ttb-coral-hover:#e86a56;--ttb-steel:#7ab8e6;--ttb-paper:#22181a;--ttb-surface:#2e2226;--ttb-empty:#3a2c30;--ttb-pad:#34262a;--ttb-line:#7a5558;--ttb-ink:#fff0ea;--ttb-win:#523438;--ttb-sun:#e8a85a;--background:var(--ttb-paper);--foreground:var(--ttb-ink);--card:var(--ttb-surface);--card-foreground:var(--ttb-ink);--muted:#423034;--muted-foreground:#d4b8b0;--border:#554044;--secondary:#3a2c30;--accent:#2e3a4c;color-scheme:dark;background:radial-gradient(900px 420px at 10% -8%,color-mix(in srgb,var(--ttb-coral) 28%,transparent),transparent 58%),radial-gradient(800px 380px at 94% 4%,color-mix(in srgb,var(--ttb-steel) 18%,transparent),transparent 52%),radial-gradient(700px 360px at 50% 110%,color-mix(in srgb,var(--ttb-sun) 14%,transparent),transparent 55%),var(--ttb-paper)}.ttb-root *,[data-theme=ttb] *{box-sizing:border-box}.ttb-root .play-surface{background:transparent}@keyframes ttb-mark-pop{0%{transform:scale(.35);opacity:.2}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.ttb-brand-mark{transform:rotate(3deg);transition:transform .18s ease;box-shadow:0 2px 8px color-mix(in srgb,var(--ttb-coral) 28%,transparent)}.ttb-brand-mark:hover,a:hover .ttb-brand-mark{transform:rotate(12deg)}.ttb-hero-kicker{font-size:.8125rem;letter-spacing:.08em;color:color-mix(in srgb,var(--ttb-coral) 72%,var(--muted-foreground))}.ttb-hero-kicker,.ttb-meta-chip{font-weight:800;text-transform:uppercase}.ttb-meta-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--card) 88%,transparent);padding:.3rem .8rem;font-size:.75rem;letter-spacing:.04em;color:var(--muted-foreground);box-shadow:0 1px 3px color-mix(in srgb,var(--ttb-coral) 8%,transparent);transition:background .15s ease,color .15s ease,transform .12s ease}.ttb-meta-chip.is-on{background:var(--ttb-coral);border-color:var(--ttb-coral);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--ttb-coral) 35%,transparent)}.ttb-meta-chip.is-steel{background:color-mix(in srgb,var(--ttb-steel) 14%,var(--card));color:var(--ttb-steel);border-color:color-mix(in srgb,var(--ttb-steel) 35%,transparent)}.ttb-diff-btn{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);background:var(--card);padding:.35rem .8rem;font-size:.75rem;font-weight:800;color:var(--muted-foreground);white-space:nowrap;box-shadow:0 1px 3px color-mix(in srgb,var(--ttb-coral) 8%,transparent);transition:background .15s ease,color .15s ease,transform .12s ease,box-shadow .15s ease}.ttb-diff-btn:hover{color:var(--foreground);border-color:color-mix(in srgb,var(--ttb-coral) 35%,var(--border));box-shadow:0 4px 12px color-mix(in srgb,var(--ttb-coral) 18%,transparent)}.ttb-diff-btn.is-on,.ttb-diff-btn.is-on:hover{color:#fff;border-color:var(--ttb-coral);box-shadow:0 6px 16px color-mix(in srgb,var(--ttb-coral) 35%,transparent)}.ttb-diff-btn.is-on{background:var(--ttb-coral)}.ttb-board-slot{position:relative;display:flex;min-height:0;flex:1 1 auto;align-items:center;justify-content:center;width:100%;container-type:size}.ttb-board-slot:before{content:"";pointer-events:none;position:absolute;inset:6% 10%;z-index:0;border-radius:999px;background:radial-gradient(circle at 28% 38%,color-mix(in srgb,var(--ttb-coral) 28%,transparent),transparent 55%),radial-gradient(circle at 72% 52%,color-mix(in srgb,var(--ttb-steel) 22%,transparent),transparent 50%),radial-gradient(circle at 50% 80%,color-mix(in srgb,var(--ttb-sun) 20%,transparent),transparent 50%);filter:blur(32px);opacity:.95}.ttb-board-fit{position:relative;z-index:1;box-sizing:border-box;width:min(100cqw,calc(100cqh - 8px),420px);height:auto;max-width:100%;max-height:100%;aspect-ratio:1}.ttb-board-fit.is-ultimate{width:min(100cqw,calc(100cqh - 8px),520px)}.ttb-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;gap:clamp(.4rem,1.8vw,.8rem);padding:clamp(.55rem,2.2vw,1.15rem);border:2px solid color-mix(in srgb,var(--ttb-coral) 22%,var(--border));border-radius:1.6rem;background:linear-gradient(160deg,color-mix(in srgb,var(--ttb-pad) 70%,#fff) 0,var(--ttb-pad) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 16px 40px color-mix(in srgb,var(--ttb-coral) 18%,transparent);overflow:hidden}.ttb-cell{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;border:1px solid color-mix(in srgb,var(--border) 55%,transparent);border-radius:1.05rem;background:var(--card);cursor:pointer;font-size:clamp(1.85rem,7.5vw,3.5rem);font-weight:900;line-height:1;box-shadow:0 3px 10px color-mix(in srgb,var(--ttb-coral) 10%,transparent);transition:background .16s ease,transform .14s ease,box-shadow .16s ease,border-color .16s ease}.ttb-cell:hover:not(:disabled):not(.is-filled){background:color-mix(in srgb,var(--ttb-coral) 10%,var(--card));border-color:color-mix(in srgb,var(--ttb-coral) 40%,var(--border));box-shadow:0 8px 18px color-mix(in srgb,var(--ttb-coral) 18%,transparent);transform:translateY(-2px)}.ttb-cell:active:not(:disabled):not(.is-filled){transform:scale(.96)}.ttb-cell.is-hint{background:color-mix(in srgb,var(--ttb-coral) 14%,var(--card));border-color:var(--ttb-coral);box-shadow:0 0 0 2px color-mix(in srgb,var(--ttb-coral) 35%,transparent)}.ttb-cell.is-win{background:var(--ttb-win);border-color:color-mix(in srgb,var(--ttb-coral) 45%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--ttb-coral) 30%,transparent)}.ttb-cell.is-o,.ttb-cell.is-x{animation:ttb-mark-pop .24s cubic-bezier(.34,1.45,.64,1)}.ttb-cell.is-x{color:var(--ttb-coral);text-shadow:0 2px 0 color-mix(in srgb,var(--ttb-coral) 22%,transparent)}.ttb-cell.is-o{color:var(--ttb-steel);text-shadow:0 2px 0 color-mix(in srgb,var(--ttb-steel) 22%,transparent)}.ttb-cell:disabled{cursor:default}.ttb-ultimate{gap:clamp(.35rem,1.8cqi,.65rem);width:100%;height:100%;padding:clamp(.45rem,2.4cqi,.9rem);border:2px solid color-mix(in srgb,var(--ttb-steel) 20%,var(--border));border-radius:1.6rem;background:linear-gradient(160deg,color-mix(in srgb,var(--ttb-pad) 65%,#fff) 0,var(--ttb-pad) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 16px 40px color-mix(in srgb,var(--ttb-steel) 16%,transparent)}.ttb-mini,.ttb-ultimate{display:grid;grid-template-columns:repeat(3,1fr)}.ttb-mini{position:relative;gap:3px;padding:5px;border-radius:.9rem;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:var(--card);opacity:.55;transition:opacity .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.ttb-mini.is-active{opacity:1;border-color:color-mix(in srgb,var(--ttb-coral) 40%,var(--border));background:color-mix(in srgb,var(--ttb-coral) 10%,var(--card));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ttb-coral) 22%,transparent)}.ttb-mini.is-claimed-draw,.ttb-mini.is-claimed-o,.ttb-mini.is-claimed-x{opacity:1}.ttb-mini.is-claimed-x{background:color-mix(in srgb,var(--ttb-coral) 22%,var(--ttb-empty))}.ttb-mini.is-claimed-o{background:color-mix(in srgb,var(--ttb-steel) 22%,var(--ttb-empty))}.ttb-mini.is-claimed-draw{background:color-mix(in srgb,var(--muted-foreground) 16%,var(--ttb-empty))}.ttb-mini-claim{pointer-events:none;position:absolute;inset:0;z-index:1;display:grid;place-items:center;font-size:clamp(1.6rem,7cqw,2.6rem);font-weight:900;line-height:1;opacity:.92}.ttb-mini-claim.is-x{color:var(--ttb-coral)}.ttb-mini-claim.is-o{color:var(--ttb-steel)}.ttb-mini-cell{aspect-ratio:1;border:none;border-radius:.4rem;background:color-mix(in srgb,var(--ttb-empty) 80%,var(--card));font-size:clamp(.7rem,2.8cqw,1.1rem);font-weight:900;cursor:pointer;transition:background .14s ease,transform .12s ease}.ttb-mini-cell:hover:not(:disabled){background:color-mix(in srgb,var(--ttb-coral) 12%,var(--card));transform:scale(1.04)}.ttb-mini-cell.is-x{color:var(--ttb-coral)}.ttb-mini-cell.is-o{color:var(--ttb-steel)}.ttb-mini-cell.is-hint{box-shadow:inset 0 0 0 2px var(--ttb-coral);background:color-mix(in srgb,var(--ttb-coral) 18%,var(--card))}.ttb-toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ttb-toolbar::-webkit-scrollbar{display:none}.ttb-toolbar>*{flex-shrink:0}.ttb-scorebar{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:.5rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--card) 92%,transparent);padding:.35rem .85rem;font-size:.75rem;font-weight:800;color:var(--muted-foreground);white-space:nowrap;box-shadow:0 3px 12px color-mix(in srgb,var(--ttb-coral) 10%,transparent)}.ttb-scorebar strong{color:var(--foreground);font-variant-numeric:tabular-nums}.ttb-hint-chip{min-height:2.25rem;display:flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--ttb-coral) 28%,var(--border));background:color-mix(in srgb,var(--card) 90%,var(--ttb-coral) 6%);padding:.45rem 1.1rem;font-size:.875rem;font-weight:800;color:var(--foreground);text-align:center;box-shadow:0 4px 14px color-mix(in srgb,var(--ttb-coral) 12%,transparent)}.ttb-status-line{margin-top:.25rem;flex-shrink:0;text-align:center;font-size:.9rem;font-weight:700;color:color-mix(in srgb,var(--ttb-ink) 78%,var(--ttb-coral))}.ttb-status-line.is-end{display:none}.ttb-end-banner{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:.75rem;margin-top:.35rem;border-radius:12px;border:2px solid var(--ttb-coral);background:color-mix(in srgb,var(--ttb-coral) 14%,var(--card));padding:.65rem .85rem;text-align:center}.ttb-end-banner.is-draw{border-color:var(--ttb-steel);background:color-mix(in srgb,var(--ttb-steel) 12%,var(--card))}.ttb-end-banner-copy{min-width:0;text-align:center}.ttb-end-banner-kicker{margin:0;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground)}.ttb-end-banner-title{margin:.1rem 0 0;font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--foreground);line-height:1.2}.ttb-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.ttb-end-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;border-radius:1.35rem;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--ttb-sun) 28%,transparent),transparent 55%),color-mix(in srgb,var(--ttb-paper) 62%,transparent);backdrop-filter:blur(3px);padding:1rem;text-align:center}.ttb-end-overlay .ttb-end-banner-title{margin:0;font-size:clamp(1.25rem,4.5vw,1.6rem)}.ttb-end-overlay .ttb-btn{margin-top:.35rem;pointer-events:auto}.ttb-end-overlay.is-draw{background:color-mix(in srgb,var(--ttb-steel) 12%,color-mix(in srgb,var(--ttb-paper) 55%,transparent))}.ttb-meta-chip.is-end{background:var(--ttb-coral);color:#fff}.ttb-meta-chip.is-end-draw{background:var(--ttb-steel);color:#fff}.ttb-action-strip{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.ttb-action-strip::-webkit-scrollbar{display:none}.ttb-action-strip>*{flex-shrink:0}@media (min-width:1024px){.ttb-action-strip,.ttb-toolbar{flex-wrap:wrap;justify-content:center;overflow-x:visible;padding-bottom:0}}.ttb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;flex-shrink:0;border-radius:1rem;border:1px solid color-mix(in srgb,var(--ttb-coral) 18%,var(--border));background:var(--card);padding:.55rem 1.05rem;font-size:.875rem;font-weight:800;color:var(--foreground);white-space:nowrap;cursor:pointer;box-shadow:0 3px 10px color-mix(in srgb,var(--ttb-coral) 12%,transparent);transition:background .15s ease,transform .12s ease,box-shadow .15s ease}.ttb-btn:hover{background:var(--secondary);transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in srgb,var(--ttb-coral) 18%,transparent)}.ttb-btn:active{transform:scale(.98)}.ttb-btn-primary{background:var(--ttb-coral);border-color:var(--ttb-coral);color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--ttb-coral) 38%,transparent)}.ttb-btn-primary:hover{background:var(--ttb-coral-hover)}.ttb-btn-icon{width:48px;padding-left:0;padding-right:0}.ttb-pwa-install>span>button{width:2.5rem!important;height:2.5rem!important;min-width:2.5rem!important;padding:0!important;gap:0!important;border-radius:.75rem!important;border-color:var(--border)!important;background:var(--card)!important;color:var(--muted-foreground)!important;opacity:1!important}.ttb-pwa-install>span>button>span{display:none!important}.ttb-action-strip .ttb-pwa-install>span>button{width:48px!important;height:48px!important;min-width:48px!important;border-radius:.9rem!important}.ttb-desktop-utils{display:none;align-items:center;gap:.5rem}.ttb-mobile-only{display:inline-flex}@media (min-width:1024px){.ttb-desktop-utils{display:flex}.ttb-mobile-only{display:none!important}}.ttb-btn.is-active{border-color:var(--ttb-steel);color:var(--ttb-steel);background:color-mix(in srgb,var(--ttb-steel) 10%,var(--card))}.ttb-seo{background:linear-gradient(180deg,color-mix(in srgb,var(--ttb-empty) 55%,var(--card)) 0,var(--card) 100%);border-top:1px solid var(--border)}.ttb-seo-inner{margin:0 auto;max-width:720px;padding:2.5rem 1.25rem 3.5rem}.ttb-article .article-kicker{margin:0 0 .35rem;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground)}.ttb-article .article-lead-title,.ttb-article h2{margin:0 0 .75rem;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--foreground)}.ttb-article .article-section{margin-top:2rem}.ttb-article li,.ttb-article p{font-size:1rem;line-height:1.65;color:var(--muted-foreground)}.ttb-article ol,.ttb-article ul{margin:.5rem 0 0;padding-left:1.25rem}.ttb-article .article-lead strong,.ttb-article .article-section strong{color:var(--ttb-ink);font-weight:700}.ttb-split{display:grid;gap:1.25rem;margin:.35rem 0 1.1rem;align-items:start}.ttb-split-copy>ol:first-child,.ttb-split-copy>p:first-child,.ttb-split-copy>ul:first-child{margin-top:0}.ttb-split-copy>p+p,.ttb-split-copy>p+ul,.ttb-split-copy>ul+p{margin-top:1rem}@media (min-width:800px){.ttb-split{grid-template-columns:minmax(0,1fr) minmax(12.5rem,17.5rem);gap:1.75rem 2rem;align-items:center}.ttb-split--figure-end .ttb-article-figure{grid-column:2;grid-row:1;justify-self:end;margin-top:.35rem}.ttb-split--figure-end .ttb-split-copy{grid-column:1;grid-row:1}.ttb-split--figure-start{grid-template-columns:minmax(12.5rem,17.5rem) minmax(0,1fr)}.ttb-split--figure-start .ttb-article-figure{grid-column:1;grid-row:1;justify-self:start;margin-top:-.15rem}.ttb-split--figure-start .ttb-split-copy{grid-column:2;grid-row:1}}.ttb-article-figure{margin:0;width:100%;max-width:22.5rem;justify-self:start;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--ttb-paper) 70%,var(--ttb-surface))}.ttb-article-figure-img{display:block;width:100%;height:auto;max-width:320px;aspect-ratio:320/168;background:var(--ttb-paper)}.ttb-article-figure-cap{margin:0;padding:.55rem .75rem .65rem;border-top:1px dashed var(--border);font-size:.875rem;font-weight:500;line-height:1.45;color:var(--muted-foreground)}.ttb-faq-list{margin:0}.ttb-faq-item{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:10px;background:var(--background)}.ttb-faq-item dt{font-weight:800;color:var(--foreground)}.ttb-faq-item dd{margin:.35rem 0 0;color:var(--muted-foreground)}.ttb-link-rail{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1.25rem;font-weight:700}.ttb-link-rail a{color:var(--ttb-steel)}.ttb-compare-line a,.ttb-link-rail a{text-decoration:underline;text-underline-offset:3px}.ttb-compare-line a{color:var(--ttb-coral);font-weight:700}