:root{color:#e6e9d9;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#142c2b;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 45% 35%,#25413a77,#0000 65%);min-height:100svh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #7e9e8b35;border-radius:9px;min-height:42px}button:hover{background:#ffffff0b}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #eed99a}button:disabled{opacity:.3;cursor:default}[hidden]{display:none!important}.shell{max-width:1480px;margin:auto;padding:0 5%}header{border-bottom:1px solid #a2b39b22;align-items:center;gap:32px;height:90px;display:flex}.brand{letter-spacing:-3px;color:#eeecdc;font-family:Georgia,serif;font-size:43px;text-decoration:none}.brand span{color:#e3b580;letter-spacing:0;margin-left:6px;font-size:11px}.edition,.eyebrow,footer,.personal>span{letter-spacing:2px;color:#a1b6a9;font-size:9px;font-weight:600}.edition{flex:1}.icon{width:64px;margin-left:auto;font-size:22px}.icon span{color:#aac0af;margin-left:6px;font-size:10px}main{grid-template-columns:1fr minmax(260px,420px) .72fr;align-items:center;gap:6%;min-height:calc(100svh - 150px);padding:28px 0;display:grid}.eyebrow i{background:#d2d8aa;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}h1{letter-spacing:-2px;margin:26px 0;font-family:Georgia,serif;font-size:clamp(36px,4.4vw,65px);font-weight:400;line-height:1.08}h1 em{color:#dac69a}.lede{color:#a8bbad;font-size:13px;line-height:1.8}.instructions{margin:32px 0}.instructions>div{align-items:center;gap:13px;margin:20px 0;display:flex}.sample{color:#e9b694;letter-spacing:-4px;flex-shrink:0;width:38px;font-size:20px}.sample.arrows{letter-spacing:0;color:#b8cfa9;font-size:32px}.sample.empty{letter-spacing:0;color:#c3bbdc;font-size:32px}.instructions p{margin:0;font-size:12px}.instructions small{color:#8fa799;margin-top:6px;font-size:10px;display:block}.modes{background:#0b22234d;border:1px solid #ffffff0b;border-radius:10px;padding:4px;display:flex}.modes button{border:0;flex:1;min-height:35px;font-size:11px}.modes button.selected{color:#1b3630;background:#aec4a6;box-shadow:0 2px 6px #0002}.subtle{color:#93a99c;text-align:center;margin:12px 0 18px;font-size:10px}.new{color:#25392e;background:#d8dfbc;border:0;padding:12px 20px;font-size:12px;font-weight:600}.intro>.new{justify-content:space-between;width:100%;display:flex}.new:hover{background:#e8edce}.personal{justify-content:space-between;align-items:center;margin-top:26px;display:flex}.personal strong{font-family:Georgia,serif;font-size:19px;font-weight:400}.board-top{justify-content:space-between;align-items:center;padding:0 5px 16px;display:flex}.board-top strong{margin-top:5px;font-family:Georgia,serif;font-size:32px;font-weight:400;display:block}.board-top strong small{color:#7c9989;font:12px system-ui}.gravity{text-align:center}.gravity strong{color:#d8cf9d;margin-top:0;font:30px system-ui}.board-wrap{background:linear-gradient(145deg,#122624,#0e2121);border:1px solid #8fad982b;border-radius:20px;padding:12px;position:relative;box-shadow:0 20px 70px #06181666,inset 0 1px #e4efd408}#board{aspect-ratio:2/3;isolation:isolate;background-image:radial-gradient(#b1c7ad12 .7px,#0000 .7px);background-size:8.33333% 5.55556%;width:100%;position:relative}.piece{touch-action:manipulation;border:0;border-radius:0;place-items:center;min-height:0;padding:0;transition:left .48s cubic-bezier(.22,.8,.3,1),top .48s cubic-bezier(.22,.8,.3,1),opacity .2s;display:grid;position:absolute;background:0 0!important}.piece .shape{background:var(--color);width:80%;height:80%;transform:rotate(var(--tilt));transition:filter .15s,scale .15s,opacity .15s;display:block;position:relative;box-shadow:inset 2px 3px 4px #fff4,inset -2px -3px 4px #0002}.shape:after{content:"";background:#ffffff30;border-radius:50%;position:absolute;inset:16% 23% 62% 20%}.kind-0{--color:#e7a588}.kind-0 .shape{border-radius:50%}.kind-1{--color:#a5cbb6}.kind-1 .shape{border-radius:25%}.kind-2{--color:#e0c878}.kind-2 .shape{clip-path:polygon(50% 0,100% 94%,0 94%);border-radius:12%;width:83%;height:83%}.kind-3{--color:#b9acd2}.kind-3 .shape{width:65%;height:65%;transform:rotate(calc(45deg + var(--tilt)));border-radius:24%}.kind-4{--color:#87bdcd}.kind-4 .shape{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.piece.lit .shape{filter:brightness(1.25);scale:1.12}.piece.dim .shape{opacity:.4}.piece.removed{pointer-events:none;opacity:0}.piece.removed .shape{scale:1.7}.piece:focus-visible{outline-offset:-2px;border-radius:7px}.progress{background:#ffffff0c;border-radius:4px;height:3px;margin-top:20px;overflow:hidden}.progress i{background:#c8d6a7;width:0;height:100%;transition:width .5s;display:block}.board-bottom{justify-content:space-between;align-items:center;gap:7px;margin-top:8px;display:flex}.board-bottom button{border:0;padding:0 4px;font-size:21px}.board-bottom button span{font-size:10px}#message{color:#b1c3b3;text-align:center;font-size:10px}#sweeps{white-space:nowrap;color:#e7ce8d;letter-spacing:2px;font-size:14px}.score-block strong{margin:12px 0;font:38px Georgia,serif;display:block}.score-block small{color:#809d8e;font-size:10px}.orbit{border:1px solid #a7b99d29;border-radius:50%;width:100px;height:100px;margin:50px 0 30px;position:relative;transform:rotate(-25deg)}.orbit i{border:1px solid #a7b99d29;border-radius:50%;position:absolute;inset:16px}.orbit span{color:#d1c898;font-size:40px;position:absolute;top:24px;left:30px}.orbit b{color:#b2c7a6;font-size:17px;position:absolute;top:11px;right:3px}blockquote{color:#afc0a9;margin:0;font:italic 19px/1.7 Georgia,serif}.seed{margin-top:60px}.seed>span{display:block}#seed{color:#acb8a3;margin:12px 0;font:12px ui-monospace,monospace}.seed button{color:#93ab9b;border:0;padding:0;font-size:10px}footer{letter-spacing:1.5px;border-top:1px solid #a2b39b22;justify-content:space-between;align-items:center;height:60px;font-size:8px;display:flex}footer b{color:#c7ceaa;margin-left:14px;font-size:22px}#ending,#paused{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#142c2bee;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}#end-symbol{color:#dfd5a3;font-size:60px}h2{margin:20px 0 10px;font:36px Georgia,serif}#ending p,dialog p{color:#b6c6b6;font-size:13px;line-height:1.7}#ending .new{margin-top:15px}#end-undo{border:0;margin-top:12px;font-size:12px}#paused{font:30px Georgia,serif}#paused small{margin:20px;font:12px system-ui}dialog{color:#e6e9d9;background:#203d36;border:1px solid #7e9e8b55;border-radius:20px;max-width:90vw;padding:30px}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#041413aa}dialog button{margin-top:15px;padding:12px}dialog .new{margin-left:10px}@media (width>=850px){.game{width:min(100%,calc((100svh - 370px)*var(--ratio,.667) + 24px));justify-self:center;min-width:260px}main{grid-template-columns:1fr minmax(260px,420px) .72fr}}@media (width<=1050px){main{gap:4%}.right{display:none}main{grid-template-columns:1fr minmax(260px,420px)}.shell{max-width:960px}.intro{max-width:300px}}@media (width<=620px){.shell{padding:0 18px}header{height:64px}.brand{font-size:34px}.edition{letter-spacing:1.2px;max-width:160px;font-size:7px}main{flex-direction:column;gap:15px;min-height:0;padding:16px 0 20px;display:flex}.intro{display:contents}.intro>.eyebrow,h1,.lede,.instructions,.personal,.intro>.new{display:none}.modes{order:0;width:100%;max-width:390px}.subtle{order:1;margin:-6px 0 0;font-size:10px}.game{width:min(100%,calc((100svh - 410px)*var(--ratio,.667) + 16px));order:2;min-width:260px}.board-top{padding-bottom:8px}.board-top strong{font-size:26px}.eyebrow{letter-spacing:1.5px;font-size:8px}.board-wrap{border-radius:14px;padding:8px}.board-bottom{gap:4px}#message{font-size:9px}.progress{margin-top:12px}.intro>.new{order:3;justify-content:center;gap:20px;max-width:390px;padding:9px;display:flex}.right{display:none}footer{letter-spacing:1px;height:42px;font-size:6px}footer b{margin-left:4px;font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.mobile-guide{display:none}@media (width<=620px){.mobile-guide{text-align:center;color:#a8bbad;order:1;margin:-4px 0 0;font-size:10px;line-height:1.6;display:block}.game{min-width:250px}}