@font-face{font-family:Alegreya;src:url(/nonograms/fonts/Alegreya.woff2) format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Alegreya;src:url(/nonograms/fonts/Alegreya-Italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}@font-face{font-family:Alegreya Sans;src:url(/nonograms/fonts/AlegreyaSans-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/archivo-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-hyperlegible-400-latin.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-hyperlegible-700-latin.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Bagel Fat One;src:url(/fonts/bagel-fat-one-latin.woff2) format("woff2");font-display:swap}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}*{box-sizing:border-box;margin:0}html,body{height:100%}body{overflow:hidden;-webkit-font-smoothing:antialiased;font-variant-numeric:lining-nums tabular-nums}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}.app{height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden}.coin{flex:none;width:24px;height:24px;border-radius:50%;display:inline-block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 8l8 8M16 8l-8 8' stroke='%236b3f08' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E"),radial-gradient(circle at 35% 30%,#fff3c4,#e8b84a 58%,#a8741c);box-shadow:inset 0 0 0 1.5px #6b3f088c}.play{flex:1;min-height:0;display:flex;flex-direction:column}.top{flex:none;display:flex;align-items:center;gap:12px;padding:6px 14px 4px;min-height:68px}.top .meta{display:grid;gap:3px}.top .size{font-size:24px;line-height:1}.top .nth{font-size:13px}.top .clock{margin-left:auto;font-size:20px;font-weight:700}.mini{flex:none;width:60px;height:60px;display:grid;place-items:center}.pic{display:grid;grid-template-columns:repeat(var(--n),var(--c));grid-auto-rows:var(--c)}.mini .pic{--c: calc(38px / var(--n))}.boardwrap{flex:1;min-height:0;display:grid;place-items:center;padding:0 4px}.board{display:grid;grid-template-columns:auto max-content;-webkit-user-select:none;user-select:none}.board .cclues{grid-column:2;display:grid;grid-template-columns:repeat(var(--n),var(--c))}.board .rclues{grid-column:1;grid-row:2;display:grid;grid-auto-rows:var(--c)}.board .squares{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(var(--n),var(--c));grid-auto-rows:var(--c);position:relative}.cclue{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;padding:6px 0 5px;font-size:var(--clue-size);line-height:1}.rclue{display:flex;justify-content:flex-end;align-items:center;gap:.62em;padding:0 6px 0 5px;font-size:var(--clue-size);line-height:1}.board{--clue-size: 13px}.sq{position:relative;display:block}.note{flex:none;margin:6px 12px 0;padding:10px 14px;display:flex;gap:10px;align-items:flex-start}.note h3{font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:3px}.note p{font-size:15px;line-height:1.32}.dock{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px))}.dock .round{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;position:relative}.dock .round svg{width:26px;height:26px}.tool{display:flex;gap:6px;padding:5px;border-radius:36px}.tool button{width:86px;height:60px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:700;position:relative}.tool button .ic{width:30px;height:30px;display:block}.key{display:none}.pick{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center}.sizes{flex:none;display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 0 2px}.sizes button{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;position:relative;font-weight:700;font-size:15px}.sizes button[aria-selected=true]{width:80px;height:80px;font-size:19px}.sizes button svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.sizes button svg circle{fill:none;stroke-width:3}.path{flex:1;min-height:0;width:100%;max-width:720px;position:relative}.path svg.road{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.node{position:absolute;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;display:grid;place-items:center}.node .pic{--c: calc(50px / var(--n))}.node .t{position:absolute;left:50%;top:100%;transform:translate(-50%,4px);font-size:12.5px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.node .n{font-size:22px;font-weight:700}.foot{flex:none;width:100%;display:grid;place-items:center;padding:8px 16px calc(18px + env(safe-area-inset-bottom,0px))}.cta{min-width:232px;min-height:60px;padding:8px 26px 12px;border-radius:32px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:22px;line-height:1}.cta small{display:block;font-size:13px;margin-top:4px;font-weight:700}.cta .tri{width:0;height:0;border-left:15px solid currentColor;border-top:10px solid transparent;border-bottom:10px solid transparent}.done{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0 16px calc(18px + env(safe-area-inset-bottom,0px));text-align:center}.done .show{flex:1;min-height:0;width:100%;display:grid;place-items:center}.done .big .pic{--c: calc(var(--bigpic, 190px) / var(--n))}.done h1{font-size:38px;line-height:1}.done .meta{margin-top:6px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.done .owlline{margin:12px auto 0;max-width:340px;display:flex;gap:10px;align-items:center;text-align:left;font-size:15px;line-height:1.3}.done .earn{margin:12px 0 10px;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:18px}.done .row{display:flex;gap:10px;margin-top:10px}.done .row button{min-width:112px;height:46px;border-radius:23px;font-size:15px;font-weight:700;padding:0 18px}.owl{flex:none;width:46px;height:46px;display:block}@media(min-width:960px){.play{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto auto 1fr;column-gap:28px;width:min(100%,1112px);margin:0 auto;padding:0 20px 16px}.boardwrap{grid-column:1;grid-row:1 / 4}.top{grid-column:2;grid-row:1;padding:18px 0 8px}.dock{grid-column:2;grid-row:2;padding:12px 0;justify-content:flex-start;gap:14px}.note{grid-column:2;grid-row:3;align-self:start;margin:8px 0 0}.board{--clue-size: 16px}.key{display:grid;place-items:center;position:absolute;right:-4px;top:-6px;min-width:22px;height:22px;padding:0 5px;border-radius:6px;font-size:12px;font-weight:700;line-height:1}.done{flex-direction:row;justify-content:center;gap:56px;width:min(100%,1000px);margin:0 auto}.done .show{flex:0 0 440px}.done .big .pic{--c: calc(250px / var(--n))}.done .words{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.done .owlline{margin-left:0}.node{width:96px;height:96px;margin:-48px 0 0 -48px}.node .pic{--c: calc(58px / var(--n))}}@media(max-width:340px){.board{--clue-size: 11px}.top{min-height:56px}.mini{width:48px;height:48px}.mini .pic{--c: calc(30px / var(--n))}.tool button{width:74px;height:54px}.dock .round{width:54px;height:54px}.dock{padding-top:6px;padding-bottom:8px}}@media(max-width:370px)and (min-width:341px){.board{--clue-size: 12px}}@media(max-height:660px){.top{min-height:52px;padding-top:0}.mini{width:46px;height:46px}.mini .pic{--c: calc(29px / var(--n))}.dock{padding-top:6px;padding-bottom:8px}.dock .round{width:54px;height:54px}.tool button{height:54px}}.pic .sq{border:0!important}.sizes .got[stroke-dasharray^="0 "]{display:none}@media(max-width:959px){.boardwrap{place-items:end center;padding-bottom:10px}}@media(max-width:959px)and (min-height:780px){.top{min-height:112px;align-items:center}.mini{width:96px;height:96px}.mini .pic{--c: calc(62px / var(--n))}.top .size{font-size:30px}.top .clock{font-size:24px}}@media(min-width:960px){.play{grid-template-rows:auto auto minmax(0,1fr);height:calc(100dvh - 56px);flex:none;overflow:hidden}.boardwrap{min-height:0;overflow:hidden}}@media(max-width:959px)and (min-height:780px){.top{min-height:150px}.mini{width:128px;height:128px}.mini .pic{--c: calc(84px / var(--n))}}@media(min-width:960px){.play{grid-template-rows:minmax(0,1fr) auto auto auto minmax(0,1fr)}.boardwrap{grid-row:1 / 6}.top{grid-row:2;min-height:0}.dock{grid-row:3}.note{grid-row:4}.mini{width:120px;height:120px}.mini .pic{--c: calc(78px / var(--n))}.top .size{font-size:30px}.top .clock{font-size:22px}}@media(min-width:960px){.done .big .pic{--c: calc(var(--bigpic, 250px) / var(--n))}}:root[data-look=lightbox]{--room: #131018;--case: #2a2435;--case-lo: #1b1622;--glass: #07060a;--text: #f1ecfa;--dim: #a79fb8;--hue: #ff9f1c}:root[data-look=lightbox] body{background:radial-gradient(90% 55% at 50% 44%,#2b2437,var(--room) 72%),var(--room);color:var(--text);font:600 16px/1.3 Archivo,sans-serif}:root[data-look=lightbox] h1,:root[data-look=lightbox] .size,:root[data-look=lightbox] .cta,:root[data-look=lightbox] .sizes button,:root[data-look=lightbox] .node .n{font-family:Archivo,sans-serif;font-weight:800;font-stretch:112%;letter-spacing:.01em}:root[data-look=lightbox] .dock .round,:root[data-look=lightbox] .done .row button{background:linear-gradient(#342d42,#231d2e);color:var(--text);box-shadow:inset 0 1px #ffffff29,inset 0 -2px #00000059,0 3px #08060b}:root[data-look=lightbox] .top .nth{color:var(--dim);font-size:12px;letter-spacing:.12em;text-transform:uppercase}:root[data-look=lightbox] .top{flex-wrap:wrap}:root[data-look=lightbox] .top .clock{color:var(--hue);text-shadow:0 0 12px color-mix(in srgb,var(--hue) 70%,transparent);font-weight:800}:root[data-look=lightbox] .mini{border-radius:14px;background:var(--glass);box-shadow:0 0 0 3px #322b3f,0 0 0 4px #0b090e,inset 0 0 12px #000,0 0 22px -4px color-mix(in srgb,var(--hue) 60%,transparent);margin-right:4px}:root[data-look=lightbox] .meter{flex-basis:100%;height:5px;margin:4px 2px 0;background:repeating-linear-gradient(90deg,#2c2637 0 9px,transparent 9px 12px)}:root[data-look=lightbox] .meter i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--hue) 0 9px,transparent 9px 12px);filter:drop-shadow(0 0 4px var(--hue))}:root[data-look=lightbox] .board{background:linear-gradient(160deg,#3a3248,#201a2a 70%);color:var(--text);padding:4px 12px 12px 4px;border-radius:22px;box-shadow:inset 0 1.5px #ffffff2e,inset 0 -3px #00000080,0 20px 44px #000000a6,0 0 70px -18px var(--hue);font-weight:800}:root[data-look=lightbox] .cclue.met,:root[data-look=lightbox] .rclue.met{color:var(--hue);opacity:.5}:root[data-look=lightbox] .cclue.on,:root[data-look=lightbox] .rclue.on{color:#fff;opacity:1;text-shadow:0 0 10px #fff}:root[data-look=lightbox] .squares{background:var(--glass);border-radius:8px;box-shadow:0 0 0 1px #000,inset 0 2px 10px #000}:root[data-look=lightbox] .squares .sq{background:radial-gradient(circle,#2f2939 0 16%,#15121a 17% 25%,transparent 26%)}:root[data-look=lightbox] .sq.r5{border-right:1px solid rgba(255,255,255,.2)}:root[data-look=lightbox] .sq.b5{border-bottom:1px solid rgba(255,255,255,.2)}:root[data-look=lightbox] .squares .sq.v1,:root[data-look=lightbox] .pic .sq.v1{background:radial-gradient(circle at 40% 34%,#fff 0 7%,#fff0 24%),radial-gradient(closest-side,color-mix(in srgb,var(--hue) 50%,#fff) 0,var(--hue) 52%,color-mix(in srgb,var(--hue) 62%,#000) 82%,transparent 87%)}:root[data-look=lightbox] .squares .sq.v1{filter:drop-shadow(0 0 calc(var(--c) * .22) var(--hue))}:root[data-look=lightbox] .squares .sq.v2{background:radial-gradient(circle at 44% 40%,#9a92ab 0 8%,#5f5870 9% 21%,#3b3547 22% 27%,transparent 28%)}:root[data-look=lightbox] .squares .sq.lane{background-color:#ffffff14}:root[data-look=lightbox] .squares .sq.target{outline:1.6px dashed #fff;outline-offset:-3px;border-radius:50%}:root[data-look=lightbox] .pic{filter:drop-shadow(0 0 3px var(--hue))}:root[data-look=lightbox] .note{background:linear-gradient(#342d42,#231d2e);border-radius:16px;box-shadow:inset 0 1px #ffffff29,0 8px 20px #00000080}:root[data-look=lightbox] .note h3{color:var(--hue);font-weight:800}:root[data-look=lightbox] .note p{font-weight:500}:root[data-look=lightbox] .owl .cloth{fill:var(--glass);stroke:#3a3248;stroke-width:3}:root[data-look=lightbox] .owl .rim{fill:none}:root[data-look=lightbox] .owl .st{fill:#ffb02e;filter:drop-shadow(0 0 1.6px #ffb02e)}:root[data-look=lightbox] .owl .eye{fill:#fff}:root[data-look=lightbox] .dock{background:linear-gradient(#211b2a,#17131e);box-shadow:inset 0 1px #ffffff14}:root[data-look=lightbox] .dock .owlbtn .owl{width:52px;height:52px}:root[data-look=lightbox] .dock .owlbtn.on{box-shadow:inset 0 1px #ffffff29,0 3px #08060b,0 0 0 2px #ffb02e,0 0 20px #ffb02e}:root[data-look=lightbox] .tool{background:#0a080d;box-shadow:inset 0 2px 6px #000,0 1px #ffffff14;border-radius:22px}:root[data-look=lightbox] .tool button{border-radius:17px;color:var(--dim);font-size:11px;letter-spacing:.1em;text-transform:uppercase}:root[data-look=lightbox] .tool button.on{background:linear-gradient(#40374f,#2a2435);color:var(--text);box-shadow:inset 0 1px #fff3,0 3px #000}:root[data-look=lightbox] .tool button.on:after{content:"";position:absolute;top:7px;right:9px;width:6px;height:6px;border-radius:50%;background:var(--hue);box-shadow:0 0 8px var(--hue)}:root[data-look=lightbox] .tool .ic.fill{background:radial-gradient(circle at 40% 34%,#fff 0 7%,#fff0 24%),radial-gradient(closest-side,color-mix(in srgb,var(--hue) 50%,#fff) 0,var(--hue) 52%,color-mix(in srgb,var(--hue) 62%,#000) 82%,transparent 87%);filter:drop-shadow(0 0 5px var(--hue))}:root[data-look=lightbox] .tool .ic.empty{background:radial-gradient(circle at 44% 40%,#9a92ab 0 8%,#5f5870 9% 26%,#3b3547 27% 33%,transparent 34%)}:root[data-look=lightbox] .key{background:#0a080d;color:var(--text);box-shadow:0 0 0 1px #4a415b}:root[data-look=lightbox] .cta{background:linear-gradient(color-mix(in srgb,var(--hue) 62%,#fff),var(--hue));color:#2a1600;box-shadow:inset 0 2px #ffffffa6,0 6px color-mix(in srgb,var(--hue) 55%,#000),0 0 34px -2px color-mix(in srgb,var(--hue) 70%,transparent);text-align:left;text-transform:uppercase;font-size:19px;letter-spacing:.04em}:root[data-look=lightbox] .cta small{text-transform:none;letter-spacing:0;opacity:.8}:root[data-look=lightbox] .sizes button{background:linear-gradient(#342d42,#1d1826);color:var(--dim);box-shadow:inset 0 1px #ffffff29,0 3px #08060b;margin:8px 2px;font-size:13px}:root[data-look=lightbox] .sizes button[aria-selected=true]{color:var(--text);font-size:16px}:root[data-look=lightbox] .sizes .trk{stroke:#0a080d;stroke-width:5}:root[data-look=lightbox] .sizes .got{stroke:var(--hue);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--hue))}:root[data-look=lightbox] .road .bed{fill:none;stroke:#060509;stroke-width:7;stroke-linecap:round}:root[data-look=lightbox] .road .lane{fill:none;stroke:#ffd28a;stroke-width:7;stroke-dasharray:.1 22;stroke-linecap:round;filter:drop-shadow(0 0 5px #ffb02e)}:root[data-look=lightbox] .node{border-radius:22px;background:var(--glass);color:#5d566b;box-shadow:0 0 0 5px #322b3f,0 0 0 6px #0b090e,inset 0 0 0 1px #000,0 10px 20px #0009}:root[data-look=lightbox] .node.solved,:root[data-look=lightbox] .node.now{box-shadow:0 0 0 5px #322b3f,0 0 0 6px #0b090e,0 10px 20px #0009,0 0 34px -6px var(--hue)}:root[data-look=lightbox] .node.todo:after{content:"";position:absolute;inset:0;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.1) 0 28%,transparent 29% 62%,rgba(255,255,255,.04) 63% 70%,transparent 71%)}:root[data-look=lightbox] .node .t{color:var(--text);top:calc(100% + 8px)}:root[data-look=lightbox] .node.now{outline:3px solid var(--hue);outline-offset:8px}:root[data-look=lightbox] .pulse{position:absolute;inset:-22px;border-radius:34px;border:2px solid var(--hue);opacity:.5;animation:lightbox-pulse 2s ease-out infinite}:root[data-look=lightbox] .pulse.p2{inset:-34px;border-radius:44px;opacity:.22;animation-delay:.5s}@keyframes lightbox-pulse{0%{transform:scale(.84);opacity:.6}to{transform:scale(1.08);opacity:0}}:root[data-look=lightbox] .clean{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 2px #fff;display:inline-block}:root[data-look=lightbox][data-screen=done] body{background:radial-gradient(70% 42% at 50% 34%,color-mix(in srgb,var(--hue) 26%,#131018),#0b090e 75%)}:root[data-look=lightbox] .done{--hue: #ff9f1c}:root[data-look=lightbox] .done .big{width:276px;height:276px;border-radius:30px;display:grid;place-items:center;position:relative;background:var(--glass);box-shadow:0 0 0 10px #322b3f,0 0 0 11px #0b090e,inset 0 1px #000,0 30px 50px #000000b3,0 0 110px -10px var(--hue);margin-top:14px;--bigpic: 220px}:root[data-look=lightbox] .done .big .pic{filter:drop-shadow(0 0 9px var(--hue))}:root[data-look=lightbox] .done .big:after{content:"";position:absolute;left:8%;right:8%;top:calc(100% + 22px);height:26px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--hue) 50%,transparent),transparent)}:root[data-look=lightbox] .done h1{text-shadow:0 0 24px color-mix(in srgb,var(--hue) 80%,transparent);text-transform:uppercase;letter-spacing:.06em}:root[data-look=lightbox] .done .meta{color:var(--dim)}:root[data-look=lightbox] .cleanword{display:inline-flex;align-items:center;gap:6px;color:#fff}:root[data-look=lightbox] .done .owlline{color:var(--dim);font-weight:500}:root[data-look=lightbox] .done .owl{width:44px;height:44px}@media(max-height:700px){:root[data-look=lightbox] .done .big{width:180px;height:180px;--bigpic: 140px;border-radius:22px;box-shadow:0 0 0 7px #322b3f,0 0 0 8px #0b090e,0 20px 40px #000000b3,0 0 80px -10px var(--hue)}:root[data-look=lightbox] .done h1{font-size:28px}:root[data-look=lightbox] .done .owlline{margin-top:6px;font-size:14px}:root[data-look=lightbox] .done .earn{margin:6px 0 4px}:root[data-look=lightbox] .done br{display:none}}:root[data-look=lightbox] .cclue,:root[data-look=lightbox] .rclue{font-family:Alegreya Sans,sans-serif;font-weight:800}@media(min-width:960px){:root[data-look=lightbox] .done .big{width:380px;height:380px;--bigpic: 304px}}:root[data-look=sampler]{--denim: #1d2f52;--deep: #14213d;--linen: #efe5cb;--ink: #2f2318;--clue: #3a2c1e;--madder: #b5382a;--cream: #f3ead4;--wood: #d9a45c;--wood-edge: #8c6338;--gold: #f2c672;--graphite: #6d6253;--weave: repeating-linear-gradient(90deg, rgba(110, 90, 60, .08) 0 1px, transparent 1px 3px), repeating-linear-gradient(0deg, rgba(110, 90, 60, .08) 0 1px, transparent 1px 3px);--twill: repeating-linear-gradient(45deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 4px), repeating-linear-gradient(-45deg, rgba(0, 0, 0, .06) 0 1px, transparent 1px 4px);--stitch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cg stroke-linecap='round'%3E%3Cpath d='M2.4 3 7.9 8.5M7.9 3 2.4 8.5' stroke='rgba(70,20,10,.26)' stroke-width='2.4'/%3E%3Cpath d='M2.2 2.2 7.8 7.8' stroke='%23a93226' stroke-width='2.4'/%3E%3Cpath d='M7.8 2.2 2.2 7.8' stroke='%23c2422f' stroke-width='2.4'/%3E%3Cpath d='M6.9 2.8 3.1 6.6' stroke='rgba(255,226,206,.5)' stroke-width='.7'/%3E%3C/g%3E%3C/svg%3E");--dot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='1.15' fill='%236d6253'/%3E%3C/svg%3E")}:root[data-look=sampler] body{background:var(--twill),radial-gradient(120% 70% at 50% 0,#2e4a80,var(--denim) 55%,var(--deep));color:var(--cream);font:16px/1.3 Atkinson Hyperlegible,sans-serif}:root[data-look=sampler] h1,:root[data-look=sampler] .size,:root[data-look=sampler] .cta,:root[data-look=sampler] .sizes button,:root[data-look=sampler] .node .n{font-family:Alegreya,Georgia,serif;font-weight:800}:root[data-look=sampler] .dock .undo,:root[data-look=sampler] .done .row button{background:#f3ead41a;color:var(--cream);box-shadow:inset 0 0 0 1px #f3ead429,0 2px #080e1e80;outline:1.5px dashed rgba(243,234,212,.5);outline-offset:-5px}:root[data-look=sampler] .top .nth{color:#f3ead4b8}:root[data-look=sampler] .clock,:root[data-look=sampler] .nth,:root[data-look=sampler] .node .t,:root[data-look=sampler] .earn,:root[data-look=sampler] .done .meta,:root[data-look=sampler] .tool button,:root[data-look=sampler] .done .row button{font-family:Alegreya Sans,sans-serif;font-weight:800}:root[data-look=sampler] .top{flex-wrap:wrap}:root[data-look=sampler] .mini{border-radius:50%;background:radial-gradient(circle,#f4ecd6 60%,#e3d7bc);box-shadow:0 0 0 3px var(--wood),0 0 0 4px var(--wood-edge),0 0 0 6px #c99a64,0 0 0 7px var(--wood-edge),0 4px 10px #0006;margin:0 8px 0 6px;transform:scale(.84)}:root[data-look=sampler] .meter{flex-basis:100%;height:3px;margin:2px 2px 0}:root[data-look=sampler] .meter i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--cream) 0 8px,transparent 8px 12px);border-radius:2px}:root[data-look=sampler] .board{background:var(--weave),var(--linen);color:var(--clue);padding:2px 9px 9px 3px;border-radius:3px;box-shadow:inset 0 0 0 1px #785f3c4d,0 2px #cbbd9b,0 14px 28px #050a1980;font-family:Alegreya Sans,sans-serif;font-weight:800}:root[data-look=sampler] .cclue.met,:root[data-look=sampler] .rclue.met{opacity:.36}:root[data-look=sampler] .cclue.on,:root[data-look=sampler] .rclue.on{color:#2d4870;opacity:1;text-decoration:underline 2px;text-underline-offset:3px}:root[data-look=sampler] .squares .sq{background:radial-gradient(circle at 0 0,rgba(70,52,30,.45) 1px,transparent 1.6px)}:root[data-look=sampler] .sq.r5{border-right:1.5px dashed rgba(45,72,112,.5)}:root[data-look=sampler] .sq.b5{border-bottom:1.5px dashed rgba(45,72,112,.5)}:root[data-look=sampler] .squares .sq.v1{background:var(--stitch) center / 100% 100%,linear-gradient(#b5382a33,#b5382a33)}:root[data-look=sampler] .squares .sq.v1.f1,:root[data-look=sampler] .squares .sq.v1.f3{filter:brightness(.93)}:root[data-look=sampler] .squares .sq.v2{background:var(--dot) center / 100% 100%,radial-gradient(circle at 0 0,rgba(70,52,30,.45) 1px,transparent 1.6px)}:root[data-look=sampler] .squares .sq.lane{background-color:#2d48701a}:root[data-look=sampler] .squares .sq.target{outline:1.8px dashed #2d4870;outline-offset:-3px}:root[data-look=sampler] .pic .sq.v1{background:var(--stitch) center / 100% 100%}:root[data-look=sampler] .note{background:var(--weave),#f6efdf;color:var(--ink);border-radius:3px;box-shadow:0 8px 18px #050a1966}:root[data-look=sampler] .note h3{color:#2d4870;font-weight:700}:root[data-look=sampler] .note p{font:italic 500 16px/1.3 Alegreya,serif}:root[data-look=sampler] .owl .cloth{fill:#f1e8d2;stroke:var(--wood);stroke-width:3}:root[data-look=sampler] .owl .rim{fill:none;stroke:var(--wood-edge);stroke-width:.8}:root[data-look=sampler] .owl .st{fill:none;stroke:#2d4870;stroke-width:1.5;stroke-linecap:round}:root[data-look=sampler] .dock{background:linear-gradient(transparent,#080e1e73)}:root[data-look=sampler] .dock .owlbtn{box-shadow:0 4px 10px #0006}:root[data-look=sampler] .dock .owlbtn .owl{width:60px;height:60px}:root[data-look=sampler] .dock .owlbtn.on{box-shadow:0 0 0 3px var(--gold),0 4px 10px #0006}:root[data-look=sampler] .tool{background:#080e1e80;box-shadow:inset 0 0 0 1px #f3ead424}:root[data-look=sampler] .tool button{color:#f3ead4c7}:root[data-look=sampler] .tool button.on{background:var(--weave),var(--linen);color:var(--ink);box-shadow:0 3px #b9a981,0 6px 12px #00000059;outline:1.5px dashed rgba(181,56,42,.7);outline-offset:-5px}:root[data-look=sampler] .tool .ic{border-radius:3px;background:var(--weave),#f4ecd6;box-shadow:inset 0 0 0 1px #785f3c59}:root[data-look=sampler] .tool .ic.fill{background:var(--stitch) center / 84% 84% no-repeat,linear-gradient(#b5382a33,#b5382a33),#f4ecd6}:root[data-look=sampler] .tool .ic.empty{background:var(--dot) center / 100% 100%,var(--weave),#f4ecd6}:root[data-look=sampler] .key{background:var(--cream);color:var(--ink);box-shadow:0 2px #9b8c69;font-family:Atkinson Hyperlegible,sans-serif}:root[data-look=sampler] .cta{background:linear-gradient(#f8dba0,#dba551);color:#3b2409;box-shadow:inset 0 2px #fff1cc,0 6px #8c5e25,0 14px 22px #0006;text-align:left}:root[data-look=sampler] .cta small{font-family:Atkinson Hyperlegible,sans-serif;opacity:.8}:root[data-look=sampler] .sizes button{background:radial-gradient(circle,#f4ecd6 60%,#e3d7bc);color:var(--ink);box-shadow:0 0 0 4px var(--wood),0 0 0 5px var(--wood-edge),0 4px 10px #0006;margin:10px 4px}:root[data-look=sampler] .sizes button[aria-selected=true]{opacity:1}:root[data-look=sampler] .sizes svg{inset:-11px!important;width:calc(100% + 22px)!important;height:calc(100% + 22px)!important}:root[data-look=sampler] .sizes .trk{stroke:#f3ead42e}:root[data-look=sampler] .sizes .got{stroke:var(--gold);stroke-linecap:round}:root[data-look=sampler] .road .bed{fill:none;stroke:#080e1e61;stroke-width:26;stroke-linecap:round}:root[data-look=sampler] .road .lane{fill:none;stroke:var(--cream);stroke-width:2.6;stroke-dasharray:10 8;stroke-linecap:round;opacity:.85}:root[data-look=sampler] .node{background:radial-gradient(circle,#f4ecd6 60%,#e3d7bc);color:var(--graphite);box-shadow:0 0 0 4px var(--wood),0 0 0 5px var(--wood-edge),0 0 0 8px #c99a64,0 0 0 9px var(--wood-edge),0 6px 12px #00000073}:root[data-look=sampler] .node:before{content:"";position:absolute;top:-14px;left:50%;width:12px;height:9px;transform:translate(-50%);background:linear-gradient(#b98652,#6e4a28);border-radius:2px 2px 1px 1px}:root[data-look=sampler] .node .t{color:var(--cream);top:calc(100% + 9px)}:root[data-look=sampler] .node.now{box-shadow:0 0 0 4px var(--wood),0 0 0 5px var(--wood-edge),0 0 0 8px #c99a64,0 0 0 9px var(--wood-edge),0 0 0 13px var(--gold),0 6px 12px #00000073}:root[data-look=sampler] .pulse{position:absolute;inset:-22px;border-radius:50%;border:2px solid var(--gold);opacity:.45;animation:sampler-pulse 2s ease-out infinite}:root[data-look=sampler] .pulse.p2{inset:-34px;opacity:.2;animation-delay:.5s}@keyframes sampler-pulse{0%{transform:scale(.82);opacity:.6}to{transform:scale(1.08);opacity:0}}:root[data-look=sampler] .clean{width:12px;height:12px;background:var(--gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);display:inline-block}:root[data-look=sampler] .done .big{width:286px;height:286px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#f4ecd6 60%,#e3d7bc);box-shadow:0 0 0 9px var(--wood),0 0 0 11px var(--wood-edge),0 0 0 20px #c99a64,0 0 0 21px var(--wood-edge),0 18px 34px #00000080;margin-top:26px}:root[data-look=sampler] .done .big:before{content:"";position:absolute;top:-36px;left:50%;width:26px;height:22px;transform:translate(-50%);background:linear-gradient(#b98652,#6e4a28);border-radius:4px 4px 2px 2px}:root[data-look=sampler] .done .big:after{content:"";position:absolute;bottom:100%;left:50%;width:3px;height:400px;margin:0 0 34px -1.5px;background:repeating-linear-gradient(0deg,var(--madder) 0 9px,transparent 9px 14px)}:root[data-look=sampler] .done .meta{color:#f3ead4cc}:root[data-look=sampler] .cleanword{display:inline-flex;align-items:center;gap:5px;color:var(--gold)}:root[data-look=sampler] .done .owlline{font:italic 500 16px/1.3 Alegreya,serif}@media(max-height:700px){:root[data-look=sampler] .done .big{width:190px;height:190px;--bigpic: 124px;margin-top:18px;box-shadow:0 0 0 6px var(--wood),0 0 0 7px var(--wood-edge),0 0 0 13px #c99a64,0 0 0 14px var(--wood-edge),0 12px 24px #00000080}:root[data-look=sampler] .done .big:before{top:-24px;width:18px;height:15px}:root[data-look=sampler] .done h1{font-size:30px}:root[data-look=sampler] .done .owlline{margin-top:6px;font-size:14px}:root[data-look=sampler] .done .earn{margin:6px 0 4px}:root[data-look=sampler] .done br{display:none}}@keyframes sampler-hop{0%{transform:none}45%{transform:translateY(-5px) scale(1.16);filter:brightness(1.2) saturate(1.2)}to{transform:none}}@keyframes sampler-run{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(min-width:960px){:root[data-look=sampler] .done .big{width:380px;height:380px;margin-top:60px}}@media(min-width:960px){:root[data-look=sampler] .done .big{--bigpic: 250px}}:root[data-look=beads]{--mat: #12a391;--mat-lo: #0c8379;--ink: #1c2b33;--paper: #fffdf6;--peg: #e9f0ee;--sun: #ffd23f;--pink: #ff5fa2;--hue: #ff9f1c}:root[data-look=beads] body{background:linear-gradient(rgba(255,255,255,.16) 1.5px,transparent 1.5px) 0 0 / 130px 130px,linear-gradient(90deg,rgba(255,255,255,.16) 1.5px,transparent 1.5px) 0 0 / 130px 130px,linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px) 0 0 / 26px 26px,linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px) 0 0 / 26px 26px,linear-gradient(var(--mat),var(--mat-lo));color:#fff;font:600 16px/1.3 Fredoka,sans-serif}:root[data-look=beads] h1,:root[data-look=beads] .size,:root[data-look=beads] .cta,:root[data-look=beads] .sizes button,:root[data-look=beads] .node .n{font-family:Bagel Fat One,Fredoka,sans-serif;font-weight:400}:root[data-look=beads] h1,:root[data-look=beads] .size{text-shadow:0 3px 0 var(--ink);letter-spacing:.01em}:root[data-look=beads] .dock .round,:root[data-look=beads] .done .row button{background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink)}:root[data-look=beads] .top .nth{font-weight:600;opacity:.92}:root[data-look=beads] .top{flex-wrap:wrap}:root[data-look=beads] .top .clock{background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:20px;padding:3px 12px;font-weight:700;font-size:18px!important}:root[data-look=beads] .mini{border-radius:16px;background:var(--paper);border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);transform:rotate(-4deg);margin-right:6px}:root[data-look=beads] .meter{flex-basis:100%;height:10px;margin:6px 2px 0;background:var(--paper);border:2.5px solid var(--ink);border-radius:6px;overflow:hidden}:root[data-look=beads] .meter i{display:block;height:100%;background:var(--pink);border-right:2.5px solid var(--ink)}:root[data-look=beads] .board{background:var(--paper);color:var(--ink);padding:2px 9px 9px 2px;border:2.5px solid var(--ink);border-radius:18px;box-shadow:0 6px 0 var(--ink);font-weight:700}:root[data-look=beads] .cclue.met,:root[data-look=beads] .rclue.met{opacity:.3}:root[data-look=beads] .cclue.on,:root[data-look=beads] .rclue.on{color:#6b3df0;opacity:1;text-decoration:underline 2.5px;text-underline-offset:3px}:root[data-look=beads] .squares{background:var(--peg);border-radius:8px;box-shadow:inset 0 0 0 2px #1c2b3329}:root[data-look=beads] .squares .sq{background:radial-gradient(circle,#f7faf9 0 9%,#b5c4bf 10% 17%,transparent 18%)}:root[data-look=beads] .sq.r5{border-right:2px solid rgba(28,43,51,.3)}:root[data-look=beads] .sq.b5{border-bottom:2px solid rgba(28,43,51,.3)}:root[data-look=beads] .squares .sq.v1,:root[data-look=beads] .pic .sq.v1{background:radial-gradient(circle at 33% 27%,rgba(255,255,255,.9) 0 6%,transparent 7%),radial-gradient(circle,var(--peg) 0 15%,color-mix(in srgb,var(--hue) 62%,#000) 16% 21%,var(--hue) 22% 58%,color-mix(in srgb,var(--hue) 68%,#000) 59% 66%,transparent 67%)}:root[data-look=beads] .squares .sq.v2{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3.5 3.5l3 3M6.5 3.5l-3 3' stroke='%2371828a' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100%}:root[data-look=beads] .squares .sq.lane{background-color:#6b3df01f}:root[data-look=beads] .squares .sq.target{outline:2px dashed #6b3df0;outline-offset:-3px;border-radius:50%}:root[data-look=beads] .note{background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);border-radius:18px;box-shadow:0 5px 0 var(--ink)}:root[data-look=beads] .note h3{color:#6b3df0;font-weight:700}:root[data-look=beads] .note p{font-weight:500}:root[data-look=beads] .owl .cloth{fill:var(--paper);stroke:var(--ink);stroke-width:2.5}:root[data-look=beads] .owl .rim{fill:none}:root[data-look=beads] .owl .st{fill:#7a5cff;stroke:var(--ink);stroke-width:.7}:root[data-look=beads] .owl .eye{fill:var(--sun)}:root[data-look=beads] .dock .owlbtn{border:0;box-shadow:none;background:none}:root[data-look=beads] .dock .owlbtn .owl{width:60px;height:60px;filter:drop-shadow(0 4px 0 var(--ink))}:root[data-look=beads] .dock .owlbtn.on .owl .cloth{fill:var(--sun)}:root[data-look=beads] .tool{background:var(--paper);border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);padding:4px}:root[data-look=beads] .tool button{color:var(--ink);height:56px}:root[data-look=beads] .tool button.on{background:var(--sun);box-shadow:inset 0 0 0 2.5px var(--ink)}:root[data-look=beads] .tool .ic.fill{background:radial-gradient(circle at 33% 27%,rgba(255,255,255,.9) 0 6%,transparent 7%),radial-gradient(circle,var(--paper) 0 15%,color-mix(in srgb,var(--hue) 62%,#000) 16% 21%,var(--hue) 22% 58%,var(--ink) 59% 66%,transparent 67%)}:root[data-look=beads] .tool .ic.empty{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3 3l4 4M7 3l-4 4' stroke='%231c2b33' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100%}:root[data-look=beads] .key{background:var(--ink);color:#fff}:root[data-look=beads] .cta{background:var(--sun);color:var(--ink);border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);text-align:left;font-size:24px}:root[data-look=beads] .cta small{font-family:Fredoka,sans-serif;font-weight:600}:root[data-look=beads] .sizes button{background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);margin:8px 2px;font-size:14px}:root[data-look=beads] .sizes button[aria-selected=true]{background:var(--sun);font-size:18px}:root[data-look=beads] .sizes svg{inset:4px!important;width:calc(100% - 8px)!important;height:calc(100% - 8px)!important}:root[data-look=beads] .sizes .trk{stroke:#1c2b3324;stroke-width:5}:root[data-look=beads] .sizes .got{stroke:var(--pink);stroke-width:5;stroke-linecap:round}:root[data-look=beads] .road .bed{fill:none;stroke:#08464280;stroke-width:22;stroke-linecap:round}:root[data-look=beads] .road .lane{fill:none;stroke:#fff;stroke-width:5;stroke-dasharray:.1 13;stroke-linecap:round}:root[data-look=beads] .node{border-radius:22px;background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);box-shadow:0 5px 0 var(--ink)}:root[data-look=beads] .node:nth-child(odd){transform:rotate(-3deg)}:root[data-look=beads] .node:nth-child(2n){transform:rotate(2.5deg)}:root[data-look=beads] .node.todo{background:radial-gradient(circle,#f7faf9 0 1.6px,#b5c4bf 1.7px 2.6px,transparent 2.8px) 3px 3px / 12px 12px,var(--peg)}:root[data-look=beads] .node.todo .n{background:var(--paper);border:2.5px solid var(--ink);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:19px}:root[data-look=beads] .node .t{color:#fff;top:calc(100% + 6px);text-shadow:0 1.5px 0 var(--ink)}:root[data-look=beads] .node.now{background:var(--sun)}:root[data-look=beads] .pulse{position:absolute;inset:-16px;border-radius:32px;border:3px solid #fff;opacity:.6;animation:beads-pulse 2s ease-out infinite}:root[data-look=beads] .pulse.p2{inset:-28px;border-radius:42px;opacity:.3;animation-delay:.5s}@keyframes beads-pulse{0%{transform:scale(.86);opacity:.7}to{transform:scale(1.08);opacity:0}}:root[data-look=beads] .clean{width:13px;height:13px;background:var(--sun);clip-path:polygon(50% 0,63% 35%,100% 38%,71% 62%,80% 100%,50% 78%,20% 100%,29% 62%,0 38%,37% 35%);display:inline-block;filter:drop-shadow(0 1px 0 var(--ink))}:root[data-look=beads] .done .big{display:grid;place-items:center;position:relative;transform:rotate(-5deg);filter:drop-shadow(0 3px 0 var(--ink)) drop-shadow(0 16px 14px rgba(4,50,46,.45));--bigpic: 250px;margin-top:10px}:root[data-look=beads] .done .big .sq.v1{background:radial-gradient(circle,rgba(0,0,0,.2) 0 8%,transparent 9%),linear-gradient(rgba(255,255,255,.28),transparent 34%),var(--hue);box-shadow:0 0 0 1.2px var(--hue),inset 0 -2px #00000024;border-radius:22%}:root[data-look=beads] .done .meta,:root[data-look=beads] .done .owlline{text-shadow:0 1.5px 0 rgba(28,43,51,.55)}:root[data-look=beads] .cleanword{display:inline-flex;align-items:center;gap:5px}:root[data-look=beads] .done .owl{width:48px;height:48px;filter:drop-shadow(0 3px 0 var(--ink))}:root[data-look=beads] .done .owlline{font-weight:500}@media(max-height:700px){:root[data-look=beads] .done .big{--bigpic: 150px}:root[data-look=beads] .done h1{font-size:30px}:root[data-look=beads] .done .owlline{margin-top:6px;font-size:14px}:root[data-look=beads] .done .earn{margin:6px 0 4px}:root[data-look=beads] .done br{display:none}}@media(min-width:960px){:root[data-look=beads] .done .big{--bigpic: 320px}}:root[data-look=beads] .cclue,:root[data-look=beads] .rclue{font-family:Alegreya Sans,sans-serif;font-weight:800}@media(min-width:960px){:root[data-look=beads] .done .big{--bigpic: 340px}}:root{--ground: #131018;--sheet: #231d2e;--sheet-ink: #f1ecfa;--sheet-line: rgba(255, 255, 255, .16);--go: #ff9f1c;--go-ink: #2a1600;--band: rgba(255, 255, 255, .1);--aim: #fff;--tag: #f1ecfa;--tag-ink: #131018;--ui: "Archivo", sans-serif}:root[data-look=sampler]{--ground: #1d2f52;--sheet: #f3ead4;--sheet-ink: #2f2318;--sheet-line: rgba(47, 35, 24, .24);--go: #dba551;--go-ink: #3b2409;--band: rgba(45, 72, 112, .13);--aim: #2d4870;--tag: #2d4870;--tag-ink: #f3ead4;--ui: "Atkinson Hyperlegible", sans-serif}:root[data-look=beads]{--ground: #12a391;--sheet: #fffdf6;--sheet-ink: #1c2b33;--sheet-line: rgba(28, 43, 51, .3);--go: #ffd23f;--go-ink: #1c2b33;--band: rgba(107, 61, 240, .12);--aim: #6b3df0;--tag: #1c2b33;--tag-ink: #fffdf6;--ui: "Fredoka", sans-serif}html{background:var(--ground)}#root{height:100%}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:focus-visible{outline:3px solid var(--aim);outline-offset:2px}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}kbd{font:inherit}hub-bar{flex:none;display:block;position:relative;z-index:3}:root[data-look=lightbox] hub-bar{--hf-ink: #f1ecfa;--hf-fill: linear-gradient(#342d42, #231d2e);--hf-font: "Archivo", sans-serif;--hf-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -2px 0 rgba(0, 0, 0, .35), 0 3px 0 #08060b}:root[data-look=sampler] hub-bar{--hf-ink: #f3ead4;--hf-fill: rgba(243, 234, 212, .1);--hf-font: "Atkinson Hyperlegible", sans-serif;--hf-shadow: inset 0 0 0 1px rgba(243, 234, 212, .16), inset 0 0 0 5px rgba(243, 234, 212, 0), 0 2px 0 rgba(8, 14, 30, .5)}:root[data-look=beads] hub-bar{--hf-ink: #1c2b33;--hf-fill: #fffdf6;--hf-font: "Fredoka", sans-serif;--hf-shadow: inset 0 0 0 2.5px #1c2b33, 0 4px 0 #1c2b33}.board{touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none}.squares{cursor:pointer}.boardwrap.zoomed{overflow:auto;place-items:start;overscroll-behavior:contain}.mini{cursor:pointer}.done .next{margin-top:2px}.done .row{justify-content:center}@media(max-width:959px)and (max-height:700px){.play.noted .top{display:none}.note{margin-top:2px;padding:8px 10px}.note p{font-size:13.5px}.note .owl{width:34px;height:34px}.sizes button{width:50px;height:50px;font-size:13px}.sizes button[aria-selected=true]{width:60px;height:60px;font-size:15px}.node{width:54px;height:54px;margin:-27px 0 0 -27px}.node .pic{--c: calc(34px / var(--n))}.node .n{font-size:18px}.cta{min-height:52px;font-size:19px}}.node{cursor:pointer}.squares .sq.cross{background-color:var(--band)}.cclue.aim,.rclue.aim{opacity:1;color:var(--aim)}.cclue.aim{transform:scale(1.22);transform-origin:50% 100%}.rclue.aim{transform:scale(1.22);transform-origin:100% 50%}.runtag{position:absolute;z-index:3;left:calc(var(--x) * var(--c) + var(--c) / 2);top:calc(var(--y) * var(--c) - 32px);transform:translate(-50%);min-width:28px;height:26px;padding:0 7px;border-radius:13px;display:grid;place-items:center;font:800 15px/1 Alegreya Sans,sans-serif;background:var(--tag);color:var(--tag-ink);pointer-events:none;box-shadow:0 3px 8px #00000059}.runtag.match{background:var(--go);color:var(--go-ink)}.squares .sq.held{outline:2px solid var(--aim);outline-offset:-2px;border-radius:50%}.dim{position:fixed;inset:0;background:#0000008c;z-index:60}.sheet{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(560px,100%);max-height:100dvh;overflow:auto;z-index:61;background:var(--sheet);color:var(--sheet-ink);padding:20px 20px calc(22px + env(safe-area-inset-bottom,0px));display:grid;gap:12px;border-radius:22px 22px 0 0;font:600 16px/1.3 var(--ui);text-align:left}.sheet h2{font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.72}.looks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tile{display:grid;justify-items:center;align-content:start;gap:6px;min-height:104px;padding:10px 4px 8px;border-radius:14px;box-shadow:inset 0 0 0 1.5px var(--sheet-line);font-size:14px;font-weight:700}.tile.on{box-shadow:inset 0 0 0 3px var(--go)}.tile.offer{box-shadow:inset 0 0 0 3px var(--sheet-ink)}.sw{display:grid;grid-template-columns:repeat(2,20px);grid-auto-rows:20px;padding:4px;border-radius:8px;box-shadow:0 0 0 1px #00000040}.sw-lightbox{background:#07060a}.sw-lightbox i{background:radial-gradient(circle,#2f2939 0 16%,#15121a 17% 25%,transparent 26%)}.sw-lightbox .s1{background:radial-gradient(closest-side,#ffd08a 0,#ff9f1c 52%,#9e6311 82%,transparent 87%)}.sw-lightbox .s2{background:radial-gradient(circle,#9a92ab 0 8%,#5f5870 9% 21%,#3b3547 22% 27%,transparent 28%)}.sw-sampler{background:#efe5cb}.sw-sampler .s1{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2.2 2.2 7.8 7.8M7.8 2.2 2.2 7.8' stroke='%23a93226' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100%}.sw-sampler .s2{background:radial-gradient(circle,#6d6253 0 11%,transparent 13%)}.sw-beads{background:#e9f0ee}.sw-beads i{background:radial-gradient(circle,#f7faf9 0 9%,#b5c4bf 10% 17%,transparent 18%)}.sw-beads .s1{background:radial-gradient(circle,#e9f0ee 0 15%,#b3336b 16% 21%,#ff5fa2 22% 58%,#b3336b 59% 66%,transparent 67%)}.sw-beads .s2{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3.5 3.5l3 3M6.5 3.5l-3 3' stroke='%2371828a' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100%}.price{display:inline-flex;align-items:center;gap:4px;font-size:13px}.price .coin,.btn .coin,.offerrow .coin{width:17px;height:17px}.offerrow{display:grid;justify-items:center}.offerrow p{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px}.btn{min-height:48px;padding:0 22px;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:800;box-shadow:inset 0 0 0 1.5px var(--sheet-line)}.btn.go{background:var(--go);color:var(--go-ink);box-shadow:none}.sheet .row{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:48px;border-top:1px solid var(--sheet-line);font-size:18px;font-weight:700;text-align:left}.sheet .row em{font-style:normal}.sheet .links{display:flex;gap:18px;padding-top:4px;border-top:1px solid var(--sheet-line);font-size:14px}.sheet .links a{color:inherit;min-height:44px;display:inline-flex;align-items:center}.notice{flex:none;align-self:center;margin:4px 0 6px;width:min(440px,calc(100% - 24px));background:var(--sheet);color:var(--sheet-ink);border-radius:16px;padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 10px;box-shadow:0 10px 30px #00000073,inset 0 0 0 1.5px var(--sheet-line);font:600 15px/1.3 var(--ui)}.notice p{flex:1 1 100%}.notice button{min-height:44px;padding:0 16px;border-radius:22px;font-weight:800;box-shadow:inset 0 0 0 1.5px var(--sheet-line)}.notice .ok{background:var(--go);color:var(--go-ink);box-shadow:none}@media(max-width:959px)and (max-height:700px){.notice{padding:8px 10px;gap:6px 8px;font-size:13.5px;margin:2px 0 4px}}@media(min-width:960px){.notice{position:absolute;z-index:40;right:20px;bottom:20px;width:380px;margin:0}}@media(min-width:960px){.play{grid-template-columns:minmax(0,1fr) 420px;width:min(100%,1192px)}.dock{gap:16px}:root[data-look] .dock .round{width:76px;height:76px}:root[data-look] .dock .round svg{width:32px;height:32px}:root[data-look] .dock .owlbtn .owl{width:68px;height:68px}:root[data-look] .dock .tool button{width:108px;height:76px;font-size:14px;gap:4px}:root[data-look] .dock .tool button .ic{width:36px;height:36px}}:root:not([data-calm]) .squares .sq.v1{animation:land .12s cubic-bezier(.3,1.5,.6,1)}:root:not([data-calm]) .squares .sq.v2{animation:land .1s ease-out}@keyframes land{0%{transform:scale(.55)}to{transform:none}}:root:not([data-calm]) .squares .sq.press:after{content:"";position:absolute;inset:6%;border-radius:50%;border:2px solid var(--aim);opacity:0;animation:hold .24s .11s linear both}@keyframes hold{0%{opacity:.9;transform:scale(1.6)}to{opacity:.9;transform:scale(.8)}}:root:not([data-calm]) .cclue.met,:root:not([data-calm]) .rclue.met{animation:tied .45s ease-out}@keyframes tied{0%{transform:scale(1.45);opacity:1;color:var(--go)}}:root:not([data-calm]) .cclue,:root:not([data-calm]) .rclue{transition:transform .08s ease-out}:root:not([data-calm])[data-look=lightbox] .finale .big .sq.v1{animation:lightbox-on .32s calc(.25s + var(--i) * 16ms) both}@keyframes lightbox-on{0%{filter:brightness(.16) saturate(.5)}55%{filter:brightness(1.8);transform:scale(1.25)}to{filter:none;transform:none}}:root:not([data-calm])[data-look=sampler] .finale .big .sq.v1{animation:sampler-on .3s calc(.2s + var(--i) * 16ms) both}@keyframes sampler-on{0%{opacity:0;transform:scale(1.7) rotate(20deg)}to{opacity:1;transform:none}}:root:not([data-calm])[data-look=beads] .finale .big .sq.v1{animation:beads-on .3s calc(.2s + var(--i) * 16ms) cubic-bezier(.3,1.4,.6,1) both}@keyframes beads-on{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}:root[data-calm] .pulse{display:none}