:root{--ink:#121110;--bone:#e9e4d6;--ember:#ff5b1f;--dim:#8f8b80;--line:#2a2926;--line2:#3a3833;--font-ui:"JetBrains Mono", ui-monospace, monospace;--font-name:"Pixelify Sans", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink);height:100%;color:var(--bone);font-family:var(--font-ui);font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:1.5px solid var(--ember);outline-offset:3px}.app{visibility:visible;grid-template-rows:auto 1fr;height:100dvh;display:grid;position:relative;overflow:clip}#stage{touch-action:none;cursor:crosshair;position:relative;overflow:hidden}#bg,#sim,#glow{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}#glow{pointer-events:none;filter:blur(8px)saturate(1.3);mix-blend-mode:screen;opacity:.85}.vignette{pointer-events:none;background:radial-gradient(130% 100% at 60% 45%,#0000 60%,#00000059);position:absolute;inset:0}#stage.over-mystery{cursor:pointer}#stage.shake{animation:.26s ease-out shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(3px,-3px)}60%{transform:translate(-2px,2px)}80%{transform:translate(1px,-1px)}}body.sim-off :is(#bg,#sim,#glow){visibility:hidden}body.sim-off #stage{cursor:default}@media (width<=699px){#stage{touch-action:auto;cursor:default}body.playing #stage{touch-action:none}}.overlay h3.group{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:40px 0 6px;font-size:11px;font-weight:400}.overlay h3.group:first-child{margin-top:8px}.entries,.books{list-style:none}.entry{border-top:1px solid var(--line);padding:24px 0 26px}.entry-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.entry-title{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.entry-name{letter-spacing:-.01em;font-size:18px;font-weight:500}.entry-year{color:var(--dim);white-space:nowrap;font-size:12px}.entry-tag{letter-spacing:.08em;color:var(--dim);border:1px solid var(--line2);border-radius:3px;padding:0 5px;font-size:10.5px}.overlay .entry p,.overlay .book p{max-width:58ch;margin:0;line-height:1.7}.overlay .entry-what{color:var(--dim);margin-top:4px;font-size:13px}.overlay .entry-did{color:#cfc9bb;border-left:2px solid var(--line2);margin-top:14px;padding-left:12px;font-size:13px}.overlay .entry-did:before{content:"my part";letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:2px;font-size:10.5px;display:block}.overlay .entry-did.entry-learned:before{content:"what I learned"}.entry-foot{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 18px;margin-top:16px;font-size:12px;display:flex}.entry-tech{color:var(--dim)}.entry-links{gap:18px;display:flex}.entry-links a{color:var(--ember)}.entry-links a:hover{text-underline-offset:3px;text-decoration:underline}.book{border-top:1px solid var(--line);padding:14px 0 15px}.book .entry-name{font-size:14px}.book .entry-what{margin-top:2px}.book .reading{color:var(--ember)}.book-title{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.book-author{color:var(--dim);font-size:12px}.hero{z-index:1;pointer-events:none;max-width:780px;padding:clamp(36px,10vh,110px) 24px 0;position:relative}.hero a{pointer-events:auto;cursor:pointer}#name{font-family:var(--font-name);color:#0000;font-size:clamp(48px,8.5vw,120px);font-weight:500;line-height:1;display:inline-block}body.sim-off #name{color:var(--bone)}.intro{max-width:400px;margin-top:20px;transition:opacity .2s}.intro p{color:var(--dim);line-height:1.7}.intro .now{color:var(--bone);align-items:baseline;gap:12px;margin-top:18px;display:flex}.intro .now .k{color:var(--dim);font-size:12px}.intro .now a:hover,.intro .now .arrow{color:var(--ember)}.intro .links{flex-wrap:wrap;gap:4px 10px;margin-top:8px;display:flex}.intro .links a{color:var(--bone)}.intro .links a:hover{color:var(--ember)}.intro .links .dot{color:var(--line2)}@media (width<=699px){.hero{padding:32px 16px 0}body.playing .hero a{pointer-events:none}body.playing .intro{opacity:.35}}.hotbar{z-index:5;border:1px solid var(--line2);background:#121110e0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:transform .25s,opacity .2s;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}body.bar-hidden .hotbar{opacity:0;pointer-events:none;transform:translate(-50%,calc(100% + 30px))}.bar-handle{z-index:5;border:1px solid var(--line2);color:var(--dim);opacity:0;pointer-events:none;background:#121110e0;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 9px;font-size:12px;transition:transform .25s,opacity .2s;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%,20px)}body.bar-hidden .bar-handle{opacity:1;pointer-events:auto;transform:translate(-50%)}.bar-handle:hover{color:var(--bone);border-color:var(--dim)}body.ov :is(.hotbar,.bar-handle){opacity:0;pointer-events:none}.mats,.actions{align-items:center;gap:6px;display:flex}.actions{position:relative}.sep{background:var(--line2);width:1px;height:22px;margin:0 4px}.slot,.act{border:1px solid var(--line2);background:#1a1917;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:2px;display:flex;position:relative}:is(.slot,.act):hover{border-color:var(--dim)}:is(.slot,.act)[aria-pressed=true]{outline:1.5px solid var(--ember);outline-offset:2px}.slot canvas{width:100%;height:100%;image-rendering:pixelated;border-radius:2px;display:block}.slot[aria-pressed=true]:after{content:attr(data-name);background:var(--ink);border:1px solid var(--line2);white-space:nowrap;color:var(--bone);pointer-events:none;border-radius:3px;padding:2px 6px;font-size:11px;position:absolute;bottom:calc(100% + 8px);left:-3px}.act{color:var(--dim);font-size:13px}.act:hover,.act[aria-expanded=true]{color:var(--bone)}:is(.act,.bar-handle) svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.label,.play,.done{display:none}.done{color:var(--ember);padding:4px 6px;font-size:13px}body.ov :is(.mats,.actions),body.sim-off .mats,body.sim-off .actions .act:not(#helpBtn){opacity:.35;pointer-events:none}.help{background:var(--ink);border:1px solid var(--line2);z-index:6;border-radius:6px;width:min(310px,100vw - 24px);padding:14px;font-size:12px;position:absolute;bottom:calc(100% + 12px);left:0}.help[hidden]{display:none}.help dl{grid-template-columns:auto 1fr;gap:7px 14px;display:grid}.help dt{color:var(--bone);white-space:nowrap}.help dd{color:var(--dim)}.help .note{color:var(--dim);margin-top:12px;line-height:1.6}.help .foot{border-top:1px solid var(--line);color:var(--dim);justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}@media (width<=699px){.hotbar{flex-wrap:wrap;row-gap:10px;padding:10px 12px;bottom:10px;left:10px;right:10px;transform:none}body.bar-hidden .hotbar{transform:translateY(calc(100% + 30px))}.bar-handle{bottom:10px}.slot[aria-pressed=true]:after{display:none}body:not(.playing) .mats{pointer-events:none;gap:5px}body:not(.playing) .slot{border:0;border-radius:2px;outline:none;width:12px;height:12px;padding:0}body:not(.playing) .sep,body:not(.playing) .actions>:not(#hideBar){display:none}body:not(.playing) .play{color:var(--ember);border-color:var(--ember);order:1;margin-left:auto;display:inline-block}body:not(.playing) .actions{order:2}body.playing .actions{order:0}body.playing .label{order:1;margin-left:6px;display:inline}body.playing .done{order:2;margin-left:auto;display:inline-block}body.playing .sep{display:none}body.playing .mats{order:3;justify-content:space-between;width:100%}body.playing .slot{width:32px;height:32px}}.slot .lock{color:var(--dim);font-size:13px;line-height:1;display:none}.slot.locked{cursor:help;background:0 0;border-style:dashed}.slot.locked canvas{display:none}.slot.locked .lock{display:block}body:not(.playing) .slot.locked{background:var(--line)}.slot.just-unlocked{animation:.9s ease-out 2 unlocked}@keyframes unlocked{0%{box-shadow:0 0 #d6262ce6}to{box-shadow:0 0 0 12px #d6262c00}}.shade{z-index:3;opacity:0;pointer-events:none;cursor:default;background:#12111099;transition:opacity .2s;position:absolute;inset:0}body.ov .shade{opacity:1;pointer-events:auto}.overlay{z-index:4;cursor:auto;touch-action:pan-y;visibility:hidden;border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line2) transparent;background:var(--ink) var(--panel-tex,none) 0 0 / var(--panel-tex-size,auto) no-repeat;width:min(60%,640px);image-rendering:pixelated;padding:28px 24px;position:absolute;top:0;bottom:0;left:0;overflow:auto}.overlay.open{visibility:visible}.overlay header{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.overlay h2{font-size:14px;font-weight:500}.overlay .close{color:var(--dim);font-size:12px}.overlay .close:hover{color:var(--bone)}.overlay p{color:var(--dim);max-width:46ch;margin-bottom:14px;line-height:1.7}#ov-work,#ov-extras{width:min(64%,700px);padding:32px 36px 48px}.rows{list-style:none}.rows a{border-top:1px solid var(--line);gap:14px;padding:9px 0;display:flex}.rows li:last-child a{border-bottom:1px solid var(--line)}.rows .k{color:var(--dim)}.rows .t{flex:1}.rows .arrow,.rows a:hover .t{color:var(--ember)}@media (width<=699px){.overlay,#ov-work,#ov-extras{border-right:0;width:100%;padding:22px 18px 40px}}.top{border-bottom:1px solid var(--line);background:var(--ink);z-index:5;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:relative}.top nav{align-items:center;gap:22px;display:flex}.top nav a:hover,.top nav a[aria-current]{color:var(--ember)}.brand{color:var(--dim)}.brand:hover{color:var(--bone)}.route{color:var(--dim)}.pill{border:1px solid var(--line2);color:var(--dim);border-radius:4px;padding:3px 8px;font-size:12px}.pill:hover{color:var(--bone);border-color:var(--dim)}@media (width<=699px){.top{justify-content:flex-end;padding:14px 16px}.top nav{white-space:nowrap;gap:14px;font-size:13px}.brand{display:none}}