*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--sans);margin:0;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}a{color:inherit}.scrim{z-index:1;background:linear-gradient(180deg,rgba(var(--veil),.5) 0,transparent 13%),linear-gradient(90deg,rgba(var(--veil),.55) 0,rgba(var(--veil),.2) 24%,transparent 38%),linear-gradient(0deg,rgba(var(--veil),.45) 0,transparent 18%);position:fixed;inset:0;pointer-events:none!important}.scrim.deep{background:linear-gradient(90deg,rgba(var(--veil),.8) 0,rgba(var(--veil),.55) 30%,transparent 52%)}header{padding:calc(24px + env(safe-area-inset-top,0px)) var(--gut) 0;z-index:3;letter-spacing:.04em;justify-content:space-between;align-items:baseline;font-size:12.5px;display:flex;position:fixed;inset:0 0 auto}.mk{font-family:var(--display);color:var(--fg);font-size:22px;text-decoration:none}.mk i,.brand i{font-family:var(--italic);font-weight:300}nav{align-items:baseline;gap:26px;display:flex}nav a{color:var(--dim);text-decoration:none}nav a[aria-current=page]{color:var(--fg)}.snd{color:var(--dim);font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:0}.snd[aria-pressed=true]{color:var(--fg)}a:focus-visible,button:focus-visible{outline:1px solid var(--brass);outline-offset:3px}[data-for]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s,visibility 0s .45s}[data-view=home] [data-for~=home],[data-view=case] [data-for~=case],[data-view=board] [data-for~=board],[data-view=about] [data-for~=about]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .7s .35s,visibility}.panel,.cap{left:var(--gut);z-index:2;width:min(440px,100vw - 32px);position:fixed;top:50%;transform:translateY(-46%)}.k{letter-spacing:.3em;text-transform:uppercase;color:var(--brass);font-size:10.5px}.panel h1,.cap h1{font-family:var(--display);margin:10px 0 8px;font-size:clamp(40px,4.4vw,64px);font-weight:400;line-height:1.02}.sc{font-family:var(--italic);color:var(--dim);margin:0;font-size:20px;font-style:italic}.cap .rt{letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-variant-numeric:tabular-nums;margin-top:10px;font-size:11px}.cap .rt b{color:var(--fg);font-weight:500}.go{flex-wrap:wrap;gap:26px;margin-top:26px;display:flex}.go a{color:var(--fg);letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid var(--brass);padding-bottom:3px;font-size:12px;text-decoration:none}.go a:last-child{border-bottom-color:var(--hair)}.panel .switch{margin-top:24px}.row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.panel .row{margin-top:22px}.panel .row .switch{margin-top:0}.switch{border:1px solid var(--hair);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000040;border-radius:22px;padding:3px;display:inline-flex}.switch button{color:var(--dim);font:11px var(--sans);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:19px;padding:8px 16px}.switch button[aria-pressed=true]{background:var(--fg);color:var(--on)}.order{font:10.5px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--hair);align-items:baseline;gap:14px;display:flex}.order button{color:var(--dim);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:2px 0}.order button[aria-pressed=true]{color:var(--fg);border-bottom-color:var(--brass)}.deck{left:50%;bottom:calc(30px + env(safe-area-inset-bottom,0px));z-index:3;flex-direction:column;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.deck .row{flex-wrap:nowrap}.pills{scrollbar-width:none;gap:8px;max-width:min(720px,100vw - 120px);display:flex;overflow-x:auto}.pills button{border:1px solid var(--hair);background:var(--chip);color:var(--fg);font:12px var(--sans);letter-spacing:.06em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:22px;flex:none;padding:10px 16px}.pills button.on{background:var(--fg);color:var(--on);border-color:var(--fg)}.step{border:1px solid var(--hair);background:var(--chip);width:38px;height:38px;color:var(--fg);font:20px/1 var(--display);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;flex:none}.zoom{right:var(--gut);bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:3;border:1px solid var(--hair);background:var(--chip);color:var(--fg);font:11px var(--sans);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:22px;padding:10px 18px;position:fixed}.hint{right:var(--gut);bottom:calc(130px + env(safe-area-inset-bottom,0px));z-index:3;font-family:var(--italic);color:var(--dim);font-size:16px;font-style:italic;position:fixed}.list{scrollbar-width:thin;gap:2px;max-height:46vh;margin:22px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.list li{border-bottom:1px solid var(--hair);align-items:baseline;gap:16px;padding:7px 0;font-size:14px;display:flex}.list .n{font-variant-numeric:tabular-nums;letter-spacing:.18em;color:var(--brass);width:22px;font-size:11px}.list a{font-family:var(--display);font-size:19px;text-decoration:none}.list a em{font-family:var(--italic);color:var(--dim);font-size:16px}.list .empty{color:var(--dim);font-family:var(--italic);font-style:italic}.list li.unbuilt a{color:var(--dim)}.also{color:var(--dim);margin:14px 0 0;font-size:12px;line-height:1.6}.about p{color:var(--dim);margin:12px 0 0;font-size:14px;line-height:1.6}.about p.fine{font-size:12px;line-height:1.55}.about p a{color:var(--fg);-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair)}.give{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.give a{border:1px solid var(--brass);color:var(--fg);font:11px var(--sans);letter-spacing:.16em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#d2ae6c14;border-radius:22px;align-items:center;gap:9px;padding:9px 16px;text-decoration:none;transition:background .25s,color .25s;display:inline-flex}.give a:hover{background:var(--brass);color:var(--on)}.give svg{fill:currentColor;flex:none;width:14px;height:14px}.about p.copy{color:var(--hair);margin-top:22px}.fade{transition:opacity .45s,transform .55s,visibility}.fade.out{opacity:0!important}.loading{z-index:5;font-family:var(--italic);color:var(--dim);background:var(--bg);place-items:center;font-size:22px;font-style:italic;transition:opacity .8s;display:grid;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.loading.error{font-family:var(--sans);text-align:center;padding:24px;font-size:14px;font-style:normal;line-height:1.6}@media (max-width:760px){header{flex-direction:column;gap:10px}.scrim{background:linear-gradient(180deg,rgba(var(--veil),.6) 0,transparent 16%),linear-gradient(0deg,rgba(var(--veil),.9) 0,rgba(var(--veil),.45) 34%,transparent 54%)}.scrim.deep{background:linear-gradient(0deg,rgba(var(--veil),.95) 0,rgba(var(--veil),.82) 55%,transparent 78%)}.panel,.cap{top:auto;bottom:calc(36px + env(safe-area-inset-bottom,0px));transform:none}.cap{bottom:calc(132px + env(safe-area-inset-bottom,0px))}.deck{gap:10px}.deck .row{flex-wrap:nowrap;gap:12px}.deck .order span{display:none}.deck .order{gap:10px}.deck .switch button{padding:7px 12px}.panel h1,.cap h1{font-size:36px}.sc{font-size:18px}.list{max-height:34vh}.about{max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px));scrollbar-width:none;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),#0000);mask-image:linear-gradient(#000 calc(100% - 18px),#0000)}.give{gap:8px}.give a{letter-spacing:.1em;padding:9px 12px}.hint{display:none}.zoom{bottom:auto;top:calc(104px + env(safe-area-inset-top,0px))}.deck{bottom:calc(20px + env(safe-area-inset-bottom,0px));width:calc(100vw - 32px)}.pills{max-width:calc(100vw - 120px)}}@media (prefers-reduced-motion:reduce){.fade,[data-for]{transition:none}}