@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Spline+Sans+Mono:wght@400;500;600&display=swap");:root{--ink:#141414;--ink-soft:#565656;--paper:#fff;--paper-2:#f3f3f3;--line:#d2d2d2;--line-soft:#e4e4e4;--rust:#141414;--rust-soft:#ededed;--moss:#141414;--moss-soft:#ececec;--gold:#4a4a4a;--shadow-sm:0 2px 6px hsla(0,0%,8%,.06);--shadow-md:0 12px 28px hsla(0,0%,8%,.12);--shadow-lg:0 24px 50px hsla(0,0%,8%,.15);--ease:cubic-bezier(0.22,1,0.36,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--paper);color:var(--ink);font-family:Fraunces,Georgia,serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:radial-gradient(circle at 20% 8%,hsla(0,0%,8%,.035),transparent 42%),radial-gradient(circle at 82% 78%,hsla(0,0%,8%,.03),transparent 42%);background-attachment:fixed}a{color:inherit;text-decoration:none}::selection{background:var(--rust);color:var(--paper)}:focus-visible{outline:2px solid var(--rust);outline-offset:3px;border-radius:4px}.mono{font-family:Spline Sans Mono,monospace}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.hero,.panel,.section{animation:rise .6s var(--ease) both}.section{animation-delay:.06s}}.nav{justify-content:space-between;padding:18px 40px;border-bottom:1.5px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav,.nav .brand{display:flex;align-items:center}.nav .brand{gap:11px;font-weight:600;font-size:20px;letter-spacing:-.01em}.nav .brand .mark{color:var(--rust);font-size:20px;line-height:1;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--rust-soft);border:1.5px solid color-mix(in srgb,var(--rust) 22%,transparent);transition:transform .35s var(--ease),background .2s}.nav .brand:hover .mark{transform:rotate(-12deg) scale(1.05)}.nav .links{display:flex;align-items:center;gap:26px;font-size:15px}.nav .links a:not(.cta){color:var(--ink-soft);transition:color .15s;position:relative;padding:4px 0}.nav .links a:not(.cta):after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--rust);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.nav .links a:not(.cta).active,.nav .links a:not(.cta):hover{color:var(--ink)}.nav .links a:not(.cta).active:after,.nav .links a:not(.cta):hover:after{transform:scaleX(1)}.nav .links a.cta{background:var(--ink);color:var(--paper);padding:9px 18px;border-radius:999px;box-shadow:var(--shadow-sm);transition:background .18s,transform .18s var(--ease),box-shadow .18s}.nav .links a.cta:hover{background:var(--rust);transform:translateY(-1px);box-shadow:var(--shadow-md)}.wrap{max-width:1180px;margin:0 auto;padding:0 40px}.section{padding:56px 0}.hero{padding:84px 0 48px;display:grid;grid-template-columns:1fr auto;grid-gap:48px;gap:48px;align-items:center}.hero-copy{min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:Spline Sans Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--rust);padding:6px 13px;border:1px solid var(--line);border-radius:999px;background:hsla(0,0%,8%,.05);margin-bottom:22px}.eyebrow .dot{width:6px;height:6px;border-radius:999px;background:var(--rust)}.hero h1{font-size:clamp(40px,6vw,76px);line-height:1.02;font-weight:600;letter-spacing:-.03em;max-width:14ch}.hero h1 em{font-style:italic;color:var(--rust)}.hero p{font-size:19px;color:var(--ink-soft);max-width:52ch;margin-top:22px;line-height:1.55}.hero .hero-actions{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap}.name-gloss{margin-top:20px;font-size:13.5px;color:var(--ink-soft);line-height:1.55;max-width:50ch}.name-gloss b{color:var(--ink);font-weight:600}.name-gloss i{font-style:italic}.hero-rules{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}.rule-chip{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-soft);padding:8px 14px;border:1px solid var(--line-soft);border-radius:999px;background:hsla(0,0%,100%,.6)}.rule-chip b{color:var(--ink);font-weight:600}.hero-art{color:var(--line);flex-shrink:0}.hero-art svg{display:block}.hero-art polygon{transition:stroke .3s,fill .3s}@media (prefers-reduced-motion:no-preference){.hero-art .h-pulse{animation:hexpulse 4.5s var(--ease) infinite}.hero-art .h-pulse:nth-child(2){animation-delay:.5s}.hero-art .h-pulse:nth-child(3){animation-delay:1s}.hero-art .h-pulse:nth-child(4){animation-delay:1.5s}.hero-art .h-pulse:nth-child(5){animation-delay:2s}}@keyframes hexpulse{0%,to{stroke:var(--line)}45%{stroke:var(--rust)}}.btn{font-family:Fraunces,serif;font-size:16px;font-weight:500;padding:12px 24px;border-radius:999px;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;box-shadow:var(--shadow-sm);transition:background .18s,border-color .18s,color .18s,transform .18s var(--ease),box-shadow .18s}.btn:hover{background:var(--rust);border-color:var(--rust);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn.ghost{background:transparent;color:var(--ink);box-shadow:none}.btn.ghost:hover{background:var(--ink);color:var(--paper);box-shadow:var(--shadow-md)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.shead{display:flex;align-items:baseline;gap:16px;margin-bottom:28px}.shead h2{font-size:32px;font-weight:600;letter-spacing:-.02em}.shead:after{content:"";flex:1 1;height:1.5px;align-self:center;background:linear-gradient(90deg,var(--line),transparent)}.shead .tag{order:3;font-family:Spline Sans Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--rust);padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:hsla(0,0%,8%,.05);white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:20px;gap:20px}.card{border:1.5px solid var(--line);border-radius:16px;padding:22px;background:var(--paper-2);position:relative;overflow:hidden;transition:transform .2s var(--ease),border-color .2s,box-shadow .2s,background .2s}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--rust),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.card:hover{transform:translateY(-4px);border-color:var(--ink);background:#fafafa;box-shadow:var(--shadow-md)}.card:hover:before{transform:scaleX(1)}.card .thumb{height:130px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--line);transition:color .25s,transform .3s var(--ease)}.card:hover .thumb{color:var(--rust);transform:scale(1.04)}.card h3{font-size:20px;font-weight:600;letter-spacing:-.01em}.card .meta{font-size:12px;color:var(--ink-soft);margin-top:6px}.card .meta,.card .solved-badge{font-family:Spline Sans Mono,monospace}.card .solved-badge{position:absolute;top:14px;right:14px;background:var(--moss);color:var(--paper);font-size:11px;padding:3px 9px;border-radius:999px}.board-wrap{display:grid;grid-template-columns:1fr 300px;grid-gap:28px;gap:28px;align-items:start}.board-canvas{border:1.5px solid var(--line);border-radius:18px;overflow:hidden;padding:8px;background:radial-gradient(circle at 50% 38%,#fff,#efefef);box-shadow:var(--shadow-lg)}.board-canvas canvas{display:block;width:100%;height:auto;cursor:pointer;border-radius:12px}@media (prefers-reduced-motion:no-preference){.board-canvas.won{animation:boardwin .7s var(--ease)}}@keyframes boardwin{0%{transform:scale(1);box-shadow:var(--shadow-lg)}40%{transform:scale(1.015);box-shadow:0 28px 60px hsla(0,0%,8%,.22)}to{transform:scale(1);box-shadow:var(--shadow-lg)}}.board-panel{position:-webkit-sticky;position:sticky;top:100px}.panel-label{font-family:Spline Sans Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);margin-bottom:10px}.board-status{font-size:15px;padding:14px 16px;border-radius:12px;line-height:1.45;background:var(--paper-2);border:1.5px solid var(--line);border-left-width:4px;margin-bottom:20px;transition:background .2s,border-color .2s,color .2s}.board-status.win{background:#161616;border-color:#000;color:#fff;font-weight:500;animation:statuspop .45s var(--ease)}.board-status.bad{background:#f0f0f0;border-color:#141414;color:#141414;font-weight:500}@keyframes statuspop{0%{transform:scale(.97)}55%{transform:scale(1.015)}to{transform:scale(1)}}.pool{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.pool-chip{font-family:Spline Sans Mono,monospace;font-size:15px;font-weight:500;min-width:40px;text-align:center;padding:9px 13px;border-radius:10px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);cursor:-webkit-grab;cursor:grab;transition:border-color .12s,transform .12s var(--ease),box-shadow .12s,background .12s}.pool-chip:hover{border-color:var(--rust);color:var(--rust);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.pool-chip:active{cursor:-webkit-grabbing;cursor:grabbing;transform:translateY(0) scale(.95)}.pool-chip.used{opacity:.4;text-decoration:line-through;cursor:default;transform:none;box-shadow:none}.pool-chip.used:hover{border-color:var(--line);color:var(--ink)}.board-actions{display:flex;gap:10px;margin-bottom:20px}.board-actions .btn{flex:1 1;padding:10px;font-size:15px}.rules-box{border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;background:hsla(0,0%,8%,.03)}.rules-mini{font-size:13px;color:var(--ink-soft);line-height:1.55}.rules-link,.rules-mini b{color:var(--ink)}.rules-link{display:inline-block;margin-top:10px;font-size:13px;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.rules-link:hover{color:var(--ink-soft)}.panel{border:1.5px solid var(--line);border-radius:16px;padding:24px;background:var(--paper-2);margin-bottom:24px;box-shadow:var(--shadow-sm)}.field{margin-bottom:18px}.field label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.field input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:22px;background:transparent;cursor:pointer;margin-top:2px}.field input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--line)}.field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:var(--ink);border:2px solid var(--paper);box-shadow:var(--shadow-sm);-webkit-transition:background .15s,transform .15s var(--ease);transition:background .15s,transform .15s var(--ease)}.field input[type=range]:hover::-webkit-slider-thumb{background:var(--rust);transform:scale(1.12)}.field input[type=range]:active::-webkit-slider-thumb{transform:scale(1.05)}.field input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--line)}.field input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--ink);border:2px solid var(--paper);box-shadow:var(--shadow-sm);-moz-transition:background .15s;transition:background .15s}.field input[type=range]:hover::-moz-range-thumb{background:var(--rust)}.field input[type=range]:focus-visible{outline:none}.field input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px hsla(0,0%,8%,.22)}.field input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px hsla(0,0%,8%,.22)}.seed-row{display:flex;gap:8px}.icon-btn{font-family:Spline Sans Mono,monospace;font-size:15px;width:42px;height:44px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;transition:border-color .15s,color .15s,transform .15s var(--ease)}.icon-btn:hover{border-color:var(--rust);color:var(--rust);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.field input[type=email],.field input[type=password],.field input[type=text]{width:100%;padding:11px 14px;border-radius:10px;border:1.5px solid var(--line);background:var(--paper);font-family:Fraunces,serif;font-size:16px;color:var(--ink);transition:border-color .15s,box-shadow .15s,background .15s}.field input:focus{outline:none;border-color:var(--rust);background:#fafafa;box-shadow:0 0 0 3px hsla(0,0%,8%,.14)}.field .val{font-family:Spline Sans Mono,monospace;font-size:13px;color:var(--ink-soft);float:right}.notice{font-size:14px;padding:12px 15px;border-radius:10px;margin-bottom:16px;line-height:1.5;animation:rise .4s var(--ease) both}.notice.err{background:#fafafa}.notice.err,.notice.ok{color:#141414;border:1px solid #141414;border-left-width:4px}.notice.ok{background:#f0f0f0}.or-divider{display:flex;align-items:center;gap:12px;color:var(--ink-soft);font-size:13px;margin:14px 0}.or-divider:after,.or-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.empty{text-align:center;padding:64px 24px;color:var(--ink-soft);border:1.5px dashed var(--line);border-radius:16px;background:hsla(0,0%,8%,.025)}.empty h2{color:var(--ink)}.footer{border-top:1.5px solid var(--line);padding:34px 40px;margin-top:72px;font-size:13px;color:var(--ink-soft);text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.footer .mark{color:var(--rust);font-size:15px}.prose{max-width:72ch}.prose .lede{font-size:19px;line-height:1.55;color:var(--ink-soft);margin-bottom:8px}.prose h3{font-size:25px;font-weight:600;letter-spacing:-.01em;margin:44px 0 12px;display:flex;align-items:baseline;gap:12px}.prose h3 .n{font-family:Spline Sans Mono,monospace;font-size:13px;color:var(--ink-soft)}.prose h4{font-size:17px;font-weight:600;margin:22px 0 6px}.prose p{font-size:16px;line-height:1.65;color:var(--ink-soft);margin-bottom:14px}.prose li b,.prose p b{color:var(--ink);font-weight:600}.prose ul{list-style:none;margin:4px 0 14px}.prose ul li{font-size:16px;line-height:1.6;color:var(--ink-soft);padding-left:24px;position:relative;margin-bottom:8px}.prose ul li:before{content:"⬡";position:absolute;left:0;top:2px;color:var(--ink);font-size:13px}.rule-cards{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr;margin:18px 0}.rule-card{border:1.5px solid var(--line);border-radius:14px;padding:20px;background:var(--paper-2)}.rule-card .k{font-family:Spline Sans Mono,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.rule-card h4{font-size:19px;margin:8px 0}.rule-card p{font-size:14.5px;margin:0}.rule-card .ex{margin-top:12px;font-family:Spline Sans Mono,monospace;font-size:13px;color:var(--ink);display:flex;flex-wrap:wrap;gap:8px}.rule-card .ex span{border:1px solid var(--line);border-radius:8px;padding:4px 9px;background:var(--paper)}.legal-table{width:100%;border-collapse:collapse;margin:16px 0 8px;font-size:15px}.legal-table th{text-align:left;font-family:Spline Sans Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);padding:8px 12px;border-bottom:1.5px solid var(--line);font-weight:500}.legal-table td{padding:11px 12px;border-bottom:1px solid var(--line-soft);color:var(--ink-soft)}.legal-table td.pair{font-family:Spline Sans Mono,monospace;color:var(--ink)}.legal-table .verdict{font-weight:600;color:var(--ink);white-space:nowrap}.steps{margin:18px 0}.step{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid var(--line-soft)}.step:last-child{border-bottom:none}.step .sn{flex-shrink:0;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-family:Spline Sans Mono,monospace;font-size:15px;font-weight:500}.step .st{font-size:16px;line-height:1.55;color:var(--ink-soft)}.step .st b{color:var(--ink);font-weight:600}.rules-cta{margin-top:40px;display:flex;gap:12px;flex-wrap:wrap}.closing-line{margin-top:48px;padding-top:30px;border-top:1.5px solid var(--line);font-size:23px;font-style:italic;color:var(--ink);line-height:1.4;max-width:32ch}@media (max-width:920px){.hero{grid-template-columns:1fr;gap:8px;padding-top:64px}.hero-art{display:none}}@media (max-width:820px){.board-wrap{grid-template-columns:1fr}.board-panel{position:static}.nav{padding:16px 20px}.wrap{padding:0 20px}.nav .links{gap:16px;font-size:14px}.nav .brand span:not(.mark){display:none}.shead{flex-wrap:wrap}.rule-cards{grid-template-columns:1fr}.closing-line{font-size:20px}}