:root{color-scheme:dark;font:16px/1.4 Inter,"Segoe UI",Arial,sans-serif;color:#edf0f3;background:#090b0e}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center}main{width:min(100%,800px);padding:20px 12px;text-align:center}.scene{position:relative;width:100%;aspect-ratio:714/654;isolation:isolate}canvas{position:absolute;inset:0;width:100%;height:100%}.core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap}.core small{font-size:clamp(10px,2.4vw,18px);letter-spacing:3px;color:#f7b544}.core h1{font-size:clamp(18px,4.5vw,34px);font-weight:600;letter-spacing:1px;margin:12px 0 8px}.core p{font-size:clamp(11px,2.8vw,20px);margin:0;color:#a4acb9}.node{position:absolute;transform:translate(-50%,-50%);border:1px solid #454749;border-radius:14px;background:linear-gradient(145deg,#22252b,#111419);padding:12px 16px;white-space:nowrap;color:inherit;font:inherit;font-size:clamp(12px,2.8vw,20px);text-align:left;cursor:pointer}.node small{display:block;color:#a4acb9;font-size:.85em;margin-top:2px}.node i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:9px;background:#a3cbb7}.node.amber i{background:#f7c56b}.node[aria-pressed=true]{border-color:#f7b544;box-shadow:0 0 20px #f7a6000b}.node:focus-visible,.motion:focus-visible{outline:2px solid #f7b544;outline-offset:5px}.motion{background:transparent;border:0;color:#a4acb9;font:12px/1.5 inherit;font-size:12px;padding:10px 16px;cursor:pointer;opacity:.65}.motion:hover{opacity:1}@media(max-width:540px){main{padding:16px 8px}.scene{aspect-ratio:auto;height:540px}.node{padding:9px 10px;border-radius:10px;font-size:12px}.node i{width:5px;height:5px;margin-right:5px}.core h1{font-size:19px;white-space:normal;max-width:125px;line-height:1.2;margin:10px auto}.core small{letter-spacing:2px;font-size:10px}.core p{font-size:11px}}