:root{color-scheme:light;--page: #faf6ef;--panel: #fffcf6;--board: #ede4d4;--cell: #e3d8c4;--ink: #4a3527;--ink-muted: #6e5a47;--ink-cream: #fff8ee;--line: #ddd0ba;--accent: #b84f26;--accent-strong: #9c2d20;--accent-deep: #7e1a22;--gold: #f0b429;--slag: #736a60;--radius-tile: 8px;--radius-panel: 14px;--gap: clamp(6px, 1.7vw, 12px);--slide-ms: .12s;--pop-ms: .14s;--appear-ms: .16s;--ease-slide: cubic-bezier(.22, .68, .36, 1);--font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-text-size-adjust:100%}h1,h2,h3{line-height:1.25;letter-spacing:-.01em}h1{font-size:clamp(2rem,6vw,2.9rem);margin:0 0 .5rem}h2{font-size:clamp(1.35rem,3.4vw,1.75rem);margin:0 0 .6rem}h3{font-size:1.1rem;margin:0 0 .35rem}a{color:var(--accent-strong);text-underline-offset:2px}a:hover{color:var(--accent-deep)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:var(--board);border-radius:4px;padding:.1em .35em}:focus-visible{outline:3px solid var(--accent-deep);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:.5rem;top:-3rem;z-index:20;background:var(--accent);color:var(--ink-cream);padding:.6rem 1rem;border-radius:0 0 8px 8px;transition:top .12s ease-out}.skip-link:focus{top:0;color:var(--ink-cream)}.site-header,main,.site-footer{max-width:62rem;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding-block:1rem}.brand{font-weight:800;font-size:1.05rem;letter-spacing:.02em}.brand a{text-decoration:none;color:inherit}.brand__mark{color:var(--accent-strong);margin-left:.35em}.navlist{display:flex;flex-wrap:wrap;gap:.4rem 1rem;list-style:none;margin:0;padding:0;font-size:.95rem}main{padding-bottom:3rem}section{margin-block:2.5rem}.intro{font-size:1.05rem;max-width:60ch}.game{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);padding:clamp(.9rem,3vw,1.5rem);margin-block:1.5rem}.screen__title{margin:0 0 .75rem;font-size:1.3rem}.tier-form{margin:0}.tier-fieldset,.size-fieldset{border:0;padding:0;margin:0 0 1.25rem;min-inline-size:0}.tier-fieldset>legend,.size-fieldset>legend{padding:0;font-weight:700}.tier-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.tier{display:flex;gap:.75rem;align-items:flex-start;padding:.8rem .9rem;border:2px solid var(--line);border-radius:10px;background:var(--page);cursor:pointer}.tier:hover{border-color:var(--accent)}.tier input{margin:.35rem 0 0;accent-color:var(--accent);width:1.1rem;height:1.1rem;flex:none}.tier:has(input:checked){border-color:var(--accent);background:#fff;box-shadow:inset 0 0 0 1px var(--accent)}.tier:has(input:focus-visible){outline:3px solid var(--accent-deep);outline-offset:2px}.tier__body{display:block}.tier__name{display:block;font-weight:700}.tier__tag{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-cream);background:var(--accent);border-radius:999px;padding:.1em .6em;vertical-align:.1em}.tier__blurb{display:block;color:var(--ink-muted);font-size:.95rem}.tier__best{display:block;margin-top:.3rem;font-size:.85rem;font-weight:600;color:var(--accent-strong)}.size-fieldset{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.size-fieldset>legend{float:none}.chip{display:inline-flex;align-items:center;gap:.4rem;border:2px solid var(--line);border-radius:999px;padding:.35rem .9rem;background:var(--page);cursor:pointer;font-weight:600}.chip input{accent-color:var(--accent);margin:0}.chip:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.chip:has(input:focus-visible){outline:3px solid var(--accent-deep);outline-offset:2px}.hint{color:var(--ink-muted);font-size:.9rem;margin:.35rem 0 0;flex-basis:100%}.linkish{background:none;border:0;padding:0;font:inherit;color:var(--accent-strong);text-decoration:underline;cursor:pointer}.btn{font:inherit;font-weight:600;color:var(--ink);background:var(--page);border:2px solid var(--line);border-radius:10px;padding:.55rem 1.05rem;cursor:pointer;min-height:2.75rem}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:1;color:var(--ink-muted);background:var(--board);border-color:var(--line);cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--ink-cream)}.btn--primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn--primary:disabled{background:var(--slag);border-color:var(--slag);color:var(--ink-cream)}.btn--wide{width:100%}.btn--quiet{border-style:dashed}.controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.hud{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.stat{flex:1 1 8rem;background:var(--board);border-radius:10px;padding:.5rem .75rem;min-height:4.1rem}.stat--small{flex:1 1 7rem}.stat__label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--ink-muted)}.stat__scope{display:block;text-transform:none;letter-spacing:0;font-weight:600;color:var(--ink)}.stat__value{font-size:1.5rem;font-variant-numeric:tabular-nums;line-height:1.2}.timer{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.timer__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--ink-muted);flex:none}.timer__track{flex:1;height:10px;border-radius:999px;background:var(--board);overflow:hidden;display:block}.timer__bar{display:block;height:100%;width:100%;border-radius:999px;background:var(--accent);transform-origin:left center}.timer--low .timer__bar{background:var(--accent-deep)}.stage{position:relative;width:100%;max-width:30rem;margin-inline:auto;aspect-ratio:1 / 1}.board{position:absolute;inset:0;background:var(--board);border-radius:12px;padding:var(--gap);touch-action:none;-webkit-user-select:none;user-select:none;--n: 4;--cell-size: calc((100% - (var(--n) - 1) * var(--gap)) / var(--n))}.cells,.tiles{position:absolute;inset:var(--gap)}.cells{display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:var(--gap)}.cell{background:var(--cell);border-radius:var(--radius-tile)}.tiles{container-type:size}.tile{position:absolute;top:0;left:0;width:var(--cell-size);height:var(--cell-size);display:grid;place-items:center;border-radius:var(--radius-tile);font-weight:800;font-variant-numeric:tabular-nums;font-size:1.4rem;transform:translate3d(calc(var(--col) * (100% + var(--gap))),calc(var(--row) * (100% + var(--gap))),0);transition:transform var(--slide-ms) var(--ease-slide);will-change:transform}.tile__face{display:block;line-height:1}.tile--hidden{opacity:0}.tile--shatter{opacity:.35}@supports (width: 1cqw){.tile{font-size:calc(44cqw / var(--n))}.tile--d3{font-size:calc(36cqw / var(--n))}.tile--d4{font-size:calc(29cqw / var(--n))}.tile--d5{font-size:calc(24cqw / var(--n))}}.tile--v2{background:#f5ebd9;color:var(--ink)}.tile--v4{background:#efe0c2;color:var(--ink)}.tile--v8{background:#eacb93;color:var(--ink)}.tile--v16{background:#e6b771;color:var(--ink)}.tile--v32{background:#e3a75b;color:var(--ink)}.tile--v64{background:#e09a4e;color:var(--ink)}.tile--v128{background:#b84f26;color:var(--ink-cream)}.tile--v256{background:#ab3e22;color:var(--ink-cream)}.tile--v512{background:#9c2d20;color:var(--ink-cream)}.tile--v1024{background:#8d231f;color:var(--ink-cream)}.tile--v2048{background:#7e1a22;color:var(--ink-cream)}.tile--v4096,.tile--v8192{background:#6a1526;color:var(--ink-cream)}.tile--v2048 .tile__face,.tile--v4096 .tile__face,.tile--v8192 .tile__face{text-shadow:0 0 12px rgba(240,180,41,.55)}.tile--fusion{background:var(--gold);color:var(--ink);box-shadow:inset 0 0 0 3px #fff3d0}.tile--slag{background:var(--slag);color:var(--ink-cream);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.09) 0 6px,transparent 6px 12px)}@keyframes tile-appear{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes tile-pop{0%{transform:scale(1)}45%{transform:scale(1.15)}to{transform:scale(1)}}.tile--appear .tile__face{animation:tile-appear var(--appear-ms) ease-out}.tile--pop .tile__face{animation:tile-pop var(--pop-ms) ease-out}.delta{position:absolute;top:0;left:0;width:var(--cell-size);height:var(--cell-size);display:grid;place-items:center;font-weight:800;font-size:.95rem;color:var(--ink);text-shadow:0 1px 0 rgba(255,248,238,.9);pointer-events:none;transform:translate3d(calc(var(--col) * (100% + var(--gap))),calc(var(--row) * (100% + var(--gap))),0);animation:delta-rise .6s ease-out forwards}@keyframes delta-rise{0%{opacity:0;margin-top:0}25%{opacity:1}to{opacity:0;margin-top:-1.6rem}}.board-help{color:var(--ink-muted);font-size:.9rem;margin:.9rem 0 0}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#faf6efeb;border-radius:12px;padding:1rem}.overlay__card{background:var(--panel);border:2px solid var(--accent);border-radius:var(--radius-panel);padding:1.1rem 1.2rem;max-width:24rem;text-align:center;box-shadow:0 12px 30px #4a35272e}.overlay__title{margin:0 0 .4rem;font-size:1.4rem}.overlay__text{margin:0 0 .8rem;color:var(--ink-muted)}.summary{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.5;text-align:left;white-space:pre-wrap;background:var(--board);border-radius:8px;padding:.7rem .8rem;margin:0 0 .9rem;overflow-wrap:anywhere}.overlay__actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}dialog.menu{border:2px solid var(--line);border-radius:var(--radius-panel);background:var(--panel);color:var(--ink);padding:clamp(1rem,3vw,1.5rem);max-width:min(38rem,92vw);width:100%}dialog.menu::backdrop{background:#4a352773}.menu__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.steps,.features{max-width:62ch;padding-left:1.2rem}.steps li,.features li{margin-bottom:.55rem}.tier-glossary{max-width:62ch;margin:0}.tier-glossary dt{font-weight:700;margin-top:.7rem}.tier-glossary dd{margin:.1rem 0 0;color:var(--ink-muted)}.faq-item{border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem;max-width:66ch}.faq-item p{margin:0;color:var(--ink-muted)}.noscript{border:2px solid var(--accent);border-radius:10px;padding:.9rem 1rem;background:var(--panel);max-width:62ch}.site-footer{border-top:1px solid var(--line);padding-block:1.5rem 2.5rem;color:var(--ink-muted);font-size:.95rem}.footer-links{display:flex;gap:1rem;margin:.4rem 0 0}.page-doc article{max-width:66ch}.page-doc h2{font-size:1.2rem;margin-top:1.8rem}.page-doc ul{padding-left:1.2rem}.page-doc li{margin-bottom:.5rem}.doc-meta{color:var(--ink-muted);font-size:.9rem;border-top:1px solid var(--line);padding-top:1rem;margin-top:2rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile{transition:none}.tile--appear .tile__face,.tile--pop .tile__face,.delta{animation:none}.delta{display:none}.skip-link{transition:none}}