:root{color-scheme:dark;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;background:#000;color:#f4eee4}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#000}#app{position:fixed;inset:0;background:#000}#board{display:block;width:100vw;height:100vh;background:#000;cursor:grab}#board.dragging{cursor:grabbing}#strings{position:fixed;inset:0;width:100vw;height:100vh;background:transparent;pointer-events:none;z-index:2;overflow:visible}#edgeFade{position:fixed;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at center,#0000 74%,#0006 91%,#000000e6),linear-gradient(90deg,#00000094,#0000 7% 93%,#00000094),linear-gradient(180deg,#0000009e,#0000 8% 92%,#0000009e)}#introScrim{position:fixed;inset:0;z-index:4;background:#000;pointer-events:auto;animation:introScrimSettle 1.6s ease 1s forwards;transition:opacity .9s ease}#introScrim.is-dismissed,.has-artifact-route #introScrim{opacity:0;animation:none;pointer-events:none}#welcome,#infoOverlay{position:fixed;inset:0;z-index:7;display:grid;place-items:center;padding:max(22px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));pointer-events:none;transition:opacity .36s ease,visibility .36s ease}#infoOverlay{z-index:8;background:#000000d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}#infoOverlay[hidden]{display:none}#infoOverlay.is-closing,#welcome.is-dismissed,.has-artifact-route #welcome{opacity:0;visibility:hidden}#welcomePanel,#infoPanel{width:min(720px,100%);color:#f4eee4;text-align:center;text-shadow:0 2px 22px rgba(0,0,0,.86);pointer-events:auto}#welcomePanel p,#infoPanel p{margin:0;font-size:17px;font-weight:400;line-height:1.55;text-wrap:balance}#infoPanel a{color:#f4eee4;text-decoration-color:#f4eee475;text-decoration-thickness:1px;text-underline-offset:5px}#infoPanel a:hover,#infoPanel a:focus-visible{color:#fffaf2;text-decoration-color:#fffaf2e6;outline:none}#welcomePanel p+p{margin-top:16px}#dismissWelcome,#closeInfo{margin-top:30px;min-width:138px;min-height:44px;border:1px solid rgba(244,238,228,.34);border-radius:0;background:#f4eee4;color:#0a0806;cursor:pointer;font:inherit;font-size:14px;font-weight:650;letter-spacing:0;transition:background .16s ease,border-color .16s ease,transform .16s ease}#dismissWelcome:hover,#dismissWelcome:focus-visible,#closeInfo:hover,#closeInfo:focus-visible{background:#fffaf2;border-color:#fffaf2db;outline:none}#dismissWelcome:active,#closeInfo:active{transform:scale(.97)}@keyframes introScrimSettle{to{opacity:.84}}#detail{--detail-padding: 22px;--detail-padding-y: 44px;position:fixed;inset:0;display:grid;place-items:center;padding:var(--detail-padding);z-index:5;overflow:hidden}#detail[hidden]{display:none}#detail.is-preparing{visibility:hidden}#detail:before{content:"";position:fixed;inset:0;background:#000000db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:1;transition:opacity .22s ease;z-index:0}#detail.is-opening:before,#detail.is-closing:before{opacity:0}#detailChrome{position:fixed;right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));display:flex;gap:8px;opacity:0;transition:opacity .3s ease;z-index:7}#detailLinkChrome{position:fixed;left:max(16px,env(safe-area-inset-left));top:max(16px,env(safe-area-inset-top));display:flex;gap:8px;opacity:0;transition:opacity .3s ease;z-index:7}#detail.is-opening #detailChrome,#detail.is-open #detailChrome,#detail.is-opening #detailLinkChrome,#detail.is-open #detailLinkChrome{opacity:1}#detail.is-closing #detailChrome,#detail.is-closing #detailLinkChrome{opacity:0;transition-duration:0ms;transition-delay:0ms}#openInfo,#closeDetail,#copyDetailLink{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:999px;background:transparent;color:#f4eee4;cursor:pointer;padding:8px;position:relative;transition:background .16s ease,color .16s ease,transform .16s ease}#openInfo{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:3;opacity:0;pointer-events:none;transition:background .16s ease,color .16s ease,opacity .9s ease,transform .16s ease}.has-artifact-route #openInfo,.intro-dismissed #openInfo{opacity:1;pointer-events:auto}#openInfo svg,#closeDetail svg,#copyDetailLink svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}#openInfo svg{stroke-width:1.9}#copyDetailLink svg{grid-area:1 / 1;transition:opacity .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)}#copyDetailLink .copy-link-icon{opacity:1;transform:scale(1)}#copyDetailLink .copy-check-icon,#copyDetailLink.is-copied .copy-link-icon{opacity:0;transform:scale(.72)}#copyDetailLink.is-copied .copy-check-icon{opacity:1;transform:scale(1)}#openInfo:hover,#openInfo:focus-visible,#closeDetail:hover,#closeDetail:focus-visible,#copyDetailLink:hover,#copyDetailLink:focus-visible,#copyDetailLink.is-copied{background:#f4eee424;color:#fffaf2;outline:none}#openInfo:active,#closeDetail:active,#copyDetailLink:active{transform:scale(.96)}#detailStage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--detail-caption-gap, 24px);width:100%;max-width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;position:relative;transform-origin:var(--stage-origin-x, 50%) var(--stage-origin-y, 50%);transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:1}#detailMover{width:100%;max-width:100%;height:100%;min-width:0;min-height:0;position:relative;transform-origin:var(--stage-origin-x, 50%) var(--stage-origin-y, 50%);transition:transform .3s cubic-bezier(.5,0,1,1);z-index:1}#detailCaption{width:min(100%,var(--detail-image-width, 1400px));max-width:100%;min-width:0;flex:0 0 auto;color:#f4eee4;text-align:center;text-shadow:0 2px 22px rgba(0,0,0,.86);opacity:1;transition:opacity .18s ease}#detail.is-opening #detailCaption,#detail.is-closing #detailCaption{opacity:0}#detailCaption h1{margin:0;max-width:100%;margin-inline:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:400;line-height:1.18}#detailCaption p{margin:5px 0 0;color:#f4eee4ad;font-size:18px;font-weight:400;line-height:1.18}#detailImage{flex:0 1 auto;min-width:0;min-height:0;max-width:min(100%,1400px);max-height:calc(100% - var(--detail-caption-height, 48px) - var(--detail-caption-gap, 24px));object-fit:contain;background:#080706;box-shadow:0 24px 90px #00000085;transition:box-shadow .22s ease;-webkit-user-select:none;user-select:none}#detail.is-opening #detailImage,#detail.is-closing #detailImage{box-shadow:0 8px 28px #00000061}@media(max-width:720px){#welcomePanel p,#infoPanel p{font-size:14px;line-height:1.5}#welcomePanel p+p{margin-top:14px}#dismissWelcome{margin-top:24px;min-width:126px;min-height:42px;font-size:13px}#detail{--detail-padding: 10px;--detail-padding-y: 20px}#detailChrome{right:max(10px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top))}#detailLinkChrome{left:max(10px,env(safe-area-inset-left));top:max(10px,env(safe-area-inset-top))}#openInfo{left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom))}#openInfo,#closeDetail,#copyDetailLink{width:36px;height:36px}#detailStage{--detail-caption-gap: 16px}#detailCaption{width:min(100%,var(--detail-image-width, 1400px))}#detailCaption h1{font-size:15px;display:-webkit-box;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}#detailCaption p{font-size:15px}#detailImage{max-height:calc(90vh - var(--detail-caption-height, 42px) - var(--detail-caption-gap, 16px))}}@media(prefers-reduced-motion:reduce){#detail,#detailMover,#detailStage,#detailCaption,#openInfo,#closeDetail,#copyDetailLink{transition:none}}