@layer components{html:has(.sudoku) .top:not(:has(+.sbt-notice)){margin-block-end:calc(-1 * var(--top-block))}html:has(.sudoku) .sbt-announce{display:none}.sudoku{--gutter:var(--gutter-phone);--bk-cream:#fbf3de;overflow-x:clip}@media (min-width:768px){.sudoku{--gutter:var(--gutter-tablet)}}.sudoku .nw{white-space:nowrap}.sudoku__sr{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.sudoku__stage{block-size:100svh;min-block-size:560px;padding-block:calc(var(--top-block) + var(--space-12)) 0;gap:var(--space-4);grid-template-rows:minmax(0,1fr) auto auto auto;grid-template-columns:minmax(0,1fr);display:grid}.sudoku__view{--w:170;--h:241;touch-action:pan-y;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;direction:ltr;place-items:center;display:grid;position:relative}.sudoku__scene{perspective:calc(var(--w) * 7px);margin-block-start:calc(var(--h) * -.5px);margin-inline-start:calc(var(--w) * -1px);position:absolute;inset-block-start:50%;inset-inline-start:50%}.sudoku__pose{transform-style:preserve-3d}.sudoku__book{inline-size:calc(var(--w) * 2px);block-size:calc(var(--h) * 1px);transform-style:preserve-3d;position:relative}.sudoku__shadow{inline-size:calc(var(--w) * 2.3px);block-size:46px;filter:blur(6px);will-change:transform, opacity;pointer-events:none;background:radial-gradient(closest-side,#5e381a57,#5e381a24 55%,#0000);margin-inline-start:calc(var(--w) * -1.15px);position:absolute;inset-block-end:max(0px, calc(50% - var(--h) * .5px - 34px));inset-inline-start:50%}.sudoku__still{inline-size:calc(var(--w) * 1px);block-size:calc(var(--h) * 1px);border-start-end-radius:3px;border-end-end-radius:3px;display:block;position:absolute;inset-block-start:0;inset-inline-start:50%}.sudoku__book:has(.sudoku__leaf)>.sudoku__still{visibility:hidden}.sudoku__leaves{transform-style:preserve-3d;position:absolute;inset:0}.sudoku__leaf{inline-size:calc(var(--w) * .25px);transform-origin:0;block-size:100%;transform-style:preserve-3d;position:absolute;inset-block-start:0;inset-inline-start:50%}.sudoku__seg{transform-origin:0;block-size:100%;inline-size:100%;transform-style:preserve-3d;position:absolute;inset-block-start:0;inset-inline-start:0}.sudoku__seg .sudoku__seg{inset-inline-start:100%}.sudoku__face{backface-visibility:hidden;background-repeat:no-repeat;background-size:calc(var(--w) * 1px) 100%;background-color:var(--bk-cream);position:absolute;inset-block:0;inset-inline:0 -1px}.sudoku__face.front,.sudoku__flat.front{transform:rotateY(0)}.sudoku__face.back,.sudoku__flat.back{transform:rotateY(180deg)}.sudoku__flat{inline-size:calc(var(--w) * 1px);backface-visibility:hidden;background:var(--bk-cream) no-repeat 0 0 / 100% 100%;position:absolute;inset-block:0;inset-inline-start:0}.sudoku__flat.front,.seg3>.sudoku__face.front{border-start-end-radius:3px;border-end-end-radius:3px}.sudoku__flat.back,.seg3>.sudoku__face.back{border-start-start-radius:3px;border-end-start-radius:3px}.sudoku__flat:after,.seg0>.sudoku__face:after{content:"";pointer-events:none;inline-size:10%;position:absolute;inset-block:0}.seg0>.sudoku__face:after{inline-size:38%}.sudoku__flat.front:after,.seg0>.sudoku__face.front:after{background:linear-gradient(90deg,#3c281938,#3c28190f 40%,#0000);inset-inline-start:0}.sudoku__flat.back:after,.seg0>.sudoku__face.back:after{background:linear-gradient(270deg,#3c281938,#3c28190f 40%,#0000);inset-inline-end:0}.sudoku__leaf:not(.moving) .sudoku__face,.sudoku__leaf.moving>.sudoku__flat,.sudoku__leaf.turned>.sudoku__flat.front,.sudoku__leaf:not(.turned)>.sudoku__flat.back,.sudoku__leaf.under,.sudoku__face.away{visibility:hidden}.sudoku__leaf.moving{z-index:1}.sudoku__face i{opacity:0;pointer-events:none;background:#2a1a0e;position:absolute;inset:0}.sudoku__turns{inline-size:min(100%, calc(var(--w,170) * 2px + 24px));direction:ltr;justify-content:space-between;margin-inline:auto;display:flex}.sudoku__turn{inline-size:var(--touch-min);block-size:var(--touch-min);color:var(--ink-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.sudoku__turn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:32px;inline-size:32px}.sudoku__turn[aria-disabled=true]{opacity:.4;cursor:default}.sudoku__lines{inline-size:min(100%,34rem);margin-inline:auto;display:grid}.sudoku__line{flex-direction:column;grid-area:1/1;display:flex}.sudoku__line:not(:first-child){visibility:hidden;opacity:0}.sudoku__line :is(h1,h2){font-weight:300;line-height:var(--leading-display-arabic);text-wrap:balance;margin:0}.sudoku__line h1{font-size:var(--text-h1)}.sudoku__line h2{font-size:var(--text-title)}[dir=ltr] .sudoku__line :is(h1,h2){font-family:var(--font-latin-display);font-style:italic;font-weight:400;line-height:var(--leading-display-latin)}.sudoku__line p{text-wrap:pretty;max-inline-size:60ch;margin:6px 0 0}.sudoku__dock{z-index:1;inline-size:min(100%,34rem);margin-inline:auto;position:sticky;inset-block-end:0}.sudoku__dock .sbt-dock{padding-block-start:var(--space-8);padding-inline:0}.sudoku__dock .sbt-edge{display:none}.sudoku__dock .sbt-dock__in{flex-wrap:wrap;row-gap:0}.sudoku__dock .sbt-pair{flex:auto}.sudoku__dock .sbt-dock__in>.sbt-notice{flex-basis:100%}.sudoku__deal{align-items:baseline;gap:var(--space-8);font-size:var(--text-caption);text-wrap:balance;margin:0;display:flex}.sudoku__deal:before{content:"";border-block-start:var(--stitch-width) dashed var(--stitch-thread);flex:none;inline-size:14px;translate:0 -.3em}@media (min-width:900px){.sudoku__stage{padding-block:calc(var(--top-block) + var(--space-32)) var(--space-16);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(300px,400px) minmax(0,1fr);column-gap:56px}.sudoku__lines{grid-area:1/1;align-self:end;inline-size:100%}.sudoku__dock{grid-area:2/1;inline-size:100%}.sudoku__view{grid-area:1/2}.sudoku__turns{grid-area:2/2}}.sudoku--calm .sudoku__stage{gap:var(--space-24);grid-template-rows:auto;grid-template-columns:minmax(0,1fr);block-size:auto;min-block-size:0}.sudoku--calm :is(.sudoku__view,.sudoku__turns){display:none}.sudoku--calm .sudoku__lines{gap:var(--space-32);flex-direction:column;grid-row:auto;display:flex}.sudoku--calm .sudoku__line{visibility:visible;opacity:1}.sudoku__strip{scroll-snap-type:x mandatory;margin-inline:calc(var(--gutter) * -1);padding:var(--space-8) var(--gutter) 28px;scrollbar-width:thin;direction:ltr;gap:20px;display:flex;overflow-x:auto}.sudoku__strip figure{scroll-snap-align:center;filter:drop-shadow(0 14px 14px #5e381a2e);flex:none;margin:0;display:flex}.sudoku__strip img{aspect-ratio:1260/1785;background:var(--bk-cream);block-size:auto;inline-size:min(42vw,260px);display:block}.sudoku__strip figure:first-child img,.sudoku__strip figure:last-child img{inline-size:min(64vw,320px)}}