@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap";.icon-button,.color-button{place-items:center;padding:0;display:inline-grid}.ui-icon{flex:none;width:16px;height:16px;display:block}main .central,main .central strong,main .central small,main .topic-node{color:#181818;appearance:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}main .central small{color:#5b5b58}main .controls{position:relative}main .menu-toggle{display:none}main .control-menu{align-items:center;gap:7px;display:flex}main .control-item{align-items:center;gap:7px;display:inline-flex}main .control-label{display:none}@media (width<=640px){main header{grid-template-columns:minmax(0,1fr) auto;gap:7px 9px;min-height:0;padding:10px 12px 8px;display:grid}main header>b{text-overflow:ellipsis;grid-area:1/1;font-size:14px;overflow:hidden}main .controls{scrollbar-width:none;grid-area:1/2;gap:5px;max-width:none;margin:0;overflow:visible}main .controls::-webkit-scrollbar{display:none}main .controls>.menu-toggle{background:#fff;border:1.5px solid #171717;border-radius:12px;width:38px;min-width:38px;height:38px;box-shadow:3px 4px #202020;display:grid!important}main .controls>.menu-toggle .ui-icon{width:20px;height:20px}main .control-menu{z-index:20;background:#fffdf9;border:1.5px solid #171717;border-radius:18px;flex-direction:column;align-items:stretch;gap:7px;width:min(292px,100vw - 24px);padding:10px;display:none;position:absolute;top:calc(100% + 11px);right:0;box-shadow:5px 7px #202020}main .controls.menu-open .control-menu{display:flex}main .control-item{background:color-mix(in srgb,var(--accent) 9%,white);min-height:45px;box-shadow:2px 3px 0 color-mix(in srgb,var(--accent) 48%,#303030);border:1px solid #171717;border-radius:999px;gap:11px;padding:5px 7px;display:flex}:is(main .control-item:has(button:hover),main .control-item:has(label:hover)){background:color-mix(in srgb,var(--accent) 17%,white);box-shadow:3px 4px 0 color-mix(in srgb,var(--accent) 62%,#303030);transform:translate(-1px,-1px)}main .control-item .icon-button,main .control-item .color-button{background:#fff;border:1px solid #171717;border-radius:50%;width:31px;min-width:31px;height:31px;box-shadow:1px 2px #202020}main .control-item>button{background:#fff;border:1px solid #171717;border-radius:50%;width:31px;min-width:31px;height:31px;padding:0;font-size:10px;font-weight:800;line-height:1;box-shadow:1px 2px #202020;color:#181818!important}main .control-item>button.active{background:color-mix(in srgb,var(--accent) 20%,white);color:#181818!important}main .control-item .font-size-control{letter-spacing:-.08em;font-size:12px;font-weight:800}main .control-item .color-button{isolation:isolate;margin:0}main .control-item .color-button .ui-icon{display:none}main .control-item .color-button input{clip-path:inset(50%);opacity:0;appearance:none;width:1px!important;min-width:0!important;height:1px!important;min-height:0!important;position:absolute!important;inset:auto!important}main .control-item .color-button:before{content:"";background:var(--accent);width:14px;height:14px;box-shadow:1px 2px 0 color-mix(in srgb,var(--accent) 58%,#202020);border:1.5px solid #171717;border-radius:50%}main .control-item .color-button:after{content:"";opacity:.9;background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;transform:translate(-4px,-4px)}main .control-label{color:#181818;font-size:14px;font-weight:800;display:block}main .control-menu .divider{background:#d7d1c9;width:auto;height:1px;margin:1px 5px;display:block}main nav{order:initial;scrollbar-width:none;grid-area:2/1/auto/-1;width:100%;min-height:26px;padding:3px 0 1px;font-size:12px;display:flex;overflow-x:auto}main nav::-webkit-scrollbar{display:none}main .icon-button,main .color-button{border-radius:9px;width:32px;min-width:32px;height:32px}main .ui-icon{width:18px;height:18px}main .topic-node{color:#181818;white-space:normal;max-width:calc(50vw - 22px);padding:11px 13px;font-size:14px;line-height:1.18}main .central{color:#181818;padding:17px 25px}}main{font-size:var(--font-px,16px)}main header>b{font-size:.94em}main nav,main .controls{font-size:.82em}main .topic-node{cursor:pointer;font-size:.94em}main .central small{font-size:.82em}main article>p{font-size:1.06em}main blockquote{font-size:1em}main h1{font-size:clamp(2em,5vw,2.5em)}.icon-button:disabled{opacity:.35;cursor:not-allowed}.topic-node{cursor:pointer}.map-selector{background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 45%);flex:1;place-items:center;padding:32px 20px;display:grid}.menu-toggle{background:#fff;border:1px solid #171717;border-radius:10px;padding:7px 10px;display:none}.control-menu button,.control-menu label{font:inherit;color:#181818;border-radius:8px;padding:6px 8px}.control-menu button:hover{background:color-mix(in srgb,var(--accent) 16%,white)}.map-intro{text-align:center}.map-intro h1{margin:18px 0 34px}.map-options{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.map-options button{background:#fff;border:1.5px solid #171717;border-radius:28px;flex-direction:column;align-items:center;gap:12px;width:min(290px,80vw);min-height:150px;padding:28px 22px;transition:transform .2s;display:flex;box-shadow:6px 8px #202020}.map-options button:hover{transform:translateY(-5px)}.map-options button:first-child{background:#e1eafe}.map-options button:last-child{background:#fae1d9}.map-options strong{font-size:1.15rem}.map-options small{color:#686868;line-height:1.4}.answer{white-space:pre-line}.complete{color:#477e5a;background:#e1f1e4;margin-top:28px}*{box-sizing:border-box}body{color:#181818;background:#fafaf7;margin:0;font-family:Manrope,sans-serif}main{flex-direction:column;height:100dvh;display:flex;overflow:hidden}button{font:inherit;cursor:pointer;background:0 0;border:0}header{z-index:5;align-items:center;gap:22px;min-height:66px;padding:18px 24px;display:flex}header>b{white-space:nowrap;font-size:15px}nav{white-space:nowrap;flex:1;gap:6px;min-width:0;font-size:13px;display:flex;overflow:auto}nav span{gap:6px;display:inline-flex}nav button{color:#6b6b68}nav span:last-child button{color:#181818;font-weight:800}nav i{color:#d8d8d2;font-style:normal}.controls{align-items:center;gap:7px;font-size:13px;display:flex}.controls .active{font-weight:800}.divider{background:#deded8;width:1px;height:18px;margin:0 3px}.icon-button,.color-button{color:#555;background:#f1f0ec;border-radius:8px;place-items:center;width:29px;height:29px;font-size:17px;line-height:1;display:grid}.icon-button:hover,.color-button:hover,.active-control{background:color-mix(in srgb,var(--accent) 18%,white);color:var(--accent)}.danger:hover{color:#bb3f3f;background:#fbe8e8}.color-button{color:var(--accent);font-size:18px;position:relative}.color-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.stage{flex:1;position:relative;overflow:hidden}.stage svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage path{fill:none;stroke-width:.36px;stroke-linecap:round}.rope-0{stroke:#78a78a}.rope-1{stroke:#7396be}.rope-2{stroke:#c37d6e}.rope-3{stroke:#a57dbe}.rope-4{stroke:#c3a05a}.rope-5{stroke:#64a0b4}.rope-6{stroke:#cd789b}.central,.topic-node{touch-action:none;cursor:default;border:1.5px solid #171717;border-radius:999px;position:absolute;box-shadow:5px 7px #202020}.physical{transform:translate(-50%,-50%) translate(var(--dx,0px),var(--dy,0px));will-change:transform;transition:left 1.35s cubic-bezier(.22,1,.36,1),top 1.35s cubic-bezier(.22,1,.36,1),box-shadow .2s}.physical:active{cursor:grabbing}.central{background:#fff;flex-direction:column;align-items:center;gap:8px;max-width:min(340px,70vw);padding:30px 46px;display:flex;top:52%;left:50%}.central strong{letter-spacing:-.04em;font-size:clamp(1.55rem,3vw,2rem);line-height:1}.central small{color:#686868;font-size:13px;font-weight:500;line-height:1.35}.topic-node{white-space:nowrap;padding:14px 22px;font-size:15px;font-weight:700}.topic-node.physical:hover{transform:translate(-50%,-50%) translate(var(--dx,0px),var(--dy,0px)) scale(1.06)}.check{background:var(--accent);color:#fff;z-index:3;border:2px solid #171717;border-radius:50%;place-items:center;width:25px;height:25px;font-size:15px;font-weight:900;display:grid;position:absolute;top:-10px;right:-9px;box-shadow:2px 3px #171717}.atomic{background:radial-gradient(circle at 50% 5%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 42%);flex:1;padding:34px 24px 56px;overflow:auto}article{text-align:center;max-width:560px;margin:auto}.badge{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;background:#f1f0ec;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-flex}h1{letter-spacing:-.04em;margin:18px 0 12px;font-size:clamp(2rem,5vw,2.5rem)}article>p{color:#686868;margin:0;font-size:17px;line-height:1.55}label{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:28px 0 8px;font-size:11px;font-weight:800;display:block}blockquote{border:1px solid #d8d8d2;border-left:3px solid var(--accent);background:#fff;border-radius:14px;margin:0;padding:18px 22px;font-size:16px;font-style:italic;line-height:1.5}.code{text-align:left;background:#20252d;border-radius:14px;margin-top:22px;overflow:hidden;box-shadow:0 24px 48px -28px #0008}.code>div{color:#ffffff80;letter-spacing:.05em;background:#ffffff0d;justify-content:space-between;padding:11px 16px;font:700 11px ui-monospace,monospace;display:flex}.code span{gap:7px;display:flex}.code i{background:#ee6a5f;border-radius:50%;width:10px;height:10px;display:block}.code i:nth-child(2){background:#f5bd4f}.code i:nth-child(3){background:#61c454}.code pre{color:#e8ecf1;margin:0;padding:20px;font:14px/1.7 ui-monospace,monospace;overflow:auto}.learned-button{background:var(--accent);color:#fff;border-radius:12px;margin-top:24px;padding:12px 18px;font-weight:800;box-shadow:3px 4px #312b36}.learned-button.done{background:#477e5a}.related{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.related button{border:1px solid color-mix(in srgb,var(--accent) 44%,white);background:color-mix(in srgb,var(--accent) 9%,white);color:var(--accent);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700;transition:transform .2s}.related button:hover{transform:scale(1.06)}@media (width<=640px){header{flex-wrap:wrap;gap:12px;padding:14px 16px}header>b{font-size:14px}nav{flex-basis:100%;order:3}.controls{gap:4px;margin-left:auto}.controls>button:not(.active),.divider{display:none}.central{padding:16px 24px;top:26%}.central small{max-width:220px}.topic-node{padding:10px 16px;font-size:13px}.stage path{stroke-width:.48px}.atomic{padding:28px 16px}}@media (prefers-reduced-motion:reduce){.physical{transition:none}.stage path{display:none}}