:root{--paper: #eeeeee;--card: #ffffff;--ink: #292929;--ink-2: #616161;--ink-3: #8c8c8c;--line: #e6e6e6;--sand: #e4e4e4;--sand-2: #dcdcdc;--accent: #333333;--rust: #9c4a35;--cat: #ff7019;--cat-2: #e35f0d;--olive: #5f6b4a;--ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display: 'Zain', var(--ui);--gutter: 1.75rem;--pad: 1.5rem;--radius: 10px;--shadow: 0 1px 2px rgba(38, 38, 38, .05), 0 8px 24px -12px rgba(38, 38, 38, .18)}@media(min-width: 40rem){:root{--gutter: 2.75rem}}@media(max-width: 34rem){:root{--pad: 1.125rem}}@font-face{font-family:"Zain";src:url("assets/fonts/Zain-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}html{background:#080808}body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font:16px/1.5 var(--ui);-webkit-font-smoothing:antialiased}.wrap{width:100%;max-width:1200px;margin:0 auto;padding:2.5rem var(--gutter) 4rem;flex:1;display:flex;flex-direction:column}.hidden{display:none !important}.offscreen{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.spacer{flex:1}.hint{margin:.875rem 0 0;font-size:.875rem;color:var(--ink-3)}.hero{min-height:20vh;background:#fff;display:flex;align-items:center;justify-content:center;padding:80px 0 0}.hero img{max-width:min(88%,1690px);max-height:34vh;width:auto;height:auto;object-fit:contain;transform:translateX(2px)}.wave{display:block;width:100%;height:7rem;margin-top:-1px;flex:none}.drop{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;cursor:pointer;text-align:center;background:var(--card);border:1.5px dashed var(--sand-2);border-radius:14px;transition:border-color .15s,background .15s}.drop:hover,.drop.over{border-color:var(--ink-3);background:#fefefe}.drop strong{display:block;font-size:1.125rem;font-weight:600}.drop span{color:var(--ink-2);font-size:.9375rem}.drop input{display:none}.drop.noscript{cursor:default}.drop.noscript:hover{border-color:var(--sand-2);background:var(--card)}.drop.noscript span{display:block;max-width:28rem;margin:.375rem auto 0}.filebar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);font-size:.9375rem}.filebar .count{font-weight:600}.filebar .btn{padding:.375rem .75rem;font-size:.875rem}.filebar.over{border-color:var(--ink-3);border-style:dashed;background:#fefefe}.card{margin-top:1.25rem;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.card>h2{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin:0;padding:1.125rem var(--pad) .875rem}.msg{margin-top:1rem;padding:.875rem 1.125rem;border-radius:var(--radius);font-size:.9375rem}.msg.bad{background:#fbeeea;color:#7d3a29;border:1px solid #f0d8d0}.msg.info{background:var(--sand);color:var(--ink-2);border:1px solid var(--sand-2)}.progress{margin-top:1.5rem}.progress .bar{height:.5rem;border-radius:999px;background:var(--sand-2);overflow:hidden}.progress .bar span{display:block;width:0;height:100%;border-radius:999px;background:var(--cat);transition:width .15s linear}.progress .progress-note{margin:.5rem 0 0;text-align:center;font-size:.8125rem;color:var(--ink-2);font-variant-numeric:tabular-nums}.actions{display:flex;justify-content:center;gap:.75rem;margin-top:1.75rem}.owned{margin:1.5rem 0 0;text-align:center;font-size:.8125rem;color:var(--ink-3)}.owned button{appearance:none;font:inherit;cursor:pointer;background:none;border:0;padding:0;color:inherit;text-decoration:underline}.owned button:hover{color:var(--ink-2)}.btn{appearance:none;font:inherit;cursor:pointer;background:none;border:0;padding:.8125rem 1.75rem;border:1px solid rgba(0,0,0,0);border-radius:var(--radius);transition:background .12s,opacity .12s}.btn.primary{background:var(--accent);color:#fafafa;font-size:1.0625rem;font-weight:500}.btn.primary:hover:not(:disabled){background:#454545}.btn.primary:disabled{background:var(--sand-2);color:#9a9a9a;cursor:not-allowed}.btn.line{background:rgba(0,0,0,0);border:2px solid var(--accent);color:var(--ink);font-size:1.0625rem;font-weight:500}.btn.line:hover:not(:disabled){background:var(--sand)}.btn.line:disabled{border-color:var(--sand-2);color:#9a9a9a;cursor:not-allowed}.btn.quiet{background:rgba(0,0,0,0);color:var(--ink-2)}.btn.quiet:hover{background:var(--sand);color:var(--ink)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}footer{margin-top:auto}footer .wave-foot{height:6rem;margin:0 0 -1px;transform:scaleX(-1)}footer .foot-inner{max-width:60rem;margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap}footer .foot-main{background:#121212;padding:0 0 5rem}footer .foot-main .foot-inner{transform:translateY(10px)}footer .foot-logo{display:block;width:15rem;height:auto;filter:brightness(0) invert(1);opacity:.25;transform:translateY(3px)}footer .foot-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;transform:translateY(8px)}footer .foot-links{display:flex;gap:1.75rem}footer .foot-links a{font-size:.9375rem;color:#858585;text-decoration:none}footer .foot-links a:hover{color:#c9c9c9}footer .foot-bar{background:#080808;padding:.875rem 0}footer .foot-bar p{margin:0;font-size:.75rem;color:#6b6b6b}footer button{appearance:none;font:inherit;cursor:pointer;background:none;border:0;padding:0;color:#8a8a8a;text-decoration:underline}footer button:hover{color:#c9c9c9}@media(max-width: 40rem){footer .foot-inner{justify-content:center;text-align:center}footer .foot-right{align-items:center}footer .foot-links{flex-wrap:wrap;justify-content:center;gap:1rem}}@media(max-width: 60rem){.hero{padding-top:4.5rem}.hero img{max-width:94%;max-height:38vh}.wave{height:5rem}}@media(max-width: 34rem){.hero{min-height:0;padding-top:3rem}.hero img{max-width:96%;max-height:30vh}.wave{height:3.5rem}.drop{padding:2.5rem 1.25rem}.filebar{flex-wrap:wrap;padding:.75rem}.actions{flex-direction:column;align-items:stretch;margin-top:1.5rem}}.namebox{display:flex;align-items:center;gap:.5rem;margin:0 var(--pad);padding:.625rem .75rem;background:#fff;border:1px solid var(--sand-2);border-radius:var(--radius);cursor:text;transition:border-color .12s,box-shadow .12s}.namebox:focus-within{border-color:var(--ink-3);box-shadow:0 0 0 3px rgba(150,150,150,.18)}.namebox .ext{flex:none;padding:.1875rem .5rem;border-radius:6px;background:var(--sand);border:1px solid var(--sand-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9375rem;font-weight:600;color:var(--ink-2);user-select:none}.namebox .ext:empty{display:none}.nameline{flex:1;min-width:0;min-height:1.75rem;padding:.125rem 0;font-size:1.0625rem;line-height:1.75rem;outline:none;white-space:pre-wrap;word-break:break-word}.nameline:empty::before{content:"Type a name, or drag a block in";color:var(--ink-3)}.nameline:not(:empty)[data-hint]::after{content:attr(data-hint);margin-left:.125rem;color:var(--ink-3);user-select:none}.block,.chip{background:var(--cat);border:1px solid var(--cat-2);color:#fff;font-size:.9375rem;line-height:1.5rem;cursor:grab;user-select:none;touch-action:none}.chip{display:inline-block;margin:0 .375rem;padding:.0625rem .4375rem;border-radius:6px;font-weight:600;vertical-align:baseline;-webkit-user-drag:none}.chip::before{content:"";display:inline-block;width:.1875rem;height:.625rem;margin-right:.375rem;vertical-align:-0.0625rem;opacity:.7;background-image:radial-gradient(circle, #fff 45%, transparent 50%);background-size:.1875rem .21875rem}.chip::after{content:"";display:inline-block;width:.3125rem;height:.3125rem;margin:0 .0625rem 0 .4375rem;vertical-align:.1875rem;border-right:1.5px solid rgba(255,255,255,.75);border-bottom:1.5px solid rgba(255,255,255,.75);transform:rotate(45deg)}.chip:hover{background:#ff7f31}.chip:hover::after{border-color:#fff}.chip.active{background:var(--cat-2);border-color:#c85109}.chip.moving{opacity:.3}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@keyframes sway{20%{transform:translateX(-0.375rem)}60%{transform:translateX(0.375rem)}100%{transform:translateX(0)}}.nameline.demo .chip{animation:sway 1.1s ease-in-out var(--sway-delay, 0ms) 2 both}@media(prefers-reduced-motion: reduce){.nameline.demo .chip{animation:none}}.chip-ghost{position:fixed;left:0;top:0;z-index:60;margin:0;pointer-events:none;background:var(--card);border-color:var(--ink-3);box-shadow:0 8px 20px -8px rgba(38,38,38,.5);rotate:-1.5deg}body.moving-piece,body.moving-piece .chip{cursor:grabbing}.dropmark{display:inline-block;width:0;height:1.25rem;margin:0 -1px;vertical-align:-0.3125rem;border-left:2px solid var(--accent);border-radius:1px;pointer-events:none;user-select:none}.tray{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:1.25rem var(--pad) 0}.tray-hint{margin:.625rem 0 .75rem;padding:0 var(--pad);font-size:.8125rem;color:var(--ink-3)}.block{appearance:none;font:inherit;font-size:.9375rem;font-weight:500;padding:.3125rem .625rem .3125rem .4375rem;border-radius:7px;box-shadow:0 2px 0 var(--cat-2),0 4px 8px -3px rgba(38,38,38,.35);transition:transform .1s,box-shadow .1s,background .1s}.block::before{content:"";display:inline-block;width:.1875rem;height:.625rem;margin-right:.4375rem;vertical-align:-0.0625rem;opacity:.7;background-image:radial-gradient(circle, #fff 45%, transparent 50%);background-size:.1875rem .21875rem}.block:hover{background:#ff7f31;transform:translateY(-2px);box-shadow:0 3px 0 var(--cat-2),0 8px 14px -4px rgba(38,38,38,.4)}.block:active{cursor:grabbing;transform:translateY(1px);box-shadow:0 1px 0 var(--cat-2)}.block:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.clear{appearance:none;font:inherit;cursor:pointer;background:none;border:0;padding:.375rem .75rem;font-size:.875rem;color:var(--ink-3);background:#fff;border:1px solid rgba(0,0,0,0);border-radius:999px;transition:background .12s,border-color .12s}.clear:hover{background:var(--sand);color:var(--ink)}.clear:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.linefoot{display:flex;align-items:center;gap:1rem;padding:.75rem var(--pad) 1.5rem}.linefoot .hint{flex:1;margin:0}.pop{position:absolute;z-index:40;display:none;width:17.5rem;padding:1rem;background:var(--card);border:1px solid var(--sand-2);border-radius:12px;box-shadow:0 16px 40px -16px rgba(38,38,38,.4)}.pop.open{display:block}.pop-head{display:flex;align-items:center;gap:.5rem}.pop-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);flex:1;min-width:0}.pop-move{display:flex;gap:.25rem}.pop-move button{appearance:none;font:inherit;cursor:pointer;background:none;border:0;display:grid;place-items:center;width:1.5rem;height:1.5rem;color:var(--ink-2);background:#fff;border:1px solid var(--sand-2);border-radius:6px;transition:background .12s,color .12s}.pop-move button span{width:.3125rem;height:.3125rem;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor}.pop-move button:hover:not(:disabled){background:var(--sand);color:var(--ink)}.pop-move button:disabled{opacity:.3;cursor:default}.pop-move button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pop-move .back span{margin-left:.125rem;transform:rotate(-45deg)}.pop-move .fwd span{margin-right:.125rem;transform:rotate(135deg)}.pop-body{display:flex;flex-direction:column;gap:.625rem;margin-top:.75rem}.pop-body label{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem;color:var(--ink-2)}.pop-body select,.pop-body input{width:100%}.pop-remove{appearance:none;font:inherit;cursor:pointer;background:none;border:0;width:100%;margin-top:.875rem;padding:.375rem 0 0;text-align:left;font-size:.8125rem;color:var(--rust);border-top:1px solid var(--line)}.pop-remove:hover{text-decoration:underline}input[type=text],input[type=number],select{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--sand-2);border-radius:8px;padding:.5rem .625rem;min-width:0;transition:border-color .12s,box-shadow .12s}input[type=text]:focus,input[type=number]:focus,select:focus{outline:none;border-color:var(--ink-3);box-shadow:0 0 0 3px rgba(150,150,150,.18)}input[type=number]{width:5rem}select{cursor:pointer}.row{display:flex;flex-wrap:wrap;gap:1rem 1.125rem;align-items:flex-end}.previewhead{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .75rem;padding:1.125rem var(--pad) .875rem}.previewhead h2{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin:0}.previewhead .note{font-size:.875rem;color:var(--ink-2)}.previewhead .note.bad{color:var(--rust);font-weight:600}.rows{margin:0;padding:0;list-style:none;max-height:22rem;overflow:auto;border-top:1px solid var(--line)}.rows li{display:grid;grid-template-columns:1fr 1.25rem 1fr;align-items:center;gap:.5rem;padding:.5rem var(--pad);font-size:.9375rem}.rows li+li{border-top:1px solid #efefef}.rows .from{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--sand-2)}.rows .from.same{text-decoration:none}.rows .arrow{color:var(--ink-3);text-align:center}.rows .arrow::before{content:"→"}.rows .to{text-align:right;font-weight:500}.rows .to.same{color:var(--ink-3);font-weight:400}.rows .to.bad{color:var(--rust);font-weight:600}.from,.to{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width: 34rem){.wrap{padding-top:2.5rem}.rows li{grid-template-columns:1fr;gap:0;padding-block:.625rem}.rows .arrow{display:none}.rows .from,.rows .to{white-space:normal;overflow:visible;overflow-wrap:anywhere}.rows .to{text-align:left;padding-left:1.25rem;text-indent:-1.25rem}.rows .to::before{content:"→";display:inline-block;width:1.25rem;text-indent:0;color:var(--ink-3);font-weight:400}}.pillars{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--line);text-align:center}.pillars>h2{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin:0 0 .75rem}.pillars-lede{max-width:34rem;margin:0 auto 2.25rem;font-size:1.0625rem;line-height:1.6;color:var(--ink-2)}.pillar-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25rem}.pillar-list li{padding:1.375rem var(--pad) 1.5rem;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.pillar-list h3{margin:0 0 .5rem;font-size:1.0625rem;font-weight:600;line-height:1.35}.pillar-list h3::before{content:"";display:block;width:1.75rem;height:.1875rem;margin-bottom:.875rem;border-radius:999px;background:var(--cat)}.pillar-list p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--ink-2)}.pillars-buy{margin:1.75rem 0 0;font-size:.9375rem;color:var(--ink-2)}.linkish{appearance:none;font:inherit;cursor:pointer;background:none;border:0;padding:0;color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--cat);text-decoration-thickness:2px;text-underline-offset:3px}.linkish:hover{color:var(--cat-2)}.linkish:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media(max-width: 60rem){.pillar-list{grid-template-columns:1fr;gap:1rem}.pillar-list h3::before{margin-bottom:.625rem}}@media(max-width: 34rem){.pillars{margin-top:2.5rem;padding-top:2rem}.pillars-lede{font-size:1rem;margin-bottom:1.5rem}}.modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:1.25rem;background:rgba(38,38,38,.38);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal.open{display:flex}.modal .sheet{width:100%;max-width:27rem;padding:2rem;background:var(--card);border-radius:16px;box-shadow:0 24px 60px -20px rgba(38,38,38,.45)}.modal h2{margin:0;font-family:var(--display);font-size:1.75rem;font-weight:700}.modal .lede{margin:.625rem 0 0;color:var(--ink-2)}.modal ul{margin:1.5rem 0 0;padding:0;list-style:none}.modal ul li{display:flex;gap:.625rem;padding:.3125rem 0;color:var(--ink-2)}.modal ul li::before{content:"—";color:var(--sand-2)}.modal .buy{display:block;margin-top:1.75rem;text-align:center;text-decoration:none}.modal .redeem{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line)}.modal .redeem label{display:block;font-size:.875rem;color:var(--ink-2)}.modal .redeem .row{margin-top:.5rem;flex-wrap:nowrap;gap:.5rem}.modal .redeem input{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem}.modal .redeem button{appearance:none;font:inherit;cursor:pointer;background:none;border:0;padding:.5rem .875rem;font-size:.9375rem;border:1px solid var(--sand-2);background:#fff;color:var(--ink);border-radius:8px}.modal .redeem button:hover{background:var(--sand)}.modal .say{margin:.625rem 0 0;font-size:.875rem;min-height:1.25rem}.modal .say.ok{color:var(--olive)}.modal .say.bad{color:var(--rust)}.modal .close{display:block;width:100%;margin-top:1.5rem}.modal .sheet.small{max-width:27rem}.modal .two{display:flex;gap:.5rem;margin-top:1.5rem}.modal .two .btn{flex:1;padding:.6875rem .75rem;font-size:.9375rem;white-space:nowrap}.unlocked{display:none;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 0 .5rem;text-align:center}.unlocked strong{font-family:var(--display);font-size:1.5rem;font-weight:700}.unlocked span{color:var(--ink-2);font-size:.9375rem}.sheet.done{animation:lift .45s cubic-bezier(0.2, 0.9, 0.3, 1.2)}.sheet.done>*:not(.unlocked){display:none}.sheet.done .unlocked{display:flex}.tick{position:relative;width:3.25rem;height:3.25rem;border-radius:50%;background:var(--olive);animation:lift .4s .05s backwards cubic-bezier(0.2, 0.9, 0.3, 1.4)}.tick::after{content:"";position:absolute;left:1.1875rem;top:.8125rem;width:.625rem;height:1.125rem;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg);transform-origin:bottom right;animation:draw .28s .22s backwards ease-out}@keyframes lift{from{opacity:0;scale:.8}to{opacity:1;scale:1}}@keyframes draw{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion: reduce){.sheet.done,.tick,.tick::after{animation:none}}.legal{width:100%;max-width:40rem;margin:0 auto;padding:3rem var(--gutter) 4rem}.legal .back{display:inline-block;margin-bottom:2rem;font-size:.875rem;color:var(--ink-2);text-decoration:none}.legal .back:hover{color:var(--ink);text-decoration:underline}.legal h1{margin:0 0 .5rem;font-family:var(--display);font-size:2.25rem;font-weight:700}.legal .updated{margin:0 0 2.5rem;font-size:.875rem;color:var(--ink-3)}.legal h2{margin:2.25rem 0 .5rem;font-size:1.0625rem;font-weight:600}.legal p,.legal li{color:var(--ink-2)}.legal p{margin:.625rem 0 0}.legal ul{margin:.625rem 0 0;padding-left:1.25rem}.legal li{margin:.25rem 0}.legal a{color:var(--ink)}.legal .fill{background:var(--sand);border:1px dashed var(--sand-2);border-radius:6px;padding:0 .375rem;color:var(--rust);font-size:.9375rem}