:root{--paper: #14112b;--paper-2: #1b1640;--paper-3: #241d55;--bone: #f1ead9;--bone-dim: rgba(241, 234, 217, .52);--bone-faint: rgba(241, 234, 217, .14);--signal: #ff5c38;--ink-1: #7de08d;--ink-2: #ffd447;--ink-3: #ff9540;--ink-4: #f2545b;--ink-5: #ff6fb5;--ink-6: #4cc5f0;--ink-7: #6d8cff;--ink-8: #a66be0;--shell-1: #8b93a6;--shell-2: #545c73;--chrome: 190px;--frame: 44px;--aspect: 1.15;--board-width: min( calc(100vw - var(--frame)), calc((100dvh - var(--chrome)) / var(--aspect)), 520px );--display: "Big Shoulders Display", "Haettenschweiler", "Arial Narrow", sans-serif;--mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--numerals: "Silkscreen", ui-monospace, monospace;--fall: .19s cubic-bezier(.4, 0, .6, 1)}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip;min-height:100%;background:var(--paper);color:var(--bone);font-family:var(--mono);-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}.app{min-height:100dvh;display:grid;place-items:center;padding:clamp(8px,3vmin,32px);background:radial-gradient(120% 80% at 50% -10%,var(--paper-3) 0%,transparent 60%),var(--paper)}.app__inner{width:min(100%,calc(var(--board-width) + 64px));display:flex;flex-direction:column;gap:clamp(10px,2vmin,18px)}.hud{display:flex;flex-direction:column;gap:4px}.hud__brand{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0;margin-bottom:clamp(14px,6.1vmin,23px)}.wordmark{position:relative;isolation:isolate;margin:0;font-family:var(--display);font-weight:800;font-size:clamp(44px,11vmin,76px);line-height:.8;letter-spacing:.01em;color:var(--bone)}.wordmark:before{content:attr(data-word);position:absolute;left:4px;top:4px;color:var(--signal);z-index:-1}.counts{display:flex;align-items:end;justify-content:flex-end;gap:14px}.counts__list{display:flex;gap:18px;margin:0;text-align:right}.counts__item dt{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-dim)}.counts__value{margin:2px 0 0;font-family:var(--display);font-weight:600;font-size:34px;line-height:1}.counts__value.is-best{color:var(--ink-1)}.fuse{display:flex;align-items:center;gap:12px;padding-top:4px;border-top:1px solid var(--bone-faint)}.fuse__label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-dim)}.fuse__pips{--pip-gap: clamp(5px, 2.1vmin, 8px);--pip-dot: clamp(12px, 4.5vmin, 17px);--pip-chip: clamp(21px, 8vmin, 30px);--pip-split: calc(var(--pip-chip) * .3);display:flex;align-items:center;gap:var(--pip-gap);min-height:var(--pip-chip)}.pip{width:var(--pip-dot);height:var(--pip-dot);border-radius:calc(var(--pip-dot) * .14);background:#f1ead94d;box-shadow:calc(var(--pip-dot) * .1) calc(var(--pip-dot) * .1) 0 #ff5c3833}.pip--next{display:grid;place-items:center;width:var(--pip-chip);height:var(--pip-chip);border:0;border-radius:calc(var(--pip-chip) * .14);background:var(--ink);box-shadow:calc(var(--pip-chip) * .1) calc(var(--pip-chip) * .1) 0 #ff5c3880;color:var(--paper);font-family:var(--numerals);font-size:calc(var(--pip-chip) * .56);font-weight:400;margin-inline-end:var(--pip-split);animation:pip-in .26s cubic-bezier(.2,1.4,.4,1)}.fuse__resting{font-size:13px;color:var(--signal)}@keyframes pip-in{0%{transform:scale(.4) rotate(-8deg);opacity:0}}.board{--gap: max(3px, .9vmin);--cell: calc( (var(--board-width) - (var(--size) - 1) * var(--gap)) / var(--size) );--cell-h: calc(var(--cell) * var(--aspect));--step: calc(var(--cell) + var(--gap));--step-y: calc(var(--cell-h) + var(--gap))}.board{position:relative;width:calc(var(--step) * var(--size) - var(--gap));height:calc(var(--step-y) * var(--size) - var(--gap));margin:0 auto;rotate:-.4deg}.board__paper{position:absolute;inset:calc(var(--gap) * -2);border:1px solid var(--bone-faint);border-radius:6px;background:radial-gradient(circle at calc(var(--cell) / 2 + var(--gap) * 2) calc(var(--cell-h) / 2 + var(--gap) * 2),var(--bone-faint) 0 1px,transparent 1.6px) 0 0 / var(--step) var(--step-y),linear-gradient(180deg,var(--paper-2),rgba(20,17,43,.55));box-shadow:6px 8px #00000059}.board__tiles,.board__columns{position:absolute;inset:0}.board__columns{touch-action:none;display:grid;grid-template-columns:repeat(var(--size),1fr);gap:var(--gap);z-index:3}.column{--aim-glow: linear-gradient( to bottom, transparent, rgba(241, 234, 217, .03) 40%, rgba(241, 234, 217, .12) );border:0;padding:0;border-radius:4px;background:transparent;cursor:pointer;transition:background-color .14s ease;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.column:hover:not(:disabled){background:var(--aim-glow)}}.column:focus-visible{background:var(--aim-glow);outline:2px solid var(--bone);outline-offset:-2px}.column:disabled{cursor:default}.tile{position:absolute;top:0;left:0;width:var(--cell);height:var(--cell-h);display:grid;place-items:center;border-radius:4px;background:var(--ink, var(--shell-2));color:var(--paper);font-family:var(--numerals);font-size:calc(var(--cell) * .58);font-weight:400;box-shadow:3px 3px #ff5c3873;transform:translate(calc(var(--col) * var(--step)),calc(var(--row) * var(--step-y)));transition:transform var(--fall),background-color .2s ease}.tile__face{position:relative;z-index:1;line-height:1}.tile--shells1,.tile--shells2{color:transparent;box-shadow:3px 3px #00000059}.tile--shells1{box-shadow:none}.tile--shells1,.tile--shells2{color:transparent;background:transparent;border:0;box-shadow:none}.tile__shell{position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;image-rendering:pixelated;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.35))}.tile--shells2 .tile__shell{background-image:url(/shells/sealed.png)}.tile--shells1 .tile__shell{background-image:url(/shells/cracked-a.png)}.tile--shells1:nth-child(3n+1) .tile__shell{background-image:url(/shells/cracked-b.png)}.tile--shells1:nth-child(3n+2) .tile__shell{background-image:url(/shells/cracked-c.png)}.tile--fracture{animation:jolt .2s steps(3,end) 1}.tile--shatter{animation:shatter .26s cubic-bezier(.3,0,.2,1) 1}@keyframes jolt{40%{transform:translate(calc(var(--col) * var(--step) + 2px),calc(var(--row) * var(--step-y) - 1px)) rotate(2deg)}70%{transform:translate(calc(var(--col) * var(--step) - 2px),calc(var(--row) * var(--step-y) + 1px)) rotate(-1.5deg)}}@keyframes shatter{30%{transform:translate(calc(var(--col) * var(--step)),calc(var(--row) * var(--step-y))) scale(1.12);filter:brightness(1.7)}60%{transform:translate(calc(var(--col) * var(--step)),calc(var(--row) * var(--step-y))) scale(.9)}}.tile--reveal .tile__face{animation:reveal .42s cubic-bezier(.2,1.3,.4,1)}.tile--reveal{animation:reveal-ink .42s ease-out}@keyframes reveal{0%{transform:scale(.4);opacity:0}40%{opacity:1}}@keyframes reveal-ink{0%{filter:brightness(2.4) saturate(.4)}}.tile__grit{position:absolute;inset:0;pointer-events:none}.tile__grit i{position:absolute;top:50%;left:50%;width:3px;height:3px;background:var(--shell-1);animation:grit .3s ease-out forwards;animation-delay:calc(var(--n) * 12ms);rotate:calc(var(--n) * 41deg)}@keyframes grit{to{transform:translate(calc(cos(var(--n) * 72deg) * var(--cell) * .6),calc(sin(var(--n) * 72deg) * var(--cell) * .6 + 6px)) scale(.4);opacity:0}}.tile--plop{transform-origin:50% 100%;animation:plop-in var(--plop-ms, .18s) linear}@keyframes plop-in{0%{transform:translate(calc(var(--col) * var(--step)),calc(var(--step-y) * -1.15)) scaleY(1.12);animation-timing-function:cubic-bezier(.55,0,.85,1)}70%{transform:translate(calc(var(--col) * var(--step)),calc(var(--row) * var(--step-y))) scaleY(1.06);animation-timing-function:cubic-bezier(.3,0,.2,1)}85%{transform:translate(calc(var(--col) * var(--step)),calc(var(--row) * var(--step-y))) scaleY(.82)}to{transform:translate(calc(var(--col) * var(--step)),calc(var(--row) * var(--step-y))) scaleY(1)}}.board--heaving{animation:quake .3s ease-out}@keyframes quake{0%,to{translate:0 0;rotate:-.4deg}14%{translate:-2px 2px;rotate:-1deg}30%{translate:2px -1px;rotate:.2deg}46%{translate:-2px 1px;rotate:-.9deg}62%{translate:1px -1px;rotate:0deg}80%{translate:-1px 0;rotate:-.6deg}}.board--heaving .board__tiles{animation:heave .56s cubic-bezier(.3,0,.25,1)}@keyframes heave{0%,38%{transform:translateY(0)}58%{transform:translateY(-7px)}to{transform:translateY(0)}}.tile--risen{animation:rise .38s cubic-bezier(.25,0,.2,1)}@keyframes rise{0%{transform:translate(calc(var(--col) * var(--step)),calc(var(--row) * var(--step-y) + var(--step-y)));opacity:.2}70%{opacity:1}}.tile--flash:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--bone);animation:blink .26s ease-out forwards}@keyframes blink{0%{opacity:0}35%{opacity:.9}to{opacity:0}}.tile--pop{animation:pop .17s ease-out forwards;z-index:2}@keyframes pop{to{transform:translate(calc(var(--col) * var(--step)),calc(var(--row) * var(--step-y))) scale(1.35);opacity:0}}.tile--gleam{z-index:3;box-shadow:3px 3px #ff5c3873,0 0 0 3px var(--bone);animation:gleam .7s ease-in-out infinite}.tile--gleam:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 38%,rgba(241,234,217,.8) 50%,transparent 62%);background-size:300% 100%;animation:gleam-sweep .7s ease-in-out infinite}@keyframes gleam{0%,to{box-shadow:3px 3px #ff5c3873,0 0 0 0 var(--bone)}50%{box-shadow:3px 3px #ff5c3873,0 0 0 3px var(--bone)}}@keyframes gleam-sweep{0%{background-position:150% 0}to{background-position:-50% 0}}@media(prefers-reduced-motion:reduce){.tile--gleam:after{display:none}}.burst{position:absolute;top:0;left:0;width:var(--cell);height:var(--cell-h);transform:translate(calc(var(--col) * var(--step)),calc(var(--row) * var(--step-y)));pointer-events:none;z-index:4}.burst i{position:absolute;left:50%;top:50%;width:calc(var(--cell) * .18);height:calc(var(--cell) * .18);background:var(--ink);border-radius:1px;animation:fling .52s cubic-bezier(.15,.7,.3,1) forwards;rotate:calc(var(--n) * 60deg)}@keyframes fling{0%{translate:-50% -50%;opacity:1}to{translate:calc(-50% + cos(var(--n) * 60deg) * var(--cell)) calc(-50% + sin(var(--n) * 60deg) * var(--cell));opacity:0;scale:.4}}.chain{position:absolute;left:50%;top:10px;z-index:6;margin:0;padding:clamp(3px,1vmin,5px) clamp(7px,2.4vmin,12px);border-radius:3px;background:var(--signal);color:var(--paper);font-size:clamp(8px,2.6vmin,13px);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;display:flex;align-items:center;gap:.45em;transform:translate(-50%);box-shadow:3px 3px #00000059;animation:chain-in .56s cubic-bezier(.2,.9,.3,1)}.chain__short{display:none}.chain__count{display:inline-block;font-family:var(--display);font-weight:800;font-size:clamp(15px,5.2vmin,26px);line-height:1;letter-spacing:0}@keyframes chain-in{0%{transform:translate(-50%) scale(.4) rotate(-6deg);opacity:0;background:var(--signal)}40%{transform:translate(-50%) scale(1.7) rotate(2deg);opacity:1;background:#ff6576}to{transform:translate(-50%) scale(1) rotate(0);background:var(--signal)}}.payout{position:absolute;left:50%;top:50%;z-index:8;margin:0;font-family:var(--display);font-weight:800;font-size:clamp(58px,20vw,132px);line-height:1;color:var(--bone);text-shadow:5px 5px 0 var(--signal);white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%);animation:payout-out var(--payout-ms, 1.5s) cubic-bezier(.16,.9,.25,1) forwards}@keyframes payout-out{0%{top:7%;transform:translate(-50%,-50%) scale(.28);opacity:0}12%{opacity:1}34%{top:50%;transform:translate(-50%,-50%) scale(1.16);opacity:1}44%{top:50%;transform:translate(-50%,-50%) scale(1);opacity:1}80%{top:50%;transform:translate(-50%,-50%) scale(1);opacity:1}to{top:50%;transform:translate(-50%,-50%) scale(1.55);opacity:0}}@media(prefers-reduced-motion:reduce){.payout{animation:none;opacity:1}}.board--shaking{animation:shake .22s ease-in-out}@keyframes shake{25%{translate:-3px 1px}50%{translate:2px -2px}75%{translate:-1px 2px}}.rainbow{position:absolute;inset:calc(var(--gap) * -2);border-radius:6px;overflow:hidden;pointer-events:none;z-index:5}.rainbow:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;transform:skew(-12deg);background:linear-gradient(90deg,transparent,rgba(242,84,91,.5),rgba(255,149,64,.5),rgba(255,212,71,.5),rgba(125,224,141,.5),rgba(76,197,240,.5),rgba(166,107,224,.5),transparent);animation:rainbow-cross 1.5s ease-in-out forwards}@keyframes rainbow-cross{to{left:120%}}.ghost--pops{border-style:solid;box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 45%,transparent),0 0 18px color-mix(in srgb,var(--ink) 70%,transparent);animation:ghost-glow .7s ease-in-out infinite!important}@keyframes ghost-glow{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--ink) 70%,transparent),0 0 26px color-mix(in srgb,var(--ink) 95%,transparent)}}.ghost{position:absolute;top:0;left:0;width:var(--cell);height:var(--cell-h);display:grid;place-items:center;border:1px dashed var(--ink);border-radius:4px;color:var(--ink);font-family:var(--numerals);font-size:calc(var(--cell) * .58);font-weight:400;background:color-mix(in srgb,var(--ink) 10%,transparent);opacity:.62;animation:ghost-pulse 1.6s ease-in-out infinite;transform:translate(calc(var(--col) * var(--step)),calc(var(--row) * var(--step-y)));transition:transform .12s ease;z-index:2;pointer-events:none}@keyframes ghost-pulse{50%{background:color-mix(in srgb,var(--ink) 20%,transparent)}}.run{position:absolute;top:0;left:0;border:1px dashed var(--bone-dim);border-radius:5px;transform:translate(calc(var(--col) * var(--step) - var(--gap) / 2),calc(var(--row) * var(--step-y) - var(--gap) / 2));pointer-events:none;z-index:1}.run--vertical{width:calc(var(--cell) + var(--gap));height:calc(var(--span) * var(--step-y))}.run--horizontal{width:calc(var(--span) * var(--step));height:calc(var(--cell-h) + var(--gap))}.run--pops{border-color:var(--bone);border-style:solid;box-shadow:0 0 0 3px #f1ead914}.rule,.controls{margin:0;font-size:12.5px;line-height:1.6;color:var(--bone-dim)}.rule{color:var(--bone);border-left:2px solid var(--signal);padding-left:10px}kbd{font-family:var(--mono);font-size:11px;padding:1px 5px;border:1px solid var(--bone-faint);border-radius:3px}.veil{position:fixed;inset:0;border:0;background:transparent;cursor:pointer;z-index:40}.veil:focus-visible{outline:3px solid var(--bone);outline-offset:-6px}.toggles{display:flex;gap:8px;margin-top:8px}.toggles .button{margin-top:0!important}.over{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#14112bdb;z-index:50;animation:fade .22s ease-out}@keyframes fade{0%{opacity:0}}.over__card{width:min(100%,380px);padding:28px;border:1px solid var(--bone-faint);border-radius:6px;background:var(--paper-2);box-shadow:8px 10px 0 var(--signal);rotate:-.4deg;animation:card-in .32s cubic-bezier(.2,1.1,.4,1)}@keyframes card-in{0%{transform:translateY(14px);opacity:0}}.over__eyebrow{margin:0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--signal)}.over__heading{margin:6px 0 18px;font-family:var(--display);font-weight:800;font-size:46px;line-height:.9}.over__score{display:flex;align-items:baseline;gap:10px;margin:0 0 6px}.over__number{font-family:var(--display);font-weight:800;font-size:60px;line-height:.8;color:var(--ink-1)}.over__unit,.over__best,.over__hint{font-size:12.5px;color:var(--bone-dim)}.over__best{margin:0 0 20px}.button{width:100%;padding:12px;border:0;border-radius:4px;background:var(--bone);color:var(--paper);font-family:var(--mono);font-size:14px;letter-spacing:.04em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:3px 3px 0 var(--signal)}.button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--signal)}.button:focus-visible{outline:2px solid var(--ink-1);outline-offset:2px}.over__hint{margin:10px 0 0;text-align:center}@media(max-width:420px){.counts__value{font-size:26px}.rule,.controls{font-size:11.5px}}@media(pointer:coarse){:root{--chrome: 150px;--frame: 25px}.board__paper{inset:calc(var(--gap) * -1);box-shadow:4px 5px #00000059}.over{padding:12px}.app{place-items:center}body:after{mix-blend-mode:normal;opacity:.12}.app{padding:4px}.app__inner{gap:8px}.hud{gap:2px}.hud__brand{gap:8px}}@media(prefers-reduced-motion:reduce){*,*:after,*:before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.splash{width:min(100%,540px);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;animation:splash-in .42s ease-out}@keyframes splash-in{0%{opacity:0}}.splash__wordmark{font-size:clamp(56px,17vmin,108px)}.splash .home__tagline{margin:0 auto}.splash__prompt{margin:clamp(20px,6vmin,44px) 0 0;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-dim);animation:splash-breathe 2.6s ease-in-out infinite}.splash--resume .splash__prompt{margin-top:0;font-size:14px;color:var(--bone)}@keyframes splash-breathe{50%{color:var(--bone)}}@media(prefers-reduced-motion:reduce){.splash,.splash__prompt{animation:none}}.splash__touch{display:none}.home{width:min(100%,540px);display:flex;flex-direction:column;gap:14px}.home__tagline{margin:-2px 0 6px;max-width:40ch;font-size:13px;line-height:1.45;letter-spacing:.02em;color:var(--bone-dim)}.menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.menu__item{width:100%;display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"name  score key" "blurb score key";align-items:center;gap:2px 14px;padding:12px 14px;border:1px solid var(--bone-faint);border-radius:5px;background:var(--paper-2);color:var(--bone);font-family:var(--mono);text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.menu__item:hover,.menu__item:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--signal);background:var(--paper-3)}.menu__item:focus-visible{outline:2px solid var(--bone);outline-offset:2px}.menu__name{grid-area:name;align-self:end;font-family:var(--display);font-weight:800;font-size:clamp(26px,7vw,32px);line-height:.95}.menu__blurb{grid-area:blurb;align-self:start;font-size:12px;line-height:1.3;color:var(--bone-dim)}.menu__score{grid-area:score;display:flex;flex-direction:column;align-items:flex-end;gap:1px}.menu__key{grid-area:key}.menu__label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-dim)}.menu__best{font-family:var(--display);font-weight:600;font-size:26px;line-height:1;color:var(--ink-1)}.menu__best:not(.menu__best--set){color:var(--bone-faint)}.menu__key{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--bone-faint);border-radius:3px;font-size:11px;color:var(--bone-dim)}.home__rule{margin-top:4px}.wordmark--small{font-size:clamp(53px,12.25vmin,74px);margin-top:-.3em}.hud__mode{font-family:var(--display);font-weight:800;font-size:clamp(18px,5.5vmin,26px);line-height:.95;color:var(--signal)}.pause-button{align-self:end;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--bone-faint);border-radius:3px;background:transparent;color:var(--bone);cursor:pointer;transition:background-color .12s ease,transform .16s ease}.cog{display:block;width:20px;height:20px;fill:currentColor;transition:transform .24s ease}.pause-button:hover{background:#f1ead914}.pause-button:hover .cog,.pause-button:focus-visible .cog{transform:rotate(60deg)}.column--locked{cursor:default}.column--target{position:relative;background:linear-gradient(to bottom,transparent,rgba(255,92,56,.04) 40%,rgba(255,92,56,.16));box-shadow:inset 0 0 0 1px #ff5c3873;animation:target 1.8s ease-in-out infinite}.column--target:before{content:"▼";position:absolute;top:4px;left:50%;transform:translate(-50%);color:var(--signal);font-size:11px}@keyframes target{50%{box-shadow:inset 0 0 0 1px #ff5c38e6}}.button--quiet{background:transparent;color:var(--bone);border:1px solid var(--bone-faint);box-shadow:none}.button--quiet:hover{background:#f1ead914;box-shadow:none;transform:none}.over__card .button+.button{margin-top:8px}.lesson{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--bone-faint);border-left:2px solid var(--signal);border-radius:5px;background:var(--paper-2)}.lesson__head{display:flex;flex-direction:column;gap:2px}.lesson__step{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--signal)}.lesson__title{margin:0;font-family:var(--display);font-weight:800;font-size:26px;line-height:1}.lesson__text{margin:0;font-size:13px;line-height:1.65;color:var(--bone)}.lesson__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lesson__actions .button{width:auto;padding:9px 16px}.lesson__actions .button+.button{margin-top:0}.lesson__waiting{margin:0;font-size:12px;color:var(--bone-dim)}@media(pointer:coarse){.menu__key,.controls,.over__hint,.over__hint--fine,.splash__key,kbd{display:none}.splash__touch{display:inline}}@media(orientation:landscape){:root{--chrome: clamp(16px, 7vmin, 70px);--frame: clamp(136px, 41vw, 320px)}.app{padding:clamp(6px,1.6vw,24px)}.app__inner{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"brand  board fuse" ".      board cog" "counts board controls";align-content:center;align-items:start;gap:clamp(6px,2vmin,16px) clamp(8px,2.5vmin,20px)}.hud{display:contents}.hud__brand,.counts,.fuse,.controls{align-items:center;text-align:center}.hud__brand{grid-area:brand;flex-direction:column;gap:20px;margin-bottom:0}.counts{display:contents}.counts__list{grid-area:counts;flex-direction:row;align-self:end;justify-self:center;gap:clamp(10px,3vmin,18px);text-align:center}.board{grid-area:board}.fuse{grid-area:fuse;flex-direction:column;gap:4px;padding-top:0;border-top:0}.fuse__pips{--pip-gap: clamp(3px, 1.2vmin, 8px);--pip-dot: clamp(9px, 4vmin, 17px);--pip-chip: clamp(19px, 8.6vmin, 30px);flex-direction:column;align-items:center;gap:var(--pip-gap);min-height:calc(var(--pip-chip) + var(--pip-split) + 4 * (var(--pip-dot) + var(--pip-gap)))}.fuse__pips .pip--next{margin-inline-end:0;margin-block-end:var(--pip-split)}.pause-button{grid-area:cog;align-self:end;justify-self:center}.controls{grid-area:controls;align-self:start;margin:clamp(6px,2vmin,14px) 0 0}.wordmark--small{font-size:clamp(20px,8.2vmin,46px);margin-top:0}.hud__mode{font-size:clamp(13px,4.2vmin,22px)}.counts__value{font-size:clamp(18px,6.5vmin,34px)}.counts__item dt,.fuse__label{font-size:clamp(9px,2.4vmin,11px);letter-spacing:.1em}.pause-button{width:clamp(28px,13vmin,40px);height:clamp(28px,13vmin,40px)}.cog{width:clamp(15px,7vmin,20px);height:clamp(15px,7vmin,20px)}}@media(max-height:480px){.over{align-items:safe center;padding:clamp(6px,2.5vh,20px);overflow-y:auto}.over__card{padding:clamp(12px,4vh,28px)}.over__eyebrow{font-size:clamp(9px,2.4vh,11px)}.over__heading{margin:4px 0 clamp(6px,2vh,18px);font-size:clamp(20px,9vh,46px)}.over__number{font-size:clamp(24px,13vh,60px)}.over__card .button{padding:clamp(6px,2vh,12px);font-size:clamp(11px,3vh,14px)}.over__card .button+.button,.toggles{margin-top:clamp(4px,1.2vh,8px)}.over__hint,.chain__long{display:none}.chain__short{display:inline}}@media(orientation:landscape)and (min-width:900px){.app__inner{width:min(100%,calc(var(--board-width) + 2 * clamp(150px,20vw,260px)))}}@media(orientation:landscape)and (pointer:coarse){.app__inner{grid-template-areas:"brand  board fuse" ".      board ." "counts board cog"}}