.board{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;--secret-opacity:1;--seam-fade:.15s;--secret-fade:.6s;--frame-fade:.15s;--bevel-atlas:image-set(url(/assets/bevel-atlas.avif) type("image/avif"), url(/assets/bevel-atlas.webp) type("image/webp"));--lift-px:24;--panel-z:1600;--shadow-color:#00000042;background-color:#101012;background-image:-webkit-image-set(url(/assets/board-base.avif) 1x type("image/avif"),url(/assets/board-base.webp) 1x type("image/webp"));background-image:image-set("/assets/board-base.avif" 1x type("image/avif"),"/assets/board-base.webp" 1x type("image/webp"));background-size:var(--board-w) var(--board-h);background-repeat:no-repeat}.piece{width:var(--piece-w);height:var(--piece-h);background-image:var(--stage-image);background-size:var(--board-w) var(--board-h);background-position:var(--img-x) var(--img-y);transform:translate3d(calc(var(--px) + var(--fly-x,0px)), calc(var(--py) + var(--fly-y,0px)), 0);background-repeat:no-repeat;position:absolute;top:0;left:0}.piece:after{content:"";z-index:3;mix-blend-mode:plus-lighter;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.piece--flash:after{animation:.3s linear piece-flash}@keyframes piece-flash{0%{opacity:.5}to{opacity:0}}.piece:before{content:"";z-index:0;opacity:.2;transition:opacity var(--secret-fade,0s) linear;pointer-events:none;background:#000;position:absolute;inset:0}.board--secret-exit .piece:before,.board--secret-gone .piece:before{opacity:0}.piece--tiled{background-image:var(--tile-image);background-position:0 0;background-size:100% 100%}.piece-secret{z-index:1;background-image:var(--secret-image);background-size:var(--board-w) var(--board-h);background-position:var(--sec-x) var(--sec-y);opacity:var(--secret-opacity);transition:opacity var(--secret-fade,0s) linear;background-repeat:no-repeat;position:absolute;inset:0}.board--secret-shake .piece-secret{animation:.3s linear secret-shake}@keyframes secret-shake{0%,to{transform:translate(0,0)}12%{transform:translate(4px,-3px)}25%{transform:translate(-5px,2px)}37%{transform:translate(3px,4px)}50%{transform:translate(-4px,-4px)}62%{transform:translate(5px,1px)}75%{transform:translate(-3px,3px)}87%{transform:translate(2px,-2px)}}.board--secret-exit .piece-secret{opacity:.3;transform:translate3d(var(--secret-exit-x,0px), var(--secret-exit-y,0px), 0);transition:opacity var(--secret-fade,0s) linear, transform var(--secret-fade,0s) ease-in}.board--secret-gone .piece-secret{opacity:0;transition:none}.seam{z-index:2;background-image:var(--bevel-atlas);background-size:calc(var(--board-w) * 4) calc(var(--board-h) * 2);background-repeat:no-repeat;background-position:calc(-1 * (var(--px) + var(--edge-dx,0px)) - var(--face,0) * var(--board-w)) calc(-1 * (var(--py) + var(--edge-dy,0px)) - var(--lift,0) * var(--board-h));opacity:1;transition:opacity var(--seam-fade) linear;position:absolute}.piece--dragging>.seam{--lift:1}.seam--joined{opacity:0}.seam--under{z-index:0}.seam--top{--face:0;height:2px;top:0;left:0;right:0}.seam--bottom{--face:1;--edge-dy:calc(var(--piece-h) - 2px);height:2px;bottom:0;left:0;right:0}.seam--left{--face:2;width:2px;top:0;bottom:0;left:0}.seam--right{--face:3;--edge-dx:calc(var(--piece-w) - 2px);width:2px;top:0;bottom:0;right:0}.piece--displacing{z-index:1;transition:transform .2s linear}.piece--dragging{z-index:3;transition:none}.piece--oob{opacity:.55}.drag-layer{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:visible}.drag-shadow-path{fill:var(--shadow-color)}.drop-candidate{fill:#ffffff29}.preview{fill:none;stroke-width:2px}.preview--decomposed{stroke:#ff3b30f2}.preview--displaced{stroke:#ffffffe6}.board-frame{pointer-events:none;position:absolute;inset:0}.frame-bevel{background-image:var(--bevel-atlas);background-size:calc(var(--board-w) * 4) calc(var(--board-h) * 2);background-repeat:no-repeat;background-position:calc(-1 * var(--fx,0px) - var(--face,0) * var(--board-w)) calc(-1 * var(--fy,0px));position:absolute}.frame-bevel--top{--face:1;height:2px;top:0;left:0;right:0}.frame-bevel--bottom{--face:0;--fy:calc(var(--board-h) - 2px);height:2px;bottom:0;left:0;right:0}.frame-bevel--left{--face:3;width:2px;top:0;bottom:0;left:0}.frame-bevel--right{--face:2;--fx:calc(var(--board-w) - 2px);width:2px;top:0;bottom:0;right:0}.board--cleared .seam,.board--cleared .frame-bevel{opacity:0;transition:opacity var(--frame-fade) linear}.board-complete,.board-outro{z-index:4;background-image:var(--complete-image,none);opacity:0;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.board--cleared .board-complete{opacity:1;transition:opacity var(--frame-fade) linear}.board--cleared .board-outro{animation:.7s ease-out forwards board-outro}@keyframes board-outro{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}.qr-stamp{width:calc(33px / var(--board-scale,1));height:calc(33px / var(--board-scale,1));opacity:.7;pointer-events:none;position:absolute;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12.12% 87.88%,#0000 100%),linear-gradient(#0000 0%,#000 12.12% 87.88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 12.12% 87.88%,#0000 100%),linear-gradient(#0000 0%,#000 12.12% 87.88%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.qr-stamp svg{width:100%;height:100%;display:block}.qr-stamp--tl{top:0;left:0}.qr-stamp--tr{top:0;right:0}.qr-stamp--bl{bottom:0;left:0}.qr-stamp--br{bottom:0;right:0}@media (prefers-reduced-motion:reduce){.board{--seam-fade:0s;--secret-fade:0s;--frame-fade:0s}.board--cleared .board-outro,.board--secret-shake .piece-secret{animation:none}.piece-secret,.piece--displacing{transition:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--board-w:360px;--board-h:480px;--board-scale:1}html,body{overscroll-behavior:none;color:#eee;background:#111;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#app{box-sizing:border-box;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:none;grid-template-rows:auto minmax(0,1fr) auto;display:grid}.app-header{letter-spacing:.04em;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.9rem;font-weight:600;display:flex}.board-stage{min-height:0;position:relative;overflow:hidden}.board{width:var(--board-w);height:var(--board-h);transform:translateX(-50%) scale(var(--board-scale));transform-origin:50% 0;position:absolute;top:0;left:50%}.app-outbound{color:#999;place-items:center;min-height:2.75rem;padding:0 .75rem;font-size:.8rem;display:grid}.app-outbound>*{grid-area:1/1}.app-outbound-links{flex-wrap:wrap;justify-content:center;align-items:center;column-gap:1rem;display:flex}.app-outbound-links>*{white-space:nowrap}.clear-banner{z-index:10;pointer-events:none;letter-spacing:.12em;color:#fff;text-shadow:0 2px 16px #000000b3;justify-content:center;align-items:center;font-size:3rem;font-weight:700;display:flex;position:absolute;inset:0}.rule-hint{z-index:10;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.rule-hint[hidden]{display:none}.rule-hint-panel{text-align:center;background:#1d1d1d;border:1px solid #b7282e;border-radius:.6rem;flex-direction:column;align-items:center;gap:1rem;max-width:22rem;padding:1.25rem 1.5rem;display:flex}.rule-hint-text{margin:0;font-size:1rem;font-weight:600;line-height:1.7}.rule-hint-ok{color:#fff;cursor:pointer;background:#b7282e;border:none;border-radius:.5rem;min-width:7rem;padding:.5rem 1.25rem;font-size:1rem}.rule-hint-ok:focus-visible{outline-offset:2px;outline:2px solid #fff}.clear-banner[hidden]{display:none}.clear-banner--fading{opacity:0;transition:opacity .4s linear}.next-stage{visibility:hidden;opacity:0;color:#eee;letter-spacing:.06em;border:1px solid #666;border-radius:.5rem;padding:.5rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none}.next-stage--visible{visibility:visible;opacity:1;transition:opacity .3s linear}.next-stage:focus-visible{outline-offset:2px;outline:2px solid #fff}.outbound-link{visibility:hidden;opacity:0;color:#c9a;text-underline-offset:.2em;padding:.5rem 0;font-size:.85rem;text-decoration:underline}.outbound-link--visible{visibility:visible;opacity:1;transition:opacity .3s linear}.outbound-link:focus-visible{outline-offset:2px;outline:2px solid #fff}.social-link{visibility:hidden;opacity:0;color:#999;white-space:nowrap;text-underline-offset:.2em;padding:.5rem 0;font-size:.8rem;text-decoration:underline}.social-link--visible{visibility:visible;opacity:1;transition:opacity .3s linear}.social-link:focus-visible{outline-offset:2px;outline:2px solid #fff}.skip-stage{color:#999;text-underline-offset:.2em;padding:.5rem 0;font-size:.85rem;text-decoration:underline}.skip-stage:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (prefers-reduced-motion:reduce){.clear-banner--fading,.next-stage--visible,.outbound-link--visible,.social-link--visible{transition:none}}.interstitial{z-index:50;background:#111114eb;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.interstitial-card{text-align:center;background:#1c1c22;border:1px solid #444;border-radius:.75rem;flex-direction:column;gap:.9rem;max-width:22rem;padding:2rem 1.5rem 1.5rem;display:flex;position:relative}.interstitial-badge{color:#888;letter-spacing:.1em;margin:0;font-size:.7rem;position:absolute;top:.5rem;left:.75rem}.interstitial-headline{color:#eee;margin:0;font-size:1.15rem;font-weight:700;line-height:1.5}.interstitial-body{color:#bbb;margin:0;font-size:.9rem;line-height:1.7}.interstitial-promo{color:#c9a;text-underline-offset:.2em;font-size:.95rem;text-decoration:underline}.interstitial-continue{color:#eee;letter-spacing:.06em;background:#333;border:1px solid #666;border-radius:.5rem;padding:.8rem 1rem;font-size:1rem;font-weight:600;text-decoration:none}.interstitial-close{color:#999;cursor:pointer;background:0 0;border:none;width:2.25rem;height:2.25rem;font-size:1.25rem;position:absolute;top:.25rem;right:.25rem}.interstitial-promo:focus-visible,.interstitial-continue:focus-visible,.interstitial-close:focus-visible{outline-offset:2px;outline:2px solid #fff}.age-gate{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111114f7;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.age-gate-blur{filter:blur(24px)}.age-gate-panel{text-align:center;flex-direction:column;gap:1rem;max-width:24rem;max-height:100%;display:flex;overflow-y:auto}.age-gate-title{letter-spacing:.08em;margin:0;font-size:1.4rem}.age-gate-message{color:#ccc;margin:0;font-size:.95rem;line-height:1.7}.age-gate-disclaimer{color:#999;text-wrap:balance;margin:0;font-size:.8rem;line-height:1.6}.age-gate-panel button{cursor:pointer;border:1px solid #0000;border-radius:.5rem;padding:.8rem 1rem;font-size:1rem}.age-gate-enter{color:#fff;background:#b7282e}.age-gate-leave{color:#ccc;background:0 0;border-color:#555}.age-gate-panel button:focus-visible{outline-offset:2px;outline:2px solid #fff}.app-title{color:inherit;text-decoration:none}.confirm-overlay{z-index:90;background:#111114b3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.confirm-dialog{text-align:center;background:#1c1c20;border:1px solid #333;border-radius:.75rem;flex-direction:column;gap:1rem;max-width:20rem;padding:1.25rem 1.5rem;display:flex}.confirm-message{margin:0;font-size:.95rem;line-height:1.7}.confirm-actions{justify-content:center;gap:.75rem;display:flex}.confirm-ok,.confirm-cancel{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:.5rem;flex:1;padding:.7rem 1rem;font-size:.95rem}.confirm-ok{color:#fff;background:#b7282e;text-decoration:none}.confirm-cancel{color:#ccc;background:0 0;border-color:#555}.confirm-ok:focus-visible,.confirm-cancel:focus-visible{outline-offset:2px;outline:2px solid #fff}#app.error-page{touch-action:auto;padding:2rem 1.5rem;display:block}.error-page a{color:#8ab4f8}#app.series-select{padding:1.5rem 1rem calc(1.5rem + env(safe-area-inset-bottom));touch-action:pan-y;display:block;overflow-y:auto}.series-heading{margin:0 0 1rem;font-size:1.4rem}.series-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.series-entry{background:#1a1a1a;border:1px solid #2c2c2c;border-radius:.5rem;overflow:hidden}.series-link{color:inherit;padding-bottom:.5rem;text-decoration:none;display:block}.series-thumb{aspect-ratio:3/4;object-fit:cover;background:#222;width:100%;height:auto;display:block}.series-name{padding:.5rem .6rem 0;font-weight:600;display:block}.series-count{color:#aaa;padding:.1rem .6rem 0;font-size:.85rem;display:block}.series-mark{border-radius:.6rem;margin:.3rem 0 0 .6rem;padding:.05rem .45rem;font-size:.75rem;display:inline-block}.series-mark--new{color:#fff;background:#b7282e}.series-mark--cleared{color:#d9f2df;background:#24512f}.series-resume{text-align:center;color:#8ab4f8;border:1px solid #555;border-radius:.4rem;margin:0 .6rem .6rem;padding:.3rem 0;text-decoration:none;display:block}.rules-link{color:#8ab4f8;font-size:.85rem;text-decoration:none}.site-footer{color:#aaa;border-top:1px solid #2c2c2c;margin-top:2.5rem;padding-top:1rem;font-size:.85rem}.site-footer a{color:#8ab4f8}.site-footer-social{white-space:nowrap}